geekplus-digital-ui 0.1.40 → 0.1.42

package/components/index.d.ts

@@ -5,3 +5,5 @@ export * from './icon';
 export * from './icon-tip';
 export * from './inline-edit';
 export * from './upload';
+export * from './search-form';
+export * from './search-item';

package/components/index.js

@@ -6,15 +6,19 @@ import i from "./icon/index.js";
 import a from "./icon-tip/index.js";
 import o from "./inline-edit/index.js";
 import s from "./upload/index.js";
+import c from "./search-form/index.js";
+import l from "./search-item/index.js";
 //#region packages/components/index.js
-var c = /* @__PURE__ */ e({
+var u = /* @__PURE__ */ e({
 	DCopy: () => t,
 	DEditor: () => n,
 	DFoldText: () => r,
 	DIcon: () => i,
 	DIconTip: () => a,
 	DInlineEdit: () => o,
+	DSearchForm: () => c,
+	DSearchItem: () => l,
 	DUpload: () => s
 });
 //#endregion
-export { t as DCopy, n as DEditor, r as DFoldText, i as DIcon, a as DIconTip, o as DInlineEdit, s as DUpload, c as components_exports };
+export { t as DCopy, n as DEditor, r as DFoldText, i as DIcon, a as DIconTip, o as DInlineEdit, c as DSearchForm, l as DSearchItem, s as DUpload, u as components_exports };

package/components/search-form/index.d.ts

@@ -0,0 +1,55 @@
+export const DSearchForm: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        getTrackText: () => string;
+        $emit: (event: "reset" | "search", ...args: any[]) => void;
+        loading: boolean;
+        enterClick: boolean;
+        noLabel: boolean;
+        $props: {
+            readonly loading?: boolean | undefined;
+            readonly enterClick?: boolean | undefined;
+            readonly noLabel?: boolean | undefined;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rowRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        getTrackText: () => string;
+        $emit: (event: "reset" | "search", ...args: any[]) => void;
+        loading: boolean;
+        enterClick: boolean;
+        noLabel: boolean;
+        $props: {
+            readonly loading?: boolean | undefined;
+            readonly enterClick?: boolean | undefined;
+            readonly noLabel?: boolean | undefined;
+        };
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+    getTrackText: () => string;
+    $emit: (event: "reset" | "search", ...args: any[]) => void;
+    loading: boolean;
+    enterClick: boolean;
+    noLabel: boolean;
+    $props: {
+        readonly loading?: boolean | undefined;
+        readonly enterClick?: boolean | undefined;
+        readonly noLabel?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            isOpen: boolean;
+        }): any;
+    };
+});
+export default DSearchForm;

package/components/search-form/index.js

@@ -0,0 +1,5 @@
+import e from "./src/search-form.js";
+//#region packages/components/search-form/index.js
+var t = e;
+//#endregion
+export { t as default };

package/components/search-form/src/search-form.js

