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

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

@@ -1 +1 @@
-.das-ui-form-item[data-v-7cedc29c]{display:flex;flex-direction:column}.das-ui-form-item.marin-right-0[data-v-7cedc29c]{margin-right:0!important}.das-ui-form-item.top[data-v-7cedc29c]{align-items:flex-start!important}.das-ui-form-item.top .das-ui-form-item-label[data-v-7cedc29c]{margin-bottom:3px;margin-right:0!important}.das-ui-form-item.left[data-v-7cedc29c]{flex-direction:row}.das-ui-form-item.left .das-ui-form-item-label[data-v-7cedc29c]{text-align:left}.das-ui-form-item.right[data-v-7cedc29c]{flex-direction:row}.das-ui-form-item.right .das-ui-form-item-label[data-v-7cedc29c]{text-align:right}.das-ui-form-item.right .das-ui-form-item-label .label[data-v-7cedc29c]{width:auto}.das-ui-form-item.flex-layout[data-v-7cedc29c]{width:100%}.das-ui-form-item.flex-layout .das-ui-form-container[data-v-7cedc29c]{flex:1}.das-ui-form-item .das-ui-form-item-label[data-v-7cedc29c]{font-size:var(--das-ui-font-size-sm);height:18px;line-height:18px}.das-ui-form-item .das-ui-form-item-label .label[data-v-7cedc29c]{width:fit-content;position:relative;max-width:100%;display:flex;color:var(--das-ui-form-label-normal)}.das-ui-form-item .das-ui-form-item-label .label .label-context[data-v-7cedc29c]{width:100%}.das-ui-form-item .das-ui-form-item-label .label.required-mark[data-v-7cedc29c]:after{content:"*";position:absolute;top:0;right:-8px;width:6px;height:18px;line-height:18px;text-align:left;color:var(--das-ui-form-error-label-color)}.das-ui-form-item .das-ui-form-item-label .label .help-icon[data-v-7cedc29c]{position:absolute;right:-28px;top:1px}.das-ui-form-item .das-ui-form-item-label .label .help-icon.no-required[data-v-7cedc29c]{right:-20px}.das-ui-form-item .das-ui-form-container[data-v-7cedc29c]{display:flex;position:relative}.das-ui-form-item .das-ui-form-container .error-label[data-v-7cedc29c]{position:absolute;height:22px;width:100%;font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--das-ui-form-error-label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-form-item .das-ui-form-container .error-label--overlay[data-v-7cedc29c]{position:absolute;width:100%;left:0;top:100%;background-color:var(--das-ui-input-number-overlay-error-bg-color);box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;font-size:12px;z-index:99;color:var(--das-ui-form-error-label-color)}.das-form-item-overlay-error-label-content[data-v-7cedc29c]{position:absolute;top:100%;left:0;width:var(--71f0a2a7)}.das-ui-form-item.flex-layout .das-ui-form-container .das-ui-input{width:100%}
+.das-ui-form-item[data-v-05f2cc5e]{display:flex;flex-direction:column}.das-ui-form-item.marin-right-0[data-v-05f2cc5e]{margin-right:0!important}.das-ui-form-item.top[data-v-05f2cc5e]{align-items:flex-start!important}.das-ui-form-item.top .das-ui-form-item-label[data-v-05f2cc5e]{margin-bottom:3px;margin-right:0!important}.das-ui-form-item.left[data-v-05f2cc5e]{flex-direction:row}.das-ui-form-item.left .das-ui-form-item-label[data-v-05f2cc5e]{text-align:left}.das-ui-form-item.right[data-v-05f2cc5e]{flex-direction:row}.das-ui-form-item.right .das-ui-form-item-label[data-v-05f2cc5e]{text-align:right}.das-ui-form-item.right .das-ui-form-item-label .label[data-v-05f2cc5e]{width:auto}.das-ui-form-item.flex-layout[data-v-05f2cc5e]{width:100%}.das-ui-form-item.flex-layout .das-ui-form-container[data-v-05f2cc5e]{flex:1}.das-ui-form-item .das-ui-form-item-label[data-v-05f2cc5e]{font-size:var(--das-ui-font-size-sm);height:18px;line-height:18px}.das-ui-form-item .das-ui-form-item-label .label[data-v-05f2cc5e]{width:fit-content;position:relative;max-width:100%;display:flex;color:var(--das-ui-form-label-normal)}.das-ui-form-item .das-ui-form-item-label .label .label-context[data-v-05f2cc5e]{width:100%}.das-ui-form-item .das-ui-form-item-label .label.required-mark[data-v-05f2cc5e]:after{content:"*";position:absolute;top:0;right:-8px;width:6px;height:18px;line-height:18px;text-align:left;color:var(--das-ui-form-error-label-color)}.das-ui-form-item .das-ui-form-item-label .label .help-icon[data-v-05f2cc5e]{position:absolute;right:-28px;top:1px}.das-ui-form-item .das-ui-form-item-label .label .help-icon.no-required[data-v-05f2cc5e]{right:-20px}.das-ui-form-item .das-ui-form-container[data-v-05f2cc5e]{display:flex;position:relative}.das-ui-form-item .das-ui-form-container .error-label[data-v-05f2cc5e]{position:absolute;height:22px;width:100%;font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--das-ui-form-error-label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-form-item .das-ui-form-container .error-label--overlay[data-v-05f2cc5e]{position:absolute;width:100%;left:0;top:100%;background-color:var(--das-ui-input-number-overlay-error-bg-color);box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;font-size:12px;z-index:99;color:var(--das-ui-form-error-label-color)}.das-form-item-overlay-error-label-content[data-v-05f2cc5e]{position:absolute;top:100%;left:0;width:var(--984e0f78)}.das-ui-form-item.flex-layout .das-ui-form-container .das-ui-input{width:100%}

package/packages/components/icon/src/type.d.ts

@@ -1,10 +1,10 @@
-export interface Props {
-  
-  icon: string
-  
-  size?: 'large' | 'big' | 'medium' | 'small' | 'mini'
-  
-  customSize?: number | string
-  
-  iconColor?: string
-}
+export interface Props {
+  
+  icon: string
+  
+  size?: 'large' | 'big' | 'medium' | 'small' | 'mini'
+  
+  customSize?: number | string
+  
+  iconColor?: string
+}

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

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

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

@@ -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-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}
+.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}