@scvzerng/element-plus-search-vue2 0.0.1 → 0.0.2

package/dist/ElementPlusSearch.es.js

@@ -1,96 +1,59 @@
-import { keyBy as K, isNumber as I, isBoolean as M, isEmpty as z, chain as P, sum as U, isPlainObject as G } from "lodash-unified";
-import { defineComponent as L, ref as y, resolveComponent as g, createElementBlock as C, openBlock as m, createVNode as a, createElementVNode as _, withCtx as c, unref as u, Fragment as D, renderList as B, createBlock as S, createTextVNode as k, toDisplayString as N, reactive as j, shallowRef as W, isRef as X, computed as $, normalizeStyle as J, normalizeClass as Q, withDirectives as Y, vShow as Z, createCommentVNode as E } from "vue";
-import { ArrowLeft as ee, ArrowRight as te, ArrowDown as se, ArrowUp as re } from "@element-plus/icons-vue";
-import { Setting as ie } from "@scvzerng/icons";
-const ne = { class: "tags-scroll-container" }, le = ["innerHTML"], oe = /* @__PURE__ */ L({
-  name: "SearchTags",
-  __name: "SearchTagsRender",
+import { get as F, set as P, keyBy as R, isNumber as D, isBoolean as q, isEmpty as k, chain as B, sum as O, isPlainObject as E } from "lodash-unified";
+import { defineComponent as S, ref as u, shallowRef as N, reactive as I, computed as C } from "vue";
+const Le = (r) => ({
+  model: {
+    value: F(r, "value"),
+    callback: (e) => {
+      P(r, "value", e);
+    }
+  }
+}), V = S({
+  name: "SearchTags"
+}), K = /* @__PURE__ */ S({
+  ...V,
   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 = u();
+    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 v = g("el-icon"), h = g("el-tag");
-      return m(), C("div", ne, [
-        a(h, {
-          type: "info",
-          class: "scroll-left-bar",
-          onClick: t
-        }, {
-          default: c(() => [
-            a(v, null, {
-              default: c(() => [
-                a(u(ee))
-              ]),
-              _: 1
-            }),
-            n[0] || (n[0] = _("i", { class: "el-icon-arrow-left" }, null, -1))
-          ]),
-          _: 1
-        }),
-        _("div", {
-          ref_key: "scrollContainer",
-          ref: e,
-          class: "search-tags"
-        }, [
-          (m(!0), C(D, null, B(s.tags, (p) => (m(), S(h, {
-            class: "search-tag",
-            onClose: () => p.clean(),
-            closable: !p.required,
-            type: p.required ? "primary" : "info",
-            key: p.field
-          }, {
-            default: c(() => [
-              _("span", null, N(p.label), 1),
-              n[1] || (n[1] = k("： ", -1)),
-              _("span", {
-                innerHTML: p.valueText
-              }, null, 8, le)
-            ]),
-            _: 2
-          }, 1032, ["onClose", "closable", "type"]))), 128))
-        ], 512),
-        a(h, {
-          type: "info",
-          class: "scroll-right-bar",
-          onClick: r
-        }, {
-          default: c(() => [
-            a(v, null, {
-              default: c(() => [
-                a(u(te))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-}), H = 6;
-class ae {
-  field;
-  label;
-  value;
-  required;
-  index;
-  visible;
-  span;
-  initValue;
-  tagFilter;
-  render;
-  transform;
+    } };
+  }
+});
+function w(r, e, t, s, i, a, h, o) {
+  var l = typeof r == "function" ? r.options : r;
+  return e && (l.render = e, l.staticRenderFns = t, l._compiled = !0), a && (l._scopeId = "data-v-" + a), {
+    exports: r,
+    options: l
+  };
+}
+var H = 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);
+}, j = [], z = /* @__PURE__ */ w(
+  K,
+  H,
+  j,
+  !1,
+  null,
+  null
+);
+const M = z.exports;
+var W = Object.defineProperty, G = (r, e, t) => e in r ? W(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, n = (r, e, t) => G(r, typeof e != "symbol" ? e + "" : e, t);
+const A = 6;
+class U {
   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 ?? H, this.render = e.render, this.tagFilter = e.tagFilter, this.transform = e.transform;
+    n(this, "field"), n(this, "label"), n(this, "value"), n(this, "required"), n(this, "index"), n(this, "visible"), n(this, "span"), n(this, "initValue"), n(this, "tagFilter"), n(this, "render"), n(this, "transform");
+    var s, i;
+    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 : A, this.render = e.render, this.tagFilter = e.tagFilter, this.transform = e.transform;
   }
   clean() {
     Array.isArray(this.value) ? this.value = [] : this.value = void 0;
@@ -99,16 +62,13 @@ class ae {
     this.value = this.initValue;
   }
 }
-class w {
-  field;
-  span;
-  index;
-  visible;
-  constructor(e, t, r, i) {
-    this.field = e, this.span = t, this.index = r, this.visible = i;
+var X = Object.defineProperty, J = (r, e, t) => e in r ? X(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, p = (r, e, t) => J(r, typeof e != "symbol" ? e + "" : e, t);
+class _ {
+  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 w(
+    return new _(
       e.field,
       e.span,
       t ?? e.index,
@@ -116,16 +76,18 @@ class w {
     );
   }
   static formSearchConfig(e, t) {
-    return new w(
+    var s, i;
+    return new _(
       e.field,
-      e.span ?? H,
+      (s = e.span) != null ? s : A,
       t ?? e,
-      e.visible ?? !0
+      (i = e.visible) != null ? i : !0
     );
   }
   static fromString(e) {
-    const [t, r, i, n] = e.split("_");
-    return new w(r, Number(i), Number(t), !!n);
+    var t;
+    const [s, i, a, h] = e.split("_");
+    return new _(i, Number(a), Number(s), (t = !!h) != null ? t : !0);
   }
   toString() {
     return `${this.index}_${this.field}_${this.span}_${this.visible}`;
@@ -134,37 +96,33 @@ class w {
     this.span = e.span, this.index = e.index, this.visible = e.visible;
   }
 }
-const V = (s) => `searches_layouts_${s}`;
-class ce {
-  id;
-  state;
-  itemLayouts;
-  initialLayouts;
+const L = (r) => `searches_layouts_${r}`;
+class Q {
   constructor(e, t) {
-    this.id = e.id, this.initialLayouts = t, this.state = e, this.itemLayouts = K(e.items.map(w.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 = R(e.items.map(_.fromSearchItem), (s) => s.field), this.restoreCachedLayouts();
   }
   /**
    * 恢复自缓存中的布局信息
    * @private
    */
   restoreCachedLayouts() {
-    const e = localStorage.getItem(V(this.id));
+    const e = localStorage.getItem(L(this.id));
     e && e.split(",").forEach((t) => {
-      const r = w.fromString(t), i = this.itemLayouts[r.field];
-      i && i.merge(r);
+      const s = _.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(
-      V(this.id),
+      L(this.id),
       Object.values(this.itemLayouts).map((e) => e.toString()).join(",")
     ), this.state.updateTags();
   }
@@ -175,130 +133,125 @@ class ce {
     });
   }
 }
-const ue = [
+var Y = Object.defineProperty, Z = (r, e, t) => e in r ? Y(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, f = (r, e, t) => Z(r, typeof e != "symbol" ? e + "" : e, t);
+const ee = [
   {
-    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 T {
   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 I(e.value) || M(e.value) ? !0 : !z(e.value);
+    return D(e.value) || q(e.value) ? !0 : !k(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 = ue.find((i) => i.isApply(t.classList));
-    r && (this.valueText = r.getText(t, this));
+    const t = e.children[0], s = ee.find((i) => i.isApply(t.classList));
+    s && (this.valueText = s.getText(t, this));
   }
   async clean() {
     this.item.clean(), await this.state.doSearch();
   }
 }
-class de {
-  constructor(e, t, r) {
-    this.id = e, this.id = e, this.items = t.map((i, n) => new ae(i, n)), this.config = j(
-      new ce(
-        this,
-        t.map((i, n) => w.formSearchConfig(i, n))
-      )
-    ), this.sourceSearchable = t, this.searching = !1, this.searchCallback = r, this.tags = [];
-  }
-  items;
-  config;
-  searching;
-  tags;
-  searchCallback;
-  sourceSearchable;
+var te = Object.defineProperty, se = (r, e, t) => e in r ? te(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, m = (r, e, t) => se(r, typeof e != "symbol" ? e + "" : e, t);
+class re {
+  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"), this.id = e, this.items = t.map((i, a) => new U(i, a)), this.config = new Q(
+      this,
+      t.map((i, a) => _.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) : T.hasValue(e)).map((e) => new T(this, e)).sort(
       (e, t) => this.config.itemLayouts[e.field].index - this.config.itemLayouts[t.field].index
     );
   }
   getSearchObject(e) {
-    return q.from(this.items).toCondition(e);
+    return $.from(this.items).toCondition(e);
   }
   async doSearch() {
     if (!this.searching)
@@ -312,259 +265,174 @@ class de {
     this.items.forEach((t) => t.reset()), e && await this.doSearch();
   }
 }
-const he = ({ search: s }) => s.render(s), fe = () => {
-  const s = W(), e = y(), t = y([]), r = y(!1), i = y(), n = y([]), v = y(300), h = (o) => {
-    s.value = o, t.value = [
+const ie = {
+  functional: !0,
+  props: {
+    search: {
+      type: Object,
+      required: !0
+    }
+  },
+  render(r, e) {
+    const { props: t } = e;
+    return t.search.render(t.search);
+  }
+}, ae = () => {
+  const r = N(), e = u(), t = u([]), s = u(!1), i = u(), a = u([]), h = u(300), o = (c) => {
+    r.value = c, t.value = [
       {
         label: "全部",
         id: "all",
-        children: s.value.items.sort(
-          (f, d) => o.config.itemLayouts[f.field].index - o.config.itemLayouts[d.field].index
-        ).map((f) => ({
-          label: f.label,
-          id: f.field
+        children: r.value.items.sort(
+          (v, x) => c.config.itemLayouts[v.field].index - c.config.itemLayouts[x.field].index
+        ).map((v) => ({
+          label: v.label,
+          id: v.field
         }))
       }
-    ], i.value = P(o.config.itemLayouts).pickBy((f) => f.visible).keys().value();
+    ], i.value = B(c.config.itemLayouts).pickBy((v) => v.visible).keys().value();
   };
   return {
     treeRef: e,
-    visible: r,
+    visible: s,
     snapshot: t,
     defaultCheckedKeys: i,
-    drawerWidth: v,
-    updateSnapshot: h,
-    show: (o) => {
-      h(o), r.value = !0;
+    drawerWidth: h,
+    updateSnapshot: o,
+    show: (c) => {
+      o(c), s.value = !0;
     },
     save: () => {
-      s.value.config.sync(
-        t.value[0].children.map((o) => o.id),
+      r.value.config.sync(
+        t.value[0].children.map((c) => c.id),
         new Set(e.value.getCheckedKeys())
-      ), s.value.config.persistent();
+      ), r.value.config.persistent();
     },
     reset: () => {
-      s.value.config.reset(), h(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: (o, f, d) => d !== "inner"
+    allowDrop: (c, v, x) => x !== "inner"
   };
-}, pe = /* @__PURE__ */ L({
+}, ne = /* @__PURE__ */ S({
   __name: "SearchSettingsDrawer",
-  setup(s, { expose: e }) {
+  setup(r, { expose: e }) {
     const {
       treeRef: t,
-      visible: r,
+      visible: s,
       snapshot: i,
-      drawerWidth: n,
-      defaultCheckedKeys: v,
-      show: h,
-      allowDrop: p,
-      keepSelection: T,
-      restoreSelection: b,
-      save: l,
-      reset: x
-    } = fe();
+      drawerWidth: a,
+      defaultCheckedKeys: h,
+      show: o,
+      allowDrop: l,
+      keepSelection: y,
+      restoreSelection: g,
+      save: d,
+      reset: b
+    } = ae();
     return e({
-      show: h
-    }), (A, o) => {
-      const f = g("el-tree"), d = g("el-button"), O = g("el-drawer");
-      return m(), S(O, {
-        class: "search-setting",
-        size: u(n),
-        title: "搜索项配置",
-        modelValue: u(r),
-        "onUpdate:modelValue": o[0] || (o[0] = (F) => X(r) ? r.value = F : null)
-      }, {
-        footer: c(() => [
-          a(d, { onClick: u(x) }, {
-            default: c(() => [...o[1] || (o[1] = [
-              k("重置", -1)
-            ])]),
-            _: 1
-          }, 8, ["onClick"]),
-          a(d, {
-            type: "primary",
-            onClick: u(l)
-          }, {
-            default: c(() => [...o[2] || (o[2] = [
-              k("保存", -1)
-            ])]),
-            _: 1
-          }, 8, ["onClick"])
-        ]),
-        default: c(() => [
-          a(f, {
-            class: "tree",
-            "default-expand-all": "",
-            "default-checked-keys": u(v),
-            "node-key": "id",
-            ref_key: "treeRef",
-            ref: t,
-            draggable: "",
-            "show-checkbox": "",
-            data: u(i),
-            onNodeDragStart: u(T),
-            onNodeDragEnd: u(b),
-            "allow-drop": u(p)
-          }, null, 8, ["default-checked-keys", "data", "onNodeDragStart", "onNodeDragEnd", "allow-drop"])
-        ]),
-        _: 1
-      }, 8, ["size", "modelValue"]);
-    };
-  }
-}), me = /* @__PURE__ */ L({
+      show: o
+    }), { __sfc: !0, treeRef: t, visible: s, snapshot: i, drawerWidth: a, defaultCheckedKeys: h, show: o, allowDrop: l, keepSelection: y, restoreSelection: g, save: d, reset: b };
+  }
+});
+var le = 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 }, 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)]);
+}, oe = [], ce = /* @__PURE__ */ w(
+  ne,
+  le,
+  oe,
+  !1,
+  null,
+  null
+);
+const ue = ce.exports, he = /* @__PURE__ */ S({
   __name: "SettingButton",
   props: {
-    state: {}
+    state: null
   },
-  setup(s) {
-    const e = s, t = y(), r = () => {
+  setup(r) {
+    const e = r, t = u();
+    return { __sfc: !0, props: e, searchSettingDialogRef: t, showSearchLayoutDialog: () => {
       t.value.show(e.state);
-    };
-    return (i, n) => {
-      const v = g("el-icon"), h = g("el-button");
-      return m(), S(h, {
-        class: "icon-button",
-        onClick: r
-      }, {
-        default: c(() => [
-          a(v, null, {
-            default: c(() => [
-              a(u(ie))
-            ]),
-            _: 1
-          }),
-          a(pe, {
-            ref_key: "searchSettingDialogRef",
-            ref: t
-          }, null, 512)
-        ]),
-        _: 1
-      });
-    };
+    }, SearchSettingsDrawer: ue };
   }
-}), ge = { class: "search-bar-container" }, ve = { class: "search-item" }, ye = { class: "search-item-title" }, _e = ["id"], Se = { class: "search-bottom" }, be = { class: "actions" }, Le = /* @__PURE__ */ L({
+});
+var de = 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);
+}, fe = [], pe = /* @__PURE__ */ w(
+  he,
+  de,
+  fe,
+  !1,
+  null,
+  "61aa7563"
+);
+const ve = pe.exports, _e = /* @__PURE__ */ S({
   __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 }
   },
-  setup(s, { expose: e }) {
-    const t = s, r = j(new de(t.id, t.searches, t.onSearch)), i = y(!1), n = $(() => U(Array.from(Object.values(r.config.itemLayouts)).map((l) => l.span)) / 24 > t.maxRows), v = $(() => [...r.items].sort((l, x) => r.config.itemLayouts[l.field].index - r.config.itemLayouts[x.field].index).filter((l) => r.config.itemLayouts[l.field].visible)), h = $(() => ({
+  setup(r, { expose: e }) {
+    const t = r, s = I(new re(t.id, t.searches, t.onSearch)), i = u(!1), a = C(() => O(Array.from(Object.values(s.config.itemLayouts)).map((d) => d.span)) / 24 > t.maxRows), h = C(() => [...s.items].sort((d, b) => s.config.itemLayouts[d.field].index - s.config.itemLayouts[b.field].index).filter((d) => s.config.itemLayouts[d.field].visible)), o = C(() => ({
       height: `${t.itemHeight * t.maxRows}px`,
       overflow: "hidden"
-    })), p = (b) => r.config.itemLayouts[b.field];
+    })), l = (g) => s.config.itemLayouts[g.field], y = () => s.items;
     return e({
-      getSearchItems: () => r.items
-    }), (b, l) => {
-      const x = g("el-col"), A = g("el-row"), o = g("el-icon"), f = g("el-button");
-      return m(), C("div", ge, [
-        a(A, {
-          class: Q("search"),
-          style: J(n.value && !i.value ? h.value : {}),
-          gutter: 16
-        }, {
-          default: c(() => [
-            (m(!0), C(D, null, B(v.value, (d) => Y((m(), S(x, {
-              span: p(d).span,
-              key: d.field
-            }, {
-              default: c(() => [
-                _("div", ve, [
-                  _("div", ye, N(d.label), 1),
-                  _("div", {
-                    id: `${s.id}-${d.field}`,
-                    class: "search-item-content"
-                  }, [
-                    a(u(he), { search: d }, null, 8, ["search"])
-                  ], 8, _e)
-                ])
-              ]),
-              _: 2
-            }, 1032, ["span"])), [
-              [Z, p(d).visible]
-            ])), 128))
-          ]),
-          _: 1
-        }, 8, ["style"]),
-        _("div", Se, [
-          r.tags.length > 0 ? (m(), S(oe, {
-            key: 0,
-            tags: r.tags
-          }, null, 8, ["tags"])) : E("", !0),
-          _("div", be, [
-            n.value ? (m(), S(f, {
-              key: 0,
-              class: "icon-button",
-              onClick: l[0] || (l[0] = (d) => i.value = !i.value)
-            }, {
-              default: c(() => [
-                a(o, null, {
-                  default: c(() => [
-                    i.value ? (m(), S(u(re), { key: 1 })) : (m(), S(u(se), { key: 0 }))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })) : E("", !0),
-            a(me, { state: r }, null, 8, ["state"]),
-            a(f, {
-              onClick: l[1] || (l[1] = () => r.reset(s.resetAutoSearch))
-            }, {
-              default: c(() => [...l[3] || (l[3] = [
-                k("重 置", -1)
-              ])]),
-              _: 1
-            }),
-            a(f, {
-              type: "primary",
-              loading: r.searching,
-              disabled: r.searching,
-              onClick: l[2] || (l[2] = () => r.doSearch())
-            }, {
-              default: c(() => [...l[4] || (l[4] = [
-                k("搜 索", -1)
-              ])]),
-              _: 1
-            }, 8, ["loading", "disabled"])
-          ])
-        ])
-      ]);
-    };
+      getSearchItems: y
+    }), { __sfc: !0, props: t, state: s, expanded: i, isShowSpanIcon: a, sortedItems: h, itemHeightStyle: o, getLayout: l, getSearchItems: y, SearchTagsRender: M, SearchItemRender: ie, SettingButton: ve };
   }
 });
-class q {
-  record;
+var ge = 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 } })], 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", { on: { click: () => s.state.reset(e.resetAutoSearch) } }, [e._v("重 置")]), t("el-button", { attrs: { type: "primary", loading: s.state.searching, disabled: s.state.searching }, on: { click: () => s.state.doSearch() } }, [e._v("搜 索")])], 1)], 1)], 1);
+}, me = [], ye = /* @__PURE__ */ w(
+  _e,
+  ge,
+  me,
+  !1,
+  null,
+  null
+);
+const Te = ye.exports;
+var Se = Object.defineProperty, be = (r, e, t) => e in r ? Se(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, we = (r, e, t) => be(r, e + "", t);
+class $ {
   constructor(e) {
-    this.record = e;
+    we(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,
-          ...G(n) ? n : { [i.field]: n }
+          ...s,
+          ...E(a) ? a : { [i.field]: a }
         };
       },
       {}
     );
-    return new q(t);
+    return new $(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) {
@@ -572,6 +440,7 @@ class q {
   }
 }
 export {
-  Le as SearchBar,
-  q as Searches
+  Te as SearchBar,
+  $ as Searches,
+  Le as vModel
 };