@zl-ui-kit/components 0.22.1 → 0.24.0

package/dist/components/ZlSearch/index.vue.mjs

@@ -1,26 +1,27 @@
-import { defineComponent as le, computed as d, useSlots as ae, ref as w, watch as te, nextTick as L, resolveComponent as se, openBlock as c, createElementBlock as f, createElementVNode as C, createVNode as t, withModifiers as F, createSlots as M, withCtx as s, createTextVNode as p, toDisplayString as h, renderList as P, renderSlot as $, normalizeProps as R, guardReactiveProps as N, unref as o, createBlock as O, createCommentVNode as v, Fragment as oe, Transition as re } from "vue";
-import { useZlT as ie } from "@zl-ui-kit/composables";
-import { isArray as ne, isPlainObject as ce } from "@zl-ui-kit/utils";
-import I from "../ZlAutoTooltip/index.vue.mjs";
-import A from "../ZlForm/index.vue.mjs";
+import { defineComponent as le, computed as u, useSlots as ae, ref as w, watch as te, nextTick as L, openBlock as n, createElementBlock as h, createElementVNode as g, createVNode as s, withModifiers as j, createSlots as F, withCtx as t, createTextVNode as m, toDisplayString as c, renderList as x, renderSlot as $, normalizeProps as M, guardReactiveProps as R, unref as o, createBlock as N, createCommentVNode as v, Fragment as se, Transition as oe } from "vue";
+import { useZlT as re } from "@zl-ui-kit/composables";
+import { isArray as ie, isPlainObject as ne } from "@zl-ui-kit/utils";
+import O from "../ZlAutoTooltip/index.vue.mjs";
+import b from "../ZlButton/index.vue.mjs";
+import I from "../ZlForm/index.vue.mjs";
 import '../ZlTag/index.css';import '../ZlForm/index.css';/* empty css                    */
-import g from "../ZlIcon/index.vue.mjs";
+import A from "../ZlIcon/index.vue.mjs";
 import q from "../ZlTag/index.vue.mjs";
 /* empty css                   */
-import { useSearchFormOverflow as ue } from "./useSearchFormOverflow.mjs";
-const de = { class: "zl-search" }, me = {
+import { useSearchFormOverflow as ce } from "./useSearchFormOverflow.mjs";
+const de = { class: "zl-search" }, ue = {
   key: 0,
   class: "zl-search-search"
-}, fe = { class: "zl-search-search-single" }, he = { class: "zl-search-form-actions" }, be = {
+}, me = { class: "zl-search-search-single" }, fe = { class: "zl-search-form-actions" }, he = {
   key: 0,
   class: "zl-search-label"
 }, pe = { class: "zl-search-label__summary" }, ve = {
   key: 0,
   class: "zl-search-search-multiple"
-}, _e = { class: "zl-search-form-actions" }, ye = {
+}, be = { class: "zl-search-form-actions" }, _e = {
   key: 1,
   class: "zl-search__actions"
-}, $e = /* @__PURE__ */ le({
+}, Be = /* @__PURE__ */ le({
   name: "ZlSearch",
   __name: "index",
   props: {
@@ -34,249 +35,242 @@ const de = { class: "zl-search" }, me = {
   },
   emits: ["search", "reset"],
   setup(_, { expose: D, emit: G }) {
-    const { t: r } = ie(), u = _, B = G, E = d(
+    const { t: r } = re(), d = _, P = G, B = u(
       () => Object.keys(ae()).filter((e) => e !== "label" && e !== "actions")
-    ), k = w(null), S = w(null), n = w(!1), { lastVisibleIndex: T, measure: H } = ue(k), J = d(() => {
+    ), k = w(null), C = w(null), i = w(!1), { lastVisibleIndex: E, measure: H } = ce(k), J = u(() => {
       const e = {};
-      for (const l of u.items)
+      for (const l of d.items)
         e[l.model] = typeof l.toLabel == "function" ? l.toLabel : X;
       return e;
-    }), K = d(() => {
+    }), K = u(() => {
       const e = {};
-      for (const l of u.items)
+      for (const l of d.items)
         typeof l.toParams == "function" && (e[l.model] = l.toParams);
       return e;
-    }), b = d(() => {
+    }), p = u(() => {
       const e = [];
-      for (const l of u.items) {
+      for (const l of d.items) {
         if (!l.model)
           throw new Error("[ZlSearch]: form item's model is required!");
         if (!W(l))
           continue;
-        const { toLabel: i, toParams: a, visible: z, ...ee } = l;
+        const { toLabel: a, toParams: z, visible: ye, ...ee } = l;
         e.push(ee);
       }
       return e;
-    }), Q = w(u.model ?? {}), m = d(() => u.model ?? Q.value), Z = d(() => b.value.reduce((e, l) => {
-      const i = K.value[l.model];
-      return i ? Object.assign(e, i(m.value[l.model], e)) : { ...e, [l.model]: m.value[l.model] };
-    }, {})), j = d(() => b.value.map((e) => ({
-      labelValue: J.value[e.model](m.value[e.model]),
+    }), Q = w(d.model ?? {}), f = u(() => d.model ?? Q.value), T = u(() => p.value.reduce((e, l) => {
+      const a = K.value[l.model];
+      return a ? Object.assign(e, a(f.value[l.model], e)) : { ...e, [l.model]: f.value[l.model] };
+    }, {})), Z = u(() => p.value.map((e) => ({
+      labelValue: J.value[e.model](f.value[e.model]),
       model: e.model,
       label: e.label
-    })).filter((e) => e.labelValue)), U = d(
-      () => u.labelsVisible ?? u.showLabels ?? T.value !== null
+    })).filter((e) => e.labelValue)), U = u(
+      () => d.labelsVisible ?? d.showLabels ?? E.value !== null
     );
     function W(e) {
       const l = e.visible;
-      return l === void 0 ? !0 : l === !1 || typeof l == "function" && !l(m.value, e) ? !1 : !!l;
+      return l === void 0 ? !0 : l === !1 || typeof l == "function" && !l(f.value, e) ? !1 : !!l;
     }
     function X(e) {
-      return ne(e) ? e.join(", ") : ce(e) ? e.label : e;
+      return ie(e) ? e.join(", ") : ne(e) ? e.label : e;
     }
-    async function V() {
-      n.value && (n.value = !1), B("search", Z.value);
+    async function S() {
+      i.value && (i.value = !1), P("search", T.value);
     }
     async function y() {
       try {
-        await (n.value ? S.value : k.value)?.validate(), V();
+        await (i.value ? C.value : k.value)?.validate(), S();
       } catch {
       }
     }
-    async function x() {
+    async function V() {
       try {
-        const e = n.value ? S.value : k.value;
+        const e = i.value ? C.value : k.value;
         e?.resetFields(), await L(), await e?.validate().catch(() => {
-        }), B("reset"), await L(), V();
+        }), P("reset"), await L(), S();
       } catch (e) {
         console.error("[ZlSearch] reset validate error", e);
       }
     }
     function Y(e) {
-      delete m.value[e.model];
+      delete f.value[e.model];
     }
     return te(
-      () => b.value.map((e) => e.model).join(","),
+      () => p.value.map((e) => e.model).join(","),
       async () => {
         await L(), H();
       }
-    ), u.immediate && (async () => (await L(), y()))(), D({
+    ), d.immediate && (async () => (await L(), y()))(), D({
       /** 当前查询表单值（已按各项 `toParams` 转换），可直接当请求入参 */
-      params: Z,
+      params: T,
       /** 收起展开态并触发 `search` 事件（本身不做校验，带校验的查询走组件内查询按钮） */
-      search: V,
+      search: S,
       /** 重置表单并清除校验提示，随后触发 `reset` 事件与一次 `search` */
-      reset: x
-    }), (e, l) => {
-      const i = se("el-button");
-      return c(), f("div", de, [
-        b.value.length ? (c(), f("div", me, [
-          C("div", fe, [
-            t(A, {
-              ref_key: "formRef",
-              ref: k,
-              class: "zl-search-form",
-              model: m.value,
-              items: b.value,
-              disabled: _.disabled,
-              "hide-empty-label": _.hideEmptyLabel,
-              onSubmit: F(y, ["prevent"])
-            }, M({
-              label: s(({ label: a }) => [
-                t(I, null, {
-                  default: s(() => [
-                    p(h(a), 1)
-                  ]),
-                  _: 2
-                }, 1024)
-              ]),
-              _: 2
-            }, [
-              P(E.value, (a) => ({
-                name: a,
-                fn: s((z) => [
-                  $(e.$slots, a, R(N(z)))
-                ])
-              }))
-            ]), 1032, ["model", "items", "disabled", "hide-empty-label"]),
-            C("div", he, [
-              t(i, {
-                class: "zl-search-form-actions__reset",
-                title: o(r)("zl.search.reset", "重置"),
-                "aria-label": o(r)("zl.search.reset", "重置"),
-                onClick: x
-              }, {
-                icon: s(() => [
-                  t(g, { icon: "zl:reset" })
-                ]),
-                _: 1
-              }, 8, ["title", "aria-label"]),
-              o(T) !== null ? (c(), O(i, {
-                key: 0,
-                class: "zl-search-form-actions__toggle",
-                title: o(r)("zl.search.expand", "展开"),
-                "aria-label": o(r)("zl.search.expand", "展开"),
-                "aria-expanded": n.value,
-                onClick: l[0] || (l[0] = (a) => n.value = !0)
-              }, {
-                icon: s(() => [
-                  t(g, { icon: "zl:filter-color" })
-                ]),
-                _: 1
-              }, 8, ["title", "aria-label", "aria-expanded"])) : v("", !0),
-              t(i, {
-                type: "primary",
-                onClick: y
-              }, {
-                default: s(() => [
-                  p(h(o(r)("zl.search.search", "查询")), 1)
+      reset: V
+    }), (e, l) => (n(), h("div", de, [
+      p.value.length ? (n(), h("div", ue, [
+        g("div", me, [
+          s(I, {
+            ref_key: "formRef",
+            ref: k,
+            class: "zl-search-form",
+            model: f.value,
+            items: p.value,
+            disabled: _.disabled,
+            "hide-empty-label": _.hideEmptyLabel,
+            onSubmit: j(y, ["prevent"])
+          }, F({
+            label: t(({ label: a }) => [
+              s(O, null, {
+                default: t(() => [
+                  m(c(a), 1)
                 ]),
-                _: 1
-              })
-            ])
-          ]),
-          U.value ? (c(), f("div", be, [
-            C("div", pe, h(o(r)("zl.search.filterConditions", "筛选条件")), 1),
-            j.value.length === 0 ? (c(), O(q, { key: 0 }, {
-              default: s(() => [
-                p(h(o(r)("zl.search.all", "全部")), 1)
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, [
+            x(B.value, (a) => ({
+              name: a,
+              fn: t((z) => [
+                $(e.$slots, a, M(R(z)))
+              ])
+            }))
+          ]), 1032, ["model", "items", "disabled", "hide-empty-label"]),
+          g("div", fe, [
+            s(b, {
+              type: "primary",
+              onClick: y
+            }, {
+              default: t(() => [
+                m(c(o(r)("zl.search.search", "搜索")), 1)
+              ]),
+              _: 1
+            }),
+            o(E) !== null ? (n(), N(b, {
+              key: 0,
+              class: "zl-search-form-actions__toggle",
+              title: o(r)("zl.search.expand", "展开"),
+              "aria-label": o(r)("zl.search.expand", "展开"),
+              "aria-expanded": i.value,
+              onClick: l[0] || (l[0] = (a) => i.value = !0)
+            }, {
+              icon: t(() => [
+                s(A, { icon: "zl:filter-color" })
+              ]),
+              _: 1
+            }, 8, ["title", "aria-label", "aria-expanded"])) : v("", !0),
+            s(b, {
+              class: "zl-search-form-actions__reset",
+              onClick: V
+            }, {
+              default: t(() => [
+                m(c(o(r)("zl.search.reset", "重置")), 1)
               ]),
               _: 1
-            })) : v("", !0),
-            (c(!0), f(oe, null, P(j.value, (a) => (c(), f("div", {
-              key: a.model,
-              class: "zl-search-label-item"
-            }, [
-              t(q, {
-                closable: "",
-                fill: "",
-                color: "primary",
-                onClose: (z) => Y(a)
-              }, {
-                default: s(() => [
-                  p(h(a.labelValue), 1)
+            })
+          ])
+        ]),
+        U.value ? (n(), h("div", he, [
+          g("div", pe, c(o(r)("zl.search.filterConditions", "筛选条件")), 1),
+          Z.value.length === 0 ? (n(), N(q, { key: 0 }, {
+            default: t(() => [
+              m(c(o(r)("zl.search.all", "全部")), 1)
+            ]),
+            _: 1
+          })) : v("", !0),
+          (n(!0), h(se, null, x(Z.value, (a) => (n(), h("div", {
+            key: a.model,
+            class: "zl-search-label-item"
+          }, [
+            s(q, {
+              closable: "",
+              fill: "",
+              color: "primary",
+              onClose: (z) => Y(a)
+            }, {
+              default: t(() => [
+                m(c(a.labelValue), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClose"])
+          ]))), 128))
+        ])) : v("", !0),
+        s(oe, { name: "zl-search-fade-slide" }, {
+          default: t(() => [
+            i.value ? (n(), h("div", ve, [
+              s(I, {
+                ref_key: "multipleFormRef",
+                ref: C,
+                class: "zl-search-form",
+                model: f.value,
+                items: p.value,
+                disabled: _.disabled,
+                "hide-empty-label": _.hideEmptyLabel,
+                onSubmit: j(y, ["prevent"])
+              }, F({
+                label: t(({ label: a }) => [
+                  s(O, null, {
+                    default: t(() => [
+                      m(c(a), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
                 ]),
                 _: 2
-              }, 1032, ["onClose"])
-            ]))), 128))
-          ])) : v("", !0),
-          t(re, { name: "zl-search-fade-slide" }, {
-            default: s(() => [
-              n.value ? (c(), f("div", ve, [
-                t(A, {
-                  ref_key: "multipleFormRef",
-                  ref: S,
-                  class: "zl-search-form",
-                  model: m.value,
-                  items: b.value,
-                  disabled: _.disabled,
-                  "hide-empty-label": _.hideEmptyLabel,
-                  onSubmit: F(y, ["prevent"])
-                }, M({
-                  label: s(({ label: a }) => [
-                    t(I, null, {
-                      default: s(() => [
-                        p(h(a), 1)
-                      ]),
-                      _: 2
-                    }, 1024)
+              }, [
+                x(B.value, (a) => ({
+                  name: a,
+                  fn: t((z) => [
+                    $(e.$slots, a, M(R(z)))
+                  ])
+                }))
+              ]), 1032, ["model", "items", "disabled", "hide-empty-label"]),
+              g("div", be, [
+                s(b, {
+                  type: "primary",
+                  onClick: y
+                }, {
+                  default: t(() => [
+                    m(c(o(r)("zl.search.search", "搜索")), 1)
                   ]),
-                  _: 2
-                }, [
-                  P(E.value, (a) => ({
-                    name: a,
-                    fn: s((z) => [
-                      $(e.$slots, a, R(N(z)))
-                    ])
-                  }))
-                ]), 1032, ["model", "items", "disabled", "hide-empty-label"]),
-                C("div", _e, [
-                  t(i, {
-                    class: "zl-search-form-actions__reset",
-                    title: o(r)("zl.search.reset", "重置"),
-                    "aria-label": o(r)("zl.search.reset", "重置"),
-                    onClick: x
-                  }, {
-                    icon: s(() => [
-                      t(g, { icon: "zl:reset" })
-                    ]),
-                    _: 1
-                  }, 8, ["title", "aria-label"]),
-                  t(i, {
-                    class: "zl-search-form-actions__toggle",
-                    title: o(r)("zl.search.collapse", "收起"),
-                    "aria-label": o(r)("zl.search.collapse", "收起"),
-                    "aria-expanded": n.value,
-                    onClick: l[1] || (l[1] = (a) => n.value = !1)
-                  }, {
-                    icon: s(() => [
-                      t(g, { icon: "zl:filter-color" })
-                    ]),
-                    _: 1
-                  }, 8, ["title", "aria-label", "aria-expanded"]),
-                  t(i, {
-                    type: "primary",
-                    onClick: y
-                  }, {
-                    default: s(() => [
-                      p(h(o(r)("zl.search.search", "查询")), 1)
-                    ]),
-                    _: 1
-                  })
-                ])
-              ])) : v("", !0)
-            ]),
-            _: 3
-          })
-        ])) : v("", !0),
-        e.$slots.actions ? (c(), f("div", ye, [
-          $(e.$slots, "actions")
-        ])) : v("", !0)
-      ]);
-    };
+                  _: 1
+                }),
+                s(b, {
+                  class: "zl-search-form-actions__toggle",
+                  title: o(r)("zl.search.collapse", "收起"),
+                  "aria-label": o(r)("zl.search.collapse", "收起"),
+                  "aria-expanded": i.value,
+                  onClick: l[1] || (l[1] = (a) => i.value = !1)
+                }, {
+                  icon: t(() => [
+                    s(A, { icon: "zl:filter-color" })
+                  ]),
+                  _: 1
+                }, 8, ["title", "aria-label", "aria-expanded"]),
+                s(b, {
+                  class: "zl-search-form-actions__reset",
+                  onClick: V
+                }, {
+                  default: t(() => [
+                    m(c(o(r)("zl.search.reset", "重置")), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])) : v("", !0)
+          ]),
+          _: 3
+        })
+      ])) : v("", !0),
+      e.$slots.actions ? (n(), h("div", _e, [
+        $(e.$slots, "actions")
+      ])) : v("", !0)
+    ]));
   }
 });
 export {
-  $e as default
+  Be as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/locales/zh-cn.mjs

@@ -14,7 +14,7 @@ const l = {
   "zl.upload.limit": "最多可上传{limit}个",
   "zl.upload.maxSize": "大小不超过{maxSize}MB",
   "zl.upload.nameSpace": "文件名中不得包含空格",
-  "zl.search.search": "查询",
+  "zl.search.search": "搜索",
   "zl.search.reset": "重置",
   "zl.search.filterConditions": "筛选条件",
   "zl.search.all": "全部",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zl-ui-kit/components",
-  "version": "0.22.1",
+  "version": "0.24.0",
   "type": "module",
   "description": "ZL UI 业务组件库（Element Plus 体系，Zl 前缀）——首批：Icon/AutoTooltip/Tag/CornerTag/Text/Title/Copy/Empty/Pagination/DictTag",
   "license": "MIT",
@@ -39,9 +39,9 @@
     "file-type": "^20.4.1",
     "dt-sql-parser": "^4.3.1",
     "sql-formatter": "^15.4.2",
-    "@zl-ui-kit/composables": "0.22.1",
-    "@zl-ui-kit/icons": "0.22.1",
-    "@zl-ui-kit/utils": "0.22.1"
+    "@zl-ui-kit/composables": "0.24.0",
+    "@zl-ui-kit/icons": "0.24.0",
+    "@zl-ui-kit/utils": "0.24.0"
   },
   "peerDependencies": {
     "@vueuse/core": "^12.3.0 || ^13.0.0 || ^14.0.0 || ^15.0.0",
@@ -99,10 +99,10 @@
     "@vue-office/pdf": "^2.0.10",
     "@vue-office/pptx": "1.0.1",
     "echarts": "^5.6.0",
+    "@jichuang/eslint-config": "1.0.0",
     "@jichuang/tsconfig": "1.0.0",
     "@jichuang/vite-config": "1.0.0",
-    "@jichuang/eslint-config": "1.0.0",
-    "@zl-ui-kit/theme": "0.22.1"
+    "@zl-ui-kit/theme": "0.24.0"
   },
   "repository": {
     "type": "git",