@zl-ui-kit/components 0.7.2 → 0.8.1

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

@@ -1,16 +1,16 @@
-import { defineComponent as E, useModel as I, ref as b, computed as p, useAttrs as K, resolveComponent as T, resolveDirective as q, withDirectives as N, openBlock as g, createElementBlock as z, createVNode as h, mergeProps as R, withCtx as x, renderSlot as Z, createElementVNode as d, toDisplayString as B, createCommentVNode as U, mergeModels as O } from "vue";
-import { useZlT as W } from "@zl-ui-kit/composables";
-import { joinFilePrefix as G } from "@zl-ui-kit/utils";
-import { ElMessage as w } from "element-plus";
-import $ from "../ZlIcon/index.vue.mjs";
-const H = { class: "zl-upload" }, J = { class: "zl-upload__trigger" }, Q = { class: "zl-upload__item" }, X = ["src", "onClick"], Y = ["title"], ee = ["href", "download"], te = {
+import { defineComponent as K, computed as n, useModel as T, ref as S, useAttrs as q, resolveComponent as N, resolveDirective as R, withDirectives as Z, openBlock as v, createElementBlock as g, createVNode as w, mergeProps as O, withCtx as B, renderSlot as W, createElementVNode as d, toDisplayString as x, createCommentVNode as V, mergeModels as G } from "vue";
+import { useZlT as H } from "@zl-ui-kit/composables";
+import { joinFilePrefix as J } from "@zl-ui-kit/utils";
+import { ElMessage as z } from "element-plus";
+import U from "../ZlIcon/index.vue.mjs";
+const Q = { class: "zl-upload" }, X = { class: "zl-upload__trigger" }, Y = { class: "zl-upload__item" }, ee = ["src", "onClick"], te = ["title"], oe = ["href", "download"], le = {
   key: 0,
   class: "zl-upload__tip"
-}, ie = /* @__PURE__ */ E({
+}, ue = /* @__PURE__ */ K({
   name: "ZlUpload",
   inheritAttrs: !1,
   __name: "index",
-  props: /* @__PURE__ */ O({
+  props: /* @__PURE__ */ G({
     request: {},
     modelValue: { default: "" },
     accept: {},
@@ -19,21 +19,25 @@ const H = { class: "zl-upload" }, J = { class: "zl-upload__trigger" }, Q = { cla
     tip: {},
     separator: { default: ";" },
     responseUrlKey: { default: "meta" },
-    showDownloadButton: { type: Boolean, default: !0 },
-    showTip: { type: Boolean, default: !0 },
+    downloadButtonVisible: { type: Boolean, default: void 0 },
+    tipVisible: { type: Boolean, default: void 0 },
+    showDownloadButton: { type: Boolean, default: void 0 },
+    showTip: { type: Boolean, default: void 0 },
     verifySpace: { type: Boolean, default: !1 }
   }, {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(m) {
-    const { t: n } = W(), t = m, i = I(m, "modelValue"), f = b([]);
-    function V(e) {
+  setup(h) {
+    const { t: u } = H(), t = h, $ = n(
+      () => t.downloadButtonVisible ?? t.showDownloadButton ?? !0
+    ), j = n(() => t.tipVisible ?? t.showTip ?? !0), r = T(h, "modelValue"), m = S([]);
+    function C(e) {
       return e.split(t.separator).filter((o) => !!o).map((o) => {
-        const l = f.value.filter((a) => a.status === "success").find((a) => a.response?.[t.responseUrlKey] === o);
+        const s = m.value.filter((a) => a.status === "success").find((a) => a.response?.[t.responseUrlKey] === o);
         return {
-          url: l ? l.url : G(o),
+          url: s ? s.url : J(o),
           name: (o.match(/[^/\\]+$/)?.[0] ?? o).split("-").pop() ?? o,
           isImage: /\.(?:jpe?g|png|gif|bmp|webp)$/i.test(o),
           response: {
@@ -43,111 +47,111 @@ const H = { class: "zl-upload" }, J = { class: "zl-upload__trigger" }, Q = { cla
         };
       });
     }
-    function j(e) {
+    function F(e) {
       return e.filter((o) => o.status === "success").map((o) => o.response?.[t.responseUrlKey]).filter(Boolean).join(t.separator);
     }
-    const y = p({
+    const b = n({
       get() {
-        return typeof i.value == "string" ? [...V(i.value), ...f.value.filter((e) => e.status !== "success")] : i.value;
+        return typeof r.value == "string" ? [...C(r.value), ...m.value.filter((e) => e.status !== "success")] : r.value;
       },
       set(e) {
-        i.value = typeof i.value == "string" ? j(e) : e, f.value = e;
+        r.value = typeof r.value == "string" ? F(e) : e, m.value = e;
       }
-    }), C = K(), F = p(() => t.accept ? t.accept.split(",") : []);
-    function k(e) {
-      const { file: o, onSuccess: l, onError: a, onProgress: s } = e, v = new AbortController(), A = (r) => {
-        const M = r.total > 0 ? r.loaded / r.total * 90 : 0;
-        s({ percent: M });
-      }, S = new FormData();
-      return S.append("file", o), t.request?.(S, { signal: v.signal, onUploadProgress: A }).then((r) => {
-        l({ ...r.data });
-      }).catch((r) => {
-        a(r);
+    }), k = q(), D = n(() => t.accept ? t.accept.split(",") : []);
+    function L(e) {
+      const { file: o, onSuccess: s, onError: a, onProgress: l } = e, _ = new AbortController(), E = (i) => {
+        const I = i.total > 0 ? i.loaded / i.total * 90 : 0;
+        l({ percent: I });
+      }, y = new FormData();
+      return y.append("file", o), t.request?.(y, { signal: _.signal, onUploadProgress: E }).then((i) => {
+        s({ ...i.data });
+      }).catch((i) => {
+        a(i);
       }), {
         abort() {
-          v.abort();
+          _.abort();
         }
       };
     }
-    const c = p(() => {
+    const c = n(() => {
       const e = {};
-      return t.accept && (e.accept = n("zl.upload.accept", `仅支持${t.accept}格式的文件`, { accept: t.accept })), t.limit && (e.limit = n("zl.upload.limit", `最多可上传${t.limit}个`, { limit: t.limit })), t.maxSize && (e.maxSize = n("zl.upload.maxSize", `大小不超过${t.maxSize}MB`, { maxSize: t.maxSize })), e;
-    }), _ = p(() => {
+      return t.accept && (e.accept = u("zl.upload.accept", `仅支持${t.accept}格式的文件`, { accept: t.accept })), t.limit && (e.limit = u("zl.upload.limit", `最多可上传${t.limit}个`, { limit: t.limit })), t.maxSize && (e.maxSize = u("zl.upload.maxSize", `大小不超过${t.maxSize}MB`, { maxSize: t.maxSize })), e;
+    }), f = n(() => {
       const e = [t.tip, ...Object.values(c.value)].filter(Boolean).join(", ");
       return {
         accept: t.accept,
         limit: t.limit,
         multiple: t.limit ? t.limit > 1 : !0,
-        httpRequest: k,
-        fileList: y.value,
-        "onUpdate:fileList": (o) => y.value = o,
-        ...C,
+        httpRequest: L,
+        fileList: b.value,
+        "onUpdate:fileList": (o) => b.value = o,
+        ...k,
         // tip 不透传 el-upload（无此属性），由组件尾部渲染
         tip: void 0,
-        __tip: t.showTip ? e : ""
+        __tip: j.value ? e : ""
       };
     });
-    function D(e) {
-      return F.value.some((o) => o.includes("/") ? e.type.startsWith(o.replace(/\*$/, "")) : e.name.endsWith(o));
+    function P(e) {
+      return D.value.some((o) => o.includes("/") ? e.type.startsWith(o.replace(/\*$/, "")) : e.name.endsWith(o));
     }
-    function L(e) {
-      return t.verifySpace && /\s/.test(e.name) ? (w.warning(n("zl.upload.nameSpace", "文件名中不得包含空格")), !1) : c.value.accept && !D(e) ? (w.warning(c.value.accept), !1) : t.maxSize && e.size > t.maxSize * 1024 * 1024 ? (w.warning(c.value.maxSize), !1) : !0;
+    function A(e) {
+      return t.verifySpace && /\s/.test(e.name) ? (z.warning(u("zl.upload.nameSpace", "文件名中不得包含空格")), !1) : c.value.accept && !P(e) ? (z.warning(c.value.accept), !1) : t.maxSize && e.size > t.maxSize * 1024 * 1024 ? (z.warning(c.value.maxSize), !1) : !0;
     }
-    const u = b(!1);
-    function P(e) {
-      e.status === "success" && (u.value = !0, fetch(e.url ?? "").then((o) => o.blob()).then((o) => {
-        u.value = !1;
-        const l = URL.createObjectURL(o);
-        window.open(l);
+    const p = S(!1);
+    function M(e) {
+      e.status === "success" && (p.value = !0, fetch(e.url ?? "").then((o) => o.blob()).then((o) => {
+        p.value = !1;
+        const s = URL.createObjectURL(o);
+        window.open(s);
       }).catch(() => {
-        u.value = !1;
+        p.value = !1;
       }));
     }
     return (e, o) => {
-      const l = T("el-upload"), a = q("loading");
-      return N((g(), z("div", H, [
-        h(l, R(_.value, {
-          "before-upload": L,
+      const s = N("el-upload"), a = R("loading");
+      return Z((v(), g("div", Q, [
+        w(s, O(f.value, {
+          "before-upload": A,
           "list-type": "picture"
         }), {
-          file: x(({ file: s }) => [
-            d("div", Q, [
+          file: B(({ file: l }) => [
+            d("div", Y, [
               d("img", {
                 class: "zl-upload__item-thumbnail",
-                src: (s.isImage !== !1 && /\.(?:jpe?g|png|gif|bmp|webp)$/i.test(s.name), s.url),
-                onClick: (v) => P(s)
-              }, null, 8, X),
+                src: (l.isImage !== !1 && /\.(?:jpe?g|png|gif|bmp|webp)$/i.test(l.name), l.url),
+                onClick: (_) => M(l)
+              }, null, 8, ee),
               d("span", {
                 class: "zl-upload__item-name",
-                title: s.name
-              }, B(s.name), 9, Y),
-              m.showDownloadButton && s.status === "success" && s.url ? (g(), z("a", {
+                title: l.name
+              }, x(l.name), 9, te),
+              $.value && l.status === "success" && l.url ? (v(), g("a", {
                 key: 0,
                 class: "zl-upload__item-op",
-                href: s.url,
-                download: s.name
+                href: l.url,
+                download: l.name
               }, [
-                h($, { icon: "zl:download" })
-              ], 8, ee)) : U("", !0)
+                w(U, { icon: "zl:download" })
+              ], 8, oe)) : V("", !0)
             ])
           ]),
-          default: x(() => [
-            Z(e.$slots, "default", {}, () => [
-              d("div", J, [
-                h($, { icon: "zl:add" })
+          default: B(() => [
+            W(e.$slots, "default", {}, () => [
+              d("div", X, [
+                w(U, { icon: "zl:add" })
               ])
             ], !0)
           ]),
           _: 3
         }, 16),
-        _.value.__tip ? (g(), z("div", te, B(_.value.__tip), 1)) : U("", !0)
+        f.value.__tip ? (v(), g("div", le, x(f.value.__tip), 1)) : V("", !0)
       ])), [
-        [a, u.value]
+        [a, p.value]
       ]);
     };
   }
 });
 export {
-  ie as default
+  ue as default
 };
 //# sourceMappingURL=index2.vue.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zl-ui-kit/components",
-  "version": "0.7.2",
+  "version": "0.8.1",
   "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/utils": "0.7.2",
-    "@zl-ui-kit/icons": "0.7.2",
-    "@zl-ui-kit/composables": "0.7.2"
+    "@zl-ui-kit/icons": "0.8.1",
+    "@zl-ui-kit/composables": "0.8.1",
+    "@zl-ui-kit/utils": "0.8.1"
   },
   "peerDependencies": {
     "@vueuse/core": "^12.3.0",
@@ -100,7 +100,7 @@
     "echarts": "^5.6.0",
     "@jichuang/eslint-config": "1.0.0",
     "@jichuang/tsconfig": "1.0.0",
-    "@zl-ui-kit/theme": "0.7.2",
+    "@zl-ui-kit/theme": "0.8.1",
     "@jichuang/vite-config": "1.0.0"
   },
   "repository": {