From abfb99aee837805092d8817f45ffe1680ea3d399 Mon Sep 17 00:00:00 2001
From: yumoqing <yumoqing@gmail.com>
Date: Sat, 13 Jun 2026 18:31:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20InlineForm=E6=8E=A7=E4=BB=B6=20-=20?=
 =?UTF-8?q?=E6=B0=B4=E5=B9=B3=E5=8D=95=E8=A1=8C=E8=A1=A8=E5=8D=95=EF=BC=8C?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E8=87=AA=E5=AE=9A=E4=B9=89=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 bricks/css/bricks.css |  29 ++++++++++++
 bricks/form.js        | 104 ++++++++++++++++++++++++++++++++++++++----
 2 files changed, 125 insertions(+), 8 deletions(-)

diff --git a/bricks/css/bricks.css b/bricks/css/bricks.css
index 047abab..8fed963 100755
--- a/bricks/css/bricks.css
+++ b/bricks/css/bricks.css
@@ -838,6 +838,24 @@ hr {
 	filter: invert(1);
 }
 
+/* ---- Sidebar Menu collapse ---- */
+.menu-collapsed {
+	width: 48px !important;
+	min-width: 48px !important;
+	overflow: hidden;
+}
+.menu-collapsed .menuitem {
+	justify-content: center;
+	padding: 8px 0;
+}
+.menu-collapsed .menuitem .bricks-text,
+.menu-collapsed .menuitem .text {
+	display: none;
+}
+.menu-collapsed .menuitem img {
+	margin: 0 auto;
+}
+
 /* Override Menu widget's inline backgroundColor:"white" */
 [data-theme="dark"] .popup .vbox,
 [data-theme="dark"] .popup .vcontainer,
@@ -877,3 +895,14 @@ hr {
 [data-theme="dark"] .toppopup {
 	box-shadow: 10px 5px 10px rgba(0,0,0,0.5), 0 -5px 5px rgba(255,255,255,0.05);
 }
+
+/* ---- InlineForm ---- */
+.inline-form-field {
+	flex-shrink: 0;
+	white-space: nowrap;
+}
+.inline-form-field input,
+.inline-form-field select {
+	height: auto;
+	margin: 0;
+}
diff --git a/bricks/form.js b/bricks/form.js
index df35f60..86b15a5 100644
--- a/bricks/form.js
+++ b/bricks/form.js
@@ -342,16 +342,104 @@ bricks.FormBase = class extends bricks.Layout {
 	}
 }
 
-bricks.InlineForm = class extends bricks.FormBase {
+bricks.InlineForm = class extends bricks.HBox {
+	/*
+	Horizontal inline form — all fields in one row.
+	Options:
+		fields: [{name, label, uitype, placeholder, ...}]
+		submit_label: "搜索" (button text, default "Submit")
+		submit_icon: url to icon (optional)
+		submit_css: "primary" (css class for button)
+		submit_bgcolor: "#xxx" (background color)
+		gap: "0.5" (gap between items in charsize)
+		show_label: true/false (show label before input, default true)
+	Events:
+		submit: dispatched with form data on button click
+	*/
 	constructor(opts){
-		opts.height = "100%";
-		opts.width = "100%";
-		opts.overflow = "auto";
+		opts.width = opts.width || '100%';
+		opts.height = 'auto';
+		opts.overflow = 'none';
+		opts.alignItems = 'center';
+		opts.gap = opts.gap || '0.5';
 		super(opts);
-		this.fg = new bricks.FieldGroup({});
-		this.fg.build_fields(this, this, this.opts.fields)
-		this.build_toolbar(this.children[0]);
-		this.save_origin_data();
+		this.name_inputs = {};
+		this.build_fields();
+		this.build_submit();
+	}
+	getValue(){
+		var data = {};
+		for (var name in this.name_inputs){
+			if (!this.name_inputs.hasOwnProperty(name)) continue;
+			var w = this.name_inputs[name];
+			var d = w.getValue();
+			bricks.extend(data, d);
+		}
+		return data;
+	}
+	setValue(name, value){
+		var w = this.name_inputs[name];
+		if (w) w.setValue(value);
+	}
+	reset(){
+		for (var name in this.name_inputs){
+			if (!this.name_inputs.hasOwnProperty(name)) continue;
+			this.name_inputs[name].reset();
+		}
+	}
+	validation(){
+		var data = this.getValue();
+		this.dispatch('submit', data);
+	}
+	build_fields(){
+		var fields = this.opts.fields || [];
+		var show_label = this.opts.show_label !== false;
+		for (var i=0; i<fields.length; i++){
+			var f = fields[i];
+			if (f.nonuse) continue;
+			var cell = new bricks.HBox({
+				height:'auto',
+				alignItems:'center',
+				gap:'0.3'
+			});
+			cell.set_css('inline-form-field');
+			if (show_label && f.label){
+				var lbl = new bricks.Text({
+					otext: f.label,
+					height:'auto',
+					dynsize:true,
+					i18n:true
+				});
+				cell.add_widget(lbl);
+			}
+			var inputdesc = objcopy(f);
+			if (!inputdesc.width) inputdesc.width = 'auto';
+			if (f.placeholder && !inputdesc.placeholder){
+				inputdesc.placeholder = f.placeholder;
+			} else if (!inputdesc.placeholder && f.label){
+				inputdesc.placeholder = f.label;
+			}
+			var w = Input.factory(inputdesc);
+			if (w){
+				cell.add_widget(w);
+				this.name_inputs[f.name] = w;
+				w.set_id(f.name);
+			}
+			cell.set_id(f.name + '_box');
+			this.add_widget(cell);
+		}
+	}
+	build_submit(){
+		this.add_widget(new bricks.Filler());
+		var btnopts = {
+			label: this.opts.submit_label || 'Submit',
+			css: this.opts.submit_css || 'primary'
+		};
+		if (this.opts.submit_icon) btnopts.icon = this.opts.submit_icon;
+		if (this.opts.submit_bgcolor) btnopts.bgcolor = this.opts.submit_bgcolor;
+		var btn = new bricks.Button(btnopts);
+		btn.bind('click', this.validation.bind(this));
+		this.add_widget(btn);
 	}
 }