HideHL: base implementation of HuiFilePicker

Author: LeoVgr

hide/kit/File.hx

@@ -28,7 +28,13 @@ class File extends Widget<String> {
 
 		return file.element[0];
 		#elseif hui
-		throw "implment";
+		var f = new hrt.ui.HuiFilePicker();
+		f.value = value;
+		f.onValueChanged = () -> {
+			value = f.value;
+			broadcastValueChange(false);
+		}
+		return f;
 		#else
 		return null;
 		#end

hide_hl/res/ui/style/common.less

@@ -18,7 +18,7 @@
 @color-foreground-muted: #878787;
 @color-accent: @color-blue;
 
-@color-over: rgba(255,255,255,0.15);
+@color-over: rgba(255,255,255,0.25);
 @color-over-lighter: rgba(255,255,255,0.25);
 
 @widget-base-height: 16;

hide_hl/res/ui/style/hui-category.less

@@ -25,7 +25,7 @@ hui-category {
 	> #content {
 		layout: vertical;
 		fill-width: true;
-		padding: 10;
+		padding: 3;
 		overflow: hidden;
 	}
 }

hide_hl/res/ui/style/hui-file-picker.less

@@ -0,0 +1,25 @@
+hui-file-picker {
+	min-height: @widget-base-height;
+	min-width: @widget-base-height;
+	fill-width: true;
+	cursor: button;
+	padding: 0 3 0 3;
+
+	> hui-text {
+		valign: middle;
+		margin-bottom: 2;
+	}
+
+	background-type: hui;
+	> hui-background {
+		background: @widget-bg;
+		border-radius: @base-corner-radius;
+		outline: 1 @widget-border;
+	}
+
+	&:hover {
+		> hui-background {
+			background: @color-over;
+		}
+	}
+}

hide_hl/res/ui/style/hui-slider.less

@@ -1,5 +1,5 @@
 hui-slider {
-	min-width: 50px;
+	min-width: 30px;
 	fill-width: 1;
 	max-width: 200px;
 	height: @widget-base-height;

hrt/ui/HuiFilePicker.hx

@@ -0,0 +1,31 @@
+package hrt.ui;
+
+#if hui
+class HuiFilePicker extends HuiElement {
+	static var SRC = <hui-file-picker>
+		<hui-text id="path"/>
+	</hui-file-picker>
+
+	public var value(default, set) : String;
+
+	public function new(?parent) {
+		super(parent);
+		initComponent();
+
+		this.onClick = (e: hxd.Event) -> {
+			hxd.File.browse((select) -> {
+				value = select.fileName;
+				onValueChanged();
+			}, {fileTypes: [{name: "prefab, l3d, fx", extensions: ["prefab", "l3d", "fx"]}]});
+		}
+	}
+
+	public function set_value(v: String) {
+		path.text = v;
+		return value = v;
+	}
+
+	public dynamic function onValueChanged() {}
+}
+
+#end

hrt/ui/HuiViewGym.hx

@@ -3,10 +3,10 @@ package hrt.ui;
 #if hui
 
 typedef TreeItem = {
-			name: String,
-			children: Array<TreeItem>,
-			id: String,
-		};
+	name: String,
+	children: Array<TreeItem>,
+	id: String,
+};
 
 class HuiViewGym extends HuiView<{}> {
 	static var SRC =