@das-fed/ui 6.4.0-test.8.1 → 7.0.0

package/packages/components/upload/index.js

@@ -1,46 +1,58 @@
 import '@das-fed/ui/packages/components/upload/style.css';
-import { withInstall as L } from "@das-fed/utils/with-install/index";
-import { t as f, setI18nRule as M } from "@das-fed/web/packages/i18n/index";
-import { getVar as F, setThemeRule as T } from "@das-fed/web/packages/theme/index";
-import { useAttrs as O, computed as U, defineComponent as j, openBlock as n, createElementBlock as c, Fragment as Z, createVNode as v, unref as e, mergeProps as x, isRef as B, withCtx as p, renderSlot as V, createElementVNode as m, withDirectives as w, createTextVNode as g, toDisplayString as s, createCommentVNode as k, createBlock as D, vShow as $ } from "vue";
-import { UploadDragger as G, Upload as K } from "ant-design-vue";
+import { withInstall as G } from "@das-fed/utils/with-install/index";
+import { currentLang as K, t as g, setI18nRule as P } from "@das-fed/web/packages/i18n/index";
+import { getVar as z, setThemeRule as q } from "@das-fed/web/packages/theme/index";
+import { useAttrs as H, computed as U, defineComponent as J, createElementBlock as v, openBlock as u, createBlock as A, Fragment as Q, createVNode as h, withDirectives as w, unref as o, mergeProps as $, isRef as B, withCtx as p, createElementVNode as m, toDisplayString as s, renderSlot as E, createCommentVNode as k, createTextVNode as C, vShow as M } from "vue";
+import { UploadDragger as X, Upload as Y } from "ant-design-vue";
 import "ant-design-vue/es/upload/style/css";
-import { DasButton as S } from "@das-fed/ui/packages/components/button/index";
-import { vDasTooltip as R } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { DasIconLink as A } from "@das-fed/ui/packages/icons/link/index";
-import { DasIconAddto as P } from "@das-fed/ui/packages/icons/addto/index";
-import { DasAutoRegisterIcon as q } from "@das-fed/ui/packages/components/icon/index";
-import { useModelValue as y } from "@das-fed/utils/vue";
+import { DasButton as D } from "@das-fed/ui/packages/components/button/index";
+import { vDasTooltip as T } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { DasIconLink as L } from "@das-fed/ui/packages/icons/link/index";
+import { DasIconAddto as ee } from "@das-fed/ui/packages/icons/addto/index";
+import { DasAutoRegisterIcon as oe } from "@das-fed/ui/packages/components/icon/index";
+import { DasMessage as te } from "@das-fed/ui/packages/components/message/index";
+import { getFileExtension as ae } from "@das-fed/utils/common-tools";
+import { useModelValue as F } from "@das-fed/utils/vue";
 import "@das-fed/ui/packages/global/theme";
