@das-fed/ui 6.4.0-hot.27 → 6.4.0-hot.28

package/packages/components/image-upload/index.js

@@ -1,85 +1,85 @@
 import '@das-fed/ui/packages/components/image-upload/style.css';
-import { withInstall as B } from "@das-fed/utils/with-install/index";
-import { i18n as b, t as N, setI18nRule as U } from "@das-fed/web/packages/i18n/index";
-import { getVar as S, setThemeRule as D } from "@das-fed/web/packages/theme/index";
-import { computed as w, defineComponent as k, openBlock as j, createElementBlock as E, createCommentVNode as $, withDirectives as z, createVNode as v, unref as a, normalizeClass as F, withCtx as y, createElementVNode as h, toDisplayString as T, vShow as V, createTextVNode as G } from "vue";
-import { UploadDragger as P, Upload as R } from "ant-design-vue";
+import { withInstall as M } from "@das-fed/utils/with-install/index";
+import { i18n as b, t as w, setI18nRule as U } from "@das-fed/web/packages/i18n/index";
+import { getVar as k, setThemeRule as B } from "@das-fed/web/packages/theme/index";
+import { computed as N, defineComponent as D, openBlock as j, createElementBlock as E, createCommentVNode as I, withDirectives as z, createVNode as v, unref as a, normalizeClass as F, withCtx as y, createElementVNode as h, toDisplayString as T, vShow as S, createTextVNode as R } from "vue";
+import { UploadDragger as G, Upload as P } from "ant-design-vue";
 import "ant-design-vue/es/upload/style/css";
 import { DasSpin as J } from "@das-fed/ui/packages/components/spin/index";
 import { DasButton as H } from "@das-fed/ui/packages/components/button/index";
 import { DasIconAddto as K } from "@das-fed/ui/packages/icons/addto/index";
 import { DasIconWarning as O } from "@das-fed/ui/packages/icons/warning/index";
-import { DasMessage as M } from "@das-fed/ui/packages/components/message/index";
+import { DasMessage as V } from "@das-fed/ui/packages/components/message/index";
 import { useModelValue as W } from "@das-fed/utils/vue";
 import "@das-fed/ui/packages/global/theme";