@@ -0,0 +1,111 @@
+import { useLocale as e } from "../../../hooks/use-locale/index.js";
+import "../../../hooks/index.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+import n from "../../icons/angle-down-light.js";
+import r from "../../icons/angle-up-light.js";
+import i from "../../icon/index.js";
+import './search-form.vue_vue_type_style_index_0_scoped_cea05b8f_lang.css';/* empty css                                                            */
+import "../../index.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, normalizeClass as p, normalizeStyle as m, openBlock as h, provide as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useTemplateRef as x, withCtx as S, withKeys as C } from "vue";
+import { useResizeObserver as w } from "@vueuse/core";
+import { ElButton as T, ElRow as E } from "element-plus";
+var D = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DSearchForm" }, {
+	__name: "search-form",
+	props: {
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		enterClick: {
+			type: Boolean,
+			default: !0
+		},
+		noLabel: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["reset", "search"],
+	setup(t, { expose: D, emit: O }) {
+		let k = t, A = O, j = x("rowRef"), M = _(!1), N = _(0), { t: P } = e();
+		g("searchFormNoLabel", o(() => k.noLabel));
+		let F = _([]);
+		g("registerTrackItem", (e, t) => {
+			let n = {
+				label: e,
+				value: t
+			};
+			return F.value.push(n), () => {
+				let e = F.value.indexOf(n);
+				e !== -1 && F.value.splice(e, 1);
+			};
+		});
+		let I = () => F.value.filter((e) => e.label && e.value != null && e.value !== "").map((e) => `${e.label}=${e.value}`).join(","), L = o(() => k.noLabel ? 32 : 64), R = o(() => N.value > L.value + 2), z = o(() => M.value ? {} : { height: `${L.value}px` }), B = o(() => ({ top: `${k.noLabel ? 0 : 32}px` })), V = () => {
+			M.value = !M.value;
+		}, H = () => {
+			k.loading || A("reset");
+		}, U = () => {
+			k.loading || A("search");
+		}, W = () => {
+			k.enterClick && U();
+		};
+		return w(j, (e) => {
+			N.value = e[0].contentRect.height;
+		}), D({ getTrackText: I }), (e, o) => (h(), l("div", {
+			class: p(["d-search-form", { "is-open": M.value }]),
+			style: m(z.value),
+			onKeyup: C(W, ["enter"])
+		}, [u("div", {
+			ref_key: "rowRef",
+			ref: j,
+			class: "search-row"
+		}, [f(b(E), { gutter: 12 }, {
+			default: S(() => [v(e.$slots, "default", { isOpen: M.value }, void 0, !0)]),
+			_: 3
+		})], 512), u("div", {
+			class: "search-btns",
+			style: m(B.value)
+		}, [
+			f(b(T), {
+				loading: t.loading,
+				onClick: H
+			}, {
+				default: S(() => [d(y(b(P)("d.searchForm.reset")), 1)]),
+				_: 1
+			}, 8, ["loading"]),
+			f(b(T), {
+				type: "primary",
+				loading: t.loading,
+				onClick: U
+			}, {
+				default: S(() => [d(y(b(P)("d.searchForm.search")), 1)]),
+				_: 1
+			}, 8, ["loading"]),
+			R.value ? (h(), l(a, { key: 0 }, [M.value ? (h(), s(b(T), {
+				key: 0,
+				link: "",
+				type: "primary",
+				onClick: V
+			}, {
+				default: S(() => [d(y(b(P)("d.searchForm.collapse")) + " ", 1), f(b(i), null, {
+					default: S(() => [f(r)]),
+					_: 1
+				})]),
+				_: 1
+			})) : (h(), s(b(T), {
+				key: 1,
+				link: "",
+				type: "primary",
+				onClick: V
+			}, {
+				default: S(() => [d(y(b(P)("d.searchForm.expand")) + " ", 1), f(b(i), null, {
+					default: S(() => [f(n)]),
+					_: 1
+				})]),
+				_: 1
+			}))], 64)) : c("", !0)
+		], 4)], 38));
+	}
+}), [["__scopeId", "data-v-cea05b8f"]]);
+//#endregion
+export { D as default };

package/components/search-form/src/search-form.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    getTrackText: () => string;
+    $emit: (event: "reset" | "search", ...args: any[]) => void;
+    loading: boolean;
+    enterClick: boolean;
+    noLabel: boolean;
+    $props: {
+        readonly loading?: boolean | undefined;
+        readonly enterClick?: boolean | undefined;
+        readonly noLabel?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    rowRef: HTMLDivElement;
+}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            isOpen: boolean;
+        }): any;
+    };
+    refs: {
+        rowRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};

package/components/search-form/src/search-form.vue_vue_type_style_index_0_scoped_cea05b8f_lang.css

