@scvzerng/element-plus-search-vue2 0.0.16 → 0.0.17

package/dist/ElementPlusSearch.es.js

@@ -1,11 +1,11 @@
 import { get as V, set as Y, sum as U, isFunction as E, keyBy as q, isNumber as Q, isBoolean as M, isEmpty as $, isPlainObject as X } from "lodash-unified";
 import { defineComponent as S, ref as h, shallowRef as H, inject as P, reactive as K, computed as T, provide as F } from "vue";
 import { useMutationObserver as j, useDebounceFn as z, watchDebounced as W } from "@vueuse/core";
-const Me = (i) => ({
+const Me = (r) => ({
   model: {
-    value: V(i, "value"),
+    value: V(r, "value"),
     callback: (e) => {
-      Y(i, "value", e);
+      Y(r, "value", e);
     }
   }
 }), G = S({
@@ -15,10 +15,10 @@ const Me = (i) => ({
   props: {
     tags: null
   },
-  setup(i) {
-    const e = i, t = h(), s = () => {
+  setup(r) {
+    const e = r, t = h(), s = () => {
       t.value.scrollBy({ left: -200, behavior: "smooth" });
-    }, r = () => {
+    }, i = () => {
       t.value.scrollBy({
         left: 200,
         behavior: "smooth"
@@ -35,20 +35,20 @@ const Me = (i) => ({
         a.value = l() > u();
       },
       { subtree: !0, childList: !0, attributes: !0 }
-    ), { __sfc: !0, props: e, scrollContainer: t, scrollLeft: s, scrollRight: r, showScrollBar: a, getTagsWidth: l, getContainerWidth: u };
+    ), { __sfc: !0, props: e, scrollContainer: t, scrollLeft: s, scrollRight: i, showScrollBar: a, getTagsWidth: l, getContainerWidth: u };
   }
 });
-function x(i, e, t, s, r, a, l, u) {
-  var c = typeof i == "function" ? i.options : i;
+function x(r, e, t, s, i, a, l, u) {
+  var c = typeof r == "function" ? r.options : r;
   return e && (c.render = e, c.staticRenderFns = t, c._compiled = !0), a && (c._scopeId = "data-v-" + a), {
-    exports: i,
+    exports: r,
     options: c
   };
 }
 var Z = function() {
   var e = this, t = e._self._c, s = e._self._setupProxy;
-  return t("div", { staticClass: "tags-scroll-container" }, [t("el-tag", { directives: [{ name: "show", rawName: "v-show", value: s.showScrollBar, expression: "showScrollBar" }], staticClass: "scroll-left-bar", attrs: { "disable-transitions": "", size: "medium", type: "info" }, on: { click: s.scrollLeft } }, [t("i", { staticClass: "el-icon-arrow-left" })]), t("div", { ref: "scrollContainer", staticClass: "search-tags" }, e._l(e.tags, function(r) {
-    return t("el-tag", { key: r.field, staticClass: "search-tag", attrs: { "disable-transitions": "", closable: !r.required, type: r.required ? "primary" : "info" }, on: { close: () => r.clean() } }, [t("span", [e._v(" " + e._s(r.label) + " ")]), e._v("： "), t("span", { domProps: { innerHTML: e._s(r.valueText) } })]);
+  return t("div", { staticClass: "tags-scroll-container" }, [t("el-tag", { directives: [{ name: "show", rawName: "v-show", value: s.showScrollBar, expression: "showScrollBar" }], staticClass: "scroll-left-bar", attrs: { "disable-transitions": "", size: "medium", type: "info" }, on: { click: s.scrollLeft } }, [t("i", { staticClass: "el-icon-arrow-left" })]), t("div", { ref: "scrollContainer", staticClass: "search-tags" }, e._l(e.tags, function(i) {
+    return t("el-tag", { key: i.field, staticClass: "search-tag", attrs: { "disable-transitions": "", closable: !i.required, type: i.required ? "primary" : "info" }, on: { close: () => i.clean() } }, [t("span", [e._v(" " + e._s(i.label) + " ")]), e._v("： "), t("span", { domProps: { innerHTML: e._s(i.valueText) } })]);
   }), 1), t("el-tag", { directives: [{ name: "show", rawName: "v-show", value: s.showScrollBar, expression: "showScrollBar" }], staticClass: "scroll-right-bar", attrs: { "disable-transitions": "", size: "medium", type: "info" }, on: { click: s.scrollRight } }, [t("i", { staticClass: "el-icon-arrow-right" })])], 1);
 }, ee = [], te = /* @__PURE__ */ x(
   J,
@@ -59,13 +59,13 @@ var Z = function() {
   null
 );
 const se = te.exports;
-var re = Object.defineProperty, ie = (i, e, t) => e in i ? re(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, d = (i, e, t) => ie(i, typeof e != "symbol" ? e + "" : e, t);
+var ie = Object.defineProperty, re = (r, e, t) => e in r ? ie(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, d = (r, e, t) => re(r, typeof e != "symbol" ? e + "" : e, t);
 const N = 6;
 class ae {
   constructor(e, t) {
     d(this, "field"), d(this, "label"), d(this, "value"), d(this, "required"), d(this, "index"), d(this, "visible"), d(this, "disabled"), d(this, "span"), d(this, "initValue"), d(this, "enable"), d(this, "pinned"), d(this, "tagFilter"), d(this, "render"), d(this, "transform"), d(this, "onChange");
-    var s, r, a, l, u;
-    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 = (s = e.visible) != null ? s : !0, this.span = (r = e.span) != null ? r : N, this.render = e.render, this.tagFilter = e.tagFilter, this.transform = e.transform, this.enable = (a = e.enable) != null ? a : !0, this.disabled = (l = e.disabled) != null ? l : !1, this.pinned = (u = e.pinned) != null ? u : !1, e.onChange && (this.onChange = z((c, f) => e.onChange(c, f), 50));
+    var s, i, a, l, u;
+    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 = (s = e.visible) != null ? s : !0, this.span = (i = e.span) != null ? i : N, this.render = e.render, this.tagFilter = e.tagFilter, this.transform = e.transform, this.enable = (a = e.enable) != null ? a : !0, this.disabled = (l = e.disabled) != null ? l : !1, this.pinned = (u = e.pinned) != null ? u : !1, e.onChange && (this.onChange = z((c, f) => e.onChange(c, f), 50));
   }
   clean() {
     Array.isArray(this.value) ? this.value = [] : this.value = void 0;
@@ -80,10 +80,10 @@ class ae {
     return E(this.disabled) ? this.disabled(e.getSearchObject()) : this.disabled;
   }
 }
-var ne = Object.defineProperty, le = (i, e, t) => e in i ? ne(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, p = (i, e, t) => le(i, typeof e != "symbol" ? e + "" : e, t);
+var ne = Object.defineProperty, le = (r, e, t) => e in r ? ne(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, p = (r, e, t) => le(r, typeof e != "symbol" ? e + "" : e, t);
 class b {
-  constructor(e, t, s, r, a) {
-    p(this, "field"), p(this, "span"), p(this, "index"), p(this, "visible"), p(this, "pinned"), this.field = e, this.span = t, this.index = s, this.visible = r, this.pinned = a;
+  constructor(e, t, s, i, a) {
+    p(this, "field"), p(this, "span"), p(this, "index"), p(this, "visible"), p(this, "pinned"), this.field = e, this.span = t, this.index = s, this.visible = i, this.pinned = a;
   }
   static fromSearchItem(e, t) {
     return new b(
@@ -95,18 +95,18 @@ class b {
     );
   }
   static formSearchConfig(e, t) {
-    var s, r, a;
+    var s, i, a;
     return new b(
       e.field,
       (s = e.span) != null ? s : N,
       t ?? e,
-      (r = e.visible) != null ? r : !0,
+      (i = e.visible) != null ? i : !0,
       (a = e.pinned) != null ? a : !1
     );
   }
   static fromString(e) {
-    const [t, s, r, a, l] = e.split("_");
-    return new b(s, Number(r), Number(t), a === "true", l === "true");
+    const [t, s, i, a, l] = e.split("_");
+    return new b(s, Number(i), Number(t), a === "true", l === "true");
   }
   toString() {
     return `${this.index}_${this.field}_${this.span}_${this.visible}_${this.pinned}`;
@@ -115,7 +115,7 @@ class b {
     this.span = e.span, this.index = e.index, this.visible = e.visible, this.pinned = e.pinned;
   }
 }
-const B = (i) => `searches_layouts_${i}`;
+const B = (r) => `searches_layouts_${r}`;
 class oe {
   constructor(e, t) {
     p(this, "id"), p(this, "state"), p(this, "itemLayouts"), p(this, "initialLayouts"), this.id = e.id, this.initialLayouts = t, this.state = e, this.itemLayouts = q(e.items.map(b.fromSearchItem), (s) => s.field), this.restoreCachedLayouts();
@@ -127,16 +127,16 @@ class oe {
   restoreCachedLayouts() {
     const e = localStorage.getItem(B(this.id));
     e && e.split(",").forEach((t) => {
-      const s = b.fromString(t), r = this.itemLayouts[s.field];
-      r && r.merge(s);
+      const s = b.fromString(t), i = this.itemLayouts[s.field];
+      i && i.merge(s);
     });
   }
   sync(e, t, s) {
     if (e.length !== Object.keys(this.itemLayouts).length)
       throw new Error("同步布局字段数量不一致");
-    e.forEach((r, a) => {
-      const l = this.itemLayouts[r];
-      l.index = a, l.visible = t.has(r), l.pinned = s.has(r);
+    e.forEach((i, a) => {
+      const l = this.itemLayouts[i];
+      l.index = a, l.visible = t.has(i), l.pinned = s.has(i);
     });
   }
   persistent() {
@@ -152,86 +152,86 @@ class oe {
     });
   }
 }
-var ce = Object.defineProperty, ue = (i, e, t) => e in i ? ce(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, g = (i, e, t) => ue(i, typeof e != "symbol" ? e + "" : e, t);
+var ce = Object.defineProperty, ue = (r, e, t) => e in r ? ce(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, g = (r, e, t) => ue(r, typeof e != "symbol" ? e + "" : e, t);
 const de = [
   {
-    isApply(i) {
-      return i.contains("el-radio-group");
+    isApply(r) {
+      return r.contains("el-radio-group");
     },
-    getText(i) {
+    getText(r) {
       var e, t;
-      return (t = (e = i.querySelector(".is-active")) == null ? void 0 : e.querySelector("input")) == null ? void 0 : t.value;
+      return (t = (e = r.querySelector(".is-active")) == null ? void 0 : e.querySelector("input")) == null ? void 0 : t.value;
     }
   },
   {
-    isApply(i) {
-      return i.contains("el-checkbox-group");
+    isApply(r) {
+      return r.contains("el-checkbox-group");
     },
-    getText(i) {
+    getText(r) {
       var e;
-      const t = Array.from((e = i.querySelectorAll(".el-checkbox__input.is-checked")) != null ? e : []).map((s) => {
-        var r;
-        return (r = s.querySelector("input")) == null ? void 0 : r.value;
+      const t = Array.from((e = r.querySelectorAll(".el-checkbox__input.is-checked")) != null ? e : []).map((s) => {
+        var i;
+        return (i = s.querySelector("input")) == null ? void 0 : i.value;
       }).filter((s) => s);
       return t.length === 1 ? t[0] : `${t[0]} 等${t.length}条`;
     }
   },
   {
-    isApply(i) {
-      return i.contains("el-input");
+    isApply(r) {
+      return r.contains("el-input");
     },
-    getText(i, e) {
+    getText(r, e) {
       return e.value;
     }
   },
   {
-    isApply(i) {
-      return i.contains("el-input-number");
+    isApply(r) {
+      return r.contains("el-input-number");
     },
-    getText(i, e) {
+    getText(r, e) {
       return e.value;
     }
   },
   {
-    isApply(i) {
-      return i.contains("el-select");
+    isApply(r) {
+      return r.contains("el-select");
     },
-    getText(i, e) {
+    getText(r, e) {
       var t;
-      const s = i.querySelectorAll(".el-select__tags-text");
-      return s.length > 0 ? e.value.length > 1 ? `${s[0].textContent} 等${e.value.length}条` : s[0].textContent : (t = i.querySelector("input")) == null ? void 0 : t.value;
+      const s = r.querySelectorAll(".el-select__tags-text");
+      return s.length > 0 ? e.value.length > 1 ? `${s[0].textContent} 等${e.value.length}条` : s[0].textContent : (t = r.querySelector("input")) == null ? void 0 : t.value;
     }
   },
   {
-    isApply(i) {
-      return i.contains("el-cascader");
+    isApply(r) {
+      return r.contains("el-cascader");
     },
-    getText(i) {
+    getText(r) {
       var e;
-      return (e = i.querySelector("input")) == null ? void 0 : e.value;
+      return (e = r.querySelector("input")) == null ? void 0 : e.value;
     }
   },
   {
-    isApply(i) {
-      return i.contains("el-switch");
+    isApply(r) {
+      return r.contains("el-switch");
     },
-    getText(i) {
-      return i.querySelector(".is-active").innerHTML;
+    getText(r) {
+      return r.querySelector(".is-active").innerHTML;
     }
   },
   {
-    isApply(i) {
-      return i.contains("el-slider");
+    isApply(r) {
+      return r.contains("el-slider");
     },
-    getText(i, e) {
+    getText(r, e) {
       return e.value;
     }
   },
   {
-    isApply(i) {
-      return i.contains("el-date-editor");
+    isApply(r) {
+      return r.contains("el-date-editor");
     },
-    getText(i, e) {
+    getText(r, e) {
       return e.value ? e.value.join(" ~ ") : e.value;
     }
   }
@@ -251,19 +251,19 @@ class R {
       return;
     if (e.children.length !== 1)
       throw new Error("holder children length is not 1");
-    const t = e.children[0], s = de.find((r) => r.isApply(t.classList));
+    const t = e.children[0], s = de.find((i) => i.isApply(t.classList));
     s && (this.valueText = s.getText(t, this));
   }
   async clean() {
     this.item.clean(), await this.state.doSearch();
   }
 }
-var he = Object.defineProperty, pe = (i, e, t) => e in i ? he(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, m = (i, e, t) => pe(i, typeof e != "symbol" ? e + "" : e, t);
+var he = Object.defineProperty, pe = (r, e, t) => e in r ? he(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, m = (r, e, t) => pe(r, typeof e != "symbol" ? e + "" : e, t);
 class fe {
   constructor(e, t, s) {
-    this.id = e, m(this, "items"), m(this, "config"), m(this, "searching"), m(this, "tags"), m(this, "searchCallback"), m(this, "sourceSearchable"), m(this, "_lastSearchObject", { time: 0, data: null }), this.id = e, this.items = t.map((r, a) => new ae(r, a)), this.config = new oe(
+    this.id = e, m(this, "items"), m(this, "config"), m(this, "searching"), m(this, "tags"), m(this, "searchCallback"), m(this, "sourceSearchable"), m(this, "_lastSearchObject", { time: 0, data: null }), this.id = e, this.items = t.map((i, a) => new ae(i, a)), this.config = new oe(
       this,
-      t.map((r, a) => b.formSearchConfig(r, a))
+      t.map((i, a) => b.formSearchConfig(i, a))
     ), this.sourceSearchable = t, this.searching = !1, this.searchCallback = s, this.tags = [];
   }
   updateSearchTag(e) {
@@ -290,18 +290,18 @@ class fe {
   async reset(e) {
     this.items.forEach((t) => t.reset()), e && await this.doSearch();
   }
-  setSearchValue(e, t, s = (r) => !0) {
-    const r = this.items.find((a) => a.field === e);
-    r && s && s(r.value) && (r.value = t);
+  setSearchValue(e, t, s = (i) => !0) {
+    const i = this.items.find((a) => a.field === e);
+    i && s && s(i.value) && (i.value = t);
   }
 }
 const ve = () => {
-  const i = H(), e = h(), t = h([]), s = h(!1), r = h(), a = h([]), l = h(300), u = (n) => {
-    i.value = n, t.value = [
+  const r = H(), e = h(), t = h([]), s = h(!1), i = h(), a = h([]), l = h(300), u = (n) => {
+    r.value = n, t.value = [
       {
         label: "全部",
         id: "all",
-        children: i.value.items.sort(
+        children: r.value.items.sort(
           (o, v) => n.config.itemLayouts[o.field].index - n.config.itemLayouts[v.field].index
         ).map((o) => ({
           label: o.label,
@@ -310,7 +310,7 @@ const ve = () => {
           pinned: n.config.itemLayouts[o.field].pinned
         }))
       }
-    ], r.value = Object.keys(n.config.itemLayouts).filter(
+    ], i.value = Object.keys(n.config.itemLayouts).filter(
       (o) => {
         var v;
         return (v = n.config.itemLayouts[o]) == null ? void 0 : v.visible;
@@ -321,21 +321,21 @@ const ve = () => {
     treeRef: e,
     visible: s,
     snapshot: t,
-    defaultCheckedKeys: r,
+    defaultCheckedKeys: i,
     drawerWidth: l,
     updateSnapshot: u,
     show: (n) => {
       u(n), s.value = !0;
     },
     save: () => {
-      i.value.config.sync(
+      r.value.config.sync(
         t.value[0].children.map((n) => n.id),
         new Set(e.value.getCheckedKeys()),
         new Set(t.value[0].children.filter((n) => n.pinned).map((n) => n.id))
-      ), i.value.config.persistent(), s.value = !1;
+      ), r.value.config.persistent(), s.value = !1;
     },
     reset: () => {
-      i.value.config.reset(), u(i.value);
+      r.value.config.reset(), u(r.value);
     },
     keepSelection: () => {
       a.value = e.value.getCheckedKeys();
@@ -359,11 +359,11 @@ const ve = () => {
   };
 }, ge = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdlJREFUWEftlT9rFEEYxp/nJCii2NhYWNiLnV9CSGFtYGdGd4IkRUQMXhA9RSX+AYXTFLPH7mwO0ohW/vkAfgALsbSxuM7CRtDovrIQNcTkdmc9CchuuzPP83t/O8sQu/xwl/vRArQG/h8Dyti7KOSj98mdkD9rYgYiHT8jeRqFXA6BmByAOXeW6Aw2pu/61C3XMTEJACpjbwJY2lwoIpfyLLlfBfFXANba/V/X5QnIU9sV1YFoDKC1Plpw6iWB4+OmrIIIAShVd0XkEDqdFxB5SuDwtpMD31hwGhQlxOs8dY93ggwCiEw8JHim6ruikDnvk5XKdUDwZUSl4wFIs2O4YM1nrhpyIyDEwK9OZewDAAt/QAjeHjyw92S/3/9SZ/pyTSOASMfXSV7dUvLp+zpODIfuQ93yRgCRjrskbwNyUQTHSM6XQYXI9GqWPA8pDwZQxpbaS/0XfOoelgHKxA5gDGDRp+7ePwOItD1PYkVEruVZcmNTEZWJcxR4F3IH/Nxf6wz8Li9u5dngytYpe71eZzQa7XPOfZ64gUjPalJSAMs+dd3Qgqr1Yw3MzNgje6bwnsQjn7rFqrAm78cCKGOXCsib1TR51SS8zp5aZ6BOUNM1LUBroDXwAyP2oSHYDQ3tAAAAAElFTkSuQmCC", _e = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAc1JREFUWEftlT1oFUEUhb+zKEgQbGxSWNiLTUip82ohhbWFvl1EgiFExJAn4h8q8QdioYFIdoIEbEJSqWl3EUuxCJY29haCCBLx6kteBKPv7c7mSUB225l7znfPzN0Ru/xpl/2pAeoE/p8EXGr3FPExa+puyGT1LQHnbUVwEjEVAtE3gEZqCWJ+o3ujlSWaLpPEzgHM5Dy3JC5vM7yUxXpQBLEjgKE5G9i/lyXBiS5GhRCVAY57OxQZLxFHCrrsCVEeYDPqFuKAfedFJJYRB/9qbnwjYgTjDMarLNHjbpBBAA3PIuJU0bmaOJ83NVu0r71eHmDjdpvcAvOCuJu4wbM8ViHkVn0YQKeqkdoMYmI7hMHawGeGV8f1tUz34Ql0VJ23G4Krv5kYn9b3cPT1aX0oa14JwHlrCe6YcVHiMDDWMRzJYj0PMQ8GaKQ28XMKZjAuZIketgVcak8kzpoxmSe6/88AnLdRwazBtTzWzV9Gm+P5VBHvQt6AoEu4ZQ7czmJd+aPL6xYNDbLvzTl96XsCzltT4DGms0StUIOi/T3H8NiiDUbrvMd4lCeaLBKrst4TwKXWfuHe5olWq4iXqan0IyojXHZPDVAnUCfwAyFMiSGfgbcLAAAAAElFTkSuQmCC", me = /* @__PURE__ */ S({
   __name: "SearchSettingsDrawer",
-  setup(i, { expose: e }) {
+  setup(r, { expose: e }) {
     const {
       treeRef: t,
       visible: s,
-      snapshot: r,
+      snapshot: i,
       drawerWidth: a,
       defaultCheckedKeys: l,
       show: u,
@@ -377,17 +377,17 @@ const ve = () => {
     } = ve();
     return e({
       show: u
-    }), { __sfc: !0, treeRef: t, visible: s, snapshot: r, drawerWidth: a, defaultCheckedKeys: l, show: u, allowDrop: c, allowDrag: f, keepSelection: A, restoreSelection: _, save: y, reset: w, onPinnedChange: C, pin: ge, activePin: _e };
+    }), { __sfc: !0, treeRef: t, visible: s, snapshot: i, drawerWidth: a, defaultCheckedKeys: l, show: u, allowDrop: c, allowDrag: f, keepSelection: A, restoreSelection: _, save: y, reset: w, onPinnedChange: C, pin: ge, activePin: _e };
   }
 });
 var be = function() {
   var e = this, t = e._self._c, s = e._self._setupProxy;
-  return t("el-drawer", { attrs: { size: s.drawerWidth, title: "搜索项配置", visible: s.visible, "modal-append-to-body": !0, "append-to-body": !0 }, on: { "update:visible": function(r) {
-    s.visible = r;
-  } } }, [t("div", { staticClass: "setting-container" }, [t("el-tree", { ref: "treeRef", staticClass: "tree", attrs: { "default-expand-all": "", "default-checked-keys": s.defaultCheckedKeys, "node-key": "id", draggable: "", "show-checkbox": "", data: s.snapshot, "allow-drop": s.allowDrop, "allow-drag": s.allowDrag, "expand-on-click-node": !1 }, on: { "node-drag-start": s.keepSelection, "node-drag-end": s.restoreSelection }, scopedSlots: e._u([{ key: "default", fn: function({ node: r }) {
-    return [t("span", { staticClass: "custom-tree-node" }, [t("span", [e._v(e._s(r.label))]), r.data.id !== "all" ? t("span", { on: { click: function(a) {
-      return s.onPinnedChange(r);
-    } } }, [t("img", { attrs: { src: r.data.pinned ? s.activePin : s.pin, alt: "固定" } })]) : e._e()])];
+  return t("el-drawer", { attrs: { size: s.drawerWidth, title: "搜索项配置", visible: s.visible, "modal-append-to-body": !0, "append-to-body": !0 }, on: { "update:visible": function(i) {
+    s.visible = i;
+  } } }, [t("div", { staticClass: "setting-container" }, [t("el-tree", { ref: "treeRef", staticClass: "tree", attrs: { "default-expand-all": "", "default-checked-keys": s.defaultCheckedKeys, "node-key": "id", draggable: "", "show-checkbox": "", data: s.snapshot, "allow-drop": s.allowDrop, "allow-drag": s.allowDrag, "expand-on-click-node": !1 }, on: { "node-drag-start": s.keepSelection, "node-drag-end": s.restoreSelection }, scopedSlots: e._u([{ key: "default", fn: function({ node: i }) {
+    return [t("span", { staticClass: "custom-tree-node" }, [t("span", [e._v(e._s(i.label))]), i.data.id !== "all" ? t("span", { on: { click: function(a) {
+      return s.onPinnedChange(i);
+    } } }, [t("img", { attrs: { src: i.data.pinned ? s.activePin : s.pin, alt: "固定" } })]) : e._e()])];
   } }]) }), t("div", { staticClass: "footer" }, [t("el-button", { on: { click: s.reset } }, [e._v("重置")]), t("el-button", { attrs: { type: "primary" }, on: { click: s.save } }, [e._v("保存")])], 1)], 1)]);
 }, Se = [], Ae = /* @__PURE__ */ x(
   me,
@@ -402,8 +402,8 @@ const ye = Ae.exports, we = /* @__PURE__ */ S({
   props: {
     state: null
   },
-  setup(i) {
-    const e = i, t = h();
+  setup(r) {
+    const e = r, t = h();
     return { __sfc: !0, props: e, searchSettingDialogRef: t, showSearchLayoutDialog: () => {
       t.value.show(e.state);
     }, SearchSettingsDrawer: ye };
@@ -431,26 +431,26 @@ const Oe = Le.exports, Te = {
       type: Object
     }
   },
-  render(i, e) {
+  render(r, e) {
     var t;
-    const { props: s } = e, r = s.search.render(s.search);
-    if (r.componentOptions.propsData || (r.componentOptions.propsData = {}), r.componentOptions.listeners || (r.componentOptions.listeners = {}), r.componentOptions.listeners || (r.componentOptions.listeners = {}), (t = r.data) != null && t.attrs || (r.data.attrs = {}), r.data.attrs.labelChange = () => {
+    const { props: s } = e, i = s.search.render(s.search);
+    if (i.componentOptions.propsData || (i.componentOptions.propsData = {}), i.componentOptions.listeners || (i.componentOptions.listeners = {}), i.componentOptions.listeners || (i.componentOptions.listeners = {}), (t = i.data) != null && t.attrs || (i.data.attrs = {}), i.data.attrs.labelChange = () => {
       s.api.updateSearchTag(s.search.field);
-    }, r.componentOptions.listeners.input) {
-      const a = r.componentOptions.listeners.input;
-      r.componentOptions.listeners.input = (l) => {
+    }, i.componentOptions.listeners.input) {
+      const a = i.componentOptions.listeners.input;
+      i.componentOptions.listeners.input = (l) => {
         s.search.onChange && s.search.onChange(l, s.api), a(l);
       };
     }
-    return r.componentOptions.propsData.disabled = s.search.isDisabled(s.api), r;
+    return i.componentOptions.propsData.disabled = s.search.isDisabled(s.api), i;
   }
 }, De = /* @__PURE__ */ S({
   __name: "SearchBarItem",
   props: {
     item: null
   },
-  setup(i) {
-    const e = i, t = P("search-bar-state"), s = P("search-bar-id");
+  setup(r) {
+    const e = r, t = P("search-bar-state"), s = P("search-bar-id");
     return { __sfc: !0, props: e, state: t, id: s, SearchItemRender: Te };
   }
 });
@@ -477,12 +477,12 @@ const Be = Fe.exports, Re = /* @__PURE__ */ S({
     resetAutoSearch: { type: Boolean, default: !0 }
   },
   emits: ["change"],
-  setup(i, { expose: e, emit: t }) {
-    const s = i, r = K(new fe(s.id, s.searches, s.onSearch)), a = h(!1), l = h();
+  setup(r, { expose: e, emit: t }) {
+    const s = r, i = K(new fe(s.id, s.searches, s.onSearch)), a = h(!1), l = h();
     j(
       l,
       () => {
-        r.updateTags();
+        i.updateTags();
       },
       { childList: !0 }
     );
@@ -492,34 +492,34 @@ const Be = Fe.exports, Re = /* @__PURE__ */ S({
       () => c.value.filter((n) => !_(n).pinned)
     );
     W(
-      () => [r.items, r.config.itemLayouts],
+      () => [i.items, i.config.itemLayouts],
       () => {
         const n = [
-          ...r.items.filter((o) => o.pinned),
-          ...r.items.filter((o) => !o.pinned)
+          ...i.items.filter((o) => o.pinned),
+          ...i.items.filter((o) => !o.pinned)
         ];
-        c.value = n.sort((o, v) => r.config.itemLayouts[o.field].index - r.config.itemLayouts[v.field].index).filter((o) => o.isEnable(r)), t("change", r.getSearchObject(), r);
+        c.value = n.sort((o, v) => i.config.itemLayouts[o.field].index - i.config.itemLayouts[v.field].index).filter((o) => o.isEnable(i)), t("change", i.getSearchObject(), i);
       },
       { debounce: 100, immediate: !0, deep: !0 }
     );
-    const _ = (n) => r.config.itemLayouts[n.field], y = () => r.items, w = () => r.getSearchObject(), C = (n) => {
-      r.searching = n;
-    }, O = () => r.updateTags();
-    return F("search-bar-state", r), F("search-bar-id", s.id), e({
+    const _ = (n) => i.config.itemLayouts[n.field], y = () => i.items, w = () => i.getSearchObject(), C = (n) => {
+      i.searching = n;
+    }, O = () => i.updateTags();
+    return F("search-bar-state", i), F("search-bar-id", s.id), e({
       getSearchItems: y,
       getSearchObject: w,
       updateSearching: C,
       updateTags: O
-    }), { __sfc: !0, props: s, state: r, expanded: a, itemContainerRef: l, isShowSpanIcon: u, sortedItems: c, sortedPinnedItems: f, sortedNormalItems: A, emits: t, getLayout: _, getSearchItems: y, getSearchObject: w, updateSearching: C, updateTags: O, SearchTagsRender: se, SettingButton: Oe, SearchBarItem: Be };
+    }), { __sfc: !0, props: s, state: i, expanded: a, itemContainerRef: l, isShowSpanIcon: u, sortedItems: c, sortedPinnedItems: f, sortedNormalItems: A, emits: t, getLayout: _, getSearchItems: y, getSearchObject: w, updateSearching: C, updateTags: O, SearchTagsRender: se, SettingButton: Oe, SearchBarItem: Be };
   }
 });
 var $e = function() {
   var e = this, t = e._self._c, s = e._self._setupProxy;
-  return t("div", { staticClass: "search-bar-container" }, [t("el-row", { ref: "itemContainerRef", class: "search", staticStyle: { "flex-wrap": "wrap" }, attrs: { type: "flex", gutter: 16 } }, [e._l(s.sortedPinnedItems, function(r) {
-    return t("el-col", { directives: [{ name: "show", rawName: "v-show", value: s.getLayout(r).visible, expression: "getLayout(item).visible" }], key: r.field, attrs: { span: s.getLayout(r).span } }, [t(s.SearchBarItem, { attrs: { item: r } })], 1);
-  }), t("el-collapse-transition", [t("div", { directives: [{ name: "show", rawName: "v-show", value: s.expanded, expression: "expanded" }] }, e._l(s.sortedNormalItems, function(r) {
-    return t("el-col", { directives: [{ name: "show", rawName: "v-show", value: s.getLayout(r).visible, expression: "getLayout(item).visible" }], key: r.field, attrs: { span: s.getLayout(r).span } }, [t(s.SearchBarItem, { attrs: { item: r } })], 1);
-  }), 1)])], 2), t("div", { staticClass: "search-bottom" }, [s.state.tags.length > 0 ? t(s.SearchTagsRender, { attrs: { tags: s.state.tags } }) : e._e(), t("div", { staticClass: "actions" }, [t("el-tooltip", { attrs: { content: s.expanded ? "收起" : "更多搜索条件" } }, [t("el-button", { directives: [{ name: "show", rawName: "v-show", value: s.isShowSpanIcon, expression: "isShowSpanIcon" }], staticClass: "icon-button", staticStyle: { "margin-right": "10px" }, on: { click: function(r) {
+  return t("div", { staticClass: "search-bar-container" }, [t("el-row", { ref: "itemContainerRef", class: "search", staticStyle: { "flex-wrap": "wrap" }, attrs: { type: "flex", gutter: 16 } }, [e._l(s.sortedPinnedItems, function(i) {
+    return t("el-col", { directives: [{ name: "show", rawName: "v-show", value: s.getLayout(i).visible, expression: "getLayout(item).visible" }], key: i.field, attrs: { span: s.getLayout(i).span } }, [t(s.SearchBarItem, { attrs: { item: i } })], 1);
+  }), t("el-collapse-transition", [t("div", { directives: [{ name: "show", rawName: "v-show", value: s.expanded, expression: "expanded" }], staticStyle: { width: "100%" } }, e._l(s.sortedNormalItems, function(i) {
+    return t("el-col", { directives: [{ name: "show", rawName: "v-show", value: s.getLayout(i).visible, expression: "getLayout(item).visible" }], key: i.field, attrs: { span: s.getLayout(i).span } }, [t(s.SearchBarItem, { attrs: { item: i } })], 1);
+  }), 1)])], 2), t("div", { staticClass: "search-bottom" }, [s.state.tags.length > 0 ? t(s.SearchTagsRender, { attrs: { tags: s.state.tags } }) : e._e(), t("div", { staticClass: "actions" }, [t("el-tooltip", { attrs: { content: s.expanded ? "收起" : "更多搜索条件" } }, [t("el-button", { directives: [{ name: "show", rawName: "v-show", value: s.isShowSpanIcon, expression: "isShowSpanIcon" }], staticClass: "icon-button", staticStyle: { "margin-right": "10px" }, on: { click: function(i) {
     s.expanded = !s.expanded;
   } } }, [t("i", { class: [s.expanded ? "el-icon-arrow-up" : "el-icon-arrow-down"] })])], 1), t(s.SettingButton, { attrs: { state: s.state } }), t("el-button", { attrs: { type: "primary", loading: s.state.searching, disabled: s.state.searching }, on: { click: () => s.state.doSearch() } }, [e._v("查 询 ")]), t("el-button", { on: { click: () => s.state.reset(e.resetAutoSearch) } }, [e._v("重 置")])], 1)], 1)], 1);
 }, je = [], Ne = /* @__PURE__ */ x(
@@ -531,16 +531,16 @@ var $e = function() {
   null
 );
 const Xe = Ne.exports;
-var ke = Object.defineProperty, Ie = (i, e, t) => e in i ? ke(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, Ve = (i, e, t) => Ie(i, e + "", t);
-const He = (i) => $(i), Ke = () => !0, ze = (i, e) => {
-  const t = i.getSearchObject();
+var ke = Object.defineProperty, Ie = (r, e, t) => e in r ? ke(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ve = (r, e, t) => Ie(r, e + "", t);
+const He = (r) => $(r), Ke = () => !0, ze = (r, e) => {
+  const t = r.getSearchObject();
   let s = !0;
-  for (const [r, a] of Object.entries(e)) {
-    const l = t[r];
+  for (const [i, a] of Object.entries(e)) {
+    const l = t[i];
     s = a(l), s || (s = !1);
   }
   return () => s;
-}, We = (i, e, t) => ({
+}, We = (r, e, t) => ({
   /**
    * 数据刷新回调代理
    *
@@ -548,9 +548,9 @@ const He = (i) => $(i), Ke = () => !0, ze = (i, e) => {
    * @param param
    */
   refreshCallback: async (s) => {
-    const r = e.value.getSearchObject();
+    const i = e.value.getSearchObject();
     try {
-      return e.value.updateSearching(!0), await i(r, s);
+      return e.value.updateSearching(!0), await r(i, s);
     } finally {
       e.value.updateSearching(!1), e.value.updateTags();
     }
@@ -562,8 +562,8 @@ const He = (i) => $(i), Ke = () => !0, ze = (i, e) => {
    */
   searchCallback: async () => {
     var s;
-    for (const r of t)
-      await ((s = r.value) == null ? void 0 : s.refresh());
+    for (const i of t)
+      await ((s = i.value) == null ? void 0 : s.refresh());
   }
 });
 class D {
@@ -572,11 +572,11 @@ class D {
   }
   static from(e) {
     const t = e.filter((s) => s.value === void 0 ? !1 : Array.isArray(s.value) ? s.value.length > 0 : !0).reduce(
-      (s, r) => {
-        const a = r.transform ? r.transform(r.value) : r.value;
+      (s, i) => {
+        const a = i.transform ? i.transform(i.value) : i.value;
         return {
           ...s,
-          ...X(a) ? a : { [r.field]: a }
+          ...X(a) ? a : { [i.field]: a }
         };
       },
       {}
@@ -584,8 +584,8 @@ class D {
     return new D(t);
   }
   transform(e, t) {
-    const s = this.record[e], r = t(s);
-    return delete this.record[e], this.record = { ...this.record, ...r }, this;
+    const s = this.record[e], i = t(s);
+    return delete this.record[e], this.record = { ...this.record, ...i }, this;
   }
   toCondition(e) {
     return { ...this.record, ...e };

package/dist/ElementPlusSearch.umd.js

@@ -1 +1 @@
-(function(d,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("lodash-unified"),require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","lodash-unified","vue","@vueuse/core"],h):(d=typeof globalThis<"u"?globalThis:d||self,h(d.ElementPlusSearch={},d.lodashUnified,d.vue,d.core))})(this,function(d,h,l,P){"use strict";const R=i=>({model:{value:h.get(i,"value"),callback:e=>{h.set(i,"value",e)}}}),j=l.defineComponent({name:"SearchTags"}),$=l.defineComponent({...j,props:{tags:null},setup(i){const e=i,t=l.ref(),s=()=>{t.value.scrollBy({left:-200,behavior:"smooth"})},r=()=>{t.value.scrollBy({left:200,behavior:"smooth"})},n=l.ref(!1),o=()=>{const u=Array.from(t.value.children);return h.sum(u.map(m=>m.getBoundingClientRect().width))},f=()=>t.value.getBoundingClientRect().width;return P.useMutationObserver(t,()=>{n.value=o()>f()},{subtree:!0,childList:!0,attributes:!0}),{__sfc:!0,props:e,scrollContainer:t,scrollLeft:s,scrollRight:r,showScrollBar:n,getTagsWidth:o,getContainerWidth:f}}});function y(i,e,t,s,r,n,o,f){var u=typeof i=="function"?i.options:i;return e&&(u.render=e,u.staticRenderFns=t,u._compiled=!0),n&&(u._scopeId="data-v-"+n),{exports:i,options:u}}var N=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("div",{staticClass:"tags-scroll-container"},[t("el-tag",{directives:[{name:"show",rawName:"v-show",value:s.showScrollBar,expression:"showScrollBar"}],staticClass:"scroll-left-bar",attrs:{"disable-transitions":"",size:"medium",type:"info"},on:{click:s.scrollLeft}},[t("i",{staticClass:"el-icon-arrow-left"})]),t("div",{ref:"scrollContainer",staticClass:"search-tags"},e._l(e.tags,function(r){return t("el-tag",{key:r.field,staticClass:"search-tag",attrs:{"disable-transitions":"",closable:!r.required,type:r.required?"primary":"info"},on:{close:()=>r.clean()}},[t("span",[e._v(" "+e._s(r.label)+" ")]),e._v("： "),t("span",{domProps:{innerHTML:e._s(r.valueText)}})])}),1),t("el-tag",{directives:[{name:"show",rawName:"v-show",value:s.showScrollBar,expression:"showScrollBar"}],staticClass:"scroll-right-bar",attrs:{"disable-transitions":"",size:"medium",type:"info"},on:{click:s.scrollRight}},[t("i",{staticClass:"el-icon-arrow-right"})])],1)},I=[],k=y($,N,I,!1,null,null);const V=k.exports;var Y=Object.defineProperty,q=(i,e,t)=>e in i?Y(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,p=(i,e,t)=>q(i,typeof e!="symbol"?e+"":e,t);const D=6;class M{constructor(e,t){p(this,"field"),p(this,"label"),p(this,"value"),p(this,"required"),p(this,"index"),p(this,"visible"),p(this,"disabled"),p(this,"span"),p(this,"initValue"),p(this,"enable"),p(this,"pinned"),p(this,"tagFilter"),p(this,"render"),p(this,"transform"),p(this,"onChange");var s,r,n,o,f;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=(s=e.visible)!=null?s:!0,this.span=(r=e.span)!=null?r:D,this.render=e.render,this.tagFilter=e.tagFilter,this.transform=e.transform,this.enable=(n=e.enable)!=null?n:!0,this.disabled=(o=e.disabled)!=null?o:!1,this.pinned=(f=e.pinned)!=null?f:!1,e.onChange&&(this.onChange=P.useDebounceFn((u,m)=>e.onChange(u,m),50))}clean(){Array.isArray(this.value)?this.value=[]:this.value=void 0}reset(){this.value=this.initValue}isEnable(e){return h.isFunction(this.enable)?this.enable(e.getSearchObject()):this.enable}isDisabled(e){return h.isFunction(this.disabled)?this.disabled(e.getSearchObject()):this.disabled}}var Q=Object.defineProperty,H=(i,e,t)=>e in i?Q(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,v=(i,e,t)=>H(i,typeof e!="symbol"?e+"":e,t);class b{constructor(e,t,s,r,n){v(this,"field"),v(this,"span"),v(this,"index"),v(this,"visible"),v(this,"pinned"),this.field=e,this.span=t,this.index=s,this.visible=r,this.pinned=n}static fromSearchItem(e,t){return new b(e.field,e.span,t??e.index,e.visible,e.pinned)}static formSearchConfig(e,t){var s,r,n;return new b(e.field,(s=e.span)!=null?s:D,t??e,(r=e.visible)!=null?r:!0,(n=e.pinned)!=null?n:!1)}static fromString(e){const[t,s,r,n,o]=e.split("_");return new b(s,Number(r),Number(t),n==="true",o==="true")}toString(){return`${this.index}_${this.field}_${this.span}_${this.visible}_${this.pinned}`}merge(e){this.span=e.span,this.index=e.index,this.visible=e.visible,this.pinned=e.pinned}}const F=i=>`searches_layouts_${i}`;class X{constructor(e,t){v(this,"id"),v(this,"state"),v(this,"itemLayouts"),v(this,"initialLayouts"),this.id=e.id,this.initialLayouts=t,this.state=e,this.itemLayouts=h.keyBy(e.items.map(b.fromSearchItem),s=>s.field),this.restoreCachedLayouts()}restoreCachedLayouts(){const e=localStorage.getItem(F(this.id));e&&e.split(",").forEach(t=>{const s=b.fromString(t),r=this.itemLayouts[s.field];r&&r.merge(s)})}sync(e,t,s){if(e.length!==Object.keys(this.itemLayouts).length)throw new Error("同步布局字段数量不一致");e.forEach((r,n)=>{const o=this.itemLayouts[r];o.index=n,o.visible=t.has(r),o.pinned=s.has(r)})}persistent(){localStorage.setItem(F(this.id),Object.values(this.itemLayouts).map(e=>e.toString()).join(",")),this.state.updateTags()}reset(){this.initialLayouts.forEach(e=>{const t=this.itemLayouts[e.field];t&&t.merge(e)})}}var W=Object.defineProperty,K=(i,e,t)=>e in i?W(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,_=(i,e,t)=>K(i,typeof e!="symbol"?e+"":e,t);const U=[{isApply(i){return i.contains("el-radio-group")},getText(i){var e,t;return(t=(e=i.querySelector(".is-active"))==null?void 0:e.querySelector("input"))==null?void 0:t.value}},{isApply(i){return i.contains("el-checkbox-group")},getText(i){var e;const t=Array.from((e=i.querySelectorAll(".el-checkbox__input.is-checked"))!=null?e:[]).map(s=>{var r;return(r=s.querySelector("input"))==null?void 0:r.value}).filter(s=>s);return t.length===1?t[0]:`${t[0]} 等${t.length}条`}},{isApply(i){return i.contains("el-input")},getText(i,e){return e.value}},{isApply(i){return i.contains("el-input-number")},getText(i,e){return e.value}},{isApply(i){return i.contains("el-select")},getText(i,e){var t;const s=i.querySelectorAll(".el-select__tags-text");return s.length>0?e.value.length>1?`${s[0].textContent} 等${e.value.length}条`:s[0].textContent:(t=i.querySelector("input"))==null?void 0:t.value}},{isApply(i){return i.contains("el-cascader")},getText(i){var e;return(e=i.querySelector("input"))==null?void 0:e.value}},{isApply(i){return i.contains("el-switch")},getText(i){return i.querySelector(".is-active").innerHTML}},{isApply(i){return i.contains("el-slider")},getText(i,e){return e.value}},{isApply(i){return i.contains("el-date-editor")},getText(i,e){return e.value?e.value.join(" ~ "):e.value}}];class B{constructor(e,t){_(this,"id"),_(this,"field"),_(this,"value"),_(this,"label"),_(this,"valueText"),_(this,"required"),_(this,"item"),_(this,"state");var s;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=(s=t.required)!=null?s:!1,this.updateValueText()}static hasValue(e){return h.isNumber(e.value)||h.isBoolean(e.value)?!0:!h.isEmpty(e.value)}updateValueText(){const e=document.querySelector(this.id);if(!e)return;if(e.children.length!==1)throw new Error("holder children length is not 1");const t=e.children[0],s=U.find(r=>r.isApply(t.classList));s&&(this.valueText=s.getText(t,this))}async clean(){this.item.clean(),await this.state.doSearch()}}var z=Object.defineProperty,G=(i,e,t)=>e in i?z(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,S=(i,e,t)=>G(i,typeof e!="symbol"?e+"":e,t);class J{constructor(e,t,s){this.id=e,S(this,"items"),S(this,"config"),S(this,"searching"),S(this,"tags"),S(this,"searchCallback"),S(this,"sourceSearchable"),S(this,"_lastSearchObject",{time:0,data:null}),this.id=e,this.items=t.map((r,n)=>new M(r,n)),this.config=new X(this,t.map((r,n)=>b.formSearchConfig(r,n))),this.sourceSearchable=t,this.searching=!1,this.searchCallback=s,this.tags=[]}updateSearchTag(e){var t;(t=this.tags.find(s=>s.field===e))==null||t.updateValueText()}updateTags(){this.tags=this.items.filter(e=>e.tagFilter?e.tagFilter(e.value):B.hasValue(e)).map(e=>new B(this,e)).sort((e,t)=>this.config.itemLayouts[e.field].index-this.config.itemLayouts[t.field].index)}getSearchObject(e){const t=Date.now();return this._lastSearchObject.data&&t-this._lastSearchObject.time<50?this._lastSearchObject.data:(this._lastSearchObject={time:t,data:T.from(this.items).toCondition(e)},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(e){this.items.forEach(t=>t.reset()),e&&await this.doSearch()}setSearchValue(e,t,s=r=>!0){const r=this.items.find(n=>n.field===e);r&&s&&s(r.value)&&(r.value=t)}}const Z=()=>{const i=l.shallowRef(),e=l.ref(),t=l.ref([]),s=l.ref(!1),r=l.ref(),n=l.ref([]),o=l.ref(300),f=a=>{i.value=a,t.value=[{label:"全部",id:"all",children:i.value.items.sort((c,g)=>a.config.itemLayouts[c.field].index-a.config.itemLayouts[g.field].index).map(c=>({label:c.label,id:c.field,disabled:!c.isEnable(a),pinned:a.config.itemLayouts[c.field].pinned}))}],r.value=Object.keys(a.config.itemLayouts).filter(c=>{var g;return(g=a.config.itemLayouts[c])==null?void 0:g.visible})};return{treeRef:e,visible:s,snapshot:t,defaultCheckedKeys:r,drawerWidth:o,updateSnapshot:f,show:a=>{f(a),s.value=!0},save:()=>{i.value.config.sync(t.value[0].children.map(a=>a.id),new Set(e.value.getCheckedKeys()),new Set(t.value[0].children.filter(a=>a.pinned).map(a=>a.id))),i.value.config.persistent(),s.value=!1},reset:()=>{i.value.config.reset(),f(i.value)},keepSelection:()=>{n.value=e.value.getCheckedKeys()},restoreSelection:()=>{e.value.setCheckedKeys(n.value),n.value=[]},allowDrop:(a,c,g)=>g==="inner"?!1:!((Oe,De)=>{let E=Oe.parent;for(;E;){if(E===De)return!0;E=E.parent}return!1})(a,c),allowDrag:a=>!a.disabled,onPinnedChange:a=>{a.data.pinned=!a.data.pinned}}},ee="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdlJREFUWEftlT9rFEEYxp/nJCii2NhYWNiLnV9CSGFtYGdGd4IkRUQMXhA9RSX+AYXTFLPH7mwO0ohW/vkAfgALsbSxuM7CRtDovrIQNcTkdmc9CchuuzPP83t/O8sQu/xwl/vRArQG/h8Dyti7KOSj98mdkD9rYgYiHT8jeRqFXA6BmByAOXeW6Aw2pu/61C3XMTEJACpjbwJY2lwoIpfyLLlfBfFXANba/V/X5QnIU9sV1YFoDKC1Plpw6iWB4+OmrIIIAShVd0XkEDqdFxB5SuDwtpMD31hwGhQlxOs8dY93ggwCiEw8JHim6ruikDnvk5XKdUDwZUSl4wFIs2O4YM1nrhpyIyDEwK9OZewDAAt/QAjeHjyw92S/3/9SZ/pyTSOASMfXSV7dUvLp+zpODIfuQ93yRgCRjrskbwNyUQTHSM6XQYXI9GqWPA8pDwZQxpbaS/0XfOoelgHKxA5gDGDRp+7ePwOItD1PYkVEruVZcmNTEZWJcxR4F3IH/Nxf6wz8Li9u5dngytYpe71eZzQa7XPOfZ64gUjPalJSAMs+dd3Qgqr1Yw3MzNgje6bwnsQjn7rFqrAm78cCKGOXCsib1TR51SS8zp5aZ6BOUNM1LUBroDXwAyP2oSHYDQ3tAAAAAElFTkSuQmCC",te="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAc1JREFUWEftlT1oFUEUhb+zKEgQbGxSWNiLTUip82ohhbWFvl1EgiFExJAn4h8q8QdioYFIdoIEbEJSqWl3EUuxCJY29haCCBLx6kteBKPv7c7mSUB225l7znfPzN0Ru/xpl/2pAeoE/p8EXGr3FPExa+puyGT1LQHnbUVwEjEVAtE3gEZqCWJ+o3ujlSWaLpPEzgHM5Dy3JC5vM7yUxXpQBLEjgKE5G9i/lyXBiS5GhRCVAY57OxQZLxFHCrrsCVEeYDPqFuKAfedFJJYRB/9qbnwjYgTjDMarLNHjbpBBAA3PIuJU0bmaOJ83NVu0r71eHmDjdpvcAvOCuJu4wbM8ViHkVn0YQKeqkdoMYmI7hMHawGeGV8f1tUz34Ql0VJ23G4Krv5kYn9b3cPT1aX0oa14JwHlrCe6YcVHiMDDWMRzJYj0PMQ8GaKQ28XMKZjAuZIketgVcak8kzpoxmSe6/88AnLdRwazBtTzWzV9Gm+P5VBHvQt6AoEu4ZQ7czmJd+aPL6xYNDbLvzTl96XsCzltT4DGms0StUIOi/T3H8NiiDUbrvMd4lCeaLBKrst4TwKXWfuHe5olWq4iXqan0IyojXHZPDVAnUCfwAyFMiSGfgbcLAAAAAElFTkSuQmCC",se=l.defineComponent({__name:"SearchSettingsDrawer",setup(i,{expose:e}){const{treeRef:t,visible:s,snapshot:r,drawerWidth:n,defaultCheckedKeys:o,show:f,allowDrop:u,allowDrag:m,keepSelection:w,restoreSelection:A,save:C,reset:x,onPinnedChange:L}=Z();return e({show:f}),{__sfc:!0,treeRef:t,visible:s,snapshot:r,drawerWidth:n,defaultCheckedKeys:o,show:f,allowDrop:u,allowDrag:m,keepSelection:w,restoreSelection:A,save:C,reset:x,onPinnedChange:L,pin:ee,activePin:te}}});var re=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("el-drawer",{attrs:{size:s.drawerWidth,title:"搜索项配置",visible:s.visible,"modal-append-to-body":!0,"append-to-body":!0},on:{"update:visible":function(r){s.visible=r}}},[t("div",{staticClass:"setting-container"},[t("el-tree",{ref:"treeRef",staticClass:"tree",attrs:{"default-expand-all":"","default-checked-keys":s.defaultCheckedKeys,"node-key":"id",draggable:"","show-checkbox":"",data:s.snapshot,"allow-drop":s.allowDrop,"allow-drag":s.allowDrag,"expand-on-click-node":!1},on:{"node-drag-start":s.keepSelection,"node-drag-end":s.restoreSelection},scopedSlots:e._u([{key:"default",fn:function({node:r}){return[t("span",{staticClass:"custom-tree-node"},[t("span",[e._v(e._s(r.label))]),r.data.id!=="all"?t("span",{on:{click:function(n){return s.onPinnedChange(r)}}},[t("img",{attrs:{src:r.data.pinned?s.activePin:s.pin,alt:"固定"}})]):e._e()])]}}])}),t("div",{staticClass:"footer"},[t("el-button",{on:{click:s.reset}},[e._v("重置")]),t("el-button",{attrs:{type:"primary"},on:{click:s.save}},[e._v("保存")])],1)],1)])},ie=[],ne=y(se,re,ie,!1,null,null);const ae=ne.exports,le=l.defineComponent({__name:"SettingButton",props:{state:null},setup(i){const e=i,t=l.ref();return{__sfc:!0,props:e,searchSettingDialogRef:t,showSearchLayoutDialog:()=>{t.value.show(e.state)},SearchSettingsDrawer:ae}}});var oe=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("div",{staticStyle:{"margin-right":"10px"}},[t("el-tooltip",{attrs:{content:"搜索项设置"}},[t("el-button",{staticClass:"icon-button",staticStyle:{height:"100%"},on:{click:s.showSearchLayoutDialog}},[t("i",{staticClass:"el-icon-s-tools"})])],1),t(s.SearchSettingsDrawer,{ref:"searchSettingDialogRef"})],1)},ce=[],ue=y(le,oe,ce,!1,null,"b401b1ee");const de=ue.exports,he={functional:!0,props:{search:{type:Object,required:!0},api:{type:Object}},render(i,e){var t;const{props:s}=e,r=s.search.render(s.search);if(r.componentOptions.propsData||(r.componentOptions.propsData={}),r.componentOptions.listeners||(r.componentOptions.listeners={}),r.componentOptions.listeners||(r.componentOptions.listeners={}),(t=r.data)!=null&&t.attrs||(r.data.attrs={}),r.data.attrs.labelChange=()=>{s.api.updateSearchTag(s.search.field)},r.componentOptions.listeners.input){const n=r.componentOptions.listeners.input;r.componentOptions.listeners.input=o=>{s.search.onChange&&s.search.onChange(o,s.api),n(o)}}return r.componentOptions.propsData.disabled=s.search.isDisabled(s.api),r}},pe=l.defineComponent({__name:"SearchBarItem",props:{item:null},setup(i){const e=i,t=l.inject("search-bar-state"),s=l.inject("search-bar-id");return{__sfc:!0,props:e,state:t,id:s,SearchItemRender:he}}});var fe=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("div",{staticClass:"search-item"},[t("div",{staticClass:"search-item-title"},[e._v(e._s(e.item.label))]),t("div",{staticClass:"search-item-content",attrs:{id:`${s.id}-${e.item.field}`}},[t(s.SearchItemRender,{attrs:{search:e.item,api:s.state}})],1)])},ve=[],_e=y(pe,fe,ve,!1,null,"9e3df4b4");const me=_e.exports,ge=l.defineComponent({__name:"SearchBar",props:{searches:null,id:null,onSearch:{type:Function},defaultSpan:{default:6},maxRows:{default:2},itemHeight:{default:67},resetAutoSearch:{type:Boolean,default:!0}},emits:["change"],setup(i,{expose:e,emit:t}){const s=i,r=l.reactive(new J(s.id,s.searches,s.onSearch)),n=l.ref(!1),o=l.ref();P.useMutationObserver(o,()=>{r.updateTags()},{childList:!0});const f=l.computed(()=>w.value.filter(a=>A(a).visible).length>0),u=l.ref([]),m=l.computed(()=>u.value.filter(a=>A(a).pinned)),w=l.computed(()=>u.value.filter(a=>!A(a).pinned));P.watchDebounced(()=>[r.items,r.config.itemLayouts],()=>{const a=[...r.items.filter(c=>c.pinned),...r.items.filter(c=>!c.pinned)];u.value=a.sort((c,g)=>r.config.itemLayouts[c.field].index-r.config.itemLayouts[g.field].index).filter(c=>c.isEnable(r)),t("change",r.getSearchObject(),r)},{debounce:100,immediate:!0,deep:!0});const A=a=>r.config.itemLayouts[a.field],C=()=>r.items,x=()=>r.getSearchObject(),L=a=>{r.searching=a},O=()=>r.updateTags();return l.provide("search-bar-state",r),l.provide("search-bar-id",s.id),e({getSearchItems:C,getSearchObject:x,updateSearching:L,updateTags:O}),{__sfc:!0,props:s,state:r,expanded:n,itemContainerRef:o,isShowSpanIcon:f,sortedItems:u,sortedPinnedItems:m,sortedNormalItems:w,emits:t,getLayout:A,getSearchItems:C,getSearchObject:x,updateSearching:L,updateTags:O,SearchTagsRender:V,SettingButton:de,SearchBarItem:me}}});var be=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("div",{staticClass:"search-bar-container"},[t("el-row",{ref:"itemContainerRef",class:"search",staticStyle:{"flex-wrap":"wrap"},attrs:{type:"flex",gutter:16}},[e._l(s.sortedPinnedItems,function(r){return t("el-col",{directives:[{name:"show",rawName:"v-show",value:s.getLayout(r).visible,expression:"getLayout(item).visible"}],key:r.field,attrs:{span:s.getLayout(r).span}},[t(s.SearchBarItem,{attrs:{item:r}})],1)}),t("el-collapse-transition",[t("div",{directives:[{name:"show",rawName:"v-show",value:s.expanded,expression:"expanded"}]},e._l(s.sortedNormalItems,function(r){return t("el-col",{directives:[{name:"show",rawName:"v-show",value:s.getLayout(r).visible,expression:"getLayout(item).visible"}],key:r.field,attrs:{span:s.getLayout(r).span}},[t(s.SearchBarItem,{attrs:{item:r}})],1)}),1)])],2),t("div",{staticClass:"search-bottom"},[s.state.tags.length>0?t(s.SearchTagsRender,{attrs:{tags:s.state.tags}}):e._e(),t("div",{staticClass:"actions"},[t("el-tooltip",{attrs:{content:s.expanded?"收起":"更多搜索条件"}},[t("el-button",{directives:[{name:"show",rawName:"v-show",value:s.isShowSpanIcon,expression:"isShowSpanIcon"}],staticClass:"icon-button",staticStyle:{"margin-right":"10px"},on:{click:function(r){s.expanded=!s.expanded}}},[t("i",{class:[s.expanded?"el-icon-arrow-up":"el-icon-arrow-down"]})])],1),t(s.SettingButton,{attrs:{state:s.state}}),t("el-button",{attrs:{type:"primary",loading:s.state.searching,disabled:s.state.searching},on:{click:()=>s.state.doSearch()}},[e._v("查 询 ")]),t("el-button",{on:{click:()=>s.state.reset(e.resetAutoSearch)}},[e._v("重 置")])],1)],1)],1)},Se=[],Ae=y(ge,be,Se,!1,null,null);const ye=Ae.exports;var we=Object.defineProperty,Ce=(i,e,t)=>e in i?we(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,xe=(i,e,t)=>Ce(i,e+"",t);const Le=i=>h.isEmpty(i),Pe=()=>!0,Te=(i,e)=>{const t=i.getSearchObject();let s=!0;for(const[r,n]of Object.entries(e)){const o=t[r];s=n(o),s||(s=!1)}return()=>s},Ee=(i,e,t)=>({refreshCallback:async s=>{const r=e.value.getSearchObject();try{return e.value.updateSearching(!0),await i(r,s)}finally{e.value.updateSearching(!1),e.value.updateTags()}},searchCallback:async()=>{var s;for(const r of t)await((s=r.value)==null?void 0:s.refresh())}});class T{constructor(e){xe(this,"record"),this.record=e}static from(e){const t=e.filter(s=>s.value===void 0?!1:Array.isArray(s.value)?s.value.length>0:!0).reduce((s,r)=>{const n=r.transform?r.transform(r.value):r.value;return{...s,...h.isPlainObject(n)?n:{[r.field]:n}}},{});return new T(t)}transform(e,t){const s=this.record[e],r=t(s);return delete this.record[e],this.record={...this.record,...r},this}toCondition(e){return{...this.record,...e}}}d.APPLY_ALWAYS=Pe,d.APPLY_WHEN_NOT_VALUE=Le,d.APPLY_WITH_MULTIPLE_VALUE=Te,d.SearchBar=ye,d.Searches=T,d.useSearchProxy=Ee,d.vModel=R,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(d,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("lodash-unified"),require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","lodash-unified","vue","@vueuse/core"],h):(d=typeof globalThis<"u"?globalThis:d||self,h(d.ElementPlusSearch={},d.lodashUnified,d.vue,d.core))})(this,function(d,h,l,P){"use strict";const R=i=>({model:{value:h.get(i,"value"),callback:e=>{h.set(i,"value",e)}}}),j=l.defineComponent({name:"SearchTags"}),$=l.defineComponent({...j,props:{tags:null},setup(i){const e=i,t=l.ref(),s=()=>{t.value.scrollBy({left:-200,behavior:"smooth"})},r=()=>{t.value.scrollBy({left:200,behavior:"smooth"})},n=l.ref(!1),o=()=>{const u=Array.from(t.value.children);return h.sum(u.map(m=>m.getBoundingClientRect().width))},f=()=>t.value.getBoundingClientRect().width;return P.useMutationObserver(t,()=>{n.value=o()>f()},{subtree:!0,childList:!0,attributes:!0}),{__sfc:!0,props:e,scrollContainer:t,scrollLeft:s,scrollRight:r,showScrollBar:n,getTagsWidth:o,getContainerWidth:f}}});function y(i,e,t,s,r,n,o,f){var u=typeof i=="function"?i.options:i;return e&&(u.render=e,u.staticRenderFns=t,u._compiled=!0),n&&(u._scopeId="data-v-"+n),{exports:i,options:u}}var N=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("div",{staticClass:"tags-scroll-container"},[t("el-tag",{directives:[{name:"show",rawName:"v-show",value:s.showScrollBar,expression:"showScrollBar"}],staticClass:"scroll-left-bar",attrs:{"disable-transitions":"",size:"medium",type:"info"},on:{click:s.scrollLeft}},[t("i",{staticClass:"el-icon-arrow-left"})]),t("div",{ref:"scrollContainer",staticClass:"search-tags"},e._l(e.tags,function(r){return t("el-tag",{key:r.field,staticClass:"search-tag",attrs:{"disable-transitions":"",closable:!r.required,type:r.required?"primary":"info"},on:{close:()=>r.clean()}},[t("span",[e._v(" "+e._s(r.label)+" ")]),e._v("： "),t("span",{domProps:{innerHTML:e._s(r.valueText)}})])}),1),t("el-tag",{directives:[{name:"show",rawName:"v-show",value:s.showScrollBar,expression:"showScrollBar"}],staticClass:"scroll-right-bar",attrs:{"disable-transitions":"",size:"medium",type:"info"},on:{click:s.scrollRight}},[t("i",{staticClass:"el-icon-arrow-right"})])],1)},I=[],k=y($,N,I,!1,null,null);const V=k.exports;var Y=Object.defineProperty,q=(i,e,t)=>e in i?Y(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,p=(i,e,t)=>q(i,typeof e!="symbol"?e+"":e,t);const D=6;class M{constructor(e,t){p(this,"field"),p(this,"label"),p(this,"value"),p(this,"required"),p(this,"index"),p(this,"visible"),p(this,"disabled"),p(this,"span"),p(this,"initValue"),p(this,"enable"),p(this,"pinned"),p(this,"tagFilter"),p(this,"render"),p(this,"transform"),p(this,"onChange");var s,r,n,o,f;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=(s=e.visible)!=null?s:!0,this.span=(r=e.span)!=null?r:D,this.render=e.render,this.tagFilter=e.tagFilter,this.transform=e.transform,this.enable=(n=e.enable)!=null?n:!0,this.disabled=(o=e.disabled)!=null?o:!1,this.pinned=(f=e.pinned)!=null?f:!1,e.onChange&&(this.onChange=P.useDebounceFn((u,m)=>e.onChange(u,m),50))}clean(){Array.isArray(this.value)?this.value=[]:this.value=void 0}reset(){this.value=this.initValue}isEnable(e){return h.isFunction(this.enable)?this.enable(e.getSearchObject()):this.enable}isDisabled(e){return h.isFunction(this.disabled)?this.disabled(e.getSearchObject()):this.disabled}}var Q=Object.defineProperty,H=(i,e,t)=>e in i?Q(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,v=(i,e,t)=>H(i,typeof e!="symbol"?e+"":e,t);class b{constructor(e,t,s,r,n){v(this,"field"),v(this,"span"),v(this,"index"),v(this,"visible"),v(this,"pinned"),this.field=e,this.span=t,this.index=s,this.visible=r,this.pinned=n}static fromSearchItem(e,t){return new b(e.field,e.span,t??e.index,e.visible,e.pinned)}static formSearchConfig(e,t){var s,r,n;return new b(e.field,(s=e.span)!=null?s:D,t??e,(r=e.visible)!=null?r:!0,(n=e.pinned)!=null?n:!1)}static fromString(e){const[t,s,r,n,o]=e.split("_");return new b(s,Number(r),Number(t),n==="true",o==="true")}toString(){return`${this.index}_${this.field}_${this.span}_${this.visible}_${this.pinned}`}merge(e){this.span=e.span,this.index=e.index,this.visible=e.visible,this.pinned=e.pinned}}const F=i=>`searches_layouts_${i}`;class X{constructor(e,t){v(this,"id"),v(this,"state"),v(this,"itemLayouts"),v(this,"initialLayouts"),this.id=e.id,this.initialLayouts=t,this.state=e,this.itemLayouts=h.keyBy(e.items.map(b.fromSearchItem),s=>s.field),this.restoreCachedLayouts()}restoreCachedLayouts(){const e=localStorage.getItem(F(this.id));e&&e.split(",").forEach(t=>{const s=b.fromString(t),r=this.itemLayouts[s.field];r&&r.merge(s)})}sync(e,t,s){if(e.length!==Object.keys(this.itemLayouts).length)throw new Error("同步布局字段数量不一致");e.forEach((r,n)=>{const o=this.itemLayouts[r];o.index=n,o.visible=t.has(r),o.pinned=s.has(r)})}persistent(){localStorage.setItem(F(this.id),Object.values(this.itemLayouts).map(e=>e.toString()).join(",")),this.state.updateTags()}reset(){this.initialLayouts.forEach(e=>{const t=this.itemLayouts[e.field];t&&t.merge(e)})}}var W=Object.defineProperty,K=(i,e,t)=>e in i?W(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,_=(i,e,t)=>K(i,typeof e!="symbol"?e+"":e,t);const U=[{isApply(i){return i.contains("el-radio-group")},getText(i){var e,t;return(t=(e=i.querySelector(".is-active"))==null?void 0:e.querySelector("input"))==null?void 0:t.value}},{isApply(i){return i.contains("el-checkbox-group")},getText(i){var e;const t=Array.from((e=i.querySelectorAll(".el-checkbox__input.is-checked"))!=null?e:[]).map(s=>{var r;return(r=s.querySelector("input"))==null?void 0:r.value}).filter(s=>s);return t.length===1?t[0]:`${t[0]} 等${t.length}条`}},{isApply(i){return i.contains("el-input")},getText(i,e){return e.value}},{isApply(i){return i.contains("el-input-number")},getText(i,e){return e.value}},{isApply(i){return i.contains("el-select")},getText(i,e){var t;const s=i.querySelectorAll(".el-select__tags-text");return s.length>0?e.value.length>1?`${s[0].textContent} 等${e.value.length}条`:s[0].textContent:(t=i.querySelector("input"))==null?void 0:t.value}},{isApply(i){return i.contains("el-cascader")},getText(i){var e;return(e=i.querySelector("input"))==null?void 0:e.value}},{isApply(i){return i.contains("el-switch")},getText(i){return i.querySelector(".is-active").innerHTML}},{isApply(i){return i.contains("el-slider")},getText(i,e){return e.value}},{isApply(i){return i.contains("el-date-editor")},getText(i,e){return e.value?e.value.join(" ~ "):e.value}}];class B{constructor(e,t){_(this,"id"),_(this,"field"),_(this,"value"),_(this,"label"),_(this,"valueText"),_(this,"required"),_(this,"item"),_(this,"state");var s;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=(s=t.required)!=null?s:!1,this.updateValueText()}static hasValue(e){return h.isNumber(e.value)||h.isBoolean(e.value)?!0:!h.isEmpty(e.value)}updateValueText(){const e=document.querySelector(this.id);if(!e)return;if(e.children.length!==1)throw new Error("holder children length is not 1");const t=e.children[0],s=U.find(r=>r.isApply(t.classList));s&&(this.valueText=s.getText(t,this))}async clean(){this.item.clean(),await this.state.doSearch()}}var z=Object.defineProperty,G=(i,e,t)=>e in i?z(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,S=(i,e,t)=>G(i,typeof e!="symbol"?e+"":e,t);class J{constructor(e,t,s){this.id=e,S(this,"items"),S(this,"config"),S(this,"searching"),S(this,"tags"),S(this,"searchCallback"),S(this,"sourceSearchable"),S(this,"_lastSearchObject",{time:0,data:null}),this.id=e,this.items=t.map((r,n)=>new M(r,n)),this.config=new X(this,t.map((r,n)=>b.formSearchConfig(r,n))),this.sourceSearchable=t,this.searching=!1,this.searchCallback=s,this.tags=[]}updateSearchTag(e){var t;(t=this.tags.find(s=>s.field===e))==null||t.updateValueText()}updateTags(){this.tags=this.items.filter(e=>e.tagFilter?e.tagFilter(e.value):B.hasValue(e)).map(e=>new B(this,e)).sort((e,t)=>this.config.itemLayouts[e.field].index-this.config.itemLayouts[t.field].index)}getSearchObject(e){const t=Date.now();return this._lastSearchObject.data&&t-this._lastSearchObject.time<50?this._lastSearchObject.data:(this._lastSearchObject={time:t,data:T.from(this.items).toCondition(e)},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(e){this.items.forEach(t=>t.reset()),e&&await this.doSearch()}setSearchValue(e,t,s=r=>!0){const r=this.items.find(n=>n.field===e);r&&s&&s(r.value)&&(r.value=t)}}const Z=()=>{const i=l.shallowRef(),e=l.ref(),t=l.ref([]),s=l.ref(!1),r=l.ref(),n=l.ref([]),o=l.ref(300),f=a=>{i.value=a,t.value=[{label:"全部",id:"all",children:i.value.items.sort((c,g)=>a.config.itemLayouts[c.field].index-a.config.itemLayouts[g.field].index).map(c=>({label:c.label,id:c.field,disabled:!c.isEnable(a),pinned:a.config.itemLayouts[c.field].pinned}))}],r.value=Object.keys(a.config.itemLayouts).filter(c=>{var g;return(g=a.config.itemLayouts[c])==null?void 0:g.visible})};return{treeRef:e,visible:s,snapshot:t,defaultCheckedKeys:r,drawerWidth:o,updateSnapshot:f,show:a=>{f(a),s.value=!0},save:()=>{i.value.config.sync(t.value[0].children.map(a=>a.id),new Set(e.value.getCheckedKeys()),new Set(t.value[0].children.filter(a=>a.pinned).map(a=>a.id))),i.value.config.persistent(),s.value=!1},reset:()=>{i.value.config.reset(),f(i.value)},keepSelection:()=>{n.value=e.value.getCheckedKeys()},restoreSelection:()=>{e.value.setCheckedKeys(n.value),n.value=[]},allowDrop:(a,c,g)=>g==="inner"?!1:!((Oe,De)=>{let E=Oe.parent;for(;E;){if(E===De)return!0;E=E.parent}return!1})(a,c),allowDrag:a=>!a.disabled,onPinnedChange:a=>{a.data.pinned=!a.data.pinned}}},ee="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdlJREFUWEftlT9rFEEYxp/nJCii2NhYWNiLnV9CSGFtYGdGd4IkRUQMXhA9RSX+AYXTFLPH7mwO0ohW/vkAfgALsbSxuM7CRtDovrIQNcTkdmc9CchuuzPP83t/O8sQu/xwl/vRArQG/h8Dyti7KOSj98mdkD9rYgYiHT8jeRqFXA6BmByAOXeW6Aw2pu/61C3XMTEJACpjbwJY2lwoIpfyLLlfBfFXANba/V/X5QnIU9sV1YFoDKC1Plpw6iWB4+OmrIIIAShVd0XkEDqdFxB5SuDwtpMD31hwGhQlxOs8dY93ggwCiEw8JHim6ruikDnvk5XKdUDwZUSl4wFIs2O4YM1nrhpyIyDEwK9OZewDAAt/QAjeHjyw92S/3/9SZ/pyTSOASMfXSV7dUvLp+zpODIfuQ93yRgCRjrskbwNyUQTHSM6XQYXI9GqWPA8pDwZQxpbaS/0XfOoelgHKxA5gDGDRp+7ePwOItD1PYkVEruVZcmNTEZWJcxR4F3IH/Nxf6wz8Li9u5dngytYpe71eZzQa7XPOfZ64gUjPalJSAMs+dd3Qgqr1Yw3MzNgje6bwnsQjn7rFqrAm78cCKGOXCsib1TR51SS8zp5aZ6BOUNM1LUBroDXwAyP2oSHYDQ3tAAAAAElFTkSuQmCC",te="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAc1JREFUWEftlT1oFUEUhb+zKEgQbGxSWNiLTUip82ohhbWFvl1EgiFExJAn4h8q8QdioYFIdoIEbEJSqWl3EUuxCJY29haCCBLx6kteBKPv7c7mSUB225l7znfPzN0Ru/xpl/2pAeoE/p8EXGr3FPExa+puyGT1LQHnbUVwEjEVAtE3gEZqCWJ+o3ujlSWaLpPEzgHM5Dy3JC5vM7yUxXpQBLEjgKE5G9i/lyXBiS5GhRCVAY57OxQZLxFHCrrsCVEeYDPqFuKAfedFJJYRB/9qbnwjYgTjDMarLNHjbpBBAA3PIuJU0bmaOJ83NVu0r71eHmDjdpvcAvOCuJu4wbM8ViHkVn0YQKeqkdoMYmI7hMHawGeGV8f1tUz34Ql0VJ23G4Krv5kYn9b3cPT1aX0oa14JwHlrCe6YcVHiMDDWMRzJYj0PMQ8GaKQ28XMKZjAuZIketgVcak8kzpoxmSe6/88AnLdRwazBtTzWzV9Gm+P5VBHvQt6AoEu4ZQ7czmJd+aPL6xYNDbLvzTl96XsCzltT4DGms0StUIOi/T3H8NiiDUbrvMd4lCeaLBKrst4TwKXWfuHe5olWq4iXqan0IyojXHZPDVAnUCfwAyFMiSGfgbcLAAAAAElFTkSuQmCC",se=l.defineComponent({__name:"SearchSettingsDrawer",setup(i,{expose:e}){const{treeRef:t,visible:s,snapshot:r,drawerWidth:n,defaultCheckedKeys:o,show:f,allowDrop:u,allowDrag:m,keepSelection:w,restoreSelection:A,save:C,reset:x,onPinnedChange:L}=Z();return e({show:f}),{__sfc:!0,treeRef:t,visible:s,snapshot:r,drawerWidth:n,defaultCheckedKeys:o,show:f,allowDrop:u,allowDrag:m,keepSelection:w,restoreSelection:A,save:C,reset:x,onPinnedChange:L,pin:ee,activePin:te}}});var re=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("el-drawer",{attrs:{size:s.drawerWidth,title:"搜索项配置",visible:s.visible,"modal-append-to-body":!0,"append-to-body":!0},on:{"update:visible":function(r){s.visible=r}}},[t("div",{staticClass:"setting-container"},[t("el-tree",{ref:"treeRef",staticClass:"tree",attrs:{"default-expand-all":"","default-checked-keys":s.defaultCheckedKeys,"node-key":"id",draggable:"","show-checkbox":"",data:s.snapshot,"allow-drop":s.allowDrop,"allow-drag":s.allowDrag,"expand-on-click-node":!1},on:{"node-drag-start":s.keepSelection,"node-drag-end":s.restoreSelection},scopedSlots:e._u([{key:"default",fn:function({node:r}){return[t("span",{staticClass:"custom-tree-node"},[t("span",[e._v(e._s(r.label))]),r.data.id!=="all"?t("span",{on:{click:function(n){return s.onPinnedChange(r)}}},[t("img",{attrs:{src:r.data.pinned?s.activePin:s.pin,alt:"固定"}})]):e._e()])]}}])}),t("div",{staticClass:"footer"},[t("el-button",{on:{click:s.reset}},[e._v("重置")]),t("el-button",{attrs:{type:"primary"},on:{click:s.save}},[e._v("保存")])],1)],1)])},ie=[],ne=y(se,re,ie,!1,null,null);const ae=ne.exports,le=l.defineComponent({__name:"SettingButton",props:{state:null},setup(i){const e=i,t=l.ref();return{__sfc:!0,props:e,searchSettingDialogRef:t,showSearchLayoutDialog:()=>{t.value.show(e.state)},SearchSettingsDrawer:ae}}});var oe=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("div",{staticStyle:{"margin-right":"10px"}},[t("el-tooltip",{attrs:{content:"搜索项设置"}},[t("el-button",{staticClass:"icon-button",staticStyle:{height:"100%"},on:{click:s.showSearchLayoutDialog}},[t("i",{staticClass:"el-icon-s-tools"})])],1),t(s.SearchSettingsDrawer,{ref:"searchSettingDialogRef"})],1)},ce=[],ue=y(le,oe,ce,!1,null,"b401b1ee");const de=ue.exports,he={functional:!0,props:{search:{type:Object,required:!0},api:{type:Object}},render(i,e){var t;const{props:s}=e,r=s.search.render(s.search);if(r.componentOptions.propsData||(r.componentOptions.propsData={}),r.componentOptions.listeners||(r.componentOptions.listeners={}),r.componentOptions.listeners||(r.componentOptions.listeners={}),(t=r.data)!=null&&t.attrs||(r.data.attrs={}),r.data.attrs.labelChange=()=>{s.api.updateSearchTag(s.search.field)},r.componentOptions.listeners.input){const n=r.componentOptions.listeners.input;r.componentOptions.listeners.input=o=>{s.search.onChange&&s.search.onChange(o,s.api),n(o)}}return r.componentOptions.propsData.disabled=s.search.isDisabled(s.api),r}},pe=l.defineComponent({__name:"SearchBarItem",props:{item:null},setup(i){const e=i,t=l.inject("search-bar-state"),s=l.inject("search-bar-id");return{__sfc:!0,props:e,state:t,id:s,SearchItemRender:he}}});var fe=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("div",{staticClass:"search-item"},[t("div",{staticClass:"search-item-title"},[e._v(e._s(e.item.label))]),t("div",{staticClass:"search-item-content",attrs:{id:`${s.id}-${e.item.field}`}},[t(s.SearchItemRender,{attrs:{search:e.item,api:s.state}})],1)])},ve=[],_e=y(pe,fe,ve,!1,null,"9e3df4b4");const me=_e.exports,ge=l.defineComponent({__name:"SearchBar",props:{searches:null,id:null,onSearch:{type:Function},defaultSpan:{default:6},maxRows:{default:2},itemHeight:{default:67},resetAutoSearch:{type:Boolean,default:!0}},emits:["change"],setup(i,{expose:e,emit:t}){const s=i,r=l.reactive(new J(s.id,s.searches,s.onSearch)),n=l.ref(!1),o=l.ref();P.useMutationObserver(o,()=>{r.updateTags()},{childList:!0});const f=l.computed(()=>w.value.filter(a=>A(a).visible).length>0),u=l.ref([]),m=l.computed(()=>u.value.filter(a=>A(a).pinned)),w=l.computed(()=>u.value.filter(a=>!A(a).pinned));P.watchDebounced(()=>[r.items,r.config.itemLayouts],()=>{const a=[...r.items.filter(c=>c.pinned),...r.items.filter(c=>!c.pinned)];u.value=a.sort((c,g)=>r.config.itemLayouts[c.field].index-r.config.itemLayouts[g.field].index).filter(c=>c.isEnable(r)),t("change",r.getSearchObject(),r)},{debounce:100,immediate:!0,deep:!0});const A=a=>r.config.itemLayouts[a.field],C=()=>r.items,x=()=>r.getSearchObject(),L=a=>{r.searching=a},O=()=>r.updateTags();return l.provide("search-bar-state",r),l.provide("search-bar-id",s.id),e({getSearchItems:C,getSearchObject:x,updateSearching:L,updateTags:O}),{__sfc:!0,props:s,state:r,expanded:n,itemContainerRef:o,isShowSpanIcon:f,sortedItems:u,sortedPinnedItems:m,sortedNormalItems:w,emits:t,getLayout:A,getSearchItems:C,getSearchObject:x,updateSearching:L,updateTags:O,SearchTagsRender:V,SettingButton:de,SearchBarItem:me}}});var be=function(){var e=this,t=e._self._c,s=e._self._setupProxy;return t("div",{staticClass:"search-bar-container"},[t("el-row",{ref:"itemContainerRef",class:"search",staticStyle:{"flex-wrap":"wrap"},attrs:{type:"flex",gutter:16}},[e._l(s.sortedPinnedItems,function(r){return t("el-col",{directives:[{name:"show",rawName:"v-show",value:s.getLayout(r).visible,expression:"getLayout(item).visible"}],key:r.field,attrs:{span:s.getLayout(r).span}},[t(s.SearchBarItem,{attrs:{item:r}})],1)}),t("el-collapse-transition",[t("div",{directives:[{name:"show",rawName:"v-show",value:s.expanded,expression:"expanded"}],staticStyle:{width:"100%"}},e._l(s.sortedNormalItems,function(r){return t("el-col",{directives:[{name:"show",rawName:"v-show",value:s.getLayout(r).visible,expression:"getLayout(item).visible"}],key:r.field,attrs:{span:s.getLayout(r).span}},[t(s.SearchBarItem,{attrs:{item:r}})],1)}),1)])],2),t("div",{staticClass:"search-bottom"},[s.state.tags.length>0?t(s.SearchTagsRender,{attrs:{tags:s.state.tags}}):e._e(),t("div",{staticClass:"actions"},[t("el-tooltip",{attrs:{content:s.expanded?"收起":"更多搜索条件"}},[t("el-button",{directives:[{name:"show",rawName:"v-show",value:s.isShowSpanIcon,expression:"isShowSpanIcon"}],staticClass:"icon-button",staticStyle:{"margin-right":"10px"},on:{click:function(r){s.expanded=!s.expanded}}},[t("i",{class:[s.expanded?"el-icon-arrow-up":"el-icon-arrow-down"]})])],1),t(s.SettingButton,{attrs:{state:s.state}}),t("el-button",{attrs:{type:"primary",loading:s.state.searching,disabled:s.state.searching},on:{click:()=>s.state.doSearch()}},[e._v("查 询 ")]),t("el-button",{on:{click:()=>s.state.reset(e.resetAutoSearch)}},[e._v("重 置")])],1)],1)],1)},Se=[],Ae=y(ge,be,Se,!1,null,null);const ye=Ae.exports;var we=Object.defineProperty,Ce=(i,e,t)=>e in i?we(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,xe=(i,e,t)=>Ce(i,e+"",t);const Le=i=>h.isEmpty(i),Pe=()=>!0,Te=(i,e)=>{const t=i.getSearchObject();let s=!0;for(const[r,n]of Object.entries(e)){const o=t[r];s=n(o),s||(s=!1)}return()=>s},Ee=(i,e,t)=>({refreshCallback:async s=>{const r=e.value.getSearchObject();try{return e.value.updateSearching(!0),await i(r,s)}finally{e.value.updateSearching(!1),e.value.updateTags()}},searchCallback:async()=>{var s;for(const r of t)await((s=r.value)==null?void 0:s.refresh())}});class T{constructor(e){xe(this,"record"),this.record=e}static from(e){const t=e.filter(s=>s.value===void 0?!1:Array.isArray(s.value)?s.value.length>0:!0).reduce((s,r)=>{const n=r.transform?r.transform(r.value):r.value;return{...s,...h.isPlainObject(n)?n:{[r.field]:n}}},{});return new T(t)}transform(e,t){const s=this.record[e],r=t(s);return delete this.record[e],this.record={...this.record,...r},this}toCondition(e){return{...this.record,...e}}}d.APPLY_ALWAYS=Pe,d.APPLY_WHEN_NOT_VALUE=Le,d.APPLY_WITH_MULTIPLE_VALUE=Te,d.SearchBar=ye,d.Searches=T,d.useSearchProxy=Ee,d.vModel=R,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

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