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

package/dist/ElementPlusSearch.es.js

@@ -1,71 +1,75 @@
-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 = (r) => ({
+import { get as E, set as I, sum as k, isFunction as A, keyBy as M, isNumber as K, isBoolean as G, isEmpty as R, isPlainObject as H } from "lodash-unified";
+import { defineComponent as S, ref as f, watch as W, nextTick as U, shallowRef as z, inject as D, reactive as Y, computed as O, provide as F } from "vue";
+import { useDebounceFn as X, useMutationObserver as V, watchDebounced as J } from "@vueuse/core";
+const st = (r) => ({
   model: {
-    value: V(r, "value"),
+    value: E(r, "value"),
     callback: (e) => {
-      Y(r, "value", e);
+      I(r, "value", e);
     }
   }
-}), G = S({
+}), Q = S({
   name: "SearchTags"
-}), J = /* @__PURE__ */ S({
-  ...G,
+}), Z = /* @__PURE__ */ S({
+  ...Q,
   props: {
     tags: null
   },
   setup(r) {
-    const e = r, t = h(), s = () => {
+    const e = r, t = f(), s = () => {
       t.value.scrollBy({ left: -200, behavior: "smooth" });
     }, i = () => {
       t.value.scrollBy({
         left: 200,
         behavior: "smooth"
       });
-    }, a = h(!1), l = () => {
-      const c = Array.from(t.value.children);
-      return U(
-        c.map((f) => f.getBoundingClientRect().width)
+    }, a = f(!1), l = () => {
+      const p = Array.from(t.value.children);
+      return k(
+        p.map((m) => m.getBoundingClientRect().width)
       );
-    }, u = () => t.value.getBoundingClientRect().width;
-    return j(
-      t,
+    }, n = () => t.value.getBoundingClientRect().width, c = () => {
+      t.value && (a.value = l() > n());
+    };
+    return W(
+      () => e.tags,
       () => {
-        a.value = l() > u();
+        U(() => {
+          c();
+        });
       },
-      { subtree: !0, childList: !0, attributes: !0 }
-    ), { __sfc: !0, props: e, scrollContainer: t, scrollLeft: s, scrollRight: i, showScrollBar: a, getTagsWidth: l, getContainerWidth: u };
+      { immediate: !0, deep: !0 }
+    ), { __sfc: !0, props: e, scrollContainer: t, scrollLeft: s, scrollRight: i, showScrollBar: a, getTagsWidth: l, getContainerWidth: n, checkScrollBar: c };
   }
 });
-function x(r, e, t, s, i, a, l, u) {
+function w(r, e, t, s, i, a, l, n) {
   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: r,
     options: c
   };
 }
-var Z = function() {
+var ee = 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(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,
+}, te = [], se = /* @__PURE__ */ w(
   Z,
   ee,
+  te,
   !1,
   null,
   null
 );
-const se = te.exports;
-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, 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));
+const ie = se.exports;
+var re = Object.defineProperty, ae = (r, e, t) => e in r ? re(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, h = (r, e, t) => ae(r, typeof e != "symbol" ? e + "" : e, t);
+const j = 6;
+class ne {
+  constructor(e, t, s) {
+    h(this, "field"), h(this, "label"), h(this, "value"), h(this, "required"), h(this, "index"), h(this, "visible"), h(this, "disabled"), h(this, "span"), h(this, "initValue"), h(this, "enable"), h(this, "pinned"), h(this, "tagFilter"), h(this, "render"), h(this, "transform"), h(this, "onChange");
+    var i, a, l, n, c;
+    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 = (i = e.visible) != null ? i : !0, this.span = (a = e.span) != null ? a : j, this.render = e.render, this.tagFilter = e.tagFilter, this.transform = e.transform, this.enable = (l = e.enable) != null ? l : !0, this.disabled = (n = e.disabled) != null ? n : !1, this.pinned = (c = e.pinned) != null ? c : !1, e.onChange && s && (this.onChange = s((p, m) => e.onChange(p, m), 50));
   }
   clean() {
     Array.isArray(this.value) ? this.value = [] : this.value = void 0;
@@ -74,19 +78,54 @@ class ae {
     this.value = this.initValue;
   }
   isEnable(e) {
-    return E(this.enable) ? this.enable(e.getSearchObject()) : this.enable;
+    return A(this.enable) ? this.enable(e.getSearchObject()) : this.enable;
   }
   isDisabled(e) {
-    return E(this.disabled) ? this.disabled(e.getSearchObject()) : this.disabled;
+    return A(this.disabled) ? this.disabled(e.getSearchObject()) : this.disabled;
+  }
+}
+var le = Object.defineProperty, oe = (r, e, t) => e in r ? le(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ce = (r, e, t) => oe(r, e + "", t);
+class ue {
+  cacheKey(e) {
+    return `searches_layouts_${e}`;
+  }
+  async load(e) {
+    const t = localStorage.getItem(this.cacheKey(e));
+    return t ? t.split(",").map((s) => {
+      const [i, a, l, n, c] = s.split("_");
+      return {
+        field: a,
+        span: Number(l),
+        index: Number(i),
+        visible: n === "true",
+        pinned: c === "true"
+      };
+    }) : null;
+  }
+  async save(e, t) {
+    const s = t.map((i) => `${i.index}_${i.field}_${i.span}_${i.visible}_${i.pinned}`).join(",");
+    localStorage.setItem(this.cacheKey(e), s);
+  }
+}
+class it {
+  constructor() {
+    ce(this, "cache", /* @__PURE__ */ new Map());
+  }
+  async load(e) {
+    var t;
+    return (t = this.cache.get(e)) != null ? t : null;
+  }
+  async save(e, t) {
+    this.cache.set(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 {
+var he = Object.defineProperty, de = (r, e, t) => e in r ? he(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, _ = (r, e, t) => de(r, typeof e != "symbol" ? e + "" : e, t);
+class y {
   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;
+    _(this, "field"), _(this, "span"), _(this, "index"), _(this, "visible"), _(this, "pinned"), this.field = e, this.span = t, this.index = s, this.visible = i, this.pinned = a;
   }
   static fromSearchItem(e, t) {
-    return new b(
+    return new y(
       e.field,
       e.span,
       t ?? e.index,
@@ -96,39 +135,39 @@ class b {
   }
   static formSearchConfig(e, t) {
     var s, i, a;
-    return new b(
+    return new y(
       e.field,
-      (s = e.span) != null ? s : N,
+      (s = e.span) != null ? s : j,
       t ?? e,
       (i = e.visible) != null ? i : !0,
       (a = e.pinned) != null ? a : !1
     );
   }
-  static fromString(e) {
-    const [t, s, i, a, l] = e.split("_");
-    return new b(s, Number(i), Number(t), a === "true", l === "true");
+  static fromLayoutData(e) {
+    return new y(e.field, e.span, e.index, e.visible, e.pinned);
   }
-  toString() {
-    return `${this.index}_${this.field}_${this.span}_${this.visible}_${this.pinned}`;
+  toLayoutData() {
+    return {
+      field: this.field,
+      span: this.span,
+      index: this.index,
+      visible: this.visible,
+      pinned: this.pinned
+    };
   }
   merge(e) {
     this.span = e.span, this.index = e.index, this.visible = e.visible, this.pinned = e.pinned;
   }
 }
-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();
-  }
-  /**
-   * 恢复自缓存中的布局信息
-   * @private
-   */
-  restoreCachedLayouts() {
-    const e = localStorage.getItem(B(this.id));
-    e && e.split(",").forEach((t) => {
-      const s = b.fromString(t), i = this.itemLayouts[s.field];
-      i && i.merge(s);
+class fe {
+  constructor(e, t, s) {
+    _(this, "id"), _(this, "state"), _(this, "itemLayouts"), _(this, "initialLayouts"), _(this, "storage"), this.id = e.id, this.initialLayouts = t, this.state = e, this.storage = s ?? new ue(), this.itemLayouts = M(e.items.map(y.fromSearchItem), (i) => i.field), this.restoreCachedLayouts();
+  }
+  async restoreCachedLayouts() {
+    const e = await this.storage.load(this.id);
+    e && e.forEach((t) => {
+      const s = this.itemLayouts[t.field];
+      s && s.merge(y.fromLayoutData(t));
     });
   }
   sync(e, t, s) {
@@ -139,10 +178,10 @@ class oe {
       l.index = a, l.visible = t.has(i), l.pinned = s.has(i);
     });
   }
-  persistent() {
-    localStorage.setItem(
-      B(this.id),
-      Object.values(this.itemLayouts).map((e) => e.toString()).join(",")
+  async persistent() {
+    await this.storage.save(
+      this.id,
+      Object.values(this.itemLayouts).map((e) => e.toLayoutData())
     ), this.state.updateTags();
   }
   reset() {
@@ -152,8 +191,295 @@ class oe {
     });
   }
 }
-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 = [
+var pe = Object.defineProperty, ve = (r, e, t) => e in r ? pe(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, g = (r, e, t) => ve(r, typeof e != "symbol" ? e + "" : e, t);
+class B {
+  constructor(e, t, s) {
+    g(this, "id"), g(this, "field"), g(this, "value"), g(this, "label"), g(this, "valueText"), g(this, "required"), g(this, "item"), g(this, "state"), g(this, "componentTextGetters");
+    var i;
+    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 = (i = t.required) != null ? i : !1, this.componentTextGetters = s, this.updateValueText();
+  }
+  static hasValue(e) {
+    return K(e.value) || G(e.value) ? !0 : !R(e.value);
+  }
+  updateValueText() {
+    const e = document.querySelector(this.id);
+    if (!e || e.children.length !== 1)
+      return;
+    const t = e.children[0], s = this.componentTextGetters.find((i) => i.isApply(t.classList));
+    s && (this.valueText = s.getText(t, this));
+  }
+  async clean() {
+    this.item.clean(), await this.state.doSearch();
+  }
+}
+var _e = Object.defineProperty, ge = (r, e, t) => e in r ? _e(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, me = (r, e, t) => ge(r, e + "", t);
+const rt = (r) => R(r), at = () => !0, nt = (r, e) => {
+  const t = r.getSearchObject();
+  let s = !0;
+  for (const [i, a] of Object.entries(e)) {
+    const l = t[i];
+    s = a(l), s || (s = !1);
+  }
+  return () => s;
+};
+class P {
+  constructor(e) {
+    me(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, i) => {
+        const a = i.transform ? i.transform(i.value) : i.value;
+        return {
+          ...s,
+          ...H(a) ? a : { [i.field]: a }
+        };
+      },
+      {}
+    );
+    return new P(t);
+  }
+  transform(e, t) {
+    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 };
+  }
+}
+var be = Object.defineProperty, ye = (r, e, t) => e in r ? be(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, $ = (r, e, t) => ye(r, typeof e != "symbol" ? e + "" : e, t);
+class Se {
+  constructor(e) {
+    $(this, "config"), $(this, "_state"), $(this, "listeners", /* @__PURE__ */ new Set()), $(this, "debounceTimers", /* @__PURE__ */ new Map()), this.config = e, this._state = {
+      id: e.id,
+      values: this.initValues(e.searches),
+      tags: [],
+      searching: !1
+    }, this.updateTags();
+  }
+  initValues(e) {
+    const t = {};
+    for (const s of e)
+      t[s.field] = s.initValue;
+    return t;
+  }
+  getState() {
+    return { ...this._state };
+  }
+  subscribe(e) {
+    return this.listeners.add(e), () => this.listeners.delete(e);
+  }
+  notify() {
+    const e = this.getState();
+    for (const t of this.listeners)
+      t(e);
+  }
+  getValue(e) {
+    return this._state.values[e];
+  }
+  setValue(e, t, s) {
+    this._state.values[e] = t;
+    const i = this.config.searches.find((a) => a.field === e);
+    if (i != null && i.onChange)
+      if (s) {
+        const a = this.debounceTimers.get(e);
+        a && clearTimeout(a), this.debounceTimers.set(e, setTimeout(() => {
+          i.onChange(t, this.createContext()), this.debounceTimers.delete(e);
+        }, s));
+      } else
+        i.onChange(t, this.createContext());
+    this.notify();
+  }
+  createContext() {
+    return {
+      id: this.config.id,
+      getValue: (e) => this.getValue(e),
+      setValue: (e, t) => this.setValue(e, t),
+      getSearchObject: () => this.getSearchObject(),
+      doSearch: () => this.doSearch(),
+      reset: () => this.reset(),
+      updateTags: () => this.updateTags()
+    };
+  }
+  getSearchObject() {
+    const e = {};
+    for (const t of this.config.searches) {
+      const s = this._state.values[t.field];
+      s !== void 0 && s !== "" && s !== null && (t.transform ? Object.assign(e, t.transform(s)) : e[t.field] = s);
+    }
+    return e;
+  }
+  async doSearch() {
+    if (!this._state.searching)
+      try {
+        this._state.searching = !0, this.notify(), await this.config.onSearch(this.getSearchObject()), this.updateTags();
+      } finally {
+        this._state.searching = !1, this.notify();
+      }
+  }
+  reset() {
+    for (const e of this.config.searches)
+      this._state.values[e.field] = e.initValue;
+    this._state.tags = [], this.notify();
+  }
+  updateTags() {
+    var e, t;
+    const s = [];
+    for (const i of this.config.searches) {
+      const a = this._state.values[i.field];
+      (i.tagFilter ? i.tagFilter(a) : this.defaultHasValue(a)) && s.push({
+        field: i.field,
+        label: i.label,
+        value: a,
+        valueText: void 0,
+        required: (e = i.required) != null ? e : !1,
+        closable: !((t = i.required) != null && t)
+      });
+    }
+    this._state.tags = s, this.notify();
+  }
+  defaultHasValue(e) {
+    return e == null ? !1 : typeof e == "number" || typeof e == "boolean" ? !0 : Array.isArray(e) ? e.length > 0 : typeof e == "string" ? e.trim() !== "" : !0;
+  }
+  updateTagValueText(e, t) {
+    const s = this._state.tags.find((i) => i.field === e);
+    s && (s.valueText = t, this.notify());
+  }
+  getApi() {
+    return {
+      ...this.createContext(),
+      state: this.getState(),
+      fields: this.config.searches
+    };
+  }
+}
+var we = Object.defineProperty, xe = (r, e, t) => e in r ? we(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, v = (r, e, t) => xe(r, typeof e != "symbol" ? e + "" : e, t);
+let Ce = class N {
+  constructor(e, t, s, i, a, l) {
+    this.id = e, v(this, "items"), v(this, "config"), v(this, "searching"), v(this, "tags"), v(this, "searchCallback"), v(this, "sourceSearchable"), v(this, "componentTextGetters"), v(this, "core"), v(this, "unsubscribe"), v(this, "_lastSearchObject", { time: 0, data: null }), this.id = e, this.items = t.map((n, c) => new ne(n, c, i)), this.config = new fe(
+      this,
+      t.map((n, c) => y.formSearchConfig(n, c)),
+      l
+    ), this.componentTextGetters = a, this.sourceSearchable = t, this.searching = !1, this.searchCallback = s, this.tags = [], this.core = new Se({
+      id: e,
+      searches: t.map((n) => ({
+        field: n.field,
+        label: n.label,
+        render: n.render,
+        initValue: n.initValue,
+        required: n.required,
+        visible: n.visible,
+        pinned: n.pinned,
+        span: n.span,
+        disabled: n.disabled,
+        enable: n.enable,
+        tagFilter: n.tagFilter,
+        transform: n.transform,
+        onChange: n.onChange
+      })),
+      onSearch: s
+    }), this.unsubscribe = this.core.subscribe((n) => {
+      this.searching = n.searching;
+    });
+  }
+  static create(e) {
+    return new N(
+      e.id,
+      e.searches,
+      e.onSearch,
+      e.debounceFn,
+      e.componentTextGetters,
+      e.storage
+    );
+  }
+  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, this.componentTextGetters)).sort(
+      (e, t) => this.config.itemLayouts[e.field].index - this.config.itemLayouts[t.field].index
+    ), this.core.updateTags();
+  }
+  getSearchObject(e) {
+    const t = Date.now();
+    return this._lastSearchObject.data && t - this._lastSearchObject.time < 50 ? this._lastSearchObject.data : (this._lastSearchObject = { time: t, data: P.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()), this.core.reset(), e && await this.doSearch();
+  }
+  setSearchValue(e, t, s = (i) => !0) {
+    const i = this.items.find((a) => a.field === e);
+    i && s && s(i.value) && (i.value = t, this.core.setValue(e, t));
+  }
+  destroy() {
+    var e;
+    (e = this.unsubscribe) == null || e.call(this);
+  }
+};
+const Te = () => {
+  const r = z(), e = f(), t = f([]), s = f(!1), i = f(), a = f([]), l = f(300), n = (o) => {
+    r.value = o, t.value = [
+      {
+        label: "全部",
+        id: "all",
+        children: r.value.items.sort(
+          (u, d) => o.config.itemLayouts[u.field].index - o.config.itemLayouts[d.field].index
+        ).map((u) => ({
+          label: u.label,
+          id: u.field,
+          disabled: !u.isEnable(o),
+          pinned: o.config.itemLayouts[u.field].pinned
+        }))
+      }
+    ], i.value = Object.keys(o.config.itemLayouts).filter(
+      (u) => {
+        var d;
+        return (d = o.config.itemLayouts[u]) == null ? void 0 : d.visible;
+      }
+    );
+  };
+  return {
+    treeRef: e,
+    visible: s,
+    snapshot: t,
+    defaultCheckedKeys: i,
+    drawerWidth: l,
+    updateSnapshot: n,
+    show: (o) => {
+      n(o), s.value = !0;
+    },
+    save: () => {
+      r.value.config.sync(
+        t.value[0].children.map((o) => o.id),
+        new Set(e.value.getCheckedKeys()),
+        new Set(t.value[0].children.filter((o) => o.pinned).map((o) => o.id))
+      ), r.value.config.persistent(), s.value = !1;
+    },
+    reset: () => {
+      r.value.config.reset(), n(r.value);
+    },
+    keepSelection: () => {
+      a.value = e.value.getCheckedKeys();
+    },
+    restoreSelection: () => {
+      e.value.setCheckedKeys(a.value), a.value = [];
+    },
+    allowDrop: (o, u, d) => d !== "inner",
+    allowDrag: (o) => !o.disabled,
+    onPinnedChange: (o) => {
+      o.data.pinned = !o.data.pinned;
+    }
+  };
+}, $e = [
   {
     isApply(r) {
       return r.contains("el-radio-group");
@@ -173,7 +499,10 @@ const de = [
         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}条`;
+      if (t.length === 1)
+        return t[0];
+      if (t.length > 1)
+        return `${t[0]} 等${t.length}条`;
     }
   },
   {
@@ -197,9 +526,9 @@ const de = [
       return r.contains("el-select");
     },
     getText(r, e) {
-      var t;
-      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;
+      var t, s;
+      const i = r.querySelectorAll(".el-select__tags-text");
+      return i.length > 0 ? e.value.length > 1 ? `${i[0].textContent} 等${e.value.length}条` : (t = i[0].textContent) != null ? t : void 0 : (s = r.querySelector("input")) == null ? void 0 : s.value;
     }
   },
   {
@@ -216,7 +545,8 @@ const de = [
       return r.contains("el-switch");
     },
     getText(r) {
-      return r.querySelector(".is-active").innerHTML;
+      const e = r.querySelector(".is-active");
+      return e == null ? void 0 : e.innerHTML;
     }
   },
   {
@@ -232,132 +562,38 @@ const de = [
       return r.contains("el-date-editor");
     },
     getText(r, e) {
-      return e.value ? e.value.join(" ~ ") : e.value;
+      return Array.isArray(e.value) ? e.value.join(" ~ ") : e.value;
     }
   }
 ];
-class R {
-  constructor(e, t) {
-    g(this, "id"), g(this, "field"), g(this, "value"), g(this, "label"), g(this, "valueText"), g(this, "required"), g(this, "item"), g(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 Q(e.value) || M(e.value) ? !0 : !$(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 = de.find((i) => i.isApply(t.classList));
-    s && (this.valueText = s.getText(t, this));
-  }
-  async clean() {
-    this.item.clean(), await this.state.doSearch();
+class Le extends Ce {
+  constructor(e, t, s, i) {
+    super(e, t, s, X, $e, i);
   }
 }
-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((i, a) => new ae(i, a)), this.config = new oe(
-      this,
-      t.map((i, a) => b.formSearchConfig(i, a))
-    ), 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) : R.hasValue(e)).map((e) => new R(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: D.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 = (i) => !0) {
-    const i = this.items.find((a) => a.field === e);
-    i && s && s(i.value) && (i.value = t);
-  }
-}
-const ve = () => {
-  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: r.value.items.sort(
-          (o, v) => n.config.itemLayouts[o.field].index - n.config.itemLayouts[v.field].index
-        ).map((o) => ({
-          label: o.label,
-          id: o.field,
-          disabled: !o.isEnable(n),
-          pinned: n.config.itemLayouts[o.field].pinned
-        }))
-      }
-    ], i.value = Object.keys(n.config.itemLayouts).filter(
-      (o) => {
-        var v;
-        return (v = n.config.itemLayouts[o]) == null ? void 0 : v.visible;
-      }
-    );
-  };
-  return {
-    treeRef: e,
-    visible: s,
-    snapshot: t,
-    defaultCheckedKeys: i,
-    drawerWidth: l,
-    updateSnapshot: u,
-    show: (n) => {
-      u(n), s.value = !0;
-    },
-    save: () => {
-      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))
-      ), r.value.config.persistent(), s.value = !1;
-    },
-    reset: () => {
-      r.value.config.reset(), u(r.value);
-    },
-    keepSelection: () => {
-      a.value = e.value.getCheckedKeys();
-    },
-    restoreSelection: () => {
-      e.value.setCheckedKeys(a.value), a.value = [];
-    },
-    allowDrop: (n, o, v) => v === "inner" ? !1 : !((k, I) => {
-      let L = k.parent;
-      for (; L; ) {
-        if (L === I)
-          return !0;
-        L = L.parent;
-      }
-      return !1;
-    })(n, o),
-    allowDrag: (n) => !n.disabled,
-    onPinnedChange: (n) => {
-      n.data.pinned = !n.data.pinned;
+const Oe = {
+  name: "PinIcon",
+  props: {
+    active: {
+      type: Boolean,
+      default: !1
     }
-  };
-}, 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({
+  }
+};
+var Pe = function() {
+  var e = this, t = e._self._c;
+  return t("svg", { class: ["pin-icon", { "is-active": e.active }], attrs: { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", viewBox: "0 0 16 16" }, on: { click: function(s) {
+    return s.stopPropagation(), e.$emit("click");
+  } } }, [t("path", { attrs: { d: "M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a5.927 5.927 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707-.195-.195.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a5.922 5.922 0 0 1 1.013.16l3.134-3.133a2.772 2.772 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146z" } })]);
+}, Ae = [], De = /* @__PURE__ */ w(
+  Oe,
+  Pe,
+  Ae,
+  !1,
+  null,
+  "b04d59bb"
+);
+const Fe = De.exports, Ve = /* @__PURE__ */ S({
   __name: "SearchSettingsDrawer",
   setup(r, { expose: e }) {
     const {
@@ -366,61 +602,61 @@ const ve = () => {
       snapshot: i,
       drawerWidth: a,
       defaultCheckedKeys: l,
-      show: u,
+      show: n,
       allowDrop: c,
-      allowDrag: f,
-      keepSelection: A,
-      restoreSelection: _,
-      save: y,
-      reset: w,
-      onPinnedChange: C
-    } = ve();
+      allowDrag: p,
+      keepSelection: m,
+      restoreSelection: x,
+      save: b,
+      reset: C,
+      onPinnedChange: T
+    } = Te();
     return e({
-      show: u
-    }), { __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 };
+      show: n
+    }), { __sfc: !0, treeRef: t, visible: s, snapshot: i, drawerWidth: a, defaultCheckedKeys: l, show: n, allowDrop: c, allowDrag: p, keepSelection: m, restoreSelection: x, save: b, reset: C, onPinnedChange: T, PinIcon: Fe };
   }
 });
-var be = function() {
+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(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 [t("span", { staticClass: "custom-tree-node" }, [t("span", [e._v(e._s(i.label))]), i.data.id !== "all" ? t(s.PinIcon, { attrs: { active: i.data.pinned }, on: { click: function(a) {
       return s.onPinnedChange(i);
-    } } }, [t("img", { attrs: { src: i.data.pinned ? s.activePin : s.pin, alt: "固定" } })]) : e._e()])];
+    } } }) : e._e()], 1)];
   } }]) }), 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,
-  be,
-  Se,
+}, Re = [], je = /* @__PURE__ */ w(
+  Ve,
+  Be,
+  Re,
   !1,
   null,
   null
 );
-const ye = Ae.exports, we = /* @__PURE__ */ S({
+const Ne = je.exports, qe = /* @__PURE__ */ S({
   __name: "SettingButton",
   props: {
     state: null
   },
   setup(r) {
-    const e = r, t = h();
+    const e = r, t = f();
     return { __sfc: !0, props: e, searchSettingDialogRef: t, showSearchLayoutDialog: () => {
       t.value.show(e.state);
-    }, SearchSettingsDrawer: ye };
+    }, SearchSettingsDrawer: Ne };
   }
 });
-var Ce = function() {
+var Ee = 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);
-}, xe = [], Le = /* @__PURE__ */ x(
-  we,
-  Ce,
-  xe,
+  return t("el-button", { staticClass: "icon-button", on: { click: s.showSearchLayoutDialog } }, [t("i", { staticClass: "el-icon-s-tools" }), t(s.SearchSettingsDrawer, { ref: "searchSettingDialogRef" })], 1);
+}, Ie = [], ke = /* @__PURE__ */ w(
+  qe,
+  Ee,
+  Ie,
   !1,
   null,
-  "b401b1ee"
+  "2b748196"
 );
-const Oe = Le.exports, Te = {
+const Me = ke.exports, Ke = {
   functional: !0,
   props: {
     search: {
@@ -444,28 +680,28 @@ const Oe = Le.exports, Te = {
     }
     return i.componentOptions.propsData.disabled = s.search.isDisabled(s.api), i;
   }
-}, De = /* @__PURE__ */ S({
+}, Ge = /* @__PURE__ */ S({
   __name: "SearchBarItem",
   props: {
     item: null
   },
   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 };
+    const e = r, t = D("search-bar-state"), s = D("search-bar-id");
+    return { __sfc: !0, props: e, state: t, id: s, SearchItemRender: Ke };
   }
 });
-var Ee = function() {
+var He = 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)]);
-}, Pe = [], Fe = /* @__PURE__ */ x(
-  De,
-  Ee,
-  Pe,
+}, We = [], Ue = /* @__PURE__ */ w(
+  Ge,
+  He,
+  We,
   !1,
   null,
-  "9e3df4b4"
+  "73b72e60"
 );
-const Be = Fe.exports, Re = /* @__PURE__ */ S({
+const ze = Ue.exports, Ye = /* @__PURE__ */ S({
   __name: "SearchBar",
   props: {
     searches: null,
@@ -478,75 +714,65 @@ const Be = Fe.exports, Re = /* @__PURE__ */ S({
   },
   emits: ["change"],
   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(
+    const s = r, i = Y(new Le(s.id, s.searches, s.onSearch)), a = f(!1), l = f(), n = f();
+    V(
       l,
       () => {
         i.updateTags();
       },
       { childList: !0 }
+    ), V(
+      n,
+      () => {
+        i.updateTags();
+      },
+      { childList: !0 }
     );
-    const u = T(() => A.value.filter((n) => _(n).visible).length > 0), c = h([]), f = T(
-      () => c.value.filter((n) => _(n).pinned)
-    ), A = T(
-      () => c.value.filter((n) => !_(n).pinned)
+    const c = O(() => x.value.filter((u) => b(u).visible).length > 0), p = f([]), m = O(
+      () => p.value.filter((u) => b(u).pinned)
+    ), x = O(
+      () => p.value.filter((u) => !b(u).pinned)
     );
-    W(
+    J(
       () => [i.items, i.config.itemLayouts],
       () => {
-        const n = [
-          ...i.items.filter((o) => o.pinned),
-          ...i.items.filter((o) => !o.pinned)
+        const u = [
+          ...i.items.filter((d) => d.pinned),
+          ...i.items.filter((d) => !d.pinned)
         ];
-        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);
+        p.value = u.sort((d, q) => i.config.itemLayouts[d.field].index - i.config.itemLayouts[q.field].index).filter((d) => d.isEnable(i)), t("change", i.getSearchObject(), i);
       },
       { debounce: 100, immediate: !0, deep: !0 }
     );
-    const _ = (n) => i.config.itemLayouts[n.field], y = () => i.items, w = () => i.getSearchObject(), C = (n) => {
-      i.searching = n;
-    }, O = () => i.updateTags();
+    const b = (u) => i.config.itemLayouts[u.field], C = () => i.items, T = () => i.getSearchObject(), L = (u) => {
+      i.searching = u;
+    }, 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: 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 };
+      getSearchItems: C,
+      getSearchObject: T,
+      updateSearching: L,
+      updateTags: o
+    }), { __sfc: !0, props: s, state: i, expanded: a, itemContainerRef: l, hideItemContainerRef: n, isShowSpanIcon: c, sortedItems: p, sortedPinnedItems: m, sortedNormalItems: x, emits: t, getLayout: b, getSearchItems: C, getSearchObject: T, updateSearching: L, updateTags: o, SearchTagsRender: ie, SettingButton: Me, SearchBarItem: ze };
   }
 });
-var $e = function() {
+var Xe = 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(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) {
+  }), t("el-collapse-transition", [t("div", { directives: [{ name: "show", rawName: "v-show", value: s.expanded, expression: "expanded" }], ref: "hideItemContainerRef", 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) {
+  }), 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-button", { directives: [{ name: "show", rawName: "v-show", value: s.isShowSpanIcon, expression: "isShowSpanIcon" }], staticClass: "icon-button", 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(
-  Re,
-  $e,
-  je,
+  } } }, [t("i", { class: [s.expanded ? "el-icon-arrow-up" : "el-icon-arrow-down"] })]), 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 = [], Qe = /* @__PURE__ */ w(
+  Ye,
+  Xe,
+  Je,
   !1,
   null,
   null
 );
-const Xe = Ne.exports;
-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 [i, a] of Object.entries(e)) {
-    const l = t[i];
-    s = a(l), s || (s = !1);
-  }
-  return () => s;
-}, We = (r, e, t) => ({
-  /**
-   * 数据刷新回调代理
-   *
-   *  填充数据拉取接口的搜索参数
-   * @param param
-   */
+const lt = Qe.exports, ot = (r, e, t) => ({
   refreshCallback: async (s) => {
     const i = e.value.getSearchObject();
     try {
@@ -555,48 +781,28 @@ const He = (r) => $(r), Ke = () => !0, ze = (r, e) => {
       e.value.updateSearching(!1), e.value.updateTags();
     }
   },
-  /**
-   * 搜索项搜索按钮点击时触发
-   *
-   * 回调所有的可刷新组件
-   */
   searchCallback: async () => {
     var s;
     for (const i of t)
       await ((s = i.value) == null ? void 0 : s.refresh());
   }
 });
-class D {
-  constructor(e) {
-    Ve(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, i) => {
-        const a = i.transform ? i.transform(i.value) : i.value;
-        return {
-          ...s,
-          ...X(a) ? a : { [i.field]: a }
-        };
-      },
-      {}
-    );
-    return new D(t);
-  }
-  transform(e, t) {
-    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 };
-  }
-}
 export {
-  Ke as APPLY_ALWAYS,
-  He as APPLY_WHEN_NOT_VALUE,
-  ze as APPLY_WITH_MULTIPLE_VALUE,
-  Xe as SearchBar,
-  D as Searches,
-  We as useSearchProxy,
-  Me as vModel
+  at as APPLY_ALWAYS,
+  rt as APPLY_WHEN_NOT_VALUE,
+  nt as APPLY_WITH_MULTIPLE_VALUE,
+  j as DEFAULT_SEARCH_SPAN,
+  ue as LocalStorage,
+  it as MemoryStorage,
+  lt as SearchBar,
+  Se as SearchBarCore,
+  Ce as SearchBarState,
+  fe as SearchConfig,
+  ne as SearchItem,
+  y as SearchItemLayout,
+  B as SearchTag,
+  P as Searches,
+  ot as useSearchProxy,
+  Te as useSetting,
+  st as vModel
 };