@@ -0,0 +1 @@
+.d-search-form[data-v-cea05b8f]{align-items:flex-start;gap:12px;display:flex;overflow:hidden}.d-search-form.is-open[data-v-cea05b8f]{overflow:visible}.d-search-form .search-row[data-v-cea05b8f]{flex:1}.d-search-form .search-row[data-v-cea05b8f] .el-row{flex-wrap:wrap;gap:12px 0}.d-search-form .search-btns[data-v-cea05b8f]{flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.d-search-form .search-btns[data-v-cea05b8f] .el-button{margin:0}.d-search-form .search-btns[data-v-cea05b8f] .el-button .d-icon{margin-left:4px}

package/components/search-item/index.d.ts

@@ -0,0 +1,51 @@
+export const DSearchItem: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        label: string;
+        span: number;
+        trackLabel: string;
+        trackValue: null;
+        $props: {
+            readonly label?: string | undefined;
+            readonly span?: number | undefined;
+            readonly trackLabel?: string | undefined;
+            readonly trackValue?: null | undefined;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        label: string;
+        span: number;
+        trackLabel: string;
+        trackValue: null;
+        $props: {
+            readonly label?: string | undefined;
+            readonly span?: number | undefined;
+            readonly trackLabel?: string | undefined;
+            readonly trackValue?: null | undefined;
+        };
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+    label: string;
+    span: number;
+    trackLabel: string;
+    trackValue: null;
+    $props: {
+        readonly label?: string | undefined;
+        readonly span?: number | undefined;
+        readonly trackLabel?: string | undefined;
+        readonly trackValue?: null | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
+export default DSearchItem;

package/components/search-item/index.js

@@ -0,0 +1,5 @@
+import e from "./src/search-item.js";
+//#region packages/components/search-item/index.js
+var t = e;
+//#endregion
+export { t as default };

package/components/search-item/src/search-item.js

@@ -0,0 +1,45 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import './search-item.vue_vue_type_style_index_0_scoped_27c41622_lang.css';/* empty css                                                            */
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, inject as o, onMounted as s, onUnmounted as c, openBlock as l, renderSlot as u, toDisplayString as d, toRef as f, unref as p, withCtx as m } from "vue";
+import { ElCol as h } from "element-plus";
+//#region packages/components/search-item/src/search-item.vue
+var g = {
+	key: 0,
+	class: "item-label"
+}, _ = { class: "item-content" }, v = /* @__PURE__ */ e(/* @__PURE__ */ Object.assign({ name: "DSearchItem" }, {
+	__name: "search-item",
+	props: {
+		label: {
+			type: String,
+			default: ""
+		},
+		span: {
+			type: Number,
+			default: 6
+		},
+		trackLabel: {
+			type: String,
+			default: ""
+		},
+		trackValue: { default: null }
+	},
+	setup(e) {
+		let v = e, y = t(() => {
+			let e = Math.trunc(v.span);
+			return Math.min(24, Math.max(1, Number.isNaN(e) ? 6 : e));
+		}), b = o("searchFormNoLabel", t(() => !1)), x = o("registerTrackItem", null), S = null;
+		return s(() => {
+			x && (S = x(f(v, "trackLabel"), f(v, "trackValue")));
+		}), c(() => {
+			S?.();
+		}), (t, o) => (l(), n(p(h), {
+			span: y.value,
+			class: "d-search-item"
+		}, {
+			default: m(() => [e.label && !p(b) ? (l(), i("div", g, d(e.label), 1)) : r("", !0), a("div", _, [u(t.$slots, "default", {}, void 0, !0)])]),
+			_: 3
+		}, 8, ["span"]));
+	}
+}), [["__scopeId", "data-v-27c41622"]]);
+//#endregion
+export { v as default };

package/components/search-item/src/search-item.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    label: string;
+    span: number;
+    trackLabel: string;
+    trackValue: null;
+    $props: {
+        readonly label?: string | undefined;
+        readonly span?: number | undefined;
+        readonly trackLabel?: string | undefined;
+        readonly trackValue?: null | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};

package/components/search-item/src/search-item.vue_vue_type_style_index_0_scoped_27c41622_lang.css

@@ -0,0 +1 @@
+.d-search-item .item-label[data-v-27c41622]{text-overflow:ellipsis;white-space:nowrap;height:32px;line-height:32px;overflow:hidden}.d-search-item .item-content[data-v-27c41622] .el-select,.d-search-item .item-content[data-v-27c41622] .el-input,.d-search-item .item-content[data-v-27c41622] .el-date-editor{width:100%}

package/index.js

@@ -8,10 +8,12 @@ import a from "./components/icon/index.js";
 import o from "./components/icon-tip/index.js";
 import s from "./components/inline-edit/index.js";
 import c from "./components/upload/index.js";
+import l from "./components/search-form/index.js";
+import u from "./components/search-item/index.js";
 import "./components/index.js";
-import { setComponentRegistry as l, setGlobalConfig as u } from "./config/index.js";
-import { install as d } from "./install.js";
+import { setComponentRegistry as d, setGlobalConfig as f } from "./config/index.js";
+import { install as p } from "./install.js";
 //#region packages/index.js
-var f = { install: d };
+var m = { install: p };
 //#endregion
-export { n as DCopy, r as DEditor, i as DFoldText, a as DIcon, o as DIconTip, s as DInlineEdit, c as DUpload, f as default, d as install, l as setComponentRegistry, u as setGlobalConfig, t as useActivated, e as useLocale };
+export { n as DCopy, r as DEditor, i as DFoldText, a as DIcon, o as DIconTip, s as DInlineEdit, l as DSearchForm, u as DSearchItem, c as DUpload, m as default, p as install, d as setComponentRegistry, f as setGlobalConfig, t as useActivated, e as useLocale };

package/locale/lang/en.d.ts

@@ -15,6 +15,14 @@ declare namespace _default {
             let collapse_1: string;
             export { collapse_1 as collapse };
         }
+        namespace searchForm {
+            export let search: string;
+            export let reset: string;
+            let expand_2: string;
+            export { expand_2 as expand };
+            let collapse_2: string;
+            export { collapse_2 as collapse };
+        }
         namespace upload {
             export let lessThan: string;
             export let format: string;
@@ -27,10 +35,10 @@ declare namespace _default {
             export let comma: string;
             export let preview: string;
             export let close: string;
-            let expand_2: string;
-            export { expand_2 as expand };
-            let collapse_2: string;
-            export { collapse_2 as collapse };
+            let expand_3: string;
+            export { expand_3 as expand };
+            let collapse_3: string;
+            export { collapse_3 as collapse };
             let upload_1: string;
             export { upload_1 as upload };
             export let downloadAll: string;

package/locale/lang/en.js

@@ -12,6 +12,12 @@ var e = {
 			expand: "Expand",
 			collapse: "Collapse"
 		},
+		searchForm: {
+			search: "Search",
+			reset: "Reset",
+			expand: "Expand",
+			collapse: "Collapse"
+		},
 		upload: {
 			lessThan: "Less than {size}MB",
 			format: "Format {format}",

package/locale/lang/ja.d.ts

@@ -15,6 +15,14 @@ declare namespace _default {
             let collapse_1: string;
             export { collapse_1 as collapse };
         }
+        namespace searchForm {
+            export let search: string;
+            export let reset: string;
+            let expand_2: string;
+            export { expand_2 as expand };
+            let collapse_2: string;
+            export { collapse_2 as collapse };
+        }
         namespace upload {
             export let lessThan: string;
             export let format: string;
@@ -27,10 +35,10 @@ declare namespace _default {
             export let comma: string;
             export let preview: string;
             export let close: string;
-            let expand_2: string;
-            export { expand_2 as expand };
-            let collapse_2: string;
-            export { collapse_2 as collapse };
+            let expand_3: string;
+            export { expand_3 as expand };
+            let collapse_3: string;
+            export { collapse_3 as collapse };
             let upload_1: string;
             export { upload_1 as upload };
             export let downloadAll: string;

package/locale/lang/ja.js

@@ -12,6 +12,12 @@ var e = {
 			expand: "展開",
 			collapse: "折りたたむ"
 		},
+		searchForm: {
+			search: "検索",
+			reset: "リセット",
+			expand: "展開",
+			collapse: "折りたたむ"
+		},
 		upload: {
 			lessThan: "{size}MB 未満",
 			format: "形式 {format}",

package/locale/lang/ko.d.ts

@@ -15,6 +15,14 @@ declare namespace _default {
             let collapse_1: string;
             export { collapse_1 as collapse };
         }
+        namespace searchForm {
+            export let search: string;
+            export let reset: string;
+            let expand_2: string;
+            export { expand_2 as expand };
+            let collapse_2: string;
+            export { collapse_2 as collapse };
+        }
         namespace upload {
             export let lessThan: string;
             export let format: string;
@@ -27,10 +35,10 @@ declare namespace _default {
             export let comma: string;
             export let preview: string;
             export let close: string;
-            let expand_2: string;
-            export { expand_2 as expand };
-            let collapse_2: string;
-            export { collapse_2 as collapse };
+            let expand_3: string;
+            export { expand_3 as expand };
+            let collapse_3: string;
+            export { collapse_3 as collapse };
             let upload_1: string;
             export { upload_1 as upload };
             export let downloadAll: string;

package/locale/lang/ko.js

@@ -12,6 +12,12 @@ var e = {
 			expand: "펼치기",
 			collapse: "접기"
 		},
+		searchForm: {
+			search: "조회",
+			reset: "초기화",
+			expand: "펼치기",
+			collapse: "접기"
+		},
 		upload: {
 			lessThan: "{size}MB 이하",
 			format: "형식 {format}",

package/locale/lang/zh-cn.d.ts

@@ -15,6 +15,14 @@ declare namespace _default {
             let collapse_1: string;
             export { collapse_1 as collapse };
         }
+        namespace searchForm {
+            export let search: string;
+            export let reset: string;
+            let expand_2: string;
+            export { expand_2 as expand };
+            let collapse_2: string;
+            export { collapse_2 as collapse };
+        }
         namespace upload {
             export let lessThan: string;
             export let format: string;
@@ -27,10 +35,10 @@ declare namespace _default {
             export let comma: string;
             export let preview: string;
             export let close: string;
-            let expand_2: string;
-            export { expand_2 as expand };
-            let collapse_2: string;
-            export { collapse_2 as collapse };
+            let expand_3: string;
+            export { expand_3 as expand };
+            let collapse_3: string;
+            export { collapse_3 as collapse };
             let upload_1: string;
             export { upload_1 as upload };
             export let downloadAll: string;

package/locale/lang/zh-cn.js

@@ -12,6 +12,12 @@ var e = {
 			expand: "展开",
 			collapse: "收起"
 		},
+		searchForm: {
+			search: "查询",
+			reset: "重置",
+			expand: "展开",
+			collapse: "收起"
+		},
 		upload: {
 			lessThan: "小于 {size}MB",
 			format: "格式 {format}",

package/locale/lang/zh-tw.d.ts

@@ -15,6 +15,14 @@ declare namespace _default {
             let collapse_1: string;
             export { collapse_1 as collapse };
         }
+        namespace searchForm {
+            export let search: string;
+            export let reset: string;
+            let expand_2: string;
+            export { expand_2 as expand };
+            let collapse_2: string;
+            export { collapse_2 as collapse };
+        }
         namespace upload {
             export let lessThan: string;
             export let format: string;
@@ -27,10 +35,10 @@ declare namespace _default {
             export let comma: string;
             export let preview: string;
             export let close: string;
-            let expand_2: string;
-            export { expand_2 as expand };
-            let collapse_2: string;
-            export { collapse_2 as collapse };
+            let expand_3: string;
+            export { expand_3 as expand };
+            let collapse_3: string;
+            export { collapse_3 as collapse };
             let upload_1: string;
             export { upload_1 as upload };
             export let downloadAll: string;

package/locale/lang/zh-tw.js

@@ -12,6 +12,12 @@ var e = {
 			expand: "展開",
 			collapse: "收起"
 		},
+		searchForm: {
+			search: "查詢",
+			reset: "重置",
+			expand: "展開",
+			collapse: "收起"
+		},
 		upload: {
 			lessThan: "小於 {size}MB",
 			format: "格式 {format}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geekplus-digital-ui",
-  "version": "0.1.40",
+  "version": "0.1.42",
   "homepage": "https://ui.geekplus.cc/static/ui/",
   "type": "module",
   "main": "index.js",

package/skills/use-geekplus-digital-ui/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: use-geekplus-digital-ui
-description: Use when developing Vue 3 features involving clipboard copy, file upload/preview/download, rich text editor, text collapse/expand, icon with tooltip, or inline editing. Triggers on keywords like 复制、上传、富文本、折叠文本、行内编辑、图标提示、copy, upload, editor, fold text, inline edit, icon tip.
+description: Use when developing Vue 3 features involving clipboard copy, file upload/preview/download, rich text editor, text collapse/expand, icon with tooltip, inline editing, or search form filters. Triggers on keywords like 复制、上传、富文本、折叠文本、行内编辑、图标提示、搜索表单、搜索筛选、copy, upload, editor, fold text, inline edit, icon tip, search form.
 ---
 
 # Geekplus Digital UI 组件库
@@ -44,6 +44,8 @@ Peer dependencies: `vue@^3.5.0`、`element-plus@^2.13.0`
 | **FoldText** | `<d-fold-text>` | 多行文本折叠/展开 |
 | **IconTip** | `<d-icon-tip>` | 图标 + 悬浮提示 |
 | **InlineEdit** | `<d-inline-edit>` | 展示态/编辑态切换 |
+| **SearchForm** | `<d-search-form>` | 可折叠搜索筛选区域 |
+| **SearchItem** | `<d-search-item>` | 搜索表单的单个搜索项，配合 SearchForm 使用 |
 
 详细 Props/Events/Slots API 请查阅文档：https://ui.geekplus.cc/static/ui/
 
@@ -56,6 +58,7 @@ Peer dependencies: `vue@^3.5.0`、`element-plus@^2.13.0`
    - 长文本折叠展开 → `<d-fold-text>`
    - 图标悬浮提示 → `<d-icon-tip>`
    - 行内编辑切换 → `<d-inline-edit>`
+   - 搜索筛选表单 → `<d-search-form>` + `<d-search-item>`
 
 2. **全局配置优先**：通用参数（如 Upload 的 `domain`、`axios`、`url`）应通过全局配置注入，业务页面只关注数据绑定和交互逻辑：
 
@@ -83,6 +86,28 @@ app.use(GeekplusDigitalUI, {
 | 长文本展开收起 | 自己写 CSS line-clamp + 按钮 | `<d-fold-text :line-clamp="3">{{ text }}</d-fold-text>` |
 | 字段旁加说明图标 | 自己写 el-tooltip + icon | `<d-icon-tip content="说明文字" />` |
 | 单元格就地编辑 | 自己写 v-if 切换显示/输入 | `<d-inline-edit>展示内容<template #editor>编辑内容</template></d-inline-edit>` |
+| 列表页搜索筛选区 | 自己用 el-form + el-row/col 手写 | `<d-search-form>` + `<d-search-item>` 组合 |
+
+## SearchForm 用法
+
+```vue
+<template>
+  <d-search-form :loading="loading" @search="handleSearch" @reset="handleReset">
+    <d-search-item label="关键词" :span="6" track-label="keyword" :track-value="form.keyword">
+      <el-input v-model="form.keyword" clearable />
+    </d-search-item>
+    <d-search-item label="状态" :span="6">
+      <el-select v-model="form.status" clearable>
+        <el-option label="启用" value="1" />
+      </el-select>
+    </d-search-item>
+  </d-search-form>
+</template>
+```
+
+- 超过单行时自动出现展开/收起按钮
+- `track-label` + `track-value` 启用埋点，通过 `formRef.getTrackText()` 获取 `keyword=hello,status=1` 格式字符串（空值自动过滤）
+- `no-label` 无标签紧凑模式；`enter-click` 回车触发查询
 
 ## Hooks