@scvzerng/element-plus-search-vue2 0.0.4 → 0.0.6

package/dist/ElementPlusSearch.es.js

@@ -1,16 +1,16 @@
-import { isFunction as V, keyBy as M, isNumber as z, isBoolean as P, isEmpty as U, chain as G, sum as W, isPlainObject as X } from "lodash-unified";
-import { defineComponent as D, ref as y, resolveComponent as g, createElementBlock as A, openBlock as f, createVNode as o, createElementVNode as b, withCtx as c, unref as u, Fragment as N, renderList as B, createBlock as w, createTextVNode as L, toDisplayString as F, reactive as H, shallowRef as J, isRef as Q, computed as j, normalizeStyle as Y, normalizeClass as Z, withDirectives as ee, vShow as te, createCommentVNode as q } from "vue";
-import { ArrowLeft as se, ArrowRight as ie, ArrowDown as re, ArrowUp as ne } from "@element-plus/icons-vue";
-import { Setting as le } from "@scvzerng/icons";
-import { watchDebounced as ae } from "@vueuse/core";
-const oe = { class: "tags-scroll-container" }, ce = ["innerHTML"], ue = /* @__PURE__ */ D({
+import { isFunction as q, keyBy as P, isNumber as U, isBoolean as G, isEmpty as W, chain as X, sum as J, isPlainObject as Q } from "lodash-unified";
+import { defineComponent as T, ref as v, resolveComponent as g, createElementBlock as C, openBlock as h, createVNode as o, createElementVNode as y, withCtx as c, unref as u, Fragment as H, renderList as K, createBlock as b, createTextVNode as x, toDisplayString as I, reactive as M, shallowRef as Y, isRef as Z, computed as R, normalizeStyle as ee, normalizeClass as te, withDirectives as se, vShow as ie, createCommentVNode as N } from "vue";
+import { ArrowLeft as re, ArrowRight as ne, ArrowDown as ae, ArrowUp as le } from "@element-plus/icons-vue";
+import { Setting as oe } from "@scvzerng/icons";
+import { watchDebounced as ce } from "@vueuse/core";
+const ue = { class: "tags-scroll-container" }, de = ["innerHTML"], he = /* @__PURE__ */ T({
   name: "SearchTags",
   __name: "SearchTagsRender",
   props: {
     tags: {}
   },
   setup(s) {
-    const e = y(), t = () => {
+    const e = v(), t = () => {
       e.value.scrollBy({ left: -200, behavior: "smooth" });
     }, r = () => {
       e.value.scrollBy({
@@ -18,43 +18,43 @@ const oe = { class: "tags-scroll-container" }, ce = ["innerHTML"], ue = /* @__PU
         behavior: "smooth"
       });
     };
-    return (i, n) => {
-      const p = g("el-icon"), d = g("el-tag");
-      return f(), A("div", oe, [
+    return (i, a) => {
+      const f = g("el-icon"), d = g("el-tag");
+      return h(), C("div", ue, [
         o(d, {
           type: "info",
           class: "scroll-left-bar",
           onClick: t
         }, {
           default: c(() => [
-            o(p, null, {
+            o(f, null, {
               default: c(() => [
-                o(u(se))
+                o(u(re))
               ]),
               _: 1
             }),
-            n[0] || (n[0] = b("i", { class: "el-icon-arrow-left" }, null, -1))
+            a[0] || (a[0] = y("i", { class: "el-icon-arrow-left" }, null, -1))
           ]),
           _: 1
         }),
-        b("div", {
+        y("div", {
           ref_key: "scrollContainer",
           ref: e,
           class: "search-tags"
         }, [
-          (f(!0), A(N, null, B(s.tags, (m) => (f(), w(d, {
+          (h(!0), C(H, null, K(s.tags, (p) => (h(), b(d, {
             class: "search-tag",
-            onClose: () => m.clean(),
-            closable: !m.required,
-            type: m.required ? "primary" : "info",
-            key: m.field
+            onClose: () => p.clean(),
+            closable: !p.required,
+            type: p.required ? "primary" : "info",
+            key: p.field
           }, {
             default: c(() => [
-              b("span", null, F(m.label), 1),
-              n[1] || (n[1] = L("： ", -1)),
-              b("span", {
-                innerHTML: m.valueText
-              }, null, 8, ce)
+              y("span", null, I(p.label), 1),
+              a[1] || (a[1] = x("： ", -1)),
+              y("span", {
+                innerHTML: p.valueText
+              }, null, 8, de)
             ]),
             _: 2
           }, 1032, ["onClose", "closable", "type"]))), 128))
@@ -65,9 +65,9 @@ const oe = { class: "tags-scroll-container" }, ce = ["innerHTML"], ue = /* @__PU
           onClick: r
         }, {
           default: c(() => [
-            o(p, null, {
+            o(f, null, {
               default: c(() => [
-                o(u(ie))
+                o(u(ne))
               ]),
               _: 1
             })
@@ -77,8 +77,8 @@ const oe = { class: "tags-scroll-container" }, ce = ["innerHTML"], ue = /* @__PU
       ]);
     };
   }
-}), K = 6;
-class de {
+}), z = 6;
+class fe {
   field;
   label;
   value;
@@ -93,7 +93,7 @@ class de {
   render;
   transform;
   constructor(e, t) {
-    this.field = e.field, this.label = e.label, this.value = e.initValue, this.required = e.required, this.initValue = e.initValue, this.index = t, this.visible = e.visible ?? !0, this.span = e.span ?? K, this.render = e.render, this.tagFilter = e.tagFilter, this.transform = e.transform, this.enable = e.enable ?? !0, this.disabled = e.disabled ?? !1;
+    this.field = e.field, this.label = e.label, this.value = e.initValue, this.required = e.required, this.initValue = e.initValue, this.index = t, this.visible = e.visible ?? !0, this.span = e.span ?? z, this.render = e.render, this.tagFilter = e.tagFilter, this.transform = e.transform, this.enable = e.enable ?? !0, this.disabled = e.disabled ?? !1;
   }
   clean() {
     Array.isArray(this.value) ? this.value = [] : this.value = void 0;
@@ -102,13 +102,13 @@ class de {
     this.value = this.initValue;
   }
   isEnable(e) {
-    return V(this.enable) ? this.enable(e.getSearchObject()) : this.enable;
+    return q(this.enable) ? this.enable(e.getSearchObject()) : this.enable;
   }
   isDisabled(e) {
-    return V(this.disabled) ? this.disabled(e.getSearchObject()) : this.disabled;
+    return q(this.disabled) ? this.disabled(e.getSearchObject()) : this.disabled;
   }
 }
-class x {
+class S {
   field;
   span;
   index;
@@ -117,7 +117,7 @@ class x {
     this.field = e, this.span = t, this.index = r, this.visible = i;
   }
   static fromSearchItem(e, t) {
-    return new x(
+    return new S(
       e.field,
       e.span,
       t ?? e.index,
@@ -125,16 +125,16 @@ class x {
     );
   }
   static formSearchConfig(e, t) {
-    return new x(
+    return new S(
       e.field,
-      e.span ?? K,
+      e.span ?? z,
       t ?? e,
       e.visible ?? !0
     );
   }
   static fromString(e) {
-    const [t, r, i, n] = e.split("_");
-    return new x(r, Number(i), Number(t), n === "true");
+    const [t, r, i, a] = e.split("_");
+    return new S(r, Number(i), Number(t), a === "true");
   }
   toString() {
     return `${this.index}_${this.field}_${this.span}_${this.visible}`;
@@ -143,23 +143,23 @@ class x {
     this.span = e.span, this.index = e.index, this.visible = e.visible;
   }
 }
-const O = (s) => `searches_layouts_${s}`;
-class he {
+const B = (s) => `searches_layouts_${s}`;
+class pe {
   id;
   state;
   itemLayouts;
   initialLayouts;
   constructor(e, t) {
-    this.id = e.id, this.initialLayouts = t, this.state = e, this.itemLayouts = M(e.items.map(x.fromSearchItem), (r) => r.field), this.restoreCachedLayouts();
+    this.id = e.id, this.initialLayouts = t, this.state = e, this.itemLayouts = P(e.items.map(S.fromSearchItem), (r) => r.field), this.restoreCachedLayouts();
   }
   /**
    * 恢复自缓存中的布局信息
    * @private
    */
   restoreCachedLayouts() {
-    const e = localStorage.getItem(O(this.id));
+    const e = localStorage.getItem(B(this.id));
     e && e.split(",").forEach((t) => {
-      const r = x.fromString(t), i = this.itemLayouts[r.field];
+      const r = S.fromString(t), i = this.itemLayouts[r.field];
       i && i.merge(r);
     });
   }
@@ -167,13 +167,13 @@ class he {
     if (e.length !== Object.keys(this.itemLayouts).length)
       throw new Error("同步布局字段数量不一致");
     e.forEach((r, i) => {
-      const n = this.itemLayouts[r];
-      n.index = i, n.visible = t.has(r);
+      const a = this.itemLayouts[r];
+      a.index = i, a.visible = t.has(r);
     });
   }
   persistent() {
     localStorage.setItem(
-      O(this.id),
+      B(this.id),
       Object.values(this.itemLayouts).map((e) => e.toString()).join(",")
     ), this.state.updateTags();
   }
@@ -184,7 +184,7 @@ class he {
     });
   }
 }
-const fe = [
+const ge = [
   {
     isApply(s) {
       return s.contains("el-radio-group");
@@ -260,7 +260,7 @@ const fe = [
     }
   }
 ];
-class R {
+class F {
   id;
   field;
   value;
@@ -273,25 +273,25 @@ class R {
     this.id = `#${e.id}-${t.field}`, this.state = e, this.field = t.field, this.value = t.value, this.label = t.label, this.item = t, this.required = t.required ?? !1, this.updateValueText();
   }
   static hasValue(e) {
-    return z(e.value) || P(e.value) ? !0 : !U(e.value);
+    return U(e.value) || G(e.value) ? !0 : !W(e.value);
   }
   updateValueText() {
     const e = document.querySelector(this.id);
     if (e.children.length !== 1)
       throw new Error("holder children length is not 1");
-    const t = e.children[0], r = fe.find((i) => i.isApply(t.classList));
+    const t = e.children[0], r = ge.find((i) => i.isApply(t.classList));
     r && (this.valueText = r.getText(t, this));
   }
   async clean() {
     this.item.clean(), await this.state.doSearch();
   }
 }
-class pe {
+class me {
   constructor(e, t, r) {
-    this.id = e, this.id = e, this.items = t.map((i, n) => new de(i, n)), this.config = H(
-      new he(
+    this.id = e, this.id = e, this.items = t.map((i, a) => new fe(i, a)), this.config = M(
+      new pe(
         this,
-        t.map((i, n) => x.formSearchConfig(i, n))
+        t.map((i, a) => S.formSearchConfig(i, a))
       )
     ), this.sourceSearchable = t, this.searching = !1, this.searchCallback = r, this.tags = [];
   }
@@ -303,7 +303,7 @@ class pe {
   sourceSearchable;
   _lastSearchObject = { time: 0, data: null };
   updateTags() {
-    this.tags = this.items.filter((e) => e.tagFilter ? e.tagFilter(e.value) : R.hasValue(e)).map((e) => new R(this, e)).sort(
+    this.tags = this.items.filter((e) => e.tagFilter ? e.tagFilter(e.value) : F.hasValue(e)).map((e) => new F(this, e)).sort(
       (e, t) => this.config.itemLayouts[e.field].index - this.config.itemLayouts[t.field].index
     );
   }
@@ -327,38 +327,38 @@ class pe {
     r && (r.value = t);
   }
 }
-const me = ({ search: s, api: e }) => {
+const ve = ({ search: s, api: e }) => {
   const t = s.render(s);
   return t.props || (t.props = {}), s.isDisabled(e) && (t.props.disabled = !0), t;
-}, ge = () => {
-  const s = J(), e = y(), t = y([]), r = y(!1), i = y(), n = y([]), p = y(300), d = (a) => {
-    s.value = a, t.value = [
+}, ye = () => {
+  const s = Y(), e = v(), t = v([]), r = v(!1), i = v(), a = v([]), f = v(300), d = (l) => {
+    s.value = l, t.value = [
       {
         label: "全部",
         id: "all",
         children: s.value.items.sort(
-          (h, v) => a.config.itemLayouts[h.field].index - a.config.itemLayouts[v.field].index
-        ).map((h) => ({
-          label: h.label,
-          id: h.field,
-          disabled: !h.isEnable(a)
+          (n, m) => l.config.itemLayouts[n.field].index - l.config.itemLayouts[m.field].index
+        ).map((n) => ({
+          label: n.label,
+          id: n.field,
+          disabled: !n.isEnable(l)
         }))
       }
-    ], i.value = G(a.config.itemLayouts).pickBy((h) => h.visible).keys().value();
+    ], i.value = X(l.config.itemLayouts).pickBy((n) => n.visible).keys().value();
   };
   return {
     treeRef: e,
     visible: r,
     snapshot: t,
     defaultCheckedKeys: i,
-    drawerWidth: p,
+    drawerWidth: f,
     updateSnapshot: d,
-    show: (a) => {
-      d(a), r.value = !0;
+    show: (l) => {
+      d(l), r.value = !0;
     },
     save: () => {
       s.value.config.sync(
-        t.value[0].children.map((a) => a.id),
+        t.value[0].children.map((l) => l.id),
         new Set(e.value.getCheckedKeys())
       ), s.value.config.persistent();
     },
@@ -366,103 +366,103 @@ const me = ({ search: s, api: e }) => {
       s.value.config.reset(), d(s.value);
     },
     keepSelection: () => {
-      n.value = e.value.getCheckedKeys();
+      a.value = e.value.getCheckedKeys();
     },
     restoreSelection: () => {
-      e.value.setCheckedKeys(n.value), n.value = [];
+      e.value.setCheckedKeys(a.value), a.value = [];
     },
-    allowDrop: (a, h, v) => v !== "inner",
-    allowDrag: (a) => !a.disabled
+    allowDrop: (l, n, m) => m !== "inner",
+    allowDrag: (l) => !l.disabled
   };
-}, ve = /* @__PURE__ */ D({
+}, be = /* @__PURE__ */ T({
   __name: "SearchSettingsDrawer",
   setup(s, { expose: e }) {
     const {
       treeRef: t,
       visible: r,
       snapshot: i,
-      drawerWidth: n,
-      defaultCheckedKeys: p,
+      drawerWidth: a,
+      defaultCheckedKeys: f,
       show: d,
-      allowDrop: m,
-      allowDrag: T,
-      keepSelection: k,
-      restoreSelection: $,
-      save: S,
-      reset: l
-    } = ge();
+      allowDrop: p,
+      allowDrag: k,
+      keepSelection: w,
+      restoreSelection: L,
+      save: A,
+      reset: j
+    } = ye();
     return e({
       show: d
-    }), (C, a) => {
-      const h = g("el-tree"), v = g("el-button"), _ = g("el-drawer");
-      return f(), w(_, {
+    }), (V, l) => {
+      const n = g("el-tree"), m = g("el-button"), D = g("el-drawer");
+      return h(), b(D, {
         class: "search-setting",
-        size: u(n),
+        size: u(a),
         title: "搜索项配置",
         modelValue: u(r),
-        "onUpdate:modelValue": a[0] || (a[0] = (I) => Q(r) ? r.value = I : null)
+        "onUpdate:modelValue": l[0] || (l[0] = (O) => Z(r) ? r.value = O : null)
       }, {
         footer: c(() => [
-          o(v, { onClick: u(l) }, {
-            default: c(() => [...a[1] || (a[1] = [
-              L("重置", -1)
+          o(m, { onClick: u(j) }, {
+            default: c(() => [...l[1] || (l[1] = [
+              x("重置", -1)
             ])]),
             _: 1
           }, 8, ["onClick"]),
-          o(v, {
+          o(m, {
             type: "primary",
-            onClick: u(S)
+            onClick: u(A)
           }, {
-            default: c(() => [...a[2] || (a[2] = [
-              L("保存", -1)
+            default: c(() => [...l[2] || (l[2] = [
+              x("保存", -1)
             ])]),
             _: 1
           }, 8, ["onClick"])
         ]),
         default: c(() => [
-          o(h, {
+          o(n, {
             class: "tree",
             "default-expand-all": "",
-            "default-checked-keys": u(p),
+            "default-checked-keys": u(f),
             "node-key": "id",
             ref_key: "treeRef",
             ref: t,
             draggable: "",
             "show-checkbox": "",
             data: u(i),
-            onNodeDragStart: u(k),
-            onNodeDragEnd: u($),
-            "allow-drop": u(m),
-            "allow-drag": u(T)
+            onNodeDragStart: u(w),
+            onNodeDragEnd: u(L),
+            "allow-drop": u(p),
+            "allow-drag": u(k)
           }, null, 8, ["default-checked-keys", "data", "onNodeDragStart", "onNodeDragEnd", "allow-drop", "allow-drag"])
         ]),
         _: 1
       }, 8, ["size", "modelValue"]);
     };
   }
-}), ye = /* @__PURE__ */ D({
+}), _e = /* @__PURE__ */ T({
   __name: "SettingButton",
   props: {
     state: {}
   },
   setup(s) {
-    const e = s, t = y(), r = () => {
+    const e = s, t = v(), r = () => {
       t.value.show(e.state);
     };
-    return (i, n) => {
-      const p = g("el-icon"), d = g("el-button");
-      return f(), w(d, {
+    return (i, a) => {
+      const f = g("el-icon"), d = g("el-button");
+      return h(), b(d, {
         class: "icon-button",
         onClick: r
       }, {
         default: c(() => [
-          o(p, null, {
+          o(f, null, {
             default: c(() => [
-              o(u(le))
+              o(u(oe))
             ]),
             _: 1
           }),
-          o(ve, {
+          o(be, {
             ref_key: "searchSettingDialogRef",
             ref: t
           }, null, 512)
@@ -471,7 +471,7 @@ const me = ({ search: s, api: e }) => {
       });
     };
   }
-}), _e = { class: "search-bar-container" }, be = { class: "search-item" }, Se = { class: "search-item-title" }, we = ["id"], xe = { class: "search-bottom" }, ke = { class: "actions" }, $e = /* @__PURE__ */ D({
+}), Se = { class: "search-bar-container" }, we = { class: "search-item" }, xe = { class: "search-item-title" }, ke = ["id"], Ce = { class: "search-bottom" }, Te = { class: "actions" }, $e = /* @__PURE__ */ T({
   __name: "SearchBar",
   props: {
     searches: {},
@@ -484,89 +484,96 @@ const me = ({ search: s, api: e }) => {
   },
   emits: ["change"],
   setup(s, { expose: e, emit: t }) {
-    const r = s, i = H(new pe(r.id, r.searches, r.onSearch)), n = y(!1), p = j(() => W(Array.from(Object.values(i.config.itemLayouts)).filter((l) => l.visible).map((l) => l.span)) / 24 > r.maxRows), d = y([]), m = t;
-    ae(() => i.items, () => {
-      const S = [...i.items];
-      d.value = S.sort((l, C) => i.config.itemLayouts[l.field].index - i.config.itemLayouts[C.field].index).filter((l) => i.config.itemLayouts[l.field].visible).filter((l) => l.isEnable(i)), m("change", i.getSearchObject(), i);
+    const r = s, i = M(new me(r.id, r.searches, r.onSearch)), a = v(!1), f = R(() => J(Array.from(Object.values(i.config.itemLayouts)).filter((n) => n.visible).map((n) => n.span)) / 24 > r.maxRows), d = v([]), p = t;
+    ce(() => i.items, () => {
+      const l = [...i.items];
+      d.value = l.sort((n, m) => i.config.itemLayouts[n.field].index - i.config.itemLayouts[m.field].index).filter((n) => i.config.itemLayouts[n.field].visible).filter((n) => n.isEnable(i)), p("change", i.getSearchObject(), i);
     }, { debounce: 100, immediate: !0, deep: !0 });
-    const T = j(() => ({
+    const k = R(() => ({
       height: `${r.itemHeight * r.maxRows}px`,
       overflow: "hidden"
-    })), k = (S) => i.config.itemLayouts[S.field];
+    })), w = (l) => i.config.itemLayouts[l.field];
     return e({
-      getSearchItems: () => i.items
-    }), (S, l) => {
-      const C = g("el-col"), a = g("el-row"), h = g("el-icon"), v = g("el-button");
-      return f(), A("div", _e, [
-        o(a, {
-          class: Z("search"),
-          style: Y(p.value && !n.value ? T.value : {}),
+      getSearchItems: () => i.items,
+      getSearchObject: () => i.getSearchObject(),
+      updateSearching: (l) => {
+        i.searching = l;
+      },
+      updateTags: () => {
+        i.updateTags();
+      }
+    }), (l, n) => {
+      const m = g("el-col"), D = g("el-row"), O = g("el-icon"), $ = g("el-button");
+      return h(), C("div", Se, [
+        o(D, {
+          class: te("search"),
+          style: ee(f.value && !a.value ? k.value : {}),
           gutter: 16
         }, {
           default: c(() => [
-            (f(!0), A(N, null, B(d.value, (_) => ee((f(), w(C, {
-              span: k(_).span,
+            (h(!0), C(H, null, K(d.value, (_) => se((h(), b(m, {
+              span: w(_).span,
               key: _.field
             }, {
               default: c(() => [
-                b("div", be, [
-                  b("div", Se, F(_.label), 1),
-                  b("div", {
+                y("div", we, [
+                  y("div", xe, I(_.label), 1),
+                  y("div", {
                     id: `${s.id}-${_.field}`,
                     class: "search-item-content"
                   }, [
-                    o(u(me), {
+                    o(u(ve), {
                       search: _,
                       api: i
                     }, null, 8, ["search", "api"])
-                  ], 8, we)
+                  ], 8, ke)
                 ])
               ]),
               _: 2
             }, 1032, ["span"])), [
-              [te, k(_).visible]
+              [ie, w(_).visible]
             ])), 128))
           ]),
           _: 1
         }, 8, ["style"]),
-        b("div", xe, [
-          i.tags.length > 0 ? (f(), w(ue, {
+        y("div", Ce, [
+          i.tags.length > 0 ? (h(), b(he, {
             key: 0,
             tags: i.tags
-          }, null, 8, ["tags"])) : q("", !0),
-          b("div", ke, [
-            p.value ? (f(), w(v, {
+          }, null, 8, ["tags"])) : N("", !0),
+          y("div", Te, [
+            f.value ? (h(), b($, {
               key: 0,
               class: "icon-button",
-              onClick: l[0] || (l[0] = (_) => n.value = !n.value)
+              onClick: n[0] || (n[0] = (_) => a.value = !a.value)
             }, {
               default: c(() => [
-                o(h, null, {
+                o(O, null, {
                   default: c(() => [
-                    n.value ? (f(), w(u(ne), { key: 1 })) : (f(), w(u(re), { key: 0 }))
+                    a.value ? (h(), b(u(le), { key: 1 })) : (h(), b(u(ae), { key: 0 }))
                   ]),
                   _: 1
                 })
               ]),
               _: 1
-            })) : q("", !0),
-            o(ye, { state: i }, null, 8, ["state"]),
-            o(v, {
-              onClick: l[1] || (l[1] = () => i.reset(s.resetAutoSearch))
+            })) : N("", !0),
+            o(_e, { state: i }, null, 8, ["state"]),
+            o($, {
+              onClick: n[1] || (n[1] = () => i.reset(s.resetAutoSearch))
             }, {
-              default: c(() => [...l[3] || (l[3] = [
-                L("重 置", -1)
+              default: c(() => [...n[3] || (n[3] = [
+                x("重 置", -1)
               ])]),
               _: 1
             }),
-            o(v, {
+            o($, {
               type: "primary",
               loading: i.searching,
               disabled: i.searching,
-              onClick: l[2] || (l[2] = () => i.doSearch())
+              onClick: n[2] || (n[2] = () => i.doSearch())
             }, {
-              default: c(() => [...l[4] || (l[4] = [
-                L("搜 索", -1)
+              default: c(() => [...n[4] || (n[4] = [
+                x("搜 索", -1)
               ])]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -575,6 +582,30 @@ const me = ({ search: s, api: e }) => {
       ]);
     };
   }
+}), Ee = (s, e, t) => ({
+  /**
+   * 数据刷新回调代理
+   *
+   *  填充数据拉取接口的搜索参数
+   * @param param
+   */
+  refreshCallback: async (r) => {
+    const i = e.value.getSearchObject();
+    try {
+      return e.value.updateSearching(!0), await s(i, r);
+    } finally {
+      e.value.updateSearching(!1), e.value.updateTags();
+    }
+  },
+  /**
+   * 搜索项搜索按钮点击时触发
+   *
+   * 回调所有的可刷新组件
+   */
+  searchCallback: async () => {
+    for (const r of t)
+      await r.value?.refresh();
+  }
 });
 class E {
   record;
@@ -584,10 +615,10 @@ class E {
   static from(e) {
     const t = e.filter((r) => r.value === void 0 ? !1 : Array.isArray(r.value) ? r.value.length > 0 : !0).reduce(
       (r, i) => {
-        const n = i.transform ? i.transform(i.value) : i.value;
+        const a = i.transform ? i.transform(i.value) : i.value;
         return {
           ...r,
-          ...X(n) ? n : { [i.field]: n }
+          ...Q(a) ? a : { [i.field]: a }
         };
       },
       {}
@@ -604,5 +635,6 @@ class E {
 }
 export {
   $e as SearchBar,
-  E as Searches
+  E as Searches,
+  Ee as useSearchProxy
 };

package/dist/ElementPlusSearch.umd.js

@@ -1 +1 @@
-(function(h,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("lodash-unified"),require("vue"),require("@element-plus/icons-vue"),require("@scvzerng/icons"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","lodash-unified","vue","@element-plus/icons-vue","@scvzerng/icons","@vueuse/core"],d):(h=typeof globalThis<"u"?globalThis:h||self,d(h.ElementPlusSearch={},h.lodashUnified,h.vue,h.iconsVue,h.icons,h.core))})(this,(function(h,d,e,w,L,B){"use strict";const E={class:"tags-scroll-container"},A=["innerHTML"],D=e.defineComponent({name:"SearchTags",__name:"SearchTagsRender",props:{tags:{}},setup(n){const t=e.ref(),r=()=>{t.value.scrollBy({left:-200,behavior:"smooth"})},i=()=>{t.value.scrollBy({left:200,behavior:"smooth"})};return(s,o)=>{const f=e.resolveComponent("el-icon"),c=e.resolveComponent("el-tag");return e.openBlock(),e.createElementBlock("div",E,[e.createVNode(c,{type:"info",class:"scroll-left-bar",onClick:r},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.ArrowLeft))]),_:1}),o[0]||(o[0]=e.createElementVNode("i",{class:"el-icon-arrow-left"},null,-1))]),_:1}),e.createElementVNode("div",{ref_key:"scrollContainer",ref:t,class:"search-tags"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.tags,p=>(e.openBlock(),e.createBlock(c,{class:"search-tag",onClose:()=>p.clean(),closable:!p.required,type:p.required?"primary":"info",key:p.field},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(p.label),1),o[1]||(o[1]=e.createTextVNode("： ",-1)),e.createElementVNode("span",{innerHTML:p.valueText},null,8,A)]),_:2},1032,["onClose","closable","type"]))),128))],512),e.createVNode(c,{type:"info",class:"scroll-right-bar",onClick:i},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(w.ArrowRight))]),_:1})]),_:1})])}}}),V=6;class q{field;label;value;required;index;visible;disabled;span;initValue;enable;tagFilter;render;transform;constructor(t,r){this.field=t.field,this.label=t.label,this.value=t.initValue,this.required=t.required,this.initValue=t.initValue,this.index=r,this.visible=t.visible??!0,this.span=t.span??V,this.render=t.render,this.tagFilter=t.tagFilter,this.transform=t.transform,this.enable=t.enable??!0,this.disabled=t.disabled??!1}clean(){Array.isArray(this.value)?this.value=[]:this.value=void 0}reset(){this.value=this.initValue}isEnable(t){return d.isFunction(this.enable)?this.enable(t.getSearchObject()):this.enable}isDisabled(t){return d.isFunction(this.disabled)?this.disabled(t.getSearchObject()):this.disabled}}class _{field;span;index;visible;constructor(t,r,i,s){this.field=t,this.span=r,this.index=i,this.visible=s}static fromSearchItem(t,r){return new _(t.field,t.span,r??t.index,t.visible)}static formSearchConfig(t,r){return new _(t.field,t.span??V,r??t,t.visible??!0)}static fromString(t){const[r,i,s,o]=t.split("_");return new _(i,Number(s),Number(r),o==="true")}toString(){return`${this.index}_${this.field}_${this.span}_${this.visible}`}merge(t){this.span=t.span,this.index=t.index,this.visible=t.visible}}const N=n=>`searches_layouts_${n}`;class ${id;state;itemLayouts;initialLayouts;constructor(t,r){this.id=t.id,this.initialLayouts=r,this.state=t,this.itemLayouts=d.keyBy(t.items.map(_.fromSearchItem),i=>i.field),this.restoreCachedLayouts()}restoreCachedLayouts(){const t=localStorage.getItem(N(this.id));t&&t.split(",").forEach(r=>{const i=_.fromString(r),s=this.itemLayouts[i.field];s&&s.merge(i)})}sync(t,r){if(t.length!==Object.keys(this.itemLayouts).length)throw new Error("同步布局字段数量不一致");t.forEach((i,s)=>{const o=this.itemLayouts[i];o.index=s,o.visible=r.has(i)})}persistent(){localStorage.setItem(N(this.id),Object.values(this.itemLayouts).map(t=>t.toString()).join(",")),this.state.updateTags()}reset(){this.initialLayouts.forEach(t=>{const r=this.itemLayouts[t.field];r&&r.merge(t)})}}const j=[{isApply(n){return n.contains("el-radio-group")},getText(n){return n.querySelector(".is-active")?.querySelector("input")?.value}},{isApply(n){return n.contains("el-checkbox-group")},getText(n){const t=Array.from(n.querySelectorAll(".el-checkbox__input.is-checked")??[]).map(r=>r.querySelector("input")?.value).filter(r=>r);return t.length===1?t[0]:`${t[0]} 等${t.length}条`}},{isApply(n){return n.contains("el-input")},getText(n,t){return t.value}},{isApply(n){return n.contains("el-input-number")},getText(n,t){return t.value}},{isApply(n){return n.contains("el-select")},getText(n,t){const r=n.querySelectorAll(".el-select__tags-text");return r.length>0?t.value.length>1?`${r[0].textContent} 等${t.value.length}条`:r[0].textContent:n.querySelector(".el-select__placeholder")?.innerHTML}},{isApply(n){return n.contains("el-cascader")},getText(n){return n.querySelector("input")?.value}},{isApply(n){return n.contains("el-switch")},getText(n){return n.querySelector(".is-active").innerHTML}},{isApply(n){return n.contains("el-slider")},getText(n,t){return t.value}},{isApply(n){return n.contains("el-date-editor")},getText(n,t){return t.value?t.value.join(" ~ "):t.value}}];class T{id;field;value;label;valueText;required;item;state;constructor(t,r){this.id=`#${t.id}-${r.field}`,this.state=t,this.field=r.field,this.value=r.value,this.label=r.label,this.item=r,this.required=r.required??!1,this.updateValueText()}static hasValue(t){return d.isNumber(t.value)||d.isBoolean(t.value)?!0:!d.isEmpty(t.value)}updateValueText(){const t=document.querySelector(this.id);if(t.children.length!==1)throw new Error("holder children length is not 1");const r=t.children[0],i=j.find(s=>s.isApply(r.classList));i&&(this.valueText=i.getText(r,this))}async clean(){this.item.clean(),await this.state.doSearch()}}class O{constructor(t,r,i){this.id=t,this.id=t,this.items=r.map((s,o)=>new q(s,o)),this.config=e.reactive(new $(this,r.map((s,o)=>_.formSearchConfig(s,o)))),this.sourceSearchable=r,this.searching=!1,this.searchCallback=i,this.tags=[]}items;config;searching;tags;searchCallback;sourceSearchable;_lastSearchObject={time:0,data:null};updateTags(){this.tags=this.items.filter(t=>t.tagFilter?t.tagFilter(t.value):T.hasValue(t)).map(t=>new T(this,t)).sort((t,r)=>this.config.itemLayouts[t.field].index-this.config.itemLayouts[r.field].index)}getSearchObject(t){const r=Date.now();return this._lastSearchObject.data&&r-this._lastSearchObject.time<50?this._lastSearchObject.data:(this._lastSearchObject={time:r,data:x.from(this.items).toCondition(t)},this._lastSearchObject.data)}async doSearch(){if(!this.searching)try{this.searching=!0,await this.searchCallback(this.getSearchObject()),this.updateTags()}finally{this.searching=!1}}async reset(t){this.items.forEach(r=>r.reset()),t&&await this.doSearch()}setSearchValue(t,r){const i=this.items.find(s=>s.field===t);i&&(i.value=r)}}const R=({search:n,api:t})=>{const r=n.render(n);return r.props||(r.props={}),n.isDisabled(t)&&(r.props.disabled=!0),r},F=()=>{const n=e.shallowRef(),t=e.ref(),r=e.ref([]),i=e.ref(!1),s=e.ref(),o=e.ref([]),f=e.ref(300),c=a=>{n.value=a,r.value=[{label:"全部",id:"all",children:n.value.items.sort((u,m)=>a.config.itemLayouts[u.field].index-a.config.itemLayouts[m.field].index).map(u=>({label:u.label,id:u.field,disabled:!u.isEnable(a)}))}],s.value=d.chain(a.config.itemLayouts).pickBy(u=>u.visible).keys().value()};return{treeRef:t,visible:i,snapshot:r,defaultCheckedKeys:s,drawerWidth:f,updateSnapshot:c,show:a=>{c(a),i.value=!0},save:()=>{n.value.config.sync(r.value[0].children.map(a=>a.id),new Set(t.value.getCheckedKeys())),n.value.config.persistent()},reset:()=>{n.value.config.reset(),c(n.value)},keepSelection:()=>{o.value=t.value.getCheckedKeys()},restoreSelection:()=>{t.value.setCheckedKeys(o.value),o.value=[]},allowDrop:(a,u,m)=>m!=="inner",allowDrag:a=>!a.disabled}},H=e.defineComponent({__name:"SearchSettingsDrawer",setup(n,{expose:t}){const{treeRef:r,visible:i,snapshot:s,drawerWidth:o,defaultCheckedKeys:f,show:c,allowDrop:p,allowDrag:C,keepSelection:S,restoreSelection:k,save:y,reset:l}=F();return t({show:c}),(b,a)=>{const u=e.resolveComponent("el-tree"),m=e.resolveComponent("el-button"),g=e.resolveComponent("el-drawer");return e.openBlock(),e.createBlock(g,{class:"search-setting",size:e.unref(o),title:"搜索项配置",modelValue:e.unref(i),"onUpdate:modelValue":a[0]||(a[0]=v=>e.isRef(i)?i.value=v:null)},{footer:e.withCtx(()=>[e.createVNode(m,{onClick:e.unref(l)},{default:e.withCtx(()=>[...a[1]||(a[1]=[e.createTextVNode("重置",-1)])]),_:1},8,["onClick"]),e.createVNode(m,{type:"primary",onClick:e.unref(y)},{default:e.withCtx(()=>[...a[2]||(a[2]=[e.createTextVNode("保存",-1)])]),_:1},8,["onClick"])]),default:e.withCtx(()=>[e.createVNode(u,{class:"tree","default-expand-all":"","default-checked-keys":e.unref(f),"node-key":"id",ref_key:"treeRef",ref:r,draggable:"","show-checkbox":"",data:e.unref(s),onNodeDragStart:e.unref(S),onNodeDragEnd:e.unref(k),"allow-drop":e.unref(p),"allow-drag":e.unref(C)},null,8,["default-checked-keys","data","onNodeDragStart","onNodeDragEnd","allow-drop","allow-drag"])]),_:1},8,["size","modelValue"])}}}),K=e.defineComponent({__name:"SettingButton",props:{state:{}},setup(n){const t=n,r=e.ref(),i=()=>{r.value.show(t.state)};return(s,o)=>{const f=e.resolveComponent("el-icon"),c=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(c,{class:"icon-button",onClick:i},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createVNode(e.unref(L.Setting))]),_:1}),e.createVNode(H,{ref_key:"searchSettingDialogRef",ref:r},null,512)]),_:1})}}}),z={class:"search-bar-container"},M={class:"search-item"},I={class:"search-item-title"},P=["id"],G={class:"search-bottom"},W={class:"actions"},X=e.defineComponent({__name:"SearchBar",props:{searches:{},id:{},onSearch:{},defaultSpan:{default:6},maxRows:{default:2},itemHeight:{default:67},resetAutoSearch:{type:Boolean,default:!0}},emits:["change"],setup(n,{expose:t,emit:r}){const i=n,s=e.reactive(new O(i.id,i.searches,i.onSearch)),o=e.ref(!1),f=e.computed(()=>d.sum(Array.from(Object.values(s.config.itemLayouts)).filter(l=>l.visible).map(l=>l.span))/24>i.maxRows),c=e.ref([]),p=r;B.watchDebounced(()=>s.items,()=>{const y=[...s.items];c.value=y.sort((l,b)=>s.config.itemLayouts[l.field].index-s.config.itemLayouts[b.field].index).filter(l=>s.config.itemLayouts[l.field].visible).filter(l=>l.isEnable(s)),p("change",s.getSearchObject(),s)},{debounce:100,immediate:!0,deep:!0});const C=e.computed(()=>({height:`${i.itemHeight*i.maxRows}px`,overflow:"hidden"})),S=y=>s.config.itemLayouts[y.field];return t({getSearchItems:()=>s.items}),(y,l)=>{const b=e.resolveComponent("el-col"),a=e.resolveComponent("el-row"),u=e.resolveComponent("el-icon"),m=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",z,[e.createVNode(a,{class:e.normalizeClass("search"),style:e.normalizeStyle(f.value&&!o.value?C.value:{}),gutter:16},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,g=>e.withDirectives((e.openBlock(),e.createBlock(b,{span:S(g).span,key:g.field},{default:e.withCtx(()=>[e.createElementVNode("div",M,[e.createElementVNode("div",I,e.toDisplayString(g.label),1),e.createElementVNode("div",{id:`${n.id}-${g.field}`,class:"search-item-content"},[e.createVNode(e.unref(R),{search:g,api:s},null,8,["search","api"])],8,P)])]),_:2},1032,["span"])),[[e.vShow,S(g).visible]])),128))]),_:1},8,["style"]),e.createElementVNode("div",G,[s.tags.length>0?(e.openBlock(),e.createBlock(D,{key:0,tags:s.tags},null,8,["tags"])):e.createCommentVNode("",!0),e.createElementVNode("div",W,[f.value?(e.openBlock(),e.createBlock(m,{key:0,class:"icon-button",onClick:l[0]||(l[0]=g=>o.value=!o.value)},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createBlock(e.unref(w.ArrowUp),{key:1})):(e.openBlock(),e.createBlock(e.unref(w.ArrowDown),{key:0}))]),_:1})]),_:1})):e.createCommentVNode("",!0),e.createVNode(K,{state:s},null,8,["state"]),e.createVNode(m,{onClick:l[1]||(l[1]=()=>s.reset(n.resetAutoSearch))},{default:e.withCtx(()=>[...l[3]||(l[3]=[e.createTextVNode("重 置",-1)])]),_:1}),e.createVNode(m,{type:"primary",loading:s.searching,disabled:s.searching,onClick:l[2]||(l[2]=()=>s.doSearch())},{default:e.withCtx(()=>[...l[4]||(l[4]=[e.createTextVNode("搜 索",-1)])]),_:1},8,["loading","disabled"])])])])}}});class x{record;constructor(t){this.record=t}static from(t){const r=t.filter(i=>i.value===void 0?!1:Array.isArray(i.value)?i.value.length>0:!0).reduce((i,s)=>{const o=s.transform?s.transform(s.value):s.value;return{...i,...d.isPlainObject(o)?o:{[s.field]:o}}},{});return new x(r)}transform(t,r){const i=this.record[t],s=r(i);return delete this.record[t],this.record={...this.record,...s},this}toCondition(t){return{...this.record,...t}}}h.SearchBar=X,h.Searches=x,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
+(function(d,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("lodash-unified"),require("vue"),require("@element-plus/icons-vue"),require("@scvzerng/icons"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","lodash-unified","vue","@element-plus/icons-vue","@scvzerng/icons","@vueuse/core"],h):(d=typeof globalThis<"u"?globalThis:d||self,h(d.ElementPlusSearch={},d.lodashUnified,d.vue,d.iconsVue,d.icons,d.core))})(this,(function(d,h,e,S,A,j){"use strict";const D={class:"tags-scroll-container"},O=["innerHTML"],q=e.defineComponent({name:"SearchTags",__name:"SearchTagsRender",props:{tags:{}},setup(n){const t=e.ref(),r=()=>{t.value.scrollBy({left:-200,behavior:"smooth"})},i=()=>{t.value.scrollBy({left:200,behavior:"smooth"})};return(s,a)=>{const u=e.resolveComponent("el-icon"),c=e.resolveComponent("el-tag");return e.openBlock(),e.createElementBlock("div",D,[e.createVNode(c,{type:"info",class:"scroll-left-bar",onClick:r},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(e.unref(S.ArrowLeft))]),_:1}),a[0]||(a[0]=e.createElementVNode("i",{class:"el-icon-arrow-left"},null,-1))]),_:1}),e.createElementVNode("div",{ref_key:"scrollContainer",ref:t,class:"search-tags"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.tags,f=>(e.openBlock(),e.createBlock(c,{class:"search-tag",onClose:()=>f.clean(),closable:!f.required,type:f.required?"primary":"info",key:f.field},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(f.label),1),a[1]||(a[1]=e.createTextVNode("： ",-1)),e.createElementVNode("span",{innerHTML:f.valueText},null,8,O)]),_:2},1032,["onClose","closable","type"]))),128))],512),e.createVNode(c,{type:"info",class:"scroll-right-bar",onClick:i},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(e.unref(S.ArrowRight))]),_:1})]),_:1})])}}}),T=6;class ${field;label;value;required;index;visible;disabled;span;initValue;enable;tagFilter;render;transform;constructor(t,r){this.field=t.field,this.label=t.label,this.value=t.initValue,this.required=t.required,this.initValue=t.initValue,this.index=r,this.visible=t.visible??!0,this.span=t.span??T,this.render=t.render,this.tagFilter=t.tagFilter,this.transform=t.transform,this.enable=t.enable??!0,this.disabled=t.disabled??!1}clean(){Array.isArray(this.value)?this.value=[]:this.value=void 0}reset(){this.value=this.initValue}isEnable(t){return h.isFunction(this.enable)?this.enable(t.getSearchObject()):this.enable}isDisabled(t){return h.isFunction(this.disabled)?this.disabled(t.getSearchObject()):this.disabled}}class m{field;span;index;visible;constructor(t,r,i,s){this.field=t,this.span=r,this.index=i,this.visible=s}static fromSearchItem(t,r){return new m(t.field,t.span,r??t.index,t.visible)}static formSearchConfig(t,r){return new m(t.field,t.span??T,r??t,t.visible??!0)}static fromString(t){const[r,i,s,a]=t.split("_");return new m(i,Number(s),Number(r),a==="true")}toString(){return`${this.index}_${this.field}_${this.span}_${this.visible}`}merge(t){this.span=t.span,this.index=t.index,this.visible=t.visible}}const L=n=>`searches_layouts_${n}`;class R{id;state;itemLayouts;initialLayouts;constructor(t,r){this.id=t.id,this.initialLayouts=r,this.state=t,this.itemLayouts=h.keyBy(t.items.map(m.fromSearchItem),i=>i.field),this.restoreCachedLayouts()}restoreCachedLayouts(){const t=localStorage.getItem(L(this.id));t&&t.split(",").forEach(r=>{const i=m.fromString(r),s=this.itemLayouts[i.field];s&&s.merge(i)})}sync(t,r){if(t.length!==Object.keys(this.itemLayouts).length)throw new Error("同步布局字段数量不一致");t.forEach((i,s)=>{const a=this.itemLayouts[i];a.index=s,a.visible=r.has(i)})}persistent(){localStorage.setItem(L(this.id),Object.values(this.itemLayouts).map(t=>t.toString()).join(",")),this.state.updateTags()}reset(){this.initialLayouts.forEach(t=>{const r=this.itemLayouts[t.field];r&&r.merge(t)})}}const F=[{isApply(n){return n.contains("el-radio-group")},getText(n){return n.querySelector(".is-active")?.querySelector("input")?.value}},{isApply(n){return n.contains("el-checkbox-group")},getText(n){const t=Array.from(n.querySelectorAll(".el-checkbox__input.is-checked")??[]).map(r=>r.querySelector("input")?.value).filter(r=>r);return t.length===1?t[0]:`${t[0]} 等${t.length}条`}},{isApply(n){return n.contains("el-input")},getText(n,t){return t.value}},{isApply(n){return n.contains("el-input-number")},getText(n,t){return t.value}},{isApply(n){return n.contains("el-select")},getText(n,t){const r=n.querySelectorAll(".el-select__tags-text");return r.length>0?t.value.length>1?`${r[0].textContent} 等${t.value.length}条`:r[0].textContent:n.querySelector(".el-select__placeholder")?.innerHTML}},{isApply(n){return n.contains("el-cascader")},getText(n){return n.querySelector("input")?.value}},{isApply(n){return n.contains("el-switch")},getText(n){return n.querySelector(".is-active").innerHTML}},{isApply(n){return n.contains("el-slider")},getText(n,t){return t.value}},{isApply(n){return n.contains("el-date-editor")},getText(n,t){return t.value?t.value.join(" ~ "):t.value}}];class B{id;field;value;label;valueText;required;item;state;constructor(t,r){this.id=`#${t.id}-${r.field}`,this.state=t,this.field=r.field,this.value=r.value,this.label=r.label,this.item=r,this.required=r.required??!1,this.updateValueText()}static hasValue(t){return h.isNumber(t.value)||h.isBoolean(t.value)?!0:!h.isEmpty(t.value)}updateValueText(){const t=document.querySelector(this.id);if(t.children.length!==1)throw new Error("holder children length is not 1");const r=t.children[0],i=F.find(s=>s.isApply(r.classList));i&&(this.valueText=i.getText(r,this))}async clean(){this.item.clean(),await this.state.doSearch()}}class H{constructor(t,r,i){this.id=t,this.id=t,this.items=r.map((s,a)=>new $(s,a)),this.config=e.reactive(new R(this,r.map((s,a)=>m.formSearchConfig(s,a)))),this.sourceSearchable=r,this.searching=!1,this.searchCallback=i,this.tags=[]}items;config;searching;tags;searchCallback;sourceSearchable;_lastSearchObject={time:0,data:null};updateTags(){this.tags=this.items.filter(t=>t.tagFilter?t.tagFilter(t.value):B.hasValue(t)).map(t=>new B(this,t)).sort((t,r)=>this.config.itemLayouts[t.field].index-this.config.itemLayouts[r.field].index)}getSearchObject(t){const r=Date.now();return this._lastSearchObject.data&&r-this._lastSearchObject.time<50?this._lastSearchObject.data:(this._lastSearchObject={time:r,data:_.from(this.items).toCondition(t)},this._lastSearchObject.data)}async doSearch(){if(!this.searching)try{this.searching=!0,await this.searchCallback(this.getSearchObject()),this.updateTags()}finally{this.searching=!1}}async reset(t){this.items.forEach(r=>r.reset()),t&&await this.doSearch()}setSearchValue(t,r){const i=this.items.find(s=>s.field===t);i&&(i.value=r)}}const K=({search:n,api:t})=>{const r=n.render(n);return r.props||(r.props={}),n.isDisabled(t)&&(r.props.disabled=!0),r},P=()=>{const n=e.shallowRef(),t=e.ref(),r=e.ref([]),i=e.ref(!1),s=e.ref(),a=e.ref([]),u=e.ref(300),c=l=>{n.value=l,r.value=[{label:"全部",id:"all",children:n.value.items.sort((o,p)=>l.config.itemLayouts[o.field].index-l.config.itemLayouts[p.field].index).map(o=>({label:o.label,id:o.field,disabled:!o.isEnable(l)}))}],s.value=h.chain(l.config.itemLayouts).pickBy(o=>o.visible).keys().value()};return{treeRef:t,visible:i,snapshot:r,defaultCheckedKeys:s,drawerWidth:u,updateSnapshot:c,show:l=>{c(l),i.value=!0},save:()=>{n.value.config.sync(r.value[0].children.map(l=>l.id),new Set(t.value.getCheckedKeys())),n.value.config.persistent()},reset:()=>{n.value.config.reset(),c(n.value)},keepSelection:()=>{a.value=t.value.getCheckedKeys()},restoreSelection:()=>{t.value.setCheckedKeys(a.value),a.value=[]},allowDrop:(l,o,p)=>p!=="inner",allowDrag:l=>!l.disabled}},z=e.defineComponent({__name:"SearchSettingsDrawer",setup(n,{expose:t}){const{treeRef:r,visible:i,snapshot:s,drawerWidth:a,defaultCheckedKeys:u,show:c,allowDrop:f,allowDrag:b,keepSelection:y,restoreSelection:w,save:x,reset:C}=P();return t({show:c}),(E,l)=>{const o=e.resolveComponent("el-tree"),p=e.resolveComponent("el-button"),k=e.resolveComponent("el-drawer");return e.openBlock(),e.createBlock(k,{class:"search-setting",size:e.unref(a),title:"搜索项配置",modelValue:e.unref(i),"onUpdate:modelValue":l[0]||(l[0]=V=>e.isRef(i)?i.value=V:null)},{footer:e.withCtx(()=>[e.createVNode(p,{onClick:e.unref(C)},{default:e.withCtx(()=>[...l[1]||(l[1]=[e.createTextVNode("重置",-1)])]),_:1},8,["onClick"]),e.createVNode(p,{type:"primary",onClick:e.unref(x)},{default:e.withCtx(()=>[...l[2]||(l[2]=[e.createTextVNode("保存",-1)])]),_:1},8,["onClick"])]),default:e.withCtx(()=>[e.createVNode(o,{class:"tree","default-expand-all":"","default-checked-keys":e.unref(u),"node-key":"id",ref_key:"treeRef",ref:r,draggable:"","show-checkbox":"",data:e.unref(s),onNodeDragStart:e.unref(y),onNodeDragEnd:e.unref(w),"allow-drop":e.unref(f),"allow-drag":e.unref(b)},null,8,["default-checked-keys","data","onNodeDragStart","onNodeDragEnd","allow-drop","allow-drag"])]),_:1},8,["size","modelValue"])}}}),M=e.defineComponent({__name:"SettingButton",props:{state:{}},setup(n){const t=n,r=e.ref(),i=()=>{r.value.show(t.state)};return(s,a)=>{const u=e.resolveComponent("el-icon"),c=e.resolveComponent("el-button");return e.openBlock(),e.createBlock(c,{class:"icon-button",onClick:i},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(e.unref(A.Setting))]),_:1}),e.createVNode(z,{ref_key:"searchSettingDialogRef",ref:r},null,512)]),_:1})}}}),v={class:"search-bar-container"},I={class:"search-item"},G={class:"search-item-title"},W=["id"],X={class:"search-bottom"},J={class:"actions"},Q=e.defineComponent({__name:"SearchBar",props:{searches:{},id:{},onSearch:{},defaultSpan:{default:6},maxRows:{default:2},itemHeight:{default:67},resetAutoSearch:{type:Boolean,default:!0}},emits:["change"],setup(n,{expose:t,emit:r}){const i=n,s=e.reactive(new H(i.id,i.searches,i.onSearch)),a=e.ref(!1),u=e.computed(()=>h.sum(Array.from(Object.values(s.config.itemLayouts)).filter(o=>o.visible).map(o=>o.span))/24>i.maxRows),c=e.ref([]),f=r;j.watchDebounced(()=>s.items,()=>{const l=[...s.items];c.value=l.sort((o,p)=>s.config.itemLayouts[o.field].index-s.config.itemLayouts[p.field].index).filter(o=>s.config.itemLayouts[o.field].visible).filter(o=>o.isEnable(s)),f("change",s.getSearchObject(),s)},{debounce:100,immediate:!0,deep:!0});const b=e.computed(()=>({height:`${i.itemHeight*i.maxRows}px`,overflow:"hidden"})),y=l=>s.config.itemLayouts[l.field];return t({getSearchItems:()=>s.items,getSearchObject:()=>s.getSearchObject(),updateSearching:l=>{s.searching=l},updateTags:()=>{s.updateTags()}}),(l,o)=>{const p=e.resolveComponent("el-col"),k=e.resolveComponent("el-row"),V=e.resolveComponent("el-icon"),N=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",v,[e.createVNode(k,{class:e.normalizeClass("search"),style:e.normalizeStyle(u.value&&!a.value?b.value:{}),gutter:16},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,g=>e.withDirectives((e.openBlock(),e.createBlock(p,{span:y(g).span,key:g.field},{default:e.withCtx(()=>[e.createElementVNode("div",I,[e.createElementVNode("div",G,e.toDisplayString(g.label),1),e.createElementVNode("div",{id:`${n.id}-${g.field}`,class:"search-item-content"},[e.createVNode(e.unref(K),{search:g,api:s},null,8,["search","api"])],8,W)])]),_:2},1032,["span"])),[[e.vShow,y(g).visible]])),128))]),_:1},8,["style"]),e.createElementVNode("div",X,[s.tags.length>0?(e.openBlock(),e.createBlock(q,{key:0,tags:s.tags},null,8,["tags"])):e.createCommentVNode("",!0),e.createElementVNode("div",J,[u.value?(e.openBlock(),e.createBlock(N,{key:0,class:"icon-button",onClick:o[0]||(o[0]=g=>a.value=!a.value)},{default:e.withCtx(()=>[e.createVNode(V,null,{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createBlock(e.unref(S.ArrowUp),{key:1})):(e.openBlock(),e.createBlock(e.unref(S.ArrowDown),{key:0}))]),_:1})]),_:1})):e.createCommentVNode("",!0),e.createVNode(M,{state:s},null,8,["state"]),e.createVNode(N,{onClick:o[1]||(o[1]=()=>s.reset(n.resetAutoSearch))},{default:e.withCtx(()=>[...o[3]||(o[3]=[e.createTextVNode("重 置",-1)])]),_:1}),e.createVNode(N,{type:"primary",loading:s.searching,disabled:s.searching,onClick:o[2]||(o[2]=()=>s.doSearch())},{default:e.withCtx(()=>[...o[4]||(o[4]=[e.createTextVNode("搜 索",-1)])]),_:1},8,["loading","disabled"])])])])}}}),Y=(n,t,r)=>({refreshCallback:async i=>{const s=t.value.getSearchObject();try{return t.value.updateSearching(!0),await n(s,i)}finally{t.value.updateSearching(!1),t.value.updateTags()}},searchCallback:async()=>{for(const i of r)await i.value?.refresh()}});class _{record;constructor(t){this.record=t}static from(t){const r=t.filter(i=>i.value===void 0?!1:Array.isArray(i.value)?i.value.length>0:!0).reduce((i,s)=>{const a=s.transform?s.transform(s.value):s.value;return{...i,...h.isPlainObject(a)?a:{[s.field]:a}}},{});return new _(r)}transform(t,r){const i=this.record[t],s=r(i);return delete this.record[t],this.record={...this.record,...s},this}toCondition(t){return{...this.record,...t}}}d.SearchBar=Q,d.Searches=_,d.useSearchProxy=Y,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));

package/dist/stats.html

@@ -4929,7 +4929,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"ElementPlusSearch.umd.js","children":[{"name":"D:/gitee/element-plus-search/src","children":[{"uid":"f8a336ce-1","name":"SearchTagsRender.vue?vue&type=script&setup=true&lang.ts"},{"uid":"f8a336ce-3","name":"SearchTagsRender.vue?vue&type=style&index=0&lang.scss"},{"uid":"f8a336ce-5","name":"SearchTagsRender.vue"},{"name":"model","children":[{"uid":"f8a336ce-7","name":"SearchItem.ts"},{"uid":"f8a336ce-9","name":"SearchConfig.ts"},{"uid":"f8a336ce-11","name":"SearchTag.ts"}]},{"uid":"f8a336ce-13","name":"SearchBarState.ts"},{"uid":"f8a336ce-15","name":"SearchItemRender.ts"},{"name":"setting","children":[{"uid":"f8a336ce-17","name":"use-setting.ts"},{"uid":"f8a336ce-19","name":"SearchSettingsDrawer.vue?vue&type=script&setup=true&lang.ts"},{"uid":"f8a336ce-21","name":"SearchSettingsDrawer.vue?vue&type=style&index=0&lang.scss"},{"uid":"f8a336ce-23","name":"SearchSettingsDrawer.vue"},{"uid":"f8a336ce-25","name":"SettingButton.vue?vue&type=script&setup=true&lang.ts"},{"uid":"f8a336ce-27","name":"SettingButton.vue"}]},{"uid":"f8a336ce-29","name":"SearchBar.vue?vue&type=script&setup=true&lang.ts"},{"uid":"f8a336ce-31","name":"SearchBar.vue?vue&type=style&index=0&lang.scss"},{"uid":"f8a336ce-33","name":"SearchBar.vue"},{"uid":"f8a336ce-35","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"f8a336ce-1":{"renderedLength":3005,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-0"},"f8a336ce-3":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-2"},"f8a336ce-5":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-4"},"f8a336ce-7":{"renderedLength":1359,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-6"},"f8a336ce-9":{"renderedLength":2807,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-8"},"f8a336ce-11":{"renderedLength":3377,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-10"},"f8a336ce-13":{"renderedLength":1977,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-12"},"f8a336ce-15":{"renderedLength":242,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-14"},"f8a336ce-17":{"renderedLength":1981,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-16"},"f8a336ce-19":{"renderedLength":2564,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-18"},"f8a336ce-21":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-20"},"f8a336ce-23":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-22"},"f8a336ce-25":{"renderedLength":1135,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-24"},"f8a336ce-27":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-26"},"f8a336ce-29":{"renderedLength":6019,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-28"},"f8a336ce-31":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-30"},"f8a336ce-33":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-32"},"f8a336ce-35":{"renderedLength":1004,"gzipLength":0,"brotliLength":0,"metaUid":"f8a336ce-34"}},"nodeMetas":{"f8a336ce-0":{"id":"D:/gitee/element-plus-search/src/SearchTagsRender.vue?vue&type=script&setup=true&lang.ts","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-1"},"imported":[{"uid":"f8a336ce-38"},{"uid":"f8a336ce-39"}],"importedBy":[{"uid":"f8a336ce-4"}]},"f8a336ce-2":{"id":"D:/gitee/element-plus-search/src/SearchTagsRender.vue?vue&type=style&index=0&lang.scss","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-3"},"imported":[],"importedBy":[{"uid":"f8a336ce-4"}]},"f8a336ce-4":{"id":"D:/gitee/element-plus-search/src/SearchTagsRender.vue","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-5"},"imported":[{"uid":"f8a336ce-0"},{"uid":"f8a336ce-2"}],"importedBy":[{"uid":"f8a336ce-28"}]},"f8a336ce-6":{"id":"D:/gitee/element-plus-search/src/model/SearchItem.ts","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-7"},"imported":[{"uid":"f8a336ce-36"}],"importedBy":[{"uid":"f8a336ce-12"},{"uid":"f8a336ce-8"}]},"f8a336ce-8":{"id":"D:/gitee/element-plus-search/src/model/SearchConfig.ts","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-9"},"imported":[{"uid":"f8a336ce-6"},{"uid":"f8a336ce-36"}],"importedBy":[{"uid":"f8a336ce-12"}]},"f8a336ce-10":{"id":"D:/gitee/element-plus-search/src/model/SearchTag.ts","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-11"},"imported":[{"uid":"f8a336ce-36"}],"importedBy":[{"uid":"f8a336ce-12"}]},"f8a336ce-12":{"id":"D:/gitee/element-plus-search/src/SearchBarState.ts","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-13"},"imported":[{"uid":"f8a336ce-6"},{"uid":"f8a336ce-8"},{"uid":"f8a336ce-10"},{"uid":"f8a336ce-38"},{"uid":"f8a336ce-34"}],"importedBy":[{"uid":"f8a336ce-28"}]},"f8a336ce-14":{"id":"D:/gitee/element-plus-search/src/SearchItemRender.ts","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-15"},"imported":[],"importedBy":[{"uid":"f8a336ce-28"}]},"f8a336ce-16":{"id":"D:/gitee/element-plus-search/src/setting/use-setting.ts","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-17"},"imported":[{"uid":"f8a336ce-38"},{"uid":"f8a336ce-36"}],"importedBy":[{"uid":"f8a336ce-18"}]},"f8a336ce-18":{"id":"D:/gitee/element-plus-search/src/setting/SearchSettingsDrawer.vue?vue&type=script&setup=true&lang.ts","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-19"},"imported":[{"uid":"f8a336ce-38"},{"uid":"f8a336ce-16"}],"importedBy":[{"uid":"f8a336ce-22"}]},"f8a336ce-20":{"id":"D:/gitee/element-plus-search/src/setting/SearchSettingsDrawer.vue?vue&type=style&index=0&lang.scss","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-21"},"imported":[],"importedBy":[{"uid":"f8a336ce-22"}]},"f8a336ce-22":{"id":"D:/gitee/element-plus-search/src/setting/SearchSettingsDrawer.vue","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-23"},"imported":[{"uid":"f8a336ce-18"},{"uid":"f8a336ce-20"}],"importedBy":[{"uid":"f8a336ce-24"}]},"f8a336ce-24":{"id":"D:/gitee/element-plus-search/src/setting/SettingButton.vue?vue&type=script&setup=true&lang.ts","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-25"},"imported":[{"uid":"f8a336ce-38"},{"uid":"f8a336ce-41"},{"uid":"f8a336ce-22"}],"importedBy":[{"uid":"f8a336ce-26"}]},"f8a336ce-26":{"id":"D:/gitee/element-plus-search/src/setting/SettingButton.vue","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-27"},"imported":[{"uid":"f8a336ce-24"}],"importedBy":[{"uid":"f8a336ce-28"}]},"f8a336ce-28":{"id":"D:/gitee/element-plus-search/src/SearchBar.vue?vue&type=script&setup=true&lang.ts","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-29"},"imported":[{"uid":"f8a336ce-38"},{"uid":"f8a336ce-36"},{"uid":"f8a336ce-4"},{"uid":"f8a336ce-12"},{"uid":"f8a336ce-14"},{"uid":"f8a336ce-39"},{"uid":"f8a336ce-26"},{"uid":"f8a336ce-40"}],"importedBy":[{"uid":"f8a336ce-32"}]},"f8a336ce-30":{"id":"D:/gitee/element-plus-search/src/SearchBar.vue?vue&type=style&index=0&lang.scss","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-31"},"imported":[],"importedBy":[{"uid":"f8a336ce-32"}]},"f8a336ce-32":{"id":"D:/gitee/element-plus-search/src/SearchBar.vue","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-33"},"imported":[{"uid":"f8a336ce-28"},{"uid":"f8a336ce-30"}],"importedBy":[{"uid":"f8a336ce-34"}]},"f8a336ce-34":{"id":"D:/gitee/element-plus-search/src/index.ts","moduleParts":{"ElementPlusSearch.umd.js":"f8a336ce-35"},"imported":[{"uid":"f8a336ce-36"},{"uid":"f8a336ce-37"},{"uid":"f8a336ce-32"}],"importedBy":[{"uid":"f8a336ce-12"}],"isEntry":true},"f8a336ce-36":{"id":"lodash-unified","moduleParts":{},"imported":[],"importedBy":[{"uid":"f8a336ce-34"},{"uid":"f8a336ce-28"},{"uid":"f8a336ce-6"},{"uid":"f8a336ce-8"},{"uid":"f8a336ce-10"},{"uid":"f8a336ce-16"}],"isExternal":true},"f8a336ce-37":{"id":"D:/gitee/element-plus-search/src/types/Searchable.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"f8a336ce-34"}]},"f8a336ce-38":{"id":"vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"f8a336ce-28"},{"uid":"f8a336ce-12"},{"uid":"f8a336ce-0"},{"uid":"f8a336ce-24"},{"uid":"f8a336ce-18"},{"uid":"f8a336ce-16"}],"isExternal":true},"f8a336ce-39":{"id":"@element-plus/icons-vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"f8a336ce-28"},{"uid":"f8a336ce-0"}],"isExternal":true},"f8a336ce-40":{"id":"@vueuse/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"f8a336ce-28"}],"isExternal":true},"f8a336ce-41":{"id":"@scvzerng/icons","moduleParts":{},"imported":[],"importedBy":[{"uid":"f8a336ce-24"}],"isExternal":true}},"env":{"rollup":"4.52.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"ElementPlusSearch.umd.js","children":[{"name":"D:/gitee/element-plus-search/src","children":[{"uid":"6135bd6f-1","name":"SearchTagsRender.vue?vue&type=script&setup=true&lang.ts"},{"uid":"6135bd6f-3","name":"SearchTagsRender.vue?vue&type=style&index=0&lang.scss"},{"uid":"6135bd6f-5","name":"SearchTagsRender.vue"},{"name":"model","children":[{"uid":"6135bd6f-7","name":"SearchItem.ts"},{"uid":"6135bd6f-9","name":"SearchConfig.ts"},{"uid":"6135bd6f-11","name":"SearchTag.ts"}]},{"uid":"6135bd6f-13","name":"SearchBarState.ts"},{"uid":"6135bd6f-15","name":"SearchItemRender.ts"},{"name":"setting","children":[{"uid":"6135bd6f-17","name":"use-setting.ts"},{"uid":"6135bd6f-19","name":"SearchSettingsDrawer.vue?vue&type=script&setup=true&lang.ts"},{"uid":"6135bd6f-21","name":"SearchSettingsDrawer.vue?vue&type=style&index=0&lang.scss"},{"uid":"6135bd6f-23","name":"SearchSettingsDrawer.vue"},{"uid":"6135bd6f-25","name":"SettingButton.vue?vue&type=script&setup=true&lang.ts"},{"uid":"6135bd6f-27","name":"SettingButton.vue"}]},{"uid":"6135bd6f-29","name":"SearchBar.vue?vue&type=script&setup=true&lang.ts"},{"uid":"6135bd6f-31","name":"SearchBar.vue?vue&type=style&index=0&lang.scss"},{"uid":"6135bd6f-33","name":"SearchBar.vue"},{"uid":"6135bd6f-35","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"6135bd6f-1":{"renderedLength":3005,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-0"},"6135bd6f-3":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-2"},"6135bd6f-5":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-4"},"6135bd6f-7":{"renderedLength":1359,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-6"},"6135bd6f-9":{"renderedLength":2807,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-8"},"6135bd6f-11":{"renderedLength":3377,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-10"},"6135bd6f-13":{"renderedLength":1977,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-12"},"6135bd6f-15":{"renderedLength":242,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-14"},"6135bd6f-17":{"renderedLength":1981,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-16"},"6135bd6f-19":{"renderedLength":2564,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-18"},"6135bd6f-21":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-20"},"6135bd6f-23":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-22"},"6135bd6f-25":{"renderedLength":1135,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-24"},"6135bd6f-27":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-26"},"6135bd6f-29":{"renderedLength":6339,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-28"},"6135bd6f-31":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-30"},"6135bd6f-33":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-32"},"6135bd6f-35":{"renderedLength":1844,"gzipLength":0,"brotliLength":0,"metaUid":"6135bd6f-34"}},"nodeMetas":{"6135bd6f-0":{"id":"D:/gitee/element-plus-search/src/SearchTagsRender.vue?vue&type=script&setup=true&lang.ts","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-1"},"imported":[{"uid":"6135bd6f-38"},{"uid":"6135bd6f-39"}],"importedBy":[{"uid":"6135bd6f-4"}]},"6135bd6f-2":{"id":"D:/gitee/element-plus-search/src/SearchTagsRender.vue?vue&type=style&index=0&lang.scss","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-3"},"imported":[],"importedBy":[{"uid":"6135bd6f-4"}]},"6135bd6f-4":{"id":"D:/gitee/element-plus-search/src/SearchTagsRender.vue","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-5"},"imported":[{"uid":"6135bd6f-0"},{"uid":"6135bd6f-2"}],"importedBy":[{"uid":"6135bd6f-28"}]},"6135bd6f-6":{"id":"D:/gitee/element-plus-search/src/model/SearchItem.ts","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-7"},"imported":[{"uid":"6135bd6f-36"}],"importedBy":[{"uid":"6135bd6f-12"},{"uid":"6135bd6f-8"}]},"6135bd6f-8":{"id":"D:/gitee/element-plus-search/src/model/SearchConfig.ts","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-9"},"imported":[{"uid":"6135bd6f-6"},{"uid":"6135bd6f-36"}],"importedBy":[{"uid":"6135bd6f-12"}]},"6135bd6f-10":{"id":"D:/gitee/element-plus-search/src/model/SearchTag.ts","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-11"},"imported":[{"uid":"6135bd6f-36"}],"importedBy":[{"uid":"6135bd6f-12"}]},"6135bd6f-12":{"id":"D:/gitee/element-plus-search/src/SearchBarState.ts","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-13"},"imported":[{"uid":"6135bd6f-6"},{"uid":"6135bd6f-8"},{"uid":"6135bd6f-10"},{"uid":"6135bd6f-38"},{"uid":"6135bd6f-34"}],"importedBy":[{"uid":"6135bd6f-28"}]},"6135bd6f-14":{"id":"D:/gitee/element-plus-search/src/SearchItemRender.ts","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-15"},"imported":[],"importedBy":[{"uid":"6135bd6f-28"}]},"6135bd6f-16":{"id":"D:/gitee/element-plus-search/src/setting/use-setting.ts","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-17"},"imported":[{"uid":"6135bd6f-38"},{"uid":"6135bd6f-36"}],"importedBy":[{"uid":"6135bd6f-18"}]},"6135bd6f-18":{"id":"D:/gitee/element-plus-search/src/setting/SearchSettingsDrawer.vue?vue&type=script&setup=true&lang.ts","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-19"},"imported":[{"uid":"6135bd6f-38"},{"uid":"6135bd6f-16"}],"importedBy":[{"uid":"6135bd6f-22"}]},"6135bd6f-20":{"id":"D:/gitee/element-plus-search/src/setting/SearchSettingsDrawer.vue?vue&type=style&index=0&lang.scss","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-21"},"imported":[],"importedBy":[{"uid":"6135bd6f-22"}]},"6135bd6f-22":{"id":"D:/gitee/element-plus-search/src/setting/SearchSettingsDrawer.vue","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-23"},"imported":[{"uid":"6135bd6f-18"},{"uid":"6135bd6f-20"}],"importedBy":[{"uid":"6135bd6f-24"}]},"6135bd6f-24":{"id":"D:/gitee/element-plus-search/src/setting/SettingButton.vue?vue&type=script&setup=true&lang.ts","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-25"},"imported":[{"uid":"6135bd6f-38"},{"uid":"6135bd6f-41"},{"uid":"6135bd6f-22"}],"importedBy":[{"uid":"6135bd6f-26"}]},"6135bd6f-26":{"id":"D:/gitee/element-plus-search/src/setting/SettingButton.vue","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-27"},"imported":[{"uid":"6135bd6f-24"}],"importedBy":[{"uid":"6135bd6f-28"}]},"6135bd6f-28":{"id":"D:/gitee/element-plus-search/src/SearchBar.vue?vue&type=script&setup=true&lang.ts","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-29"},"imported":[{"uid":"6135bd6f-38"},{"uid":"6135bd6f-36"},{"uid":"6135bd6f-4"},{"uid":"6135bd6f-12"},{"uid":"6135bd6f-14"},{"uid":"6135bd6f-39"},{"uid":"6135bd6f-26"},{"uid":"6135bd6f-40"}],"importedBy":[{"uid":"6135bd6f-32"}]},"6135bd6f-30":{"id":"D:/gitee/element-plus-search/src/SearchBar.vue?vue&type=style&index=0&lang.scss","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-31"},"imported":[],"importedBy":[{"uid":"6135bd6f-32"}]},"6135bd6f-32":{"id":"D:/gitee/element-plus-search/src/SearchBar.vue","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-33"},"imported":[{"uid":"6135bd6f-28"},{"uid":"6135bd6f-30"}],"importedBy":[{"uid":"6135bd6f-34"}]},"6135bd6f-34":{"id":"D:/gitee/element-plus-search/src/index.ts","moduleParts":{"ElementPlusSearch.umd.js":"6135bd6f-35"},"imported":[{"uid":"6135bd6f-36"},{"uid":"6135bd6f-37"},{"uid":"6135bd6f-32"}],"importedBy":[{"uid":"6135bd6f-12"}],"isEntry":true},"6135bd6f-36":{"id":"lodash-unified","moduleParts":{},"imported":[],"importedBy":[{"uid":"6135bd6f-34"},{"uid":"6135bd6f-28"},{"uid":"6135bd6f-6"},{"uid":"6135bd6f-8"},{"uid":"6135bd6f-10"},{"uid":"6135bd6f-16"}],"isExternal":true},"6135bd6f-37":{"id":"D:/gitee/element-plus-search/src/types/Searchable.ts","moduleParts":{},"imported":[],"importedBy":[{"uid":"6135bd6f-34"}]},"6135bd6f-38":{"id":"vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"6135bd6f-28"},{"uid":"6135bd6f-12"},{"uid":"6135bd6f-0"},{"uid":"6135bd6f-24"},{"uid":"6135bd6f-18"},{"uid":"6135bd6f-16"}],"isExternal":true},"6135bd6f-39":{"id":"@element-plus/icons-vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"6135bd6f-28"},{"uid":"6135bd6f-0"}],"isExternal":true},"6135bd6f-40":{"id":"@vueuse/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"6135bd6f-28"}],"isExternal":true},"6135bd6f-41":{"id":"@scvzerng/icons","moduleParts":{},"imported":[],"importedBy":[{"uid":"6135bd6f-24"}],"isExternal":true}},"env":{"rollup":"4.52.4"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/dist/types/SearchBar.vue.d.ts

@@ -29,6 +29,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
         isEnable: (state: SearchBarState) => boolean;
         isDisabled: (state: SearchBarState) => boolean;
     }[];
+    getSearchObject: () => any;
+    updateSearching: (searching: boolean) => void;
+    updateTags: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/types/index.d.ts

@@ -1,9 +1,31 @@
 import { TransformCallback } from './types/Searchable';
 import { SearchValueLike } from './types/SearchValueLike';
-export * from "./types/Searchable";
+import { Ref } from 'vue';
+export * from './types/Searchable';
 export { default as SearchBar } from './SearchBar.vue';
-export type SearchBarInstance = {
+export interface RefreshInstance<SEARCH_OBJECT> {
+    refresh: (searchObject?: SEARCH_OBJECT) => void | Promise<void>;
+}
+export declare const useSearchProxy: <C_PARAM, SEARCH_OBJECT, VALUE>(callback: (searchObject: SEARCH_OBJECT, params: C_PARAM) => VALUE, instance: Ref<SearchBarInstance<SEARCH_OBJECT>>, refreshInstance: Ref<RefreshInstance<SEARCH_OBJECT>>[]) => {
+    /**
+     * 数据刷新回调代理
+     *
+     *  填充数据拉取接口的搜索参数
+     * @param param
+     */
+    refreshCallback: (param: C_PARAM) => Promise<VALUE>;
+    /**
+     * 搜索项搜索按钮点击时触发
+     *
+     * 回调所有的可刷新组件
+     */
+    searchCallback: () => Promise<void>;
+};
+export type SearchBarInstance<T> = {
     getSearchItems(): SearchValueLike[];
+    getSearchObject(): T;
+    updateSearching(searching: boolean): void;
+    updateTags(): void;
 };
 export declare class Searches {
     record: Record<string, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scvzerng/element-plus-search-vue2",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "private": false,
   "scripts": {