@das-fed/upf-ui 6.4.0-dev.161 → 6.4.0-dev.163

package/packages/components/icon/index.js

@@ -23,19 +23,13 @@ const re = ["innerHTML"], oe = /* @__PURE__ */ h({
         "--color": u.iconColor
       };
     });
-    return (t, Zu) => (d(), Y(
-      "i",
-      {
-        class: "das-icon",
-        style: q(o.value)
-      },
-      [
-        K("use", { innerHTML: n.value }, null, 8, re),
-        Q(t.$slots, "default")
-      ],
-      4
-      /* STYLE */
-    ));
+    return (t, Zu) => (d(), Y("i", {
+      class: "das-icon",
+      style: q(o.value)
+    }, [
+      K("use", { innerHTML: n.value }, null, 8, re),
+      Q(t.$slots, "default")
+    ], 4));
   }
 });
 var ne = typeof global == "object" && global && global.Object === Object && global, te = typeof self == "object" && self && self.Object === Object && self, ae = ne || te || Function("return this")(), c = ae.Symbol;

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

@@ -1,19 +1,19 @@
 import '@das-fed/upf-ui/packages/components/image-upload/style.css';
-import { withInstall as O } from "@das-fed/upf-utils/with-install/index";
-import { currentLang as T, i18n as V, t as w, setI18nRule as R } from "@das-fed/upf-web/packages/i18n/index";
-import { getVar as x, setThemeRule as K } from "@das-fed/upf-web/packages/theme/index";
-import { computed as z, defineComponent as W, createElementBlock as P, openBlock as H, createCommentVNode as B, withDirectives as N, createVNode as g, unref as o, normalizeClass as L, withCtx as f, createElementVNode as v, toDisplayString as D, vShow as S, createTextVNode as q } from "vue";
-import { UploadDragger as G, Upload as J } from "ant-design-vue";
+import { withInstall as E } from "@das-fed/upf-utils/with-install/index";
+import { currentLang as T, i18n as B, t as w, setI18nRule as O } from "@das-fed/upf-web/packages/i18n/index";
+import { getVar as x, setThemeRule as R } from "@das-fed/upf-web/packages/theme/index";
+import { computed as z, defineComponent as K, createElementBlock as W, openBlock as P, withDirectives as N, createVNode as g, unref as o, normalizeClass as H, withCtx as f, createElementVNode as v, toDisplayString as D, vShow as S, createTextVNode as L } from "vue";
+import { UploadDragger as q, Upload as G } from "ant-design-vue";
 import "ant-design-vue/es/upload/style/css";
-import { DasSpin as Q } from "@das-fed/upf-ui/packages/components/spin/index";
-import { DasButton as X } from "@das-fed/upf-ui/packages/components/button/index";
-import { DasIconAddto as Y } from "@das-fed/upf-ui/packages/icons/addto/index";
-import { DasIconWarning as Z } from "@das-fed/upf-ui/packages/icons/warning/index";
+import { DasSpin as J } from "@das-fed/upf-ui/packages/components/spin/index";
+import { DasButton as Q } from "@das-fed/upf-ui/packages/components/button/index";
+import { DasIconAddto as X } from "@das-fed/upf-ui/packages/icons/addto/index";
+import { DasIconWarning as Y } from "@das-fed/upf-ui/packages/icons/warning/index";
 import { DasMessage as U } from "@das-fed/upf-ui/packages/components/message/index";
-import { getFileExtension as ee } from "@das-fed/upf-utils/common-tools";
-import { useModelValue as ae } from "@das-fed/upf-utils/vue";
+import { getFileExtension as Z } from "@das-fed/upf-utils/common-tools";
+import { useModelValue as ee } from "@das-fed/upf-utils/vue";
 import "@das-fed/upf-ui/packages/global/theme";
-const oe = () => ({ size2B: (t) => {
+const ae = () => ({ size2B: (t) => {
   isNaN(Number(t)) ? t = t.toString() : t = t + "M";
   const i = Number(t.slice(0, -1)), n = t[t.length - 1].toUpperCase(), l = 1024, C = {
     M: l * l,
@@ -21,8 +21,8 @@ const oe = () => ({ size2B: (t) => {
     B: 1
   };
   return { finalSize: i * C[n], sizeText: t };
-} }), te = (a, t) => {
-  const i = ae(a, "status"), { size2B: n } = oe(), l = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], C = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], s = z(() => {
+} }), oe = (a, t) => {
+  const i = ee(a, "status"), { size2B: n } = ae(), l = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], C = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], s = z(() => {
     var c;
     let e = a.accept ? (c = a.accept) == null ? void 0 : c.split(",") : [];
     return e.includes("image/jpg") && !e.includes("image/jpeg") && e.push("image/jpeg"), e.includes(".jpg") && !e.includes(".jpeg") && e.push(".jpeg"), a.acceptVideo && (e = [...e, ...l]), a.acceptAudio && (e = [...e, ...C]), e.join(",");
@@ -32,7 +32,7 @@ const oe = () => ({ size2B: (t) => {
     if (a.maxSize) {
       const { finalSize: d, sizeText: u } = n(a.maxSize);
       if (e.size > d) {
-        const h = a.acceptAudio || a.acceptVideo ? "das-ui-import-upload-key4" : "das-ui-import-upload-key3", p = T.value === "zh-CN" ? "、" : ", ", b = V(
+        const h = a.acceptAudio || a.acceptVideo ? "das-ui-import-upload-key4" : "das-ui-import-upload-key3", p = T.value === "zh-CN" ? "、" : ", ", b = B(
           h,
           u,
           ((I = (F = (_ = s.value) == null ? void 0 : _.toUpperCase()) == null ? void 0 : F.replaceAll(".", "")) == null ? void 0 : I.replaceAll(",", p)) ?? ""
@@ -56,16 +56,16 @@ const oe = () => ({ size2B: (t) => {
       if (!d)
         return t("update:status", "normal"), i.value = "normal", !1;
     } else if (s.value) {
-      const d = s.value.split(",").filter((r) => r.trim().startsWith(".")).map((r) => r.trim()), u = s.value.split(",").filter((r) => !r.trim().startsWith(".")).map((r) => r.trim()), h = ee(e.name), p = d.includes(h);
-      let b = u.includes("image/*") && e.type.split("/")[0].trim() === "image", A = u.includes("video/*") && e.type.split("/")[0].trim() === "video", $ = u.includes("audio/*") && e.type.split("/")[0].trim() === "audio", M = u.includes(e.type) || b || A || $;
-      if (!p && !M) {
-        const r = a.acceptAudio || a.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", j = T.value === "zh-CN" ? "、" : ", ", E = a.errorMessage || V(r, s.value.toUpperCase().replaceAll(".", "").replaceAll(",", j)).value;
-        return U.warning(E), !1;
+      const d = s.value.split(",").filter((r) => r.trim().startsWith(".")).map((r) => r.trim()), u = s.value.split(",").filter((r) => !r.trim().startsWith(".")).map((r) => r.trim()), h = Z(e.name), p = d.includes(h);
+      let b = u.includes("image/*") && e.type.split("/")[0].trim() === "image", A = u.includes("video/*") && e.type.split("/")[0].trim() === "video", V = u.includes("audio/*") && e.type.split("/")[0].trim() === "audio", $ = u.includes(e.type) || b || A || V;
+      if (!p && !$) {
+        const r = a.acceptAudio || a.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", M = T.value === "zh-CN" ? "、" : ", ", j = a.errorMessage || B(r, s.value.toUpperCase().replaceAll(".", "").replaceAll(",", M)).value;
+        return U.warning(j), !1;
       }
     }
     return c();
   } };
-}, ie = { class: "das-ui-image-upload" }, le = { class: "das-ui-image-upload-dragger-context" }, se = { class: "text" }, re = { class: "das-ui-image-upload-error-container" }, ne = { class: "tips-container" }, ce = { class: "text" }, de = /* @__PURE__ */ W({
+}, te = { class: "das-ui-image-upload" }, ie = { class: "das-ui-image-upload-dragger-context" }, le = { class: "text" }, se = { class: "das-ui-image-upload-error-container" }, re = { class: "tips-container" }, ne = { class: "text" }, ce = /* @__PURE__ */ K({
   __name: "Index",
   props: {
     maxCount: { default: 1 },
@@ -82,16 +82,15 @@ const oe = () => ({ size2B: (t) => {
   },
   emits: ["update:status", "image-upload"],
   setup(a, { emit: t }) {
-    const i = a, n = t, { isAccept: l, uploadStatus: C, loading: s, errored: y, beforeupload: k } = te(i, n);
-    return (m, e) => (H(), P("div", ie, [
-      B(" 图片上传组件 "),
-      N(g(o(Q), {
-        class: L([{ "loading-border": o(s) }]),
+    const i = a, n = t, { isAccept: l, uploadStatus: C, loading: s, errored: y, beforeupload: k } = oe(i, n);
+    return (m, e) => (P(), W("div", te, [
+      N(g(o(J), {
+        class: H([{ "loading-border": o(s) }]),
         type: "component",
         spinning: o(s)
       }, {
         default: f(() => [
-          g(o(G), {
+          g(o(q), {
             class: "das-ui-image-upload-dragger",
             accept: o(l),
             "max-count": m.maxCount,
@@ -100,94 +99,61 @@ const oe = () => ({ size2B: (t) => {
           }, {
             itemRender: f(({ file: c, actions: _ }) => e[0] || (e[0] = [])),
             default: f(() => [
-              N(v(
-                "div",
-                le,
-                [
-                  g(o(Y), {
-                    iconColor: o(x)("--das-ui-color-secondary")
-                  }, null, 8, ["iconColor"]),
-                  v(
-                    "div",
-                    se,
-                    D(m.message || o(w)("das-image-upload-text")),
-                    1
-                    /* TEXT */
-                  )
-                ],
-                512
-                /* NEED_PATCH */
-              ), [
+              N(v("div", ie, [
+                g(o(X), {
+                  iconColor: o(x)("--das-ui-color-secondary")
+                }, null, 8, ["iconColor"]),
+                v("div", le, D(m.message || o(w)("das-image-upload-text")), 1)
+              ], 512), [
                 [S, o(C) === "normal"]
               ])
             ]),
             _: 1
-            /* STABLE */
           }, 8, ["accept", "max-count", "before-upload", "openFileDialogOnClick"])
         ]),
         _: 1
-        /* STABLE */
       }, 8, ["class", "spinning"]), [
         [S, !o(y)]
       ]),
-      B(" 错误状态 "),
-      N(v(
-        "div",
-        re,
-        [
-          v("div", ne, [
-            g(o(Z), {
-              iconColor: o(x)("--das-ui-color-danger"),
-              size: "small"
-            }, null, 8, ["iconColor"]),
-            v(
-              "div",
-              ce,
-              D(o(w)("das-image-upload-fail")),
-              1
-              /* TEXT */
-            )
+      N(v("div", se, [
+        v("div", re, [
+          g(o(Y), {
+            iconColor: o(x)("--das-ui-color-danger"),
+            size: "small"
+          }, null, 8, ["iconColor"]),
+          v("div", ne, D(o(w)("das-image-upload-fail")), 1)
+        ]),
+        g(o(G), {
+          accept: o(l),
+          "before-upload": o(k),
+          "max-count": m.maxCount,
+          openFileDialogOnClick: m.openFileDialogOnClick
+        }, {
+          itemRender: f(({ file: c, actions: _ }) => e[1] || (e[1] = [])),
+          default: f(() => [
+            g(o(Q), {
+              "btn-type": "primary-text",
+              block: ""
+            }, {
+              default: f(() => [
+                L(D(o(w)("das-image-upload-reupload")), 1)
+              ]),
+              _: 1
+            })
           ]),
-          g(o(J), {
-            accept: o(l),
-            "before-upload": o(k),
-            "max-count": m.maxCount,
-            openFileDialogOnClick: m.openFileDialogOnClick
-          }, {
-            itemRender: f(({ file: c, actions: _ }) => e[1] || (e[1] = [])),
-            default: f(() => [
-              g(o(X), {
-                "btn-type": "primary-text",
-                block: ""
-              }, {
-                default: f(() => [
-                  q(
-                    D(o(w)("das-image-upload-reupload")),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["accept", "before-upload", "max-count", "openFileDialogOnClick"])
-        ],
-        512
-        /* NEED_PATCH */
-      ), [
+          _: 1
+        }, 8, ["accept", "before-upload", "max-count", "openFileDialogOnClick"])
+      ], 512), [
         [S, o(y)]
       ])
     ]));
   }
-}), ue = (a, t) => {
+}), de = (a, t) => {
   const i = a.__vccOpts || a;
   for (const [n, l] of t)
     i[n] = l;
   return i;
-}, pe = /* @__PURE__ */ ue(de, [["__scopeId", "data-v-e1e2f34d"]]), me = {
+}, ue = /* @__PURE__ */ de(ce, [["__scopeId", "data-v-e1e2f34d"]]), pe = {
   "das-ui-import-upload-key1": {
     "zh-CN": "上传的图片格式只能是$0",
     en: "The uploaded picture format can only be $0",
@@ -211,16 +177,16 @@ const oe = () => ({ size2B: (t) => {
   "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" }
-}, ge = {
+}, me = {
   "--das-ui-image-upload-bgcolor": { light: "#FAFAFA" },
   "--das-ui-image-upload-border-color": { light: "#E5E5E5" },
   "--das-ui-image-upload-bgcolor-hover": { light: x("--das-ui-color-primary-level1") },
   "--das-ui-image-upload-border-color-hover": { light: "#5582F3" },
   "--das-ui-image-upload-border-color-error": { light: x("--das-ui-color-danger-level2") }
-}, Se = O(pe);
+}, De = E(ue);
+O(pe);
 R(me);
-K(ge);
 export {
-  Se as DasImageUpload,
-  Se as default
+  De as DasImageUpload,
+  De as default
 };