-const q = () => ({ size2B: (t) => {
-  isNaN(Number(t)) ? t = t.toString() : t = t + "M";
-  const o = Number(t.slice(0, -1)), p = t[t.length - 1].toUpperCase(), s = 1024, g = {
-    M: s * s,
-    K: s,
+const q = () => ({ size2B: (o) => {
+  isNaN(Number(o)) ? o = o.toString() : o = o + "M";
+  const t = Number(o.slice(0, -1)), p = o[o.length - 1].toUpperCase(), l = 1024, g = {
+    M: l * l,
+    K: l,
     B: 1
   };
-  return { finalSize: o * g[p], sizeText: t };
-} }), L = (e, t) => {
-  const o = W(e, "status"), { size2B: p } = q(), s = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], g = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], l = w(() => {
+  return { finalSize: t * g[p], sizeText: o };
+} }), L = (e, o) => {
+  const t = W(e, "status"), { size2B: p } = q(), l = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], g = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], s = N(() => {
     var r;
     if (e.acceptVideo || e.acceptAudio) {
       let n = e.accept ? (r = e.accept) == null ? void 0 : r.split(",") : [];
-      return e.acceptVideo && (n = [...n, ...s]), e.acceptAudio && (n = [...n, ...g]), n.join(",");
+      return e.acceptVideo && (n = [...n, ...l]), e.acceptAudio && (n = [...n, ...g]), n.join(",");
     } else
       return e.accept;
-  }), A = w(() => o.value === "uploading"), x = w(() => o.value === "error");
-  return { isAccept: l, uploadStatus: o, loading: A, errored: x, beforeupload: (r) => {
-    var _, I;
+  }), C = N(() => t.value === "uploading"), _ = N(() => t.value === "error");
+  return { isAccept: s, uploadStatus: t, loading: C, errored: _, beforeupload: (r) => {
+    var x, $;
     if (e.maxSize) {
-      const { finalSize: i, sizeText: c } = p(e.maxSize);
+      const { finalSize: i, sizeText: u } = p(e.maxSize);
       if (r.size > i) {
-        const u = !e.acceptAudio && !e.acceptVideo ? b(`上传的图片大小不能超过${c}的JPG、JPEG、PNG、GIF、SVG文件`).value : b(
-          `上传的图片大小不能超过${c}的${(_ = l.value) == null ? void 0 : _.toUpperCase().replaceAll(".", "").replaceAll(",", "、")}文件`
-        ).value, m = e.errorMessage || u;
-        return M.warning(m), t("update:status", "normal"), o.value = "normal", !1;
+        const d = !e.acceptAudio && !e.acceptVideo ? b("das-ui-import-upload-key3", u, "JPG、JPEG、PNG、GIF、SVG").value : b(
+          "das-ui-import-upload-key3",
+          u,
+          (x = s.value) == null ? void 0 : x.toUpperCase().replaceAll(".", "").replaceAll(",", "、")
+        ).value, m = e.errorMessage || d;
+        return V.warning(m), o("update:status", "normal"), t.value = "normal", !1;
       }
     }
-    const n = () => (o.value = "uploading", t("update:status", "uploading"), t("image-upload", r), !1);
+    const n = () => (t.value = "uploading", o("update:status", "uploading"), o("image-upload", r), !1);
     if (e.customCheck) {
       const i = e.customCheck(r);
       if (i instanceof Promise)
-        return new Promise(async (c, u) => {
+        return new Promise(async (u, d) => {
           let m;
           try {
             m = await i.then();
           } catch {
             m = !1;
           }
-          m ? n() : u(!1);
+          m ? n() : d(!1);
         });
       if (!i)
-        return t("update:status", "normal"), o.value = "normal", !1;
-    } else if (l.value)
+        return o("update:status", "normal"), t.value = "normal", !1;
+    } else if (s.value)
       if (!e.acceptAudio && !e.acceptVideo) {
-        const i = l.value.split(",").map((c) => {
-          let u = c.trim().slice(1);
-          return u === "svg" && (u = "svg+xml"), `image/${u}`;
+        const i = s.value.split(",").map((u) => {
+          let d = u.trim().slice(1);
+          return d === "svg" && (d = "svg+xml"), `image/${d}`;
         }) ?? [];
         if (i.includes("image/jpg") && !i.includes("image/jpeg") && i.push("image/jpeg"), !i.includes(r.type)) {
-          const c = e.errorMessage || b(
-            `上传的图片格式只能是${l.value.toUpperCase().replaceAll(".", "").replaceAll(",", "、")}格式`
-          ).value;
-          return M.warning(c), !1;
+          const u = e.errorMessage || b("das-ui-import-upload-key1", s.value.toUpperCase().replaceAll(".", "").replaceAll(",", "、")).value;
+          return V.warning(u), !1;
         }
       } else {
-        const i = l.value.split(",").map((d) => {
-          let f = d.trim().slice(1);
+        const i = s.value.split(",").map((c) => {
+          let f = c.trim().slice(1);
           return f === "svg" && (f = "svg+xml"), `image/${f}`;
-        }) ?? [], c = s.map((d) => `video/${d.split(".")[1]}`) ?? [], u = g.map((d) => `audio/${d.split(".")[1]}`) ?? [], m = s.map((d) => `audio/${d.split(".")[1]}`) ?? [];
-        if (![...i, ...c, ...u, ...m].includes(r.type)) {
-          const d = e.errorMessage || b(`上传的文件格式只能是${(I = l.value) == null ? void 0 : I.toUpperCase()}格式`).value;
-          return M.warning(d), !1;
+        }) ?? [], u = l.map((c) => `video/${c.split(".")[1]}`) ?? [], d = g.map((c) => `audio/${c.split(".")[1]}`) ?? [], m = l.map((c) => `audio/${c.split(".")[1]}`) ?? [];
+        if (![...i, ...u, ...d, ...m].includes(r.type)) {
+          const c = e.errorMessage || b("das-ui-import-upload-key2", ($ = s.value) == null ? void 0 : $.toUpperCase()).value;
+          return V.warning(c), !1;
         }
       }
     return n();
   } };
-}, Q = { class: "das-ui-image-upload" }, X = { class: "das-ui-image-upload-dragger-context" }, Y = { class: "text" }, Z = { class: "das-ui-image-upload-error-container" }, ee = { class: "tips-container" }, ae = { class: "text" }, te = /* @__PURE__ */ k({
+}, Q = { class: "das-ui-image-upload" }, X = { class: "das-ui-image-upload-dragger-context" }, Y = { class: "text" }, Z = { class: "das-ui-image-upload-error-container" }, ee = { class: "tips-container" }, ae = { class: "text" }, oe = /* @__PURE__ */ D({
   __name: "Index",
   props: {
     maxCount: { default: 1 },
@@ -94,35 +94,35 @@ const q = () => ({ size2B: (t) => {
     autoContentType: { type: Boolean }
   },
   emits: ["update:status", "image-upload"],
-  setup(e, { emit: t }) {
-    const o = e, p = t, { isAccept: s, uploadStatus: g, loading: l, errored: A, beforeupload: x } = L(o, p);
-    return (C, r) => (j(), E("div", Q, [
-      $(" 图片上传组件 "),
+  setup(e, { emit: o }) {
+    const t = e, p = o, { isAccept: l, uploadStatus: g, loading: s, errored: C, beforeupload: _ } = L(t, p);
+    return (A, r) => (j(), E("div", Q, [
+      I(" 图片上传组件 "),
       z(v(a(J), {
-        class: F([{ "loading-border": a(l) }]),
+        class: F([{ "loading-border": a(s) }]),
         type: "component",
-        spinning: a(l)
+        spinning: a(s)
       }, {
         default: y(() => [
-          v(a(P), {
+          v(a(G), {
             class: "das-ui-image-upload-dragger",
-            accept: a(s),
-            "max-count": C.maxCount,
-            "before-upload": a(x)
+            accept: a(l),
+            "max-count": A.maxCount,
+            "before-upload": a(_)
           }, {
-            itemRender: y(({ file: n, actions: _ }) => r[0] || (r[0] = [])),
+            itemRender: y(({ file: n, actions: x }) => r[0] || (r[0] = [])),
             default: y(() => [
               z(h(
                 "div",
                 X,
                 [
                   v(a(K), {
-                    iconColor: a(S)("--das-ui-color-secondary")
+                    iconColor: a(k)("--das-ui-color-secondary")
                   }, null, 8, ["iconColor"]),
                   h(
                     "div",
                     Y,
-                    T(C.message || a(N)("das-image-upload-text")),
+                    T(A.message || a(w)("das-image-upload-text")),
                     1
                     /* TEXT */
                   )
@@ -130,7 +130,7 @@ const q = () => ({ size2B: (t) => {
                 512
                 /* NEED_PATCH */
               ), [
-                [V, a(g) === "normal"]
+                [S, a(g) === "normal"]
               ])
             ]),
             _: 1
@@ -140,40 +140,40 @@ const q = () => ({ size2B: (t) => {
         _: 1
         /* STABLE */
       }, 8, ["class", "spinning"]), [
-        [V, !a(A)]
+        [S, !a(C)]
       ]),
-      $(" 错误状态 "),
+      I(" 错误状态 "),
       z(h(
         "div",
         Z,
         [
           h("div", ee, [
             v(a(O), {
-              iconColor: a(S)("--das-ui-color-danger"),
+              iconColor: a(k)("--das-ui-color-danger"),
               size: "small"
             }, null, 8, ["iconColor"]),
             h(
               "div",
               ae,
-              T(a(N)("das-image-upload-fail")),
+              T(a(w)("das-image-upload-fail")),
               1
               /* TEXT */
             )
           ]),
-          v(a(R), {
-            accept: a(s),
-            "before-upload": a(x),
-            "max-count": C.maxCount
+          v(a(P), {
+            accept: a(l),
+            "before-upload": a(_),
+            "max-count": A.maxCount
           }, {
-            itemRender: y(({ file: n, actions: _ }) => r[1] || (r[1] = [])),
+            itemRender: y(({ file: n, actions: x }) => r[1] || (r[1] = [])),
             default: y(() => [
               v(a(H), {
                 "btn-type": "primary-text",
                 block: ""
               }, {
                 default: y(() => [
-                  G(
-                    T(a(N)("das-image-upload-reupload")),
+                  R(
+                    T(a(w)("das-image-upload-reupload")),
                     1
                     /* TEXT */
                   )
@@ -189,29 +189,44 @@ const q = () => ({ size2B: (t) => {
         512
         /* NEED_PATCH */
       ), [
-        [V, a(A)]
+        [S, a(C)]
       ])
     ]));
   }
-}), oe = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [p, s] of t)
-    o[p] = s;
-  return o;
-}, re = /* @__PURE__ */ oe(te, [["__scopeId", "data-v-5821ad3e"]]), se = {
-  "das-image-upload-text": { "zh-CN": "上传图片", en: "test" },
-  "das-image-upload-reupload": { "zh-CN": "重新上传", en: "test" },
-  "das-image-upload-fail": { "zh-CN": "上传失败", en: "test" }
+}), te = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [p, l] of o)
+    t[p] = l;
+  return t;
+}, re = /* @__PURE__ */ te(oe, [["__scopeId", "data-v-c7870c47"]]), le = {
+  "das-ui-import-upload-key1": {
+    "zh-CN": "上传的图片格式只能是$0",
+    en: "The uploaded picture format can only be $0",
+    _appCode: "framework"
+  },
+  "das-ui-import-upload-key2": {
+    "zh-CN": "上传的文件格式只能是$0",
+    en: "The uploaded file format can only be $0",
+    _appCode: "framework"
+  },
+  "das-ui-import-upload-key3": {
+    "zh-CN": "上传的图片大小不能超过$0的$1文件",
+    en: "The uploaded file format can only be $0",
+    _appCode: "framework"
+  },
+  "das-image-upload-text": { "zh-CN": "上传图片", en: "Upload Image", _appCode: "framework" },
+  "das-image-upload-reupload": { "zh-CN": "重新上传", en: "Re-upload", _appCode: "framework" },
+  "das-image-upload-fail": { "zh-CN": "上传失败", en: "Upload Failed", _appCode: "framework" }
 }, ie = {
   "--das-ui-image-upload-bgcolor": { light: "#FAFAFA" },
   "--das-ui-image-upload-border-color": { light: "#E5E5E5" },
-  "--das-ui-image-upload-bgcolor-hover": { light: S("--das-ui-color-primary-level1") },
+  "--das-ui-image-upload-bgcolor-hover": { light: k("--das-ui-color-primary-level1") },
   "--das-ui-image-upload-border-color-hover": { light: "#5582F3" },
-  "--das-ui-image-upload-border-color-error": { light: S("--das-ui-color-danger-level2") }
-}, Ce = B(re);
-U(se);
-D(ie);
+  "--das-ui-image-upload-border-color-error": { light: k("--das-ui-color-danger-level2") }
+}, Ae = M(re);
+U(le);
+B(ie);
 export {
-  Ce as DasImageUpload,
-  Ce as default
+  Ae as DasImageUpload,
+  Ae as default
 };

package/packages/components/image-upload/src/type.d.ts

@@ -1,40 +1,40 @@
-import { UploadFile } from 'ant-design-vue'
-export interface Props {
-  
-  maxCount?: number
-
-  
-  status?: 'normal' | 'uploading' | 'error'
-
-  
-  message?: string
-
-  
-  errorMessage?: string
-
-  
-  accept?: string
-
-  
-  acceptVideo?: boolean
-
-  
-  acceptAudio?: boolean
-
-  
-  maxSize?: number | string
-
-  
-  customCheck?: (file: UploadFile) => boolean | Promise
-
-  
-  autoContentType?: boolean
-}
-
-export interface Emits {
-  
-  (e: 'update:status', val: any): void
-
-  
-  (e: 'image-upload', file: UploadFile): void
-}
+import { UploadFile } from 'ant-design-vue'
+export interface Props {
+  
+  maxCount?: number
+
+  
+  status?: 'normal' | 'uploading' | 'error'
+
+  
+  message?: string
+
+  
+  errorMessage?: string
+
+  
+  accept?: string
+
+  
+  acceptVideo?: boolean
+
+  
+  acceptAudio?: boolean
+
+  
+  maxSize?: number | string
+
+  
+  customCheck?: (file: UploadFile) => boolean | Promise
+
+  
+  autoContentType?: boolean
+}
+
+export interface Emits {
+  
+  (e: 'update:status', val: any): void
+
+  
+  (e: 'image-upload', file: UploadFile): void
+}

package/packages/components/image-upload/style.css

@@ -1 +1 @@
-.das-ui-image-upload[data-v-5821ad3e]{height:100px;width:100px}.das-ui-image-upload .loading-border[data-v-5821ad3e]{border:1px dashed var(--das-ui-image-upload-border-color)}.das-ui-image-upload[data-v-5821ad3e] .das-ui-image-upload-dragger.ant-upload-drag{width:100%;height:100%;background:var(--das-ui-image-upload-bgcolor);border-color:var(--das-ui-image-upload-border-color)}.das-ui-image-upload[data-v-5821ad3e] .das-ui-image-upload-dragger.ant-upload-drag:hover{background:var(--das-ui-image-upload-bgcolor-hover);border-color:var(--das-ui-image-upload-border-color-hover)}.das-ui-image-upload[data-v-5821ad3e] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn{padding:31px 0}.das-ui-image-upload[data-v-5821ad3e] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn .das-ui-image-upload-dragger-context{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-image-upload[data-v-5821ad3e] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn .das-ui-image-upload-dragger-context .text{font-size:12px;color:var(--das-ui-color-help);letter-spacing:0;text-align:center;line-height:18px;font-weight:400}.das-ui-image-upload .das-ui-image-upload-error-container[data-v-5821ad3e]{width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--das-ui-color-danger);background-color:var(--das-ui-image-upload-border-color-error)}.das-ui-image-upload .das-ui-image-upload-error-container .tips-container[data-v-5821ad3e]{display:flex;align-items:center;color:var(--das-ui-color-danger);font-size:12px}.das-ui-image-upload .das-ui-image-upload-error-container .tips-container .text[data-v-5821ad3e]{margin-left:4px}
+.das-ui-image-upload[data-v-c7870c47]{height:100px;width:100px}.das-ui-image-upload .loading-border[data-v-c7870c47]{border:1px dashed var(--das-ui-image-upload-border-color)}.das-ui-image-upload[data-v-c7870c47] .das-ui-image-upload-dragger.ant-upload-drag{width:100%;height:100%;background:var(--das-ui-image-upload-bgcolor);border-color:var(--das-ui-image-upload-border-color)}.das-ui-image-upload[data-v-c7870c47] .das-ui-image-upload-dragger.ant-upload-drag:hover{background:var(--das-ui-image-upload-bgcolor-hover);border-color:var(--das-ui-image-upload-border-color-hover)}.das-ui-image-upload[data-v-c7870c47] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn{padding:31px 0}.das-ui-image-upload[data-v-c7870c47] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn .das-ui-image-upload-dragger-context{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-image-upload[data-v-c7870c47] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn .das-ui-image-upload-dragger-context .text{font-size:12px;color:var(--das-ui-color-help);letter-spacing:0;text-align:center;line-height:18px;font-weight:400}.das-ui-image-upload .das-ui-image-upload-error-container[data-v-c7870c47]{width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--das-ui-color-danger);background-color:var(--das-ui-image-upload-border-color-error)}.das-ui-image-upload .das-ui-image-upload-error-container .tips-container[data-v-c7870c47]{display:flex;align-items:center;color:var(--das-ui-color-danger);font-size:12px}.das-ui-image-upload .das-ui-image-upload-error-container .tips-container .text[data-v-c7870c47]{margin-left:4px}

package/packages/components/image-viewer/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;