@das-fed/ui 6.4.0-test.2 → 6.4.0-test.20

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

@@ -1,85 +1,70 @@
 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 R } from "@das-fed/utils/with-install/index";
+import { currentLang as U, i18n as V, t as w, setI18nRule as F } from "@das-fed/web/packages/i18n/index";
+import { getVar as k, setThemeRule as K } from "@das-fed/web/packages/theme/index";
+import { computed as z, defineComponent as W, openBlock as P, createElementBlock as H, withDirectives as N, createVNode as m, unref as o, normalizeClass as L, withCtx as g, createElementVNode as v, toDisplayString as S, vShow as I, createTextVNode as O } from "vue";
+import { UploadDragger as q, Upload as G } 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 { useModelValue as W } from "@das-fed/utils/vue";
+import { DasButton as Q } from "@das-fed/ui/packages/components/button/index";
+import { DasIconAddto as X } from "@das-fed/ui/packages/icons/addto/index";
+import { DasIconWarning as Y } from "@das-fed/ui/packages/icons/warning/index";
+import { DasMessage as B } from "@das-fed/ui/packages/components/message/index";
+import { useModelValue as Z } from "@das-fed/utils/vue";
 import "@das-fed/ui/packages/global/theme";
-const q = () => ({ size2B: (t) => {
+const ee = () => ({ 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 = {
+  const i = Number(t.slice(0, -1)), n = t[t.length - 1].toUpperCase(), s = 1024, f = {
     M: s * s,
     K: s,
     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(() => {
-    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(",");
-    } 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;
+  return { finalSize: i * f[n], sizeText: t };
+} }), ae = (e, t) => {
+  const i = Z(e, "status"), { size2B: n } = ee(), s = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], f = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], r = z(() => {
+    var c;
+    let a = e.accept ? (c = e.accept) == null ? void 0 : c.split(",") : [];
+    return a.includes("image/jpg") && !a.includes("image/jpeg") && a.push("image/jpeg"), a.includes(".jpg") && !a.includes(".jpeg") && a.push(".jpeg"), e.acceptVideo && (a = [...a, ...s]), e.acceptAudio && (a = [...a, ...f]), a.join(",");
+  }), C = z(() => i.value === "uploading"), y = z(() => i.value === "error");
+  return { isAccept: r, uploadStatus: i, loading: C, errored: y, beforeupload: (a) => {
+    var x, T, $;
     if (e.maxSize) {
-      const { finalSize: i, sizeText: c } = 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 { finalSize: d, sizeText: u } = n(e.maxSize);
+      if (a.size > d) {
+        const h = e.acceptAudio || e.acceptVideo ? "das-ui-import-upload-key4" : "das-ui-import-upload-key3", p = U.value === "zh-CN" ? "、" : ", ", b = V(
+          h,
+          u,
+          (($ = (T = (x = r.value) == null ? void 0 : x.toUpperCase()) == null ? void 0 : T.replaceAll(".", "")) == null ? void 0 : $.replaceAll(",", p)) ?? ""
+        ).value, A = e.errorMessage || b;
+        return B.warning(A), t("update:status", "normal"), i.value = "normal", !1;
       }
     }
-    const n = () => (o.value = "uploading", t("update:status", "uploading"), t("image-upload", r), !1);
+    const c = () => (i.value = "uploading", t("update:status", "uploading"), t("image-upload", a), !1);
     if (e.customCheck) {
-      const i = e.customCheck(r);
-      if (i instanceof Promise)
-        return new Promise(async (c, u) => {
-          let m;
+      const d = e.customCheck(a);
+      if (d instanceof Promise)
+        return new Promise(async (u, h) => {
+          let p;
           try {
-            m = await i.then();
+            p = await d.then();
           } catch {
-            m = !1;
+            p = !1;
           }
-          m ? n() : u(!1);
+          p ? c() : h(!1);
         });
-      if (!i)
-        return t("update:status", "normal"), o.value = "normal", !1;
-    } else if (l.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}`;
-        }) ?? [];
-        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;
-        }
-      } else {
-        const i = l.value.split(",").map((d) => {
-          let f = d.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;
-        }
+      if (!d)
+        return t("update:status", "normal"), i.value = "normal", !1;
+    } else if (r.value) {
+      const d = r.value.split(",").filter((l) => l.trim().startsWith(".")).map((l) => l.trim()), u = r.value.split(",").filter((l) => !l.trim().startsWith(".")).map((l) => l.trim()), h = a.name.match(/\.(.+)$/), p = d.includes(h[0]);
+      let b = u.includes("image/*") && a.type.split("/")[0].trim() === "image", A = u.includes("video/*") && a.type.split("/")[0].trim() === "video", M = u.includes("audio/*") && a.type.split("/")[0].trim() === "audio", j = u.includes(a.type) || b || A || M;
+      if (!p && !j) {
+        const l = e.acceptAudio || e.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", D = U.value === "zh-CN" ? "、" : ", ", E = e.errorMessage || V(l, r.value.toUpperCase().replaceAll(".", "").replaceAll(",", D)).value;
+        return B.warning(E), !1;
       }
-    return n();
+    }
+    return c();
   } };
-}, 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({
+}, oe = { class: "das-ui-image-upload" }, te = { class: "das-ui-image-upload-dragger-context" }, ie = { class: "text" }, se = { class: "das-ui-image-upload-error-container" }, re = { class: "tips-container" }, le = { class: "text" }, ne = /* @__PURE__ */ W({
   __name: "Index",
   props: {
     maxCount: { default: 1 },
@@ -95,123 +80,109 @@ const q = () => ({ size2B: (t) => {
   },
   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, [
-      $(" 图片上传组件 "),
-      z(v(a(J), {
-        class: F([{ "loading-border": a(l) }]),
+    const i = e, n = t, { isAccept: s, uploadStatus: f, loading: r, errored: C, beforeupload: y } = ae(i, n);
+    return (_, a) => (P(), H("div", oe, [
+      N(m(o(J), {
+        class: L([{ "loading-border": o(r) }]),
         type: "component",
-        spinning: a(l)
+        spinning: o(r)
       }, {
-        default: y(() => [
-          v(a(P), {
+        default: g(() => [
+          m(o(q), {
             class: "das-ui-image-upload-dragger",
-            accept: a(s),
-            "max-count": C.maxCount,
-            "before-upload": a(x)
+            accept: o(s),
+            "max-count": _.maxCount,
+            "before-upload": o(y)
           }, {
-            itemRender: y(({ file: n, actions: _ }) => r[0] || (r[0] = [])),
-            default: y(() => [
-              z(h(
-                "div",
-                X,
-                [
-                  v(a(K), {
-                    iconColor: a(S)("--das-ui-color-secondary")
-                  }, null, 8, ["iconColor"]),
-                  h(
-                    "div",
-                    Y,
-                    T(C.message || a(N)("das-image-upload-text")),
-                    1
-                    /* TEXT */
-                  )
-                ],
-                512
-                /* NEED_PATCH */
-              ), [
-                [V, a(g) === "normal"]
+            itemRender: g(({ file: c, actions: x }) => []),
+            default: g(() => [
+              N(v("div", te, [
+                m(o(X), {
+                  iconColor: o(k)("--das-ui-color-secondary")
+                }, null, 8, ["iconColor"]),
+                v("div", ie, S(_.message || o(w)("das-image-upload-text")), 1)
+              ], 512), [
+                [I, o(f) === "normal"]
               ])
             ]),
             _: 1
-            /* STABLE */
           }, 8, ["accept", "max-count", "before-upload"])
         ]),
         _: 1
-        /* STABLE */
       }, 8, ["class", "spinning"]), [
-        [V, !a(A)]
+        [I, !o(C)]
       ]),
-      $(" 错误状态 "),
-      z(h(
-        "div",
-        Z,
-        [
-          h("div", ee, [
-            v(a(O), {
-              iconColor: a(S)("--das-ui-color-danger"),
-              size: "small"
-            }, null, 8, ["iconColor"]),
-            h(
-              "div",
-              ae,
-              T(a(N)("das-image-upload-fail")),
-              1
-              /* TEXT */
-            )
+      N(v("div", se, [
+        v("div", re, [
+          m(o(Y), {
+            iconColor: o(k)("--das-ui-color-danger"),
+            size: "small"
+          }, null, 8, ["iconColor"]),
+          v("div", le, S(o(w)("das-image-upload-fail")), 1)
+        ]),
+        m(o(G), {
+          accept: o(s),
+          "before-upload": o(y),
+          "max-count": _.maxCount
+        }, {
+          itemRender: g(({ file: c, actions: x }) => []),
+          default: g(() => [
+            m(o(Q), {
+              "btn-type": "primary-text",
+              block: ""
+            }, {
+              default: g(() => [
+                O(S(o(w)("das-image-upload-reupload")), 1)
+              ]),
+              _: 1
+            })
           ]),
-          v(a(R), {
-            accept: a(s),
-            "before-upload": a(x),
-            "max-count": C.maxCount
-          }, {
-            itemRender: y(({ file: n, actions: _ }) => r[1] || (r[1] = [])),
-            default: y(() => [
-              v(a(H), {
-                "btn-type": "primary-text",
-                block: ""
-              }, {
-                default: y(() => [
-                  G(
-                    T(a(N)("das-image-upload-reupload")),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["accept", "before-upload", "max-count"])
-        ],
-        512
-        /* NEED_PATCH */
-      ), [
-        [V, a(A)]
+          _: 1
+        }, 8, ["accept", "before-upload", "max-count"])
+      ], 512), [
+        [I, o(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" }
-}, ie = {
+}), ce = (e, t) => {
+  const i = e.__vccOpts || e;
+  for (const [n, s] of t)
+    i[n] = s;
+  return i;
+}, de = /* @__PURE__ */ ce(ne, [["__scopeId", "data-v-5821ad3e"]]), ue = {
+  "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 picture format can only be $0",
+    _appCode: "framework"
+  },
+  "das-ui-import-upload-key4": {
+    "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: "Uploaded Failed", _appCode: "framework" }
+}, pe = {
   "--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") }
+}, ze = R(de);
+F(ue);
+K(pe);
 export {
-  Ce as DasImageUpload,
-  Ce as default
+  ze as DasImageUpload,
+  ze as default
 };

package/packages/components/image-upload/src/Index.vue.d.ts

@@ -1,16 +1,45 @@
 import 'ant-design-vue/es/upload/style/css';
 import type { Props } from './type';
-declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:status": (val: any) => any;
-    "image-upload": (file: import("ant-design-vue").UploadFile<any>) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    status: string;
+    message: string;
+    errorMessage: string;
+    accept: string;
+    maxCount: number;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:status": (val: any) => void;
+    "image-upload": (file: import("ant-design-vue").UploadFile<any>) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    status: string;
+    message: string;
+    errorMessage: string;
+    accept: string;
+    maxCount: number;
+}>>> & {
     "onUpdate:status"?: ((val: any) => any) | undefined;
     "onImage-upload"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
-}>, {
-    message: string;
+}, {
     status: "normal" | "uploading" | "error";
+    message: string;
     maxCount: number;
     errorMessage: string;
     accept: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/packages/components/image-upload/src/hooks/use-imageUpload.d.ts

@@ -1,6 +1,6 @@
 import type { Props, Emits } from '../type';
 export declare const useImageUpload: (props: Props, emits: Emits) => {
-    isAccept: import("vue").ComputedRef<string | undefined>;
+    isAccept: import("vue").ComputedRef<string>;
     uploadStatus: any;
     loading: import("vue").ComputedRef<boolean>;
     errored: import("vue").ComputedRef<boolean>;

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

@@ -25,7 +25,7 @@ export interface Props {
   maxSize?: number | string
 
   
-  customCheck?: (file: UploadFile) => boolean | Promise
+  customCheck?: (file: UploadFile) => boolean | Promise<any>
 
   
   autoContentType?: boolean