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

package/dist/ElementPlusSearch.es.js

@@ -1,99 +1,60 @@
-import { isFunction as V, keyBy as M, isNumber as z, isBoolean as P, isEmpty as U, chain as G, sum as W, isPlainObject as X } from "lodash-unified";
-import { defineComponent as D, ref as y, resolveComponent as g, createElementBlock as A, openBlock as f, createVNode as o, createElementVNode as b, withCtx as c, unref as u, Fragment as N, renderList as B, createBlock as w, createTextVNode as L, toDisplayString as F, reactive as H, shallowRef as J, isRef as Q, computed as j, normalizeStyle as Y, normalizeClass as Z, withDirectives as ee, vShow as te, createCommentVNode as q } from "vue";
-import { ArrowLeft as se, ArrowRight as ie, ArrowDown as re, ArrowUp as ne } from "@element-plus/icons-vue";
-import { Setting as le } from "@scvzerng/icons";
-import { watchDebounced as ae } from "@vueuse/core";
-const oe = { class: "tags-scroll-container" }, ce = ["innerHTML"], ue = /* @__PURE__ */ D({
-  name: "SearchTags",
-  __name: "SearchTagsRender",
+import { get as P, set as R, isFunction as T, keyBy as j, isNumber as k, isBoolean as q, isEmpty as E, chain as B, sum as N, isPlainObject as V } from "lodash-unified";
+import { defineComponent as w, ref as h, shallowRef as I, reactive as K, computed as O } from "vue";
+import { watchDebounced as H } from "@vueuse/core";
+const Ae = (r) => ({
+  model: {
+    value: P(r, "value"),
+    callback: (e) => {
+      R(r, "value", e);
+    }
+  }
+}), z = w({
+  name: "SearchTags"
+}), M = /* @__PURE__ */ w({
+  ...z,
   props: {
-    tags: {}
+    tags: null
   },
-  setup(s) {
-    const e = y(), t = () => {
-      e.value.scrollBy({ left: -200, behavior: "smooth" });
-    }, r = () => {
-      e.value.scrollBy({
+  setup(r) {
+    const e = r, t = h();
+    return { __sfc: !0, props: e, scrollContainer: t, scrollLeft: () => {
+      t.value.scrollBy({ left: -200, behavior: "smooth" });
+    }, scrollRight: () => {
+      t.value.scrollBy({
         left: 200,
         behavior: "smooth"
       });
-    };
-    return (i, n) => {
-      const p = g("el-icon"), d = g("el-tag");
-      return f(), A("div", oe, [
-        o(d, {
-          type: "info",
-          class: "scroll-left-bar",
-          onClick: t
-        }, {
-          default: c(() => [
-            o(p, null, {
-              default: c(() => [
-                o(u(se))
-              ]),
-              _: 1
-            }),
-            n[0] || (n[0] = b("i", { class: "el-icon-arrow-left" }, null, -1))
-          ]),
-          _: 1
-        }),
-        b("div", {
-          ref_key: "scrollContainer",
-          ref: e,
-          class: "search-tags"
-        }, [
-          (f(!0), A(N, null, B(s.tags, (m) => (f(), w(d, {
-            class: "search-tag",
-            onClose: () => m.clean(),
-            closable: !m.required,
-            type: m.required ? "primary" : "info",
-            key: m.field
-          }, {
-            default: c(() => [
-              b("span", null, F(m.label), 1),
-              n[1] || (n[1] = L("： ", -1)),
-              b("span", {
-                innerHTML: m.valueText
-              }, null, 8, ce)
-            ]),
-            _: 2
-          }, 1032, ["onClose", "closable", "type"]))), 128))
-        ], 512),
-        o(d, {
-          type: "info",
-          class: "scroll-right-bar",
-          onClick: r
-        }, {
-          default: c(() => [
-            o(p, null, {
-              default: c(() => [
-                o(u(ie))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
+    } };
   }
-}), K = 6;
-class de {
-  field;
-  label;
-  value;
-  required;
-  index;
-  visible;
-  disabled;
-  span;
-  initValue;
-  enable;
-  tagFilter;
-  render;
-  transform;
+});
+function C(r, e, t, s, i, a, d, o) {
+  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 W = function() {
+  var e = this, t = e._self._c, s = e._self._setupProxy;
+  return t("div", { staticClass: "tags-scroll-container" }, [t("el-tag", { staticClass: "scroll-left-bar", attrs: { 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: { size: "medium", 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", { staticClass: "scroll-right-bar", attrs: { size: "medium", type: "info" }, on: { click: s.scrollRight } }, [t("i", { staticClass: "el-icon-arrow-right" })])], 1);
+}, G = [], U = /* @__PURE__ */ C(
+  M,
+  W,
+  G,
+  !1,
+  null,
+  null
+);
+const X = U.exports;
+var J = Object.defineProperty, Q = (r, e, t) => e in r ? J(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, l = (r, e, t) => Q(r, typeof e != "symbol" ? e + "" : e, t);
+const F = 6;
+class Y {
   constructor(e, t) {
-    this.field = e.field, this.label = e.label, this.value = e.initValue, this.required = e.required, this.initValue = e.initValue, this.index = t, this.visible = e.visible ?? !0, this.span = e.span ?? K, this.render = e.render, this.tagFilter = e.tagFilter, this.transform = e.transform, this.enable = e.enable ?? !0, this.disabled = e.disabled ?? !1;
+    l(this, "field"), l(this, "label"), l(this, "value"), l(this, "required"), l(this, "index"), l(this, "visible"), l(this, "disabled"), l(this, "span"), l(this, "initValue"), l(this, "enable"), l(this, "tagFilter"), l(this, "render"), l(this, "transform");
+    var s, i, a, d;
+    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 : F, this.render = e.render, this.tagFilter = e.tagFilter, this.transform = e.transform, this.enable = (a = e.enable) != null ? a : !0, this.disabled = (d = e.disabled) != null ? d : !1;
   }
   clean() {
     Array.isArray(this.value) ? this.value = [] : this.value = void 0;
@@ -102,22 +63,19 @@ class de {
     this.value = this.initValue;
   }
   isEnable(e) {
-    return V(this.enable) ? this.enable(e.getSearchObject()) : this.enable;
+    return T(this.enable) ? this.enable(e.getSearchObject()) : this.enable;
   }
   isDisabled(e) {
-    return V(this.disabled) ? this.disabled(e.getSearchObject()) : this.disabled;
+    return T(this.disabled) ? this.disabled(e.getSearchObject()) : this.disabled;
   }
 }
-class x {
-  field;
-  span;
-  index;
-  visible;
-  constructor(e, t, r, i) {
-    this.field = e, this.span = t, this.index = r, this.visible = i;
+var Z = Object.defineProperty, ee = (r, e, t) => e in r ? Z(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, p = (r, e, t) => ee(r, typeof e != "symbol" ? e + "" : e, t);
+class g {
+  constructor(e, t, s, i) {
+    p(this, "field"), p(this, "span"), p(this, "index"), p(this, "visible"), this.field = e, this.span = t, this.index = s, this.visible = i;
   }
   static fromSearchItem(e, t) {
-    return new x(
+    return new g(
       e.field,
       e.span,
       t ?? e.index,
@@ -125,16 +83,17 @@ class x {
     );
   }
   static formSearchConfig(e, t) {
-    return new x(
+    var s, i;
+    return new g(
       e.field,
-      e.span ?? K,
+      (s = e.span) != null ? s : F,
       t ?? e,
-      e.visible ?? !0
+      (i = e.visible) != null ? i : !0
     );
   }
   static fromString(e) {
-    const [t, r, i, n] = e.split("_");
-    return new x(r, Number(i), Number(t), n === "true");
+    const [t, s, i, a] = e.split("_");
+    return new g(s, Number(i), Number(t), a === "true");
   }
   toString() {
     return `${this.index}_${this.field}_${this.span}_${this.visible}`;
@@ -143,37 +102,33 @@ class x {
     this.span = e.span, this.index = e.index, this.visible = e.visible;
   }
 }
-const O = (s) => `searches_layouts_${s}`;
-class he {
-  id;
-  state;
-  itemLayouts;
-  initialLayouts;
+const D = (r) => `searches_layouts_${r}`;
+class te {
   constructor(e, t) {
-    this.id = e.id, this.initialLayouts = t, this.state = e, this.itemLayouts = M(e.items.map(x.fromSearchItem), (r) => r.field), this.restoreCachedLayouts();
+    p(this, "id"), p(this, "state"), p(this, "itemLayouts"), p(this, "initialLayouts"), this.id = e.id, this.initialLayouts = t, this.state = e, this.itemLayouts = j(e.items.map(g.fromSearchItem), (s) => s.field), this.restoreCachedLayouts();
   }
   /**
    * 恢复自缓存中的布局信息
    * @private
    */
   restoreCachedLayouts() {
-    const e = localStorage.getItem(O(this.id));
+    const e = localStorage.getItem(D(this.id));
     e && e.split(",").forEach((t) => {
-      const r = x.fromString(t), i = this.itemLayouts[r.field];
-      i && i.merge(r);
+      const s = g.fromString(t), i = this.itemLayouts[s.field];
+      i && i.merge(s);
     });
   }
   sync(e, t) {
     if (e.length !== Object.keys(this.itemLayouts).length)
       throw new Error("同步布局字段数量不一致");
-    e.forEach((r, i) => {
-      const n = this.itemLayouts[r];
-      n.index = i, n.visible = t.has(r);
+    e.forEach((s, i) => {
+      const a = this.itemLayouts[s];
+      a.index = i, a.visible = t.has(s);
     });
   }
   persistent() {
     localStorage.setItem(
-      O(this.id),
+      D(this.id),
       Object.values(this.itemLayouts).map((e) => e.toString()).join(",")
     ), this.state.updateTags();
   }
@@ -184,132 +139,126 @@ class he {
     });
   }
 }
-const fe = [
+var se = Object.defineProperty, re = (r, e, t) => e in r ? se(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, f = (r, e, t) => re(r, typeof e != "symbol" ? e + "" : e, t);
+const ie = [
   {
-    isApply(s) {
-      return s.contains("el-radio-group");
+    isApply(r) {
+      return r.contains("el-radio-group");
     },
-    getText(s) {
-      return s.querySelector(".is-active")?.querySelector("input")?.value;
+    getText(r) {
+      var e, t;
+      return (t = (e = r.querySelector(".is-active")) == null ? void 0 : e.querySelector("input")) == null ? void 0 : t.value;
     }
   },
   {
-    isApply(s) {
-      return s.contains("el-checkbox-group");
+    isApply(r) {
+      return r.contains("el-checkbox-group");
     },
-    getText(s) {
-      const e = Array.from(s.querySelectorAll(".el-checkbox__input.is-checked") ?? []).map((t) => t.querySelector("input")?.value).filter((t) => t);
-      return e.length === 1 ? e[0] : `${e[0]} 等${e.length}条`;
+    getText(r) {
+      var e;
+      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(s) {
-      return s.contains("el-input");
+    isApply(r) {
+      return r.contains("el-input");
     },
-    getText(s, e) {
+    getText(r, e) {
       return e.value;
     }
   },
   {
-    isApply(s) {
-      return s.contains("el-input-number");
+    isApply(r) {
+      return r.contains("el-input-number");
     },
-    getText(s, e) {
+    getText(r, e) {
       return e.value;
     }
   },
   {
-    isApply(s) {
-      return s.contains("el-select");
+    isApply(r) {
+      return r.contains("el-select");
     },
-    getText(s, e) {
-      const t = s.querySelectorAll(".el-select__tags-text");
-      return t.length > 0 ? e.value.length > 1 ? `${t[0].textContent} 等${e.value.length}条` : t[0].textContent : s.querySelector(".el-select__placeholder")?.innerHTML;
+    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;
     }
   },
   {
-    isApply(s) {
-      return s.contains("el-cascader");
+    isApply(r) {
+      return r.contains("el-cascader");
     },
-    getText(s) {
-      return s.querySelector("input")?.value;
+    getText(r) {
+      var e;
+      return (e = r.querySelector("input")) == null ? void 0 : e.value;
     }
   },
   {
-    isApply(s) {
-      return s.contains("el-switch");
+    isApply(r) {
+      return r.contains("el-switch");
     },
-    getText(s) {
-      return s.querySelector(".is-active").innerHTML;
+    getText(r) {
+      return r.querySelector(".is-active").innerHTML;
     }
   },
   {
-    isApply(s) {
-      return s.contains("el-slider");
+    isApply(r) {
+      return r.contains("el-slider");
     },
-    getText(s, e) {
+    getText(r, e) {
       return e.value;
     }
   },
   {
-    isApply(s) {
-      return s.contains("el-date-editor");
+    isApply(r) {
+      return r.contains("el-date-editor");
     },
-    getText(s, e) {
+    getText(r, e) {
       return e.value ? e.value.join(" ~ ") : e.value;
     }
   }
 ];
-class R {
-  id;
-  field;
-  value;
-  label;
-  valueText;
-  required;
-  item;
-  state;
+class A {
   constructor(e, t) {
-    this.id = `#${e.id}-${t.field}`, this.state = e, this.field = t.field, this.value = t.value, this.label = t.label, this.item = t, this.required = t.required ?? !1, this.updateValueText();
+    f(this, "id"), f(this, "field"), f(this, "value"), f(this, "label"), f(this, "valueText"), f(this, "required"), f(this, "item"), f(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 z(e.value) || P(e.value) ? !0 : !U(e.value);
+    return k(e.value) || q(e.value) ? !0 : !E(e.value);
   }
   updateValueText() {
     const e = document.querySelector(this.id);
     if (e.children.length !== 1)
       throw new Error("holder children length is not 1");
-    const t = e.children[0], r = fe.find((i) => i.isApply(t.classList));
-    r && (this.valueText = r.getText(t, this));
+    const t = e.children[0], s = ie.find((i) => i.isApply(t.classList));
+    s && (this.valueText = s.getText(t, this));
   }
   async clean() {
     this.item.clean(), await this.state.doSearch();
   }
 }
-class pe {
-  constructor(e, t, r) {
-    this.id = e, this.id = e, this.items = t.map((i, n) => new de(i, n)), this.config = H(
-      new he(
-        this,
-        t.map((i, n) => x.formSearchConfig(i, n))
-      )
-    ), this.sourceSearchable = t, this.searching = !1, this.searchCallback = r, this.tags = [];
-  }
-  items;
-  config;
-  searching;
-  tags;
-  searchCallback;
-  sourceSearchable;
-  _lastSearchObject = { time: 0, data: null };
+var ae = Object.defineProperty, ne = (r, e, t) => e in r ? ae(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, _ = (r, e, t) => ne(r, typeof e != "symbol" ? e + "" : e, t);
+class le {
+  constructor(e, t, s) {
+    this.id = e, _(this, "items"), _(this, "config"), _(this, "searching"), _(this, "tags"), _(this, "searchCallback"), _(this, "sourceSearchable"), _(this, "_lastSearchObject", { time: 0, data: null }), this.id = e, this.items = t.map((i, a) => new Y(i, a)), this.config = new te(
+      this,
+      t.map((i, a) => g.formSearchConfig(i, a))
+    ), this.sourceSearchable = t, this.searching = !1, this.searchCallback = s, this.tags = [];
+  }
   updateTags() {
-    this.tags = this.items.filter((e) => e.tagFilter ? e.tagFilter(e.value) : R.hasValue(e)).map((e) => new R(this, e)).sort(
+    this.tags = this.items.filter((e) => e.tagFilter ? e.tagFilter(e.value) : A.hasValue(e)).map((e) => new A(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: E.from(this.items).toCondition(e) }, this._lastSearchObject.data);
+    return this._lastSearchObject.data && t - this._lastSearchObject.time < 50 ? this._lastSearchObject.data : (this._lastSearchObject = { time: t, data: L.from(this.items).toCondition(e) }, this._lastSearchObject.data);
   }
   async doSearch() {
     if (!this.searching)
@@ -323,279 +272,223 @@ class pe {
     this.items.forEach((t) => t.reset()), e && await this.doSearch();
   }
   setSearchValue(e, t) {
-    const r = this.items.find((i) => i.field === e);
-    r && (r.value = t);
+    const s = this.items.find((i) => i.field === e);
+    s && (s.value = t);
   }
 }
-const me = ({ search: s, api: e }) => {
-  const t = s.render(s);
-  return t.props || (t.props = {}), s.isDisabled(e) && (t.props.disabled = !0), t;
-}, ge = () => {
-  const s = J(), e = y(), t = y([]), r = y(!1), i = y(), n = y([]), p = y(300), d = (a) => {
-    s.value = a, t.value = [
+const oe = {
+  functional: !0,
+  props: {
+    search: {
+      type: Object,
+      required: !0
+    },
+    api: {
+      type: Object
+    }
+  },
+  render(r, e) {
+    const { props: t } = e, s = t.search.render(t.search);
+    return s.componentOptions.propsData || (s.componentOptions.propsData = {}), s.componentOptions.propsData.disabled = t.search.isDisabled(t.api), s;
+  }
+}, ce = () => {
+  const r = I(), e = h(), t = h([]), s = h(!1), i = h(), a = h([]), d = h(300), o = (n) => {
+    r.value = n, t.value = [
       {
         label: "全部",
         id: "all",
-        children: s.value.items.sort(
-          (h, v) => a.config.itemLayouts[h.field].index - a.config.itemLayouts[v.field].index
-        ).map((h) => ({
-          label: h.label,
-          id: h.field,
-          disabled: !h.isEnable(a)
+        children: r.value.items.sort(
+          (u, $) => n.config.itemLayouts[u.field].index - n.config.itemLayouts[$.field].index
+        ).map((u) => ({
+          label: u.label,
+          id: u.field,
+          disabled: !u.isEnable(n)
         }))
       }
-    ], i.value = G(a.config.itemLayouts).pickBy((h) => h.visible).keys().value();
+    ], i.value = B(n.config.itemLayouts).pickBy((u) => u.visible).keys().value();
   };
   return {
     treeRef: e,
-    visible: r,
+    visible: s,
     snapshot: t,
     defaultCheckedKeys: i,
-    drawerWidth: p,
-    updateSnapshot: d,
-    show: (a) => {
-      d(a), r.value = !0;
+    drawerWidth: d,
+    updateSnapshot: o,
+    show: (n) => {
+      o(n), s.value = !0;
     },
     save: () => {
-      s.value.config.sync(
-        t.value[0].children.map((a) => a.id),
+      r.value.config.sync(
+        t.value[0].children.map((n) => n.id),
         new Set(e.value.getCheckedKeys())
-      ), s.value.config.persistent();
+      ), r.value.config.persistent();
     },
     reset: () => {
-      s.value.config.reset(), d(s.value);
+      r.value.config.reset(), o(r.value);
     },
     keepSelection: () => {
-      n.value = e.value.getCheckedKeys();
+      a.value = e.value.getCheckedKeys();
     },
     restoreSelection: () => {
-      e.value.setCheckedKeys(n.value), n.value = [];
+      e.value.setCheckedKeys(a.value), a.value = [];
     },
-    allowDrop: (a, h, v) => v !== "inner",
-    allowDrag: (a) => !a.disabled
+    allowDrop: (n, u, $) => $ !== "inner",
+    allowDrag: (n) => !n.disabled
   };
-}, ve = /* @__PURE__ */ D({
+}, ue = /* @__PURE__ */ w({
   __name: "SearchSettingsDrawer",
-  setup(s, { expose: e }) {
+  setup(r, { expose: e }) {
     const {
       treeRef: t,
-      visible: r,
+      visible: s,
       snapshot: i,
-      drawerWidth: n,
-      defaultCheckedKeys: p,
-      show: d,
-      allowDrop: m,
-      allowDrag: T,
-      keepSelection: k,
-      restoreSelection: $,
-      save: S,
-      reset: l
-    } = ge();
+      drawerWidth: a,
+      defaultCheckedKeys: d,
+      show: o,
+      allowDrop: c,
+      allowDrag: x,
+      keepSelection: m,
+      restoreSelection: b,
+      save: y,
+      reset: S
+    } = ce();
     return e({
-      show: d
-    }), (C, a) => {
-      const h = g("el-tree"), v = g("el-button"), _ = g("el-drawer");
-      return f(), w(_, {
-        class: "search-setting",
-        size: u(n),
-        title: "搜索项配置",
-        modelValue: u(r),
-        "onUpdate:modelValue": a[0] || (a[0] = (I) => Q(r) ? r.value = I : null)
-      }, {
-        footer: c(() => [
-          o(v, { onClick: u(l) }, {
-            default: c(() => [...a[1] || (a[1] = [
-              L("重置", -1)
-            ])]),
-            _: 1
-          }, 8, ["onClick"]),
-          o(v, {
-            type: "primary",
-            onClick: u(S)
-          }, {
-            default: c(() => [...a[2] || (a[2] = [
-              L("保存", -1)
-            ])]),
-            _: 1
-          }, 8, ["onClick"])
-        ]),
-        default: c(() => [
-          o(h, {
-            class: "tree",
-            "default-expand-all": "",
-            "default-checked-keys": u(p),
-            "node-key": "id",
-            ref_key: "treeRef",
-            ref: t,
-            draggable: "",
-            "show-checkbox": "",
-            data: u(i),
-            onNodeDragStart: u(k),
-            onNodeDragEnd: u($),
-            "allow-drop": u(m),
-            "allow-drag": u(T)
-          }, null, 8, ["default-checked-keys", "data", "onNodeDragStart", "onNodeDragEnd", "allow-drop", "allow-drag"])
-        ]),
-        _: 1
-      }, 8, ["size", "modelValue"]);
-    };
+      show: o
+    }), { __sfc: !0, treeRef: t, visible: s, snapshot: i, drawerWidth: a, defaultCheckedKeys: d, show: o, allowDrop: c, allowDrag: x, keepSelection: m, restoreSelection: b, save: y, reset: S };
   }
-}), ye = /* @__PURE__ */ D({
+});
+var he = function() {
+  var e = this, t = e._self._c, s = e._self._setupProxy;
+  return t("el-drawer", { attrs: { size: s.drawerWidth, title: "搜索项配置", visible: s.visible }, 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 }, on: { "node-drag-start": s.keepSelection, "node-drag-end": s.restoreSelection } }), 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)]);
+}, de = [], fe = /* @__PURE__ */ C(
+  ue,
+  he,
+  de,
+  !1,
+  null,
+  null
+);
+const pe = fe.exports, ve = /* @__PURE__ */ w({
   __name: "SettingButton",
   props: {
-    state: {}
+    state: null
   },
-  setup(s) {
-    const e = s, t = y(), r = () => {
+  setup(r) {
+    const e = r, t = h();
+    return { __sfc: !0, props: e, searchSettingDialogRef: t, showSearchLayoutDialog: () => {
       t.value.show(e.state);
-    };
-    return (i, n) => {
-      const p = g("el-icon"), d = g("el-button");
-      return f(), w(d, {
-        class: "icon-button",
-        onClick: r
-      }, {
-        default: c(() => [
-          o(p, null, {
-            default: c(() => [
-              o(u(le))
-            ]),
-            _: 1
-          }),
-          o(ve, {
-            ref_key: "searchSettingDialogRef",
-            ref: t
-          }, null, 512)
-        ]),
-        _: 1
-      });
-    };
+    }, SearchSettingsDrawer: pe };
   }
-}), _e = { class: "search-bar-container" }, be = { class: "search-item" }, Se = { class: "search-item-title" }, we = ["id"], xe = { class: "search-bottom" }, ke = { class: "actions" }, $e = /* @__PURE__ */ D({
+});
+var _e = function() {
+  var e = this, t = e._self._c, s = e._self._setupProxy;
+  return t("div", { staticStyle: { "margin-right": "10px" } }, [t("el-button", { staticClass: "icon-button", staticStyle: { height: "100%" }, on: { click: s.showSearchLayoutDialog } }, [t("i", { staticClass: "el-icon-s-tools" })]), t(s.SearchSettingsDrawer, { ref: "searchSettingDialogRef" })], 1);
+}, ge = [], me = /* @__PURE__ */ C(
+  ve,
+  _e,
+  ge,
+  !1,
+  null,
+  "61aa7563"
+);
+const be = me.exports, ye = /* @__PURE__ */ w({
   __name: "SearchBar",
   props: {
-    searches: {},
-    id: {},
-    onSearch: {},
+    searches: null,
+    id: null,
+    onSearch: { type: Function },
     defaultSpan: { default: 6 },
     maxRows: { default: 2 },
     itemHeight: { default: 67 },
     resetAutoSearch: { type: Boolean, default: !0 }
   },
   emits: ["change"],
-  setup(s, { expose: e, emit: t }) {
-    const r = s, i = H(new pe(r.id, r.searches, r.onSearch)), n = y(!1), p = j(() => W(Array.from(Object.values(i.config.itemLayouts)).filter((l) => l.visible).map((l) => l.span)) / 24 > r.maxRows), d = y([]), m = t;
-    ae(() => i.items, () => {
-      const S = [...i.items];
-      d.value = S.sort((l, C) => i.config.itemLayouts[l.field].index - i.config.itemLayouts[C.field].index).filter((l) => i.config.itemLayouts[l.field].visible).filter((l) => l.isEnable(i)), m("change", i.getSearchObject(), i);
+  setup(r, { expose: e, emit: t }) {
+    const s = r, i = K(new le(s.id, s.searches, s.onSearch)), a = h(!1), d = O(() => N(Array.from(Object.values(i.config.itemLayouts)).filter((n) => n.visible).map((n) => n.span)) / 24 > s.maxRows), o = h([]);
+    H(() => i.items, () => {
+      const v = [...i.items];
+      o.value = v.sort((n, u) => i.config.itemLayouts[n.field].index - i.config.itemLayouts[u.field].index).filter((n) => i.config.itemLayouts[n.field].visible).filter((n) => n.isEnable(i)), t("change", i.getSearchObject(), i);
     }, { debounce: 100, immediate: !0, deep: !0 });
-    const T = j(() => ({
-      height: `${r.itemHeight * r.maxRows}px`,
+    const c = O(() => ({
+      height: `${s.itemHeight * s.maxRows}px`,
       overflow: "hidden"
-    })), k = (S) => i.config.itemLayouts[S.field];
-    return e({
-      getSearchItems: () => i.items
-    }), (S, l) => {
-      const C = g("el-col"), a = g("el-row"), h = g("el-icon"), v = g("el-button");
-      return f(), A("div", _e, [
-        o(a, {
-          class: Z("search"),
-          style: Y(p.value && !n.value ? T.value : {}),
-          gutter: 16
-        }, {
-          default: c(() => [
-            (f(!0), A(N, null, B(d.value, (_) => ee((f(), w(C, {
-              span: k(_).span,
-              key: _.field
-            }, {
-              default: c(() => [
-                b("div", be, [
-                  b("div", Se, F(_.label), 1),
-                  b("div", {
-                    id: `${s.id}-${_.field}`,
-                    class: "search-item-content"
-                  }, [
-                    o(u(me), {
-                      search: _,
-                      api: i
-                    }, null, 8, ["search", "api"])
-                  ], 8, we)
-                ])
-              ]),
-              _: 2
-            }, 1032, ["span"])), [
-              [te, k(_).visible]
-            ])), 128))
-          ]),
-          _: 1
-        }, 8, ["style"]),
-        b("div", xe, [
-          i.tags.length > 0 ? (f(), w(ue, {
-            key: 0,
-            tags: i.tags
-          }, null, 8, ["tags"])) : q("", !0),
-          b("div", ke, [
-            p.value ? (f(), w(v, {
-              key: 0,
-              class: "icon-button",
-              onClick: l[0] || (l[0] = (_) => n.value = !n.value)
-            }, {
-              default: c(() => [
-                o(h, null, {
-                  default: c(() => [
-                    n.value ? (f(), w(u(ne), { key: 1 })) : (f(), w(u(re), { key: 0 }))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })) : q("", !0),
-            o(ye, { state: i }, null, 8, ["state"]),
-            o(v, {
-              onClick: l[1] || (l[1] = () => i.reset(s.resetAutoSearch))
-            }, {
-              default: c(() => [...l[3] || (l[3] = [
-                L("重 置", -1)
-              ])]),
-              _: 1
-            }),
-            o(v, {
-              type: "primary",
-              loading: i.searching,
-              disabled: i.searching,
-              onClick: l[2] || (l[2] = () => i.doSearch())
-            }, {
-              default: c(() => [...l[4] || (l[4] = [
-                L("搜 索", -1)
-              ])]),
-              _: 1
-            }, 8, ["loading", "disabled"])
-          ])
-        ])
-      ]);
+    })), x = (v) => i.config.itemLayouts[v.field], m = () => i.items, b = () => i.getSearchObject(), y = (v) => {
+      i.searching = v;
+    }, S = () => {
+      i.updateTags();
     };
+    return e({
+      getSearchItems: m,
+      getSearchObject: b,
+      updateSearching: y,
+      updateTags: S
+    }), { __sfc: !0, props: s, state: i, expanded: a, isShowSpanIcon: d, sortedItems: o, emits: t, itemHeightStyle: c, getLayout: x, getSearchItems: m, getSearchObject: b, updateSearching: y, updateTags: S, SearchTagsRender: X, SearchItemRender: oe, SettingButton: be };
+  }
+});
+var Se = function() {
+  var e = this, t = e._self._c, s = e._self._setupProxy;
+  return t("div", { staticClass: "search-bar-container" }, [t("el-row", { class: "search", style: s.isShowSpanIcon && !s.expanded ? s.itemHeightStyle : {}, attrs: { gutter: 16 } }, e._l(s.sortedItems, 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("div", { staticClass: "search-item" }, [t("div", { staticClass: "search-item-title" }, [e._v(e._s(i.label))]), t("div", { staticClass: "search-item-content", attrs: { id: `${e.id}-${i.field}` } }, [t(s.SearchItemRender, { attrs: { search: i, api: s.state } })], 1)])]);
+  }), 1), t("div", { staticClass: "search-bottom" }, [s.state.tags.length > 0 ? t(s.SearchTagsRender, { attrs: { tags: s.state.tags } }) : e._e(), t("div", { staticClass: "actions" }, [s.isShowSpanIcon ? t("el-button", { 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"] })]) : e._e(), 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);
+}, we = [], xe = /* @__PURE__ */ C(
+  ye,
+  Se,
+  we,
+  !1,
+  null,
+  null
+);
+const Fe = xe.exports;
+var Ce = Object.defineProperty, $e = (r, e, t) => e in r ? Ce(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Le = (r, e, t) => $e(r, e + "", t);
+const Pe = (r, e, t) => ({
+  /**
+   * 数据刷新回调代理
+   *
+   *  填充数据拉取接口的搜索参数
+   * @param param
+   */
+  refreshCallback: async (s) => {
+    const i = e.value.getSearchObject();
+    try {
+      return e.value.updateSearching(!0), await r(i, s);
+    } finally {
+      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 E {
-  record;
+class L {
   constructor(e) {
-    this.record = e;
+    Le(this, "record"), this.record = e;
   }
   static from(e) {
-    const t = e.filter((r) => r.value === void 0 ? !1 : Array.isArray(r.value) ? r.value.length > 0 : !0).reduce(
-      (r, i) => {
-        const n = i.transform ? i.transform(i.value) : i.value;
+    const 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 {
-          ...r,
-          ...X(n) ? n : { [i.field]: n }
+          ...s,
+          ...V(a) ? a : { [i.field]: a }
         };
       },
       {}
     );
-    return new E(t);
+    return new L(t);
   }
   transform(e, t) {
-    const r = this.record[e], i = t(r);
+    const s = this.record[e], i = t(s);
     return delete this.record[e], this.record = { ...this.record, ...i }, this;
   }
   toCondition(e) {
@@ -603,6 +496,8 @@ class E {
   }
 }
 export {
-  $e as SearchBar,
-  E as Searches
+  Fe as SearchBar,
+  L as Searches,
+  Pe as useSearchProxy,
+  Ae as vModel
 };