-const H = (r) => {
-  const l = ["B", "KB", "M", "G"];
-  let u = 0;
-  for (; r > 1024; )
-    u++, r /= 1024;
-  return r = Number(Number(r).toFixed(1)), `${r}${l[u]}`;
-}, J = (r, d) => {
-  const l = y(r, "modelValue"), u = y(r, "error"), i = y(r, "errorMessage"), _ = y(r, "errorFileName"), h = O(), b = U(() => !h.multiple && r.maxCount === 1), z = U(() => b.value && l.value.length ? "none" : "block");
+const le = (t) => {
+  const a = ["B", "KB", "M", "G"];
+  let c = 0;
+  for (; t > 1024; )
+    c++, t /= 1024;
+  return t = Number(Number(t).toFixed(1)), `${t}${a[c]}`;
+}, re = (t, d) => {
+  const a = F(t, "modelValue"), c = F(t, "error"), i = F(t, "errorMessage"), _ = F(t, "errorFileName"), b = H(), y = U(() => !b.multiple && t.maxCount === 1), N = U(() => y.value && a.value.length ? "none" : "block");
   return {
-    fileList: l,
-    error: u,
+    fileList: a,
+    error: c,
     errorMessage: i,
     errorFileName: _,
-    uploadDiaplay: z,
-    beforeupload: (o) => (o.sizeText = H(o.size), h.multiple ? (l.value = l.value.map((t) => t.originFileObj ? t.originFileObj : t), r.maxCount > l.value.length && l.value.push(o)) : l.value = [o], d("update:modelValue", l.value), d("file-upload", o), !1),
+    uploadDiaplay: N,
+    beforeupload: (e) => {
+      if (t.accept) {
+        const r = t.accept.split(",").filter((n) => n.trim().startsWith(".")).map((n) => n.trim()), l = t.accept.split(",").filter((n) => !n.trim().startsWith(".")).map((n) => n.trim()), f = ae(e.name), I = r.includes(f);
+        let R = l.includes("image/*") && e.type.split("/")[0].trim() === "image", O = l.includes("video/*") && e.type.split("/")[0].trim() === "video", j = l.includes("audio/*") && e.type.split("/")[0].trim() === "audio", Z = l.includes(e.type) || R || O || j;
+        if (!I && !Z) {
+          const n = K.value === "zh-CN" ? "、" : ", ", W = t.errorMessage || g("das-ui-upload-accpet", t.accept.toUpperCase().replaceAll(".", "").replaceAll(",", n));
+          return te.warning(W), !1;
+        }
+      }
+      return e.sizeText = le(e.size), b.multiple ? (a.value = a.value.map((r) => r.originFileObj ? r.originFileObj : r), t.maxCount > a.value.length && a.value.push(e)) : a.value = [e], d("update:modelValue", a.value), d("file-upload", e), !1;
+    },
     errorFiledownload: () => {
       d("errorFile-download");
     },
-    removeFileEvent: (o, t) => {
-      l.value = l.value.filter((a) => a.uid != t.uid), l.value.length > 0 && (l.value = l.value.map((a) => a.originFileObj ? a.originFileObj : a)), d("update:modelValue", l.value), o.remove();
+    removeFileEvent: (e, r) => {
+      a.value = a.value.filter((l) => l.uid != r.uid), a.value.length > 0 && (a.value = a.value.map((l) => l.originFileObj ? l.originFileObj : l)), d("update:modelValue", a.value), e.remove();
     }
   };
-}, Q = { class: "das-ui-upload" }, W = { class: "das-ui-upload-dragger-context" }, X = { class: "text" }, Y = { class: "file-list" }, ee = { class: "filename" }, oe = {
+}, ie = { class: "das-ui-upload" }, se = { class: "das-ui-upload-dragger-context" }, de = { class: "text" }, ne = { class: "file-list" }, ue = { class: "filename" }, ce = {
   key: 0,
   class: "file-size"
-}, le = { class: "error-container" }, re = { class: "file-list" }, ae = { class: "filename error-file-name" }, te = {
+}, pe = { class: "error-container" }, me = { class: "file-list" }, fe = { class: "filename error-file-name" }, ve = {
   key: 0,
   class: "file-size"
-}, ie = { class: "error-message" }, se = /* @__PURE__ */ j({
+}, ge = { class: "error-message" }, he = /* @__PURE__ */ J({
   __name: "Index",
   props: {
     draggle: { type: Boolean, default: !0 },
@@ -48,6 +60,7 @@ const H = (r) => {
     maxCount: { default: 1 },
     width: { default: "100%" },
     error: { type: Boolean, default: !1 },
+    accept: { default: "" },
     errorMessage: {},
     errorFileSize: {},
     errorFileName: {},
@@ -56,70 +69,71 @@ const H = (r) => {
     btnName: { default: "" }
   },
   emits: ["file-upload", "errorFile-download", "update:modelValue"],
-  setup(r, { emit: d }) {
-    q({
+  setup(t, { emit: d }) {
+    oe({
       shangchuan: import("@das-fed/ui/packages/icons/shangchuan")
     });
-    const l = r, u = d, {
+    const a = t, c = d, {
       fileList: i,
       error: _,
-      errorMessage: h,
-      errorFileName: b,
-      uploadDiaplay: z,
-      beforeupload: N,
-      errorFiledownload: E,
-      removeFileEvent: I
-    } = J(l, u);
-    return (o, t) => (n(), c("div", Q, [
-      o.draggle ? (n(), c(
-        Z,
+      errorMessage: b,
+      errorFileName: y,
+      uploadDiaplay: N,
+      beforeupload: V,
+      errorFiledownload: S,
+      removeFileEvent: x
+    } = re(a, c);
+    return (e, r) => (u(), v("div", ie, [
+      e.draggle ? (u(), v(
+        Q,
         { key: 0 },
         [
-          v(e(G), x({
+          h(o(X), $({
             class: "das-ui-upload-dragger",
-            fileList: e(i),
-            "onUpdate:fileList": t[0] || (t[0] = (a) => B(i) ? i.value = a : null),
-            "max-count": o.maxCount,
-            style: { width: o.width, display: e(z) },
-            "before-upload": e(N),
-            disabled: o.isView
-          }, o.$attrs), {
-            itemRender: p(({ file: a, actions: C }) => [
-              V(o.$slots, "itemRender", {
-                file: a,
-                actions: C
+            fileList: o(i),
+            "onUpdate:fileList": r[0] || (r[0] = (l) => B(i) ? i.value = l : null),
+            "max-count": e.maxCount,
+            accept: e.accept,
+            style: { width: e.width, display: o(N) },
+            "before-upload": o(V),
+            disabled: e.isView
+          }, e.$attrs), {
+            itemRender: p(({ file: l, actions: f }) => [
+              E(e.$slots, "itemRender", {
+                file: l,
+                actions: f
               }, () => [
-                m("div", Y, [
-                  v(e(A), {
-                    iconColor: e(F)("--das-ui-color-secondary"),
+                m("div", ne, [
+                  h(o(L), {
+                    iconColor: o(z)("--das-ui-color-secondary"),
                     size: "medium"
                   }, null, 8, ["iconColor"]),
-                  w((n(), c("div", ee, [
-                    g(
-                      s(a.name),
+                  w((u(), v("div", ue, [
+                    C(
+                      s(l.name),
                       1
                       /* TEXT */
                     )
                   ])), [
-                    [e(R)]
+                    [o(T)]
                   ]),
-                  o.showSize ? (n(), c(
+                  e.showSize ? (u(), v(
                     "div",
-                    oe,
-                    "(" + s(a.sizeText) + ")",
+                    ce,
+                    "(" + s(l.sizeText) + ")",
                     1
                     /* TEXT */
                   )) : k("v-if", !0),
-                  o.isView ? k("v-if", !0) : (n(), D(e(S), {
+                  e.isView ? k("v-if", !0) : (u(), A(o(D), {
                     key: 1,
                     "btn-type": "primary-text",
                     size: "large",
-                    onClick: (me) => e(I)(C, a),
+                    onClick: (I) => o(x)(f, l),
                     block: ""
                   }, {
                     default: p(() => [
-                      g(
-                        s(e(f)("das-upload-delete")),
+                      C(
+                        s(o(g)("das-upload-delete")),
                         1
                         /* TEXT */
                       )
@@ -131,14 +145,14 @@ const H = (r) => {
               ], !0)
             ]),
             default: p(() => [
-              m("div", W, [
-                v(e(P), {
-                  iconColor: e(F)("--das-ui-color-secondary")
+              m("div", se, [
+                h(o(ee), {
+                  iconColor: o(z)("--das-ui-color-secondary")
                 }, null, 8, ["iconColor"]),
                 m(
                   "div",
-                  X,
-                  s(e(f)("das-upload-text")),
+                  de,
+                  s(o(g)("das-upload-text")),
                   1
                   /* TEXT */
                 )
@@ -146,44 +160,44 @@ const H = (r) => {
             ]),
             _: 3
             /* FORWARDED */
-          }, 16, ["fileList", "max-count", "style", "before-upload", "disabled"]),
+          }, 16, ["fileList", "max-count", "accept", "style", "before-upload", "disabled"]),
           w(m(
             "div",
-            le,
+            pe,
             [
               w(m(
                 "div",
-                re,
+                me,
                 [
-                  v(e(A), {
-                    iconColor: e(F)("--das-ui-color-secondary"),
+                  h(o(L), {
+                    iconColor: o(z)("--das-ui-color-secondary"),
                     size: "medium"
                   }, null, 8, ["iconColor"]),
-                  w((n(), c("div", ae, [
-                    g(
-                      s(e(b)),
+                  w((u(), v("div", fe, [
+                    C(
+                      s(o(y)),
                       1
                       /* TEXT */
                     )
                   ])), [
-                    [e(R)]
+                    [o(T)]
                   ]),
-                  o.showSize ? (n(), c(
+                  e.showSize ? (u(), v(
                     "div",
-                    te,
-                    "(" + s(o.errorFileSize) + ")",
+                    ve,
+                    "(" + s(e.errorFileSize) + ")",
                     1
                     /* TEXT */
                   )) : k("v-if", !0),
-                  v(e(S), {
+                  h(o(D), {
                     "btn-type": "primary-text",
                     block: "",
                     size: "large",
-                    onClick: e(E)
+                    onClick: o(S)
                   }, {
                     default: p(() => [
-                      g(
-                        s(e(f)("das-upload-download")),
+                      C(
+                        s(o(g)("das-upload-download")),
                         1
                         /* TEXT */
                       )
@@ -195,12 +209,12 @@ const H = (r) => {
                 512
                 /* NEED_PATCH */
               ), [
-                [$, e(b)]
+                [M, o(y)]
               ]),
               m(
                 "div",
-                ie,
-                s(e(f)("das-upload-tips")) + s(e(h)),
+                ge,
+                s(o(g)("das-upload-tips")) + s(o(b)),
                 1
                 /* TEXT */
               )
@@ -208,25 +222,26 @@ const H = (r) => {
             512
             /* NEED_PATCH */
           ), [
-            [$, e(_)]
+            [M, o(_)]
           ])
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : (n(), D(e(K), x({
+      )) : (u(), A(o(Y), $({
         key: 1,
-        "file-list": e(i),
-        "onUpdate:fileList": t[1] || (t[1] = (a) => B(i) ? i.value = a : null),
-        "before-upload": e(N),
-        "max-count": o.maxCount,
-        disabled: o.isView
-      }, o.$attrs), {
-        itemRender: p(({ file: a, actions: C }) => [
-          V(o.$slots, "itemRender", {
-            file: a,
-            actions: C
+        "file-list": o(i),
+        "onUpdate:fileList": r[1] || (r[1] = (l) => B(i) ? i.value = l : null),
+        accept: e.accept,
+        "before-upload": o(V),
+        "max-count": e.maxCount,
+        disabled: e.isView
+      }, e.$attrs), {
+        itemRender: p(({ file: l, actions: f }) => [
+          E(e.$slots, "itemRender", {
+            file: l,
+            actions: f
           }, () => [
-            t[2] || (t[2] = m(
+            r[2] || (r[2] = m(
               "div",
               null,
               null,
@@ -236,15 +251,15 @@ const H = (r) => {
           ], !0)
         ]),
         default: p(() => [
-          V(o.$slots, "customUpload", {}, () => [
-            o.isView ? k("v-if", !0) : (n(), D(e(S), {
+          E(e.$slots, "customUpload", {}, () => [
+            e.isView ? k("v-if", !0) : (u(), A(o(D), {
               key: 0,
               icon: "shangchuan",
               block: ""
             }, {
               default: p(() => [
-                g(
-                  s(o.btnName || e(f)("das-upload-btn-text")),
+                C(
+                  s(e.btnName || o(g)("das-upload-btn-text")),
                   1
                   /* TEXT */
                 )
@@ -256,29 +271,34 @@ const H = (r) => {
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["file-list", "before-upload", "max-count", "disabled"]))
+      }, 16, ["file-list", "accept", "before-upload", "max-count", "disabled"]))
     ]));
   }
-}), de = (r, d) => {
-  const l = r.__vccOpts || r;
-  for (const [u, i] of d)
-    l[u] = i;
-  return l;
-}, ne = /* @__PURE__ */ de(se, [["__scopeId", "data-v-5d8aeac3"]]), ue = {
+}), Ce = (t, d) => {
+  const a = t.__vccOpts || t;
+  for (const [c, i] of d)
+    a[c] = i;
+  return a;
+}, be = /* @__PURE__ */ Ce(he, [["__scopeId", "data-v-11f92fa2"]]), ye = {
   "das-upload-text": { "zh-CN": "点击或拖拽上传", en: "Click or drag to upload", _appCode: "framework" },
   "das-upload-btn-text": { "zh-CN": "上传文件", en: "Upload File", _appCode: "framework" },
   "das-upload-download": { "zh-CN": "下载", en: "Download", _appCode: "framework" },
   "das-upload-delete": { "zh-CN": "删除", en: "Delete", _appCode: "framework" },
-  "das-upload-tips": { "zh-CN": "提示: ", en: "Tip: ", _appCode: "framework" }
-}, pe = {
+  "das-upload-tips": { "zh-CN": "提示: ", en: "Tip: ", _appCode: "framework" },
+  "das-ui-upload-accpet": {
+    "zh-CN": "上传的文件格式只能是$0",
+    en: "The uploaded file format can only be $0",
+    _appCode: "framework"
+  }
+}, we = {
   "--das-ui-upload-bgcolor": { light: "#FAFAFA" },
   "--das-ui-upload-border-color": { light: "#E5E5E5" },
-  "--das-ui-upload-bgcolor-hover": F("--das-ui-color-primary-level1"),
+  "--das-ui-upload-bgcolor-hover": z("--das-ui-color-primary-level1"),
   "--das-ui-upload-border-color-hover": { light: "#5582F3" }
-}, Ne = L(ne);
-M(ue);
-T(pe);
+}, Me = G(be);
+P(ye);
+q(we);
 export {
-  Ne as DasUpload,
-  Ne as default
+  Me as DasUpload,
+  Me as default
 };

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

@@ -1,21 +1,59 @@
+import { UploadDragger, Upload } from 'ant-design-vue';
 import 'ant-design-vue/es/upload/style/css';
+import { DasButton, vDasTooltip, DasIconLink, DasIconAddto } from '@das-fed/ui';
+import { t, getVar } from '@das-fed/web';
 import type { Props } from './type';
-declare function __VLS_template(): {
-    slots: {
-        itemRender?(_: {
-            file: any;
-            actions: any;
-        }): any;
-        itemRender?(_: {
-            file: any;
-            actions: any;
-        }): any;
-        customUpload?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
+declare const fileList: import("vue").Ref<any, any>, error: import("vue").Ref<any, any>, errorMessage: import("vue").Ref<any, any>, errorFileName: import("vue").Ref<any, any>, uploadDiaplay: import("vue").ComputedRef<"none" | "block">, beforeupload: (file: import("ant-design-vue/lib/upload/interface").FileType, FileList: import("ant-design-vue/lib/upload/interface").FileType[]) => (string | boolean | void | Blob | import("ant-design-vue/lib/upload/interface").FileType) | Promise<string | boolean | void | Blob | import("ant-design-vue/lib/upload/interface").FileType>, errorFiledownload: () => void, removeFileEvent: (actions: import("./type").Actions, file: import("ant-design-vue").UploadFile) => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_9: {
+    file: any;
+    actions: any;
+}, __VLS_39: {}, __VLS_45: {
+    file: any;
+    actions: any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    itemRender?: (props: typeof __VLS_9) => any;
+} & {
+    customUpload?: (props: typeof __VLS_39) => any;
+} & {
+    itemRender?: (props: typeof __VLS_45) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    UploadDragger: typeof UploadDragger;
+    Upload: typeof Upload;
+    DasButton: typeof DasButton;
+    vDasTooltip: typeof vDasTooltip;
+    DasIconLink: typeof DasIconLink;
+    DasIconAddto: typeof DasIconAddto;
+    t: typeof t;
+    getVar: typeof getVar;
+    fileList: typeof fileList;
+    error: typeof error;
+    errorMessage: typeof errorMessage;
+    errorFileName: typeof errorFileName;
+    uploadDiaplay: typeof uploadDiaplay;
+    beforeupload: typeof beforeupload;
+    errorFiledownload: typeof errorFiledownload;
+    removeFileEvent: typeof removeFileEvent;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: any) => any;
+    "file-upload": (file: import("ant-design-vue").UploadFile<any>) => any;
+    "errorFile-download": () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+    "onFile-upload"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
+    "onErrorFile-download"?: (() => any) | undefined;
+}>, {
+    width: string;
+    isView: boolean;
+    error: boolean;
+    maxCount: number;
+    accept: string;
+    draggle: boolean;
+    showSize: boolean;
+    btnName: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: any) => any;
     "file-upload": (file: import("ant-design-vue").UploadFile<any>) => any;
@@ -29,13 +67,14 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     isView: boolean;
     error: boolean;
     maxCount: number;
+    accept: string;
     draggle: boolean;
     showSize: boolean;
     btnName: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -18,6 +18,9 @@ export interface Props {
   error: boolean
 
   
+  accept?: string
+
+  
   errorMessage?: string
 
   

package/packages/components/upload/style.css

@@ -1 +1 @@
-.das-ui-upload[data-v-5d8aeac3] .das-ui-upload-dragger.ant-upload-drag{height:80px;background:var(--das-ui-upload-bgcolor);border-color:var(--das-ui-upload-border-color)}.das-ui-upload[data-v-5d8aeac3] .das-ui-upload-dragger.ant-upload-drag:hover{background:var(--das-ui-upload-bgcolor-hover);border-color:var(--das-ui-upload-border-color-hover)}.das-ui-upload[data-v-5d8aeac3] .das-ui-upload-dragger.ant-upload-drag .das-ui-upload-dragger-context{display:flex;flex-direction:column;align-items:center}.das-ui-upload[data-v-5d8aeac3] .das-ui-upload-dragger.ant-upload-drag .das-ui-upload-dragger-context .text{font-size:14px;color:var(--das-ui-color-help);letter-spacing:0;text-align:center;line-height:21px;font-weight:400;margin-top:4px}.das-ui-upload .file-list[data-v-5d8aeac3]{display:flex;align-items:center;padding-left:20px;height:44px}.das-ui-upload .file-list .filename[data-v-5d8aeac3]{margin-left:4px;margin-right:8px;letter-spacing:0;line-height:21px;font-weight:400;font-size:14px;color:var(--das-ui-color-normal)}.das-ui-upload .file-list .filename.error-file-name[data-v-5d8aeac3]{color:var(--das-ui-color-help)}.das-ui-upload .file-list .file-size[data-v-5d8aeac3]{color:var(--das-ui-color-help);font-size:14px;letter-spacing:0;line-height:21px;font-weight:400;margin-right:20px;white-space:nowrap}.das-ui-upload .error-container .error-file[data-v-5d8aeac3]{display:flex;align-items:center;height:21px}.das-ui-upload .error-container .error-message[data-v-5d8aeac3]{padding-left:20px;margin-top:2px;color:var(--das-ui-color-danger)}
+.das-ui-upload[data-v-11f92fa2] .das-ui-upload-dragger.ant-upload-drag{height:80px;background:var(--das-ui-upload-bgcolor);border-color:var(--das-ui-upload-border-color)}.das-ui-upload[data-v-11f92fa2] .das-ui-upload-dragger.ant-upload-drag:hover{background:var(--das-ui-upload-bgcolor-hover);border-color:var(--das-ui-upload-border-color-hover)}.das-ui-upload[data-v-11f92fa2] .das-ui-upload-dragger.ant-upload-drag .das-ui-upload-dragger-context{display:flex;flex-direction:column;align-items:center}.das-ui-upload[data-v-11f92fa2] .das-ui-upload-dragger.ant-upload-drag .das-ui-upload-dragger-context .text{font-size:14px;color:var(--das-ui-color-help);letter-spacing:0;text-align:center;line-height:21px;font-weight:400;margin-top:4px}.das-ui-upload .file-list[data-v-11f92fa2]{display:flex;align-items:center;padding-left:20px;height:44px}.das-ui-upload .file-list .filename[data-v-11f92fa2]{margin-left:4px;margin-right:8px;letter-spacing:0;line-height:21px;font-weight:400;font-size:14px;color:var(--das-ui-color-normal)}.das-ui-upload .file-list .filename.error-file-name[data-v-11f92fa2]{color:var(--das-ui-color-help)}.das-ui-upload .file-list .file-size[data-v-11f92fa2]{color:var(--das-ui-color-help);font-size:14px;letter-spacing:0;line-height:21px;font-weight:400;margin-right:20px;white-space:nowrap}.das-ui-upload .error-container .error-file[data-v-11f92fa2]{display:flex;align-items:center;height:21px}.das-ui-upload .error-container .error-message[data-v-11f92fa2]{padding-left:20px;margin-top:2px;color:var(--das-ui-color-danger)}