@das-fed/upf-ui 6.4.0-dev.311 → 6.4.0-dev.313

package/packages/components/form-item/style.css

@@ -1 +1 @@
-.das-ui-form-item[data-v-991c421d]{display:flex;flex-direction:column;min-width:0}.das-ui-form-item.marin-right-0[data-v-991c421d]{margin-right:0!important}.das-ui-form-item.top[data-v-991c421d]{align-items:flex-start!important}.das-ui-form-item.top .das-ui-form-item-label[data-v-991c421d]{margin-bottom:3px;margin-right:0!important}.das-ui-form-item.left[data-v-991c421d]{flex-direction:row}.das-ui-form-item.left .das-ui-form-item-label[data-v-991c421d]{text-align:left}.das-ui-form-item.right[data-v-991c421d]{flex-direction:row}.das-ui-form-item.right .das-ui-form-item-label[data-v-991c421d]{text-align:right}.das-ui-form-item.right .das-ui-form-item-label .label[data-v-991c421d]{width:100%;max-width:100%}.das-ui-form-item.right .das-ui-form-item-label .label .label-context .label-context-inner[data-v-991c421d]{justify-content:flex-end}.das-ui-form-item.flex-layout[data-v-991c421d]{width:100%}.das-ui-form-item .das-ui-form-item-label[data-v-991c421d]{flex-shrink:0}.das-ui-form-item .das-ui-form-item-label.size-small[data-v-991c421d]{height:24px;line-height:24px;font-size:12px}.das-ui-form-item .das-ui-form-item-label.size-default[data-v-991c421d]{height:32px;line-height:32px;font-size:14px}.das-ui-form-item .das-ui-form-item-label.size-large[data-v-991c421d]{height:40px;line-height:40px;font-size:14px}.das-ui-form-item .das-ui-form-item-label .label[data-v-991c421d]{width:fit-content;position:relative;max-width:100%;display:flex;align-items:center;color:var(--upf-text-secondary)}.das-ui-form-item .das-ui-form-item-label .label .label-context[data-v-991c421d]{width:100%;min-width:0;flex:1 1 auto}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner[data-v-991c421d]{position:relative;display:flex;align-items:center;justify-content:flex-start;min-width:0;max-width:100%;box-sizing:border-box}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner.required-mark[data-v-991c421d]{position:relative}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner.required-mark[data-v-991c421d]:before{content:"*";position:static;flex:0 0 var(--v33be0a9a);width:var(--v33be0a9a);line-height:inherit;color:var(--upf-color-error);font-weight:700}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner .label-text[data-v-991c421d]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-form-item .das-ui-form-item-label .label .help-icon-container[data-v-991c421d]{height:100%;display:flex;align-items:center;justify-content:center}.das-ui-form-item .das-ui-form-container[data-v-991c421d]{flex:1;min-width:0;display:flex;position:relative}.das-ui-form-item .das-ui-form-container .error-label[data-v-991c421d]{position:absolute;height:22px;width:100%;font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--upf-message-error-text, var(--upf-color-error));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-form-item .das-ui-form-container .error-label--overlay[data-v-991c421d]{position:absolute;width:100%;left:0;top:100%;background-color:var(--upf-message-error-bg, var(--upf-bg-primary));box-shadow:var(--upf-box-shadow-elevated, 0 4px 12px rgba(38, 38, 38, .12));border-radius:var(--upf-border-radius, 4px);padding:2px 8px;box-sizing:border-box;font-size:12px;z-index:99;color:var(--upf-message-error-text, var(--upf-color-error))}.das-form-item-overlay-error-label-content[data-v-991c421d]{position:absolute;top:100%;left:0;width:var(--v8a7d11f4)}.das-ui-form-item.flex-layout .das-ui-form-container .das-ui-input{width:100%}
+.das-ui-form-item[data-v-991c421d]{display:flex;flex-direction:column;min-width:0}.das-ui-form-item.marin-right-0[data-v-991c421d]{margin-right:0!important}.das-ui-form-item.top[data-v-991c421d]{align-items:flex-start!important}.das-ui-form-item.top .das-ui-form-item-label[data-v-991c421d]{margin-bottom:3px;margin-right:0!important}.das-ui-form-item.left[data-v-991c421d]{flex-direction:row}.das-ui-form-item.left .das-ui-form-item-label[data-v-991c421d]{text-align:left}.das-ui-form-item.right[data-v-991c421d]{flex-direction:row}.das-ui-form-item.right .das-ui-form-item-label[data-v-991c421d]{text-align:right}.das-ui-form-item.right .das-ui-form-item-label .label[data-v-991c421d]{width:100%;max-width:100%}.das-ui-form-item.right .das-ui-form-item-label .label .label-context .label-context-inner[data-v-991c421d]{justify-content:flex-end}.das-ui-form-item.flex-layout[data-v-991c421d]{width:100%}.das-ui-form-item .das-ui-form-item-label[data-v-991c421d]{flex-shrink:0}.das-ui-form-item .das-ui-form-item-label.size-small[data-v-991c421d]{height:24px;line-height:24px;font-size:12px}.das-ui-form-item .das-ui-form-item-label.size-default[data-v-991c421d]{height:32px;line-height:32px;font-size:14px}.das-ui-form-item .das-ui-form-item-label.size-large[data-v-991c421d]{height:40px;line-height:40px;font-size:14px}.das-ui-form-item .das-ui-form-item-label .label[data-v-991c421d]{width:fit-content;position:relative;max-width:100%;display:flex;align-items:center;color:var(--upf-text-secondary)}.das-ui-form-item .das-ui-form-item-label .label .label-context[data-v-991c421d]{width:100%;min-width:0;flex:1 1 auto}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner[data-v-991c421d]{position:relative;display:flex;align-items:center;justify-content:flex-start;min-width:0;max-width:100%;box-sizing:border-box}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner.required-mark[data-v-991c421d]{position:relative}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner.required-mark[data-v-991c421d]:before{content:"*";position:static;flex:0 0 var(--33be0a9a);width:var(--33be0a9a);line-height:inherit;color:var(--upf-color-error);font-weight:700}.das-ui-form-item .das-ui-form-item-label .label .label-context .label-context-inner .label-text[data-v-991c421d]{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-form-item .das-ui-form-item-label .label .help-icon-container[data-v-991c421d]{height:100%;display:flex;align-items:center;justify-content:center}.das-ui-form-item .das-ui-form-container[data-v-991c421d]{flex:1;min-width:0;display:flex;position:relative}.das-ui-form-item .das-ui-form-container .error-label[data-v-991c421d]{position:absolute;height:22px;width:100%;font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--upf-message-error-text, var(--upf-color-error));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-form-item .das-ui-form-container .error-label--overlay[data-v-991c421d]{position:absolute;width:100%;left:0;top:100%;background-color:var(--upf-message-error-bg, var(--upf-bg-primary));box-shadow:var(--upf-box-shadow-elevated, 0 4px 12px rgba(38, 38, 38, .12));border-radius:var(--upf-border-radius, 4px);padding:2px 8px;box-sizing:border-box;font-size:12px;z-index:99;color:var(--upf-message-error-text, var(--upf-color-error))}.das-form-item-overlay-error-label-content[data-v-991c421d]{position:absolute;top:100%;left:0;width:var(--8a7d11f4)}.das-ui-form-item.flex-layout .das-ui-form-container .das-ui-input{width:100%}

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

@@ -1,70 +1,70 @@
 import { withInstall as F } from "@das-fed/upf-utils/with-install/index";
-import { currentLang as O, i18n as A, t as z, setI18nRule as E } from "@das-fed/upf-web/packages/i18n/index";
-import { computed as _, defineComponent as R, openBlock as K, createElementBlock as W, createCommentVNode as S, withDirectives as b, createVNode as p, unref as o, normalizeClass as P, withCtx as m, createElementVNode as h, toDisplayString as w, vShow as N, createTextVNode as H } from "vue";
+import { currentLang as A, i18n as S, t as x, setI18nRule as E } from "@das-fed/upf-web/packages/i18n/index";
+import { computed as b, defineComponent as R, openBlock as K, createElementBlock as W, createCommentVNode as I, withDirectives as w, createVNode as m, unref as t, normalizeClass as P, withCtx as g, createElementVNode as v, toDisplayString as N, vShow as M, createTextVNode as H } from "vue";
 import { UploadDragger as L, Upload as q } from "ant-design-vue";
 import "ant-design-vue/es/upload/style/css";
 import { DasSpin as G } from "@das-fed/upf-ui/packages/components/spin/index";
 import { DasButton as J } from "@das-fed/upf-ui/packages/components/button/index";
 import { DasIconAddto as Q } from "@das-fed/upf-ui/packages/icons/addto/index";
 import { DasIconWarning as X } from "@das-fed/upf-ui/packages/icons/warning/index";
-import { DasMessage as I } from "@das-fed/upf-ui/packages/components/message/index";
+import { DasMessage as B } from "@das-fed/upf-ui/packages/components/message/index";
 import { getFileExtension as Y } from "@das-fed/upf-utils/common-tools";
 import { useModelValue as Z } from "@das-fed/upf-utils/vue"
 import '@das-fed/upf-ui/packages/components/image-upload/style.css';
 ;
-const ee = () => ({ size2B: (t) => {
-  isNaN(Number(t)) ? t = t.toString() : t = t + "M";
-  const i = Number(t.slice(0, -1)), r = t[t.length - 1].toUpperCase(), n = 1024, g = {
-    M: n * n,
-    K: n,
+const ee = () => ({ size2B: (o) => {
+  isNaN(Number(o)) ? o = o.toString() : o = o + "M";
+  const i = Number(o.slice(0, -1)), r = o[o.length - 1].toUpperCase(), s = 1024, f = {
+    M: s * s,
+    K: s,
     B: 1
   };
-  return { finalSize: i * g[r], sizeText: t };
-} }), ae = (e, t) => {
-  const i = Z(e, "status"), { size2B: r } = ee(), n = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], g = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], s = _(() => {
-    var f;
-    let a = e.accept ? (f = e.accept) == null ? void 0 : f.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, ...n]), e.acceptAudio && (a = [...a, ...g]), a.join(",");
-  }), v = _(() => i.value === "uploading"), y = _(() => i.value === "error");
-  return { isAccept: s, uploadStatus: i, loading: v, errored: y, beforeupload: (a) => {
-    var M, $, D;
-    if (e.maxSize) {
-      const { finalSize: c, sizeText: u } = r(e.maxSize);
-      if (a.size > c) {
-        const C = e.acceptAudio || e.acceptVideo ? "das-ui-import-upload-key4" : "das-ui-import-upload-key3", d = O.value === "zh-CN" ? "、" : ", ", k = A(
-          C,
-          u,
-          ((D = ($ = (M = s.value) == null ? void 0 : M.toUpperCase()) == null ? void 0 : $.replace(/\./g, "")) == null ? void 0 : D.replace(/,/g, d)) ?? ""
-        ).value, x = e.errorMessage || k;
-        return I.warning(x), t("update:status", "normal"), i.value = "normal", !1;
+  return { finalSize: i * f[r], sizeText: o };
+} }), ae = (a, o) => {
+  const i = Z(a, "status"), { size2B: r } = ee(), s = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], f = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], n = b(() => {
+    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, ...s]), a.acceptAudio && (e = [...e, ...f]), e.join(",");
+  }), y = b(() => i.value === "uploading"), k = b(() => i.value === "error");
+  return { isAccept: n, uploadStatus: i, loading: y, errored: k, beforeupload: (e) => {
+    var $, D, O;
+    if (a.maxSize) {
+      const { finalSize: c, sizeText: p } = r(a.maxSize);
+      if (e.size > c) {
+        const h = a.acceptAudio || a.acceptVideo ? "das-ui-import-upload-key4" : "das-ui-import-upload-key3", u = A.value === "zh-CN" ? "、" : ", ", z = S(
+          h,
+          p,
+          ((O = (D = ($ = n.value) == null ? void 0 : $.toUpperCase()) == null ? void 0 : D.replace(/\./g, "")) == null ? void 0 : O.replace(/,/g, u)) ?? ""
+        ).value, _ = a.errorMessage || z;
+        return B.warning(_), o("update:status", "normal"), i.value = "normal", !1;
       }
     }
-    const f = () => (i.value = "uploading", t("update:status", "uploading"), t("image-upload", a), !1);
-    if (e.customCheck) {
-      const c = e.customCheck(a);
+    const C = () => (i.value = "uploading", o("update:status", "uploading"), o("image-upload", e), !1);
+    if (a.customCheck) {
+      const c = a.customCheck(e);
       if (c instanceof Promise)
-        return new Promise(async (u, C) => {
-          let d;
+        return new Promise(async (p, h) => {
+          let u;
           try {
-            d = await c.then();
+            u = await c.then();
           } catch {
-            d = !1;
+            u = !1;
           }
-          d ? f() : C(!1);
+          u ? C() : h(!1);
         });
       if (!c)
-        return t("update:status", "normal"), i.value = "normal", !1;
-    } else if (s.value) {
-      const c = s.value.split(",").filter((l) => l.trim().startsWith(".")).map((l) => l.trim()), u = s.value.split(",").filter((l) => !l.trim().startsWith(".")).map((l) => l.trim()), C = Y(a.name), d = c.includes(C);
-      let k = u.includes("image/*") && a.type.split("/")[0].trim() === "image", x = u.includes("video/*") && a.type.split("/")[0].trim() === "video", T = u.includes("audio/*") && a.type.split("/")[0].trim() === "audio", U = u.includes(a.type) || k || x || T;
-      if (!d && !U) {
-        const l = e.acceptAudio || e.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", V = O.value === "zh-CN" ? "、" : ", ", j = e.errorMessage || A(l, s.value.toUpperCase().replace(/\./g, "").replace(/,/g, V)).value;
-        return I.warning(j), !1;
+        return o("update:status", "normal"), i.value = "normal", !1;
+    } else if (n.value) {
+      const c = n.value.split(",").filter((l) => l.trim().startsWith(".")).map((l) => l.trim()), p = n.value.split(",").filter((l) => !l.trim().startsWith(".")).map((l) => l.trim()), h = Y(e.name), u = c.includes(h);
+      let z = p.includes("image/*") && e.type.split("/")[0].trim() === "image", _ = p.includes("video/*") && e.type.split("/")[0].trim() === "video", T = p.includes("audio/*") && e.type.split("/")[0].trim() === "audio", U = p.includes(e.type) || z || _ || T;
+      if (!u && !U) {
+        const l = a.acceptAudio || a.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", V = A.value === "zh-CN" ? "、" : ", ", j = a.errorMessage || S(l, n.value.toUpperCase().replace(/\./g, "").replace(/,/g, V)).value;
+        return B.warning(j), !1;
       }
     }
-    return f();
+    return C();
   } };
-}, te = { class: "das-ui-image-upload" }, oe = { class: "das-ui-image-upload-dragger-context" }, ie = { class: "text" }, ne = { class: "das-ui-image-upload-error-container" }, se = { class: "tips-container" }, le = { class: "text" }, re = /* @__PURE__ */ R({
+}, 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" }, ne = { class: "tips-container" }, le = { class: "text" }, re = /* @__PURE__ */ R({
   __name: "Index",
   props: {
     maxCount: { default: 1 },
@@ -80,34 +80,34 @@ const ee = () => ({ size2B: (t) => {
     openFileDialogOnClick: { type: Boolean, default: !0 }
   },
   emits: ["update:status", "image-upload"],
-  setup(e, { emit: t }) {
-    const i = e, r = t, { isAccept: n, uploadStatus: g, loading: s, errored: v, beforeupload: y } = ae(i, r);
-    return (B, a) => (K(), W("div", te, [
-      S(" 图片上传组件 "),
-      b(p(o(G), {
-        class: P([{ "loading-border": o(s) }]),
+  setup(a, { emit: o }) {
+    const i = a, r = o, { isAccept: s, uploadStatus: f, loading: n, errored: y, beforeupload: k } = ae(i, r);
+    return (d, e) => (K(), W("div", oe, [
+      I(" 图片上传组件 "),
+      w(m(t(G), {
+        class: P([{ "loading-border": t(n) }]),
         type: "component",
-        spinning: o(s)
+        spinning: t(n)
       }, {
-        default: m(() => [
-          p(o(L), {
+        default: g(() => [
+          m(t(L), {
             class: "das-ui-image-upload-dragger",
-            accept: o(n),
-            "max-count": e.maxCount,
-            "before-upload": o(y),
-            openFileDialogOnClick: e.openFileDialogOnClick
+            accept: t(s),
+            "max-count": d.maxCount,
+            "before-upload": t(k),
+            openFileDialogOnClick: d.openFileDialogOnClick
           }, {
-            itemRender: m(({}) => [...a[0] || (a[0] = [])]),
-            default: m(() => [
-              b(h(
+            itemRender: g(({}) => [...e[0] || (e[0] = [])]),
+            default: g(() => [
+              w(v(
                 "div",
-                oe,
+                te,
                 [
-                  p(o(Q), { iconColor: "var(--upf-text-secondary)" }),
-                  h(
+                  m(t(Q), { iconColor: "var(--upf-text-secondary)" }),
+                  v(
                     "div",
                     ie,
-                    w(e.message || o(z)("das-image-upload-text")),
+                    N(d.message || t(x)("das-image-upload-text")),
                     1
                     /* TEXT */
                   )
@@ -115,7 +115,7 @@ const ee = () => ({ size2B: (t) => {
                 512
                 /* NEED_PATCH */
               ), [
-                [N, o(g) === "normal"]
+                [M, t(f) === "normal"]
               ])
             ]),
             _: 1
@@ -125,41 +125,41 @@ const ee = () => ({ size2B: (t) => {
         _: 1
         /* STABLE */
       }, 8, ["class", "spinning"]), [
-        [N, !o(v)]
+        [M, !t(y)]
       ]),
-      S(" 错误状态 "),
-      b(h(
+      I(" 错误状态 "),
+      w(v(
         "div",
-        ne,
+        se,
         [
-          h("div", se, [
-            p(o(X), {
+          v("div", ne, [
+            m(t(X), {
               iconColor: "var(--upf-color-error)",
               size: "small"
             }),
-            h(
+            v(
               "div",
               le,
-              w(o(z)("das-image-upload-fail")),
+              N(t(x)("das-image-upload-fail")),
               1
               /* TEXT */
             )
           ]),
-          p(o(q), {
-            accept: o(n),
-            "before-upload": o(y),
-            "max-count": e.maxCount,
-            openFileDialogOnClick: e.openFileDialogOnClick
+          m(t(q), {
+            accept: t(s),
+            "before-upload": t(k),
+            "max-count": d.maxCount,
+            openFileDialogOnClick: d.openFileDialogOnClick
           }, {
-            itemRender: m(({}) => [...a[1] || (a[1] = [])]),
-            default: m(() => [
-              p(o(J), {
+            itemRender: g(({}) => [...e[1] || (e[1] = [])]),
+            default: g(() => [
+              m(t(J), {
                 "btn-type": "primary-text",
                 block: ""
               }, {
-                default: m(() => [
+                default: g(() => [
                   H(
-                    w(o(z)("das-image-upload-reupload")),
+                    N(t(x)("das-image-upload-reupload")),
                     1
                     /* TEXT */
                   )
@@ -175,16 +175,16 @@ const ee = () => ({ size2B: (t) => {
         512
         /* NEED_PATCH */
       ), [
-        [N, o(v)]
+        [M, t(y)]
       ])
     ]));
   }
-}), ce = (e, t) => {
-  const i = e.__vccOpts || e;
-  for (const [r, n] of t)
-    i[r] = n;
+}), ce = (a, o) => {
+  const i = a.__vccOpts || a;
+  for (const [r, s] of o)
+    i[r] = s;
   return i;
-}, ue = /* @__PURE__ */ ce(re, [["__scopeId", "data-v-4eb3ab93"]]), de = {
+}, pe = /* @__PURE__ */ ce(re, [["__scopeId", "data-v-4eb3ab93"]]), ue = {
   "das-ui-import-upload-key1": {
     "zh-CN": "上传的图片格式只能是$0",
     en: "The uploaded picture format can only be $0",
@@ -212,8 +212,8 @@ const ee = () => ({ size2B: (t) => {
   "das-image-upload-text": { "zh-CN": "上传图片", en: "Upload Image", "zh-MO": "上傳圖片", _appCode: "framework" },
   "das-image-upload-reupload": { "zh-CN": "重新上传", en: "Re-upload", "zh-MO": "重新上傳", _appCode: "framework" },
   "das-image-upload-fail": { "zh-CN": "上传失败", en: "Uploaded Failed", "zh-MO": "上傳失敗", _appCode: "framework" }
-}, be = F(ue);
-E(de);
+}, be = F(pe);
+E(ue);
 export {
   be as DasImageUpload,
   be as default