@zl-ui-kit/components 0.7.1 → 0.8.0

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

@@ -1,10 +1,10 @@
-import { defineComponent as le, computed as u, useSlots as ae, ref as k, watch as te, nextTick as w, resolveComponent as oe, openBlock as n, createElementBlock as f, createElementVNode as g, createVNode as t, withModifiers as M, createSlots as R, withCtx as o, createTextVNode as p, toDisplayString as h, renderList as V, renderSlot as $, normalizeProps as N, guardReactiveProps as O, unref as i, createBlock as E, createCommentVNode as b, Fragment as se, Transition as re } from "vue";
-import { useZlT as ne } from "@zl-ui-kit/composables";
-import { isArray as ie, isPlainObject as ce } from "@zl-ui-kit/utils";
+import { defineComponent as le, computed as d, useSlots as ae, ref as k, watch as te, nextTick as w, resolveComponent as se, openBlock as c, createElementBlock as f, createElementVNode as C, createVNode as t, withModifiers as M, createSlots as R, withCtx as s, createTextVNode as b, toDisplayString as h, renderList as P, renderSlot as $, normalizeProps as N, guardReactiveProps as O, unref as o, createBlock as E, createCommentVNode as p, 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 '../ZlTag/index.css';import '../ZlForm/index.css';/* empty css                    */
-import C from "../ZlIcon/index.vue.mjs";
+import g from "../ZlIcon/index.vue.mjs";
 import q from "../ZlTag/index.vue.mjs";
 /* empty css                   */
 import { useSearchFormOverflow as ue } from "./useSearchFormOverflow.mjs";
@@ -14,10 +14,10 @@ const de = { class: "zl-search" }, me = {
 }, fe = { class: "zl-search-search-single" }, he = { class: "zl-search-form-actions" }, ve = {
   key: 0,
   class: "zl-search-label"
-}, pe = { class: "zl-search-label__summary" }, be = {
+}, be = { class: "zl-search-label__summary" }, pe = {
   key: 0,
   class: "zl-search-search-multiple"
-}, _e = { class: "zl-search-form-actions" }, ye = {
+}, _e = { class: "zl-search-form-actions" }, ze = {
   key: 1,
   class: "zl-search__actions"
 }, $e = /* @__PURE__ */ le({
@@ -28,62 +28,65 @@ const de = { class: "zl-search" }, me = {
     model: {},
     immediate: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 },
+    labelsVisible: { type: Boolean, default: void 0 },
     showLabels: { type: Boolean, default: void 0 }
   },
   emits: ["search", "reset"],
   setup(S, { expose: D, emit: G }) {
-    const { t: c } = ne(), d = S, B = G, T = u(
+    const { t: r } = ie(), u = S, B = G, T = d(
       () => Object.keys(ae()).filter((e) => e !== "label" && e !== "actions")
-    ), z = k(null), L = k(null), r = k(!1), { lastVisibleIndex: Z, measure: H } = ue(z), J = u(() => {
+    ), y = k(null), L = k(null), n = k(!1), { lastVisibleIndex: Z, measure: H } = ue(y), J = d(() => {
       const e = {};
-      for (const l of d.items)
+      for (const l of u.items)
         e[l.model] = typeof l.toLabel == "function" ? l.toLabel : X;
       return e;
-    }), K = u(() => {
+    }), K = d(() => {
       const e = {};
-      for (const l of d.items)
+      for (const l of u.items)
         typeof l.toParams == "function" && (e[l.model] = l.toParams);
       return e;
-    }), v = u(() => {
+    }), v = d(() => {
       const e = [];
-      for (const l of d.items) {
+      for (const l of u.items) {
         if (!l.model)
           throw new Error("[ZlSearch]: form item's model is required!");
         if (!W(l))
           continue;
-        const { toLabel: s, toParams: a, visible: y, ...ee } = l;
+        const { toLabel: i, toParams: a, visible: z, ...ee } = l;
         e.push(ee);
       }
       return e;
-    }), Q = k(d.model ?? {}), m = u(() => d.model ?? Q.value), j = u(() => v.value.reduce((e, l) => {
-      const s = K.value[l.model];
-      return s ? Object.assign(e, s(m.value[l.model], e)) : { ...e, [l.model]: m.value[l.model] };
-    }, {})), F = u(() => v.value.map((e) => ({
+    }), Q = k(u.model ?? {}), m = d(() => u.model ?? Q.value), j = d(() => v.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] };
+    }, {})), F = d(() => v.value.map((e) => ({
       labelValue: J.value[e.model](m.value[e.model]),
       model: e.model,
       label: e.label
-    })).filter((e) => e.labelValue)), U = u(() => d.showLabels ?? Z.value !== null);
+    })).filter((e) => e.labelValue)), U = d(
+      () => u.labelsVisible ?? u.showLabels ?? Z.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;
     }
     function X(e) {
-      return ie(e) ? e.join(", ") : ce(e) ? e.label : e;
+      return ne(e) ? e.join(", ") : ce(e) ? e.label : e;
     }
-    async function x() {
-      r.value && (r.value = !1), B("search", j.value);
+    async function V() {
+      n.value && (n.value = !1), B("search", j.value);
     }
     async function _() {
       try {
-        await (r.value ? L.value : z.value)?.validate(), x();
+        await (n.value ? L.value : y.value)?.validate(), V();
       } catch {
       }
     }
-    async function P() {
+    async function x() {
       try {
-        const e = r.value ? L.value : z.value;
+        const e = n.value ? L.value : y.value;
         e?.resetFields(), await w(), await e?.validate().catch(() => {
-        }), B("reset"), await w(), x();
+        }), B("reset"), await w(), V();
       } catch (e) {
         console.error("[ZlSearch] reset validate error", e);
       }
@@ -96,77 +99,82 @@ const de = { class: "zl-search" }, me = {
       async () => {
         await w(), H();
       }
-    ), d.immediate && (async () => (await w(), _()))(), D({ params: j, search: x, reset: P }), (e, l) => {
-      const s = oe("el-button");
-      return n(), f("div", de, [
-        v.value.length ? (n(), f("div", me, [
-          g("div", fe, [
+    ), u.immediate && (async () => (await w(), _()))(), D({ params: j, search: V, reset: x }), (e, l) => {
+      const i = se("el-button");
+      return c(), f("div", de, [
+        v.value.length ? (c(), f("div", me, [
+          C("div", fe, [
             t(A, {
               ref_key: "formRef",
-              ref: z,
+              ref: y,
               class: "zl-search-form",
               model: m.value,
               items: v.value,
               disabled: S.disabled,
               onSubmit: M(_, ["prevent"])
             }, R({
-              label: o(({ label: a }) => [
+              label: s(({ label: a }) => [
                 t(I, null, {
-                  default: o(() => [
-                    p(h(a), 1)
+                  default: s(() => [
+                    b(h(a), 1)
                   ]),
                   _: 2
                 }, 1024)
               ]),
               _: 2
             }, [
-              V(T.value, (a) => ({
+              P(T.value, (a) => ({
                 name: a,
-                fn: o((y) => [
-                  $(e.$slots, a, N(O(y)))
+                fn: s((z) => [
+                  $(e.$slots, a, N(O(z)))
                 ])
               }))
             ]), 1032, ["model", "items", "disabled"]),
-            g("div", he, [
-              t(s, { onClick: P }, {
-                icon: o(() => [
-                  t(C, { icon: "zl:brush-color" })
+            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
-              }),
-              i(Z) !== null ? (n(), E(s, {
+              }, 8, ["title", "aria-label"]),
+              o(Z) !== null ? (c(), E(i, {
                 key: 0,
                 class: "zl-search-form-actions__toggle",
-                title: i(c)("zl.search.expand", "展开"),
-                "aria-label": i(c)("zl.search.expand", "展开"),
-                "aria-expanded": r.value,
-                onClick: l[0] || (l[0] = (a) => r.value = !0)
+                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: o(() => [
-                  t(C, { icon: "zl:filter-color" })
+                icon: s(() => [
+                  t(g, { icon: "zl:filter-color" })
                 ]),
                 _: 1
-              }, 8, ["title", "aria-label", "aria-expanded"])) : b("", !0),
-              t(s, {
+              }, 8, ["title", "aria-label", "aria-expanded"])) : p("", !0),
+              t(i, {
                 type: "primary",
                 onClick: _
               }, {
-                default: o(() => [
-                  p(h(i(c)("zl.search.search", "查询")), 1)
+                default: s(() => [
+                  b(h(o(r)("zl.search.search", "查询")), 1)
                 ]),
                 _: 1
               })
             ])
           ]),
-          U.value ? (n(), f("div", ve, [
-            g("div", pe, h(i(c)("zl.search.filterConditions", "筛选条件")), 1),
-            F.value.length === 0 ? (n(), E(q, { key: 0 }, {
-              default: o(() => [
-                p(h(i(c)("zl.search.all", "全部")), 1)
+          U.value ? (c(), f("div", ve, [
+            C("div", be, h(o(r)("zl.search.filterConditions", "筛选条件")), 1),
+            F.value.length === 0 ? (c(), E(q, { key: 0 }, {
+              default: s(() => [
+                b(h(o(r)("zl.search.all", "全部")), 1)
               ]),
               _: 1
-            })) : b("", !0),
-            (n(!0), f(se, null, V(F.value, (a) => (n(), f("div", {
+            })) : p("", !0),
+            (c(!0), f(oe, null, P(F.value, (a) => (c(), f("div", {
               key: a.model,
               class: "zl-search-label-item"
             }, [
@@ -174,18 +182,18 @@ const de = { class: "zl-search" }, me = {
                 closable: "",
                 fill: "",
                 color: "primary",
-                onClose: (y) => Y(a)
+                onClose: (z) => Y(a)
               }, {
-                default: o(() => [
-                  p(h(a.labelValue), 1)
+                default: s(() => [
+                  b(h(a.labelValue), 1)
                 ]),
                 _: 2
               }, 1032, ["onClose"])
             ]))), 128))
-          ])) : b("", !0),
+          ])) : p("", !0),
           t(re, { name: "zl-search-fade-slide" }, {
-            default: o(() => [
-              r.value ? (n(), f("div", be, [
+            default: s(() => [
+              n.value ? (c(), f("div", pe, [
                 t(A, {
                   ref_key: "multipleFormRef",
                   ref: L,
@@ -195,60 +203,65 @@ const de = { class: "zl-search" }, me = {
                   disabled: S.disabled,
                   onSubmit: M(_, ["prevent"])
                 }, R({
-                  label: o(({ label: a }) => [
+                  label: s(({ label: a }) => [
                     t(I, null, {
-                      default: o(() => [
-                        p(h(a), 1)
+                      default: s(() => [
+                        b(h(a), 1)
                       ]),
                       _: 2
                     }, 1024)
                   ]),
                   _: 2
                 }, [
-                  V(T.value, (a) => ({
+                  P(T.value, (a) => ({
                     name: a,
-                    fn: o((y) => [
-                      $(e.$slots, a, N(O(y)))
+                    fn: s((z) => [
+                      $(e.$slots, a, N(O(z)))
                     ])
                   }))
                 ]), 1032, ["model", "items", "disabled"]),
-                g("div", _e, [
-                  t(s, { onClick: P }, {
-                    icon: o(() => [
-                      t(C, { icon: "zl:brush-color" })
+                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
-                  }),
-                  t(s, {
+                  }, 8, ["title", "aria-label"]),
+                  t(i, {
                     class: "zl-search-form-actions__toggle",
-                    title: i(c)("zl.search.collapse", "收起"),
-                    "aria-label": i(c)("zl.search.collapse", "收起"),
-                    "aria-expanded": r.value,
-                    onClick: l[1] || (l[1] = (a) => r.value = !1)
+                    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: o(() => [
-                      t(C, { icon: "zl:filter-color" })
+                    icon: s(() => [
+                      t(g, { icon: "zl:filter-color" })
                     ]),
                     _: 1
                   }, 8, ["title", "aria-label", "aria-expanded"]),
-                  t(s, {
+                  t(i, {
                     type: "primary",
                     onClick: _
                   }, {
-                    default: o(() => [
-                      p(h(i(c)("zl.search.search", "查询")), 1)
+                    default: s(() => [
+                      b(h(o(r)("zl.search.search", "查询")), 1)
                     ]),
                     _: 1
                   })
                 ])
-              ])) : b("", !0)
+              ])) : p("", !0)
             ]),
             _: 3
           })
-        ])) : b("", !0),
-        e.$slots.actions ? (n(), f("div", ye, [
+        ])) : p("", !0),
+        e.$slots.actions ? (c(), f("div", ze, [
           $(e.$slots, "actions")
-        ])) : b("", !0)
+        ])) : p("", !0)
       ]);
     };
   }

package/dist/components/ZlSearchTable/index.vue.d.ts

@@ -36,6 +36,7 @@ declare function __VLS_template(): {
                 readonly model?: Record<string, any> | undefined;
                 readonly immediate?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
+                readonly labelsVisible?: boolean | undefined;
                 readonly showLabels?: boolean | undefined;
                 readonly onSearch?: ((params: Record<string, any>) => any) | undefined;
                 readonly onReset?: (() => any) | undefined;
@@ -232,6 +233,7 @@ declare function __VLS_template(): {
                 model?: Record<string, any>;
                 immediate?: boolean;
                 disabled?: boolean;
+                labelsVisible?: boolean;
                 showLabels?: boolean;
             }> & Readonly<{
                 onSearch?: ((params: Record<string, any>) => any) | undefined;
@@ -247,6 +249,7 @@ declare function __VLS_template(): {
                 immediate: boolean;
                 disabled: boolean;
                 items: SearchItem[];
+                labelsVisible: boolean;
                 showLabels: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -272,17 +275,19 @@ declare function __VLS_template(): {
             immediate: boolean;
             disabled: boolean;
             items: SearchItem[];
+            labelsVisible: boolean;
             showLabels: boolean;
         }> & Omit<Readonly<{
             items?: SearchItem[];
             model?: Record<string, any>;
             immediate?: boolean;
             disabled?: boolean;
+            labelsVisible?: boolean;
             showLabels?: boolean;
         }> & Readonly<{
             onSearch?: ((params: Record<string, any>) => any) | undefined;
             onReset?: (() => any) | undefined;
-        }>, "search" | "reset" | "params" | ("immediate" | "disabled" | "items" | "showLabels")> & {
+        }>, "search" | "reset" | "params" | ("immediate" | "disabled" | "items" | "labelsVisible" | "showLabels")> & {
             params: Record<string, any>;
             search: () => Promise<void>;
             reset: () => Promise<void>;
@@ -443,6 +448,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             readonly model?: Record<string, any> | undefined;
             readonly immediate?: boolean | undefined;
             readonly disabled?: boolean | undefined;
+            readonly labelsVisible?: boolean | undefined;
             readonly showLabels?: boolean | undefined;
             readonly onSearch?: ((params: Record<string, any>) => any) | undefined;
             readonly onReset?: (() => any) | undefined;
@@ -639,6 +645,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             model?: Record<string, any>;
             immediate?: boolean;
             disabled?: boolean;
+            labelsVisible?: boolean;
             showLabels?: boolean;
         }> & Readonly<{
             onSearch?: ((params: Record<string, any>) => any) | undefined;
@@ -654,6 +661,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             immediate: boolean;
             disabled: boolean;
             items: SearchItem[];
+            labelsVisible: boolean;
             showLabels: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -679,17 +687,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         immediate: boolean;
         disabled: boolean;
         items: SearchItem[];
+        labelsVisible: boolean;
         showLabels: boolean;
     }> & Omit<Readonly<{
         items?: SearchItem[];
         model?: Record<string, any>;
         immediate?: boolean;
         disabled?: boolean;
+        labelsVisible?: boolean;
         showLabels?: boolean;
     }> & Readonly<{
         onSearch?: ((params: Record<string, any>) => any) | undefined;
         onReset?: (() => any) | undefined;
-    }>, "search" | "reset" | "params" | ("immediate" | "disabled" | "items" | "showLabels")> & {
+    }>, "search" | "reset" | "params" | ("immediate" | "disabled" | "items" | "labelsVisible" | "showLabels")> & {
         params: Record<string, any>;
         search: () => Promise<void>;
         reset: () => Promise<void>;

package/dist/components/ZlUpload/index.css

@@ -1 +1 @@
-.zl-upload[data-v-3c76b3ad]{width:100%}.zl-upload__trigger[data-v-3c76b3ad]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--zl-border-3, var(--el-border-color));border-radius:6px;cursor:pointer}.zl-upload__trigger[data-v-3c76b3ad]:hover{border-color:var(--zl-primary-6, var(--el-color-primary))}.zl-upload__item[data-v-3c76b3ad]{display:flex;align-items:center;gap:8px;padding:4px 8px;width:100%}.zl-upload__item[data-v-3c76b3ad]:hover{background:var(--zl-fill-1, var(--el-fill-color-light))}.zl-upload__item-thumbnail[data-v-3c76b3ad]{height:32px;width:32px;object-fit:cover;cursor:pointer}.zl-upload__item-name[data-v-3c76b3ad]{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zl-upload__item-op[data-v-3c76b3ad]{color:var(--zl-text-2)}.zl-upload__tip[data-v-3c76b3ad]{font-size:12px;color:var(--zl-text-3);line-height:18px;white-space:pre-wrap;word-break:break-all}
+.zl-upload[data-v-cde4c2e9]{width:100%}.zl-upload__trigger[data-v-cde4c2e9]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--zl-border-3, var(--el-border-color));border-radius:6px;cursor:pointer}.zl-upload__trigger[data-v-cde4c2e9]:hover{border-color:var(--zl-primary-6, var(--el-color-primary))}.zl-upload__item[data-v-cde4c2e9]{display:flex;align-items:center;gap:8px;padding:4px 8px;width:100%}.zl-upload__item[data-v-cde4c2e9]:hover{background:var(--zl-fill-1, var(--el-fill-color-light))}.zl-upload__item-thumbnail[data-v-cde4c2e9]{height:32px;width:32px;object-fit:cover;cursor:pointer}.zl-upload__item-name[data-v-cde4c2e9]{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zl-upload__item-op[data-v-cde4c2e9]{color:var(--zl-text-2)}.zl-upload__tip[data-v-cde4c2e9]{font-size:12px;color:var(--zl-text-3);line-height:18px;white-space:pre-wrap;word-break:break-all}

package/dist/components/ZlUpload/index.vue.d.ts

@@ -11,7 +11,13 @@ type __VLS_Props = {
     separator?: string;
     /** 响应中文件地址的取值键 */
     responseUrlKey?: string;
+    /** 是否展示「下载」按钮（默认 true） */
+    downloadButtonVisible?: boolean;
+    /** 是否展示提示文案（默认 true） */
+    tipVisible?: boolean;
+    /** @deprecated 用 `downloadButtonVisible`（全库显隐统一用 visible 语义） */
     showDownloadButton?: boolean;
+    /** @deprecated 用 `tipVisible`（全库显隐统一用 visible 语义） */
     showTip?: boolean;
     /** 校验文件名不得含空格 */
     verifySpace?: boolean;
@@ -36,6 +42,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     separator: string;
     modelValue: any;
     responseUrlKey: string;
+    downloadButtonVisible: boolean;
+    tipVisible: boolean;
     showDownloadButton: boolean;
     showTip: boolean;
     verifySpace: boolean;

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

@@ -1,8 +1,8 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3c76b3ad"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cde4c2e9"]]);
 export {
-  m as default
+  c as default
 };
 //# sourceMappingURL=index.vue.mjs.map