@das-fed/ui 6.4.0-hot.8 → 6.4.0-hot.9.1

package/packages/components/image-upload/index.d.ts

@@ -1,88 +1,16 @@
 import '@das-fed/ui/packages/global/theme';
-declare const DasImageUpload: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<{
-    message: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    status: {
-        type: import("vue").PropType<"error" | "normal" | "uploading">;
-        default: string;
-    };
-    autoContentType: {
-        type: import("vue").PropType<boolean>;
-    };
-    maxCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    errorMessage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    accept: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    acceptVideo: {
-        type: import("vue").PropType<boolean>;
-    };
-    acceptAudio: {
-        type: import("vue").PropType<boolean>;
-    };
-    maxSize: {
-        type: import("vue").PropType<string | number>;
-    };
-    customCheck: {
-        type: import("vue").PropType<(file: import("ant-design-vue").UploadFile) => boolean | Promise>;
-    };
-}, {}, 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<{
-    message: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    status: {
-        type: import("vue").PropType<"error" | "normal" | "uploading">;
-        default: string;
-    };
-    autoContentType: {
-        type: import("vue").PropType<boolean>;
-    };
-    maxCount: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    errorMessage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    accept: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    acceptVideo: {
-        type: import("vue").PropType<boolean>;
-    };
-    acceptAudio: {
-        type: import("vue").PropType<boolean>;
-    };
-    maxSize: {
-        type: import("vue").PropType<string | number>;
-    };
-    customCheck: {
-        type: import("vue").PropType<(file: import("ant-design-vue").UploadFile) => boolean | Promise>;
-    };
-}>> & {
+declare const DasImageUpload: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").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<import("./src/type.js").Props> & Readonly<{
     "onUpdate:status"?: ((val: any) => any) | undefined;
     "onImage-upload"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
-}, {
+}>, {
     message: string;
     status: "normal" | "uploading" | "error";
     maxCount: number;
     errorMessage: string;
     accept: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { DasImageUpload };
 export default DasImageUpload;

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

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

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

@@ -1,45 +1,16 @@
 import 'ant-design-vue/es/upload/style/css';
 import type { Props } from './type';
-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;
-}>>> & {
+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<{
     "onUpdate:status"?: ((val: any) => any) | undefined;
     "onImage-upload"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
-}, {
+}>, {
     message: string;
     status: "normal" | "uploading" | "error";
     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/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}