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

package/packages/components/upload/index.js

@@ -1,46 +1,57 @@
 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 W } from "@das-fed/utils/with-install/index";
+import { t as g, setI18nRule as G } from "@das-fed/web/packages/i18n/index";
+import { getVar as _, setThemeRule as K } from "@das-fed/web/packages/theme/index";
+import { useAttrs as P, computed as $, defineComponent as q, openBlock as u, createElementBlock as v, Fragment as H, createVNode as h, unref as o, mergeProps as x, isRef as B, withCtx as p, renderSlot as A, createElementVNode as m, withDirectives as w, createTextVNode as C, toDisplayString as s, createCommentVNode as k, createBlock as D, vShow as M } from "vue";
+import { UploadDragger as J, Upload as Q } 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 E } from "@das-fed/ui/packages/components/button/index";
+import { vDasTooltip as T } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { DasIconLink as R } from "@das-fed/ui/packages/icons/link/index";
+import { DasIconAddto as X } from "@das-fed/ui/packages/icons/addto/index";
+import { DasAutoRegisterIcon as Y } from "@das-fed/ui/packages/components/icon/index";
+import { DasMessage as ee } from "@das-fed/ui/packages/components/message/index";
+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 oe = (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]}`;
+}, te = (t, d) => {
+  const a = F(t, "modelValue"), c = F(t, "error"), i = F(t, "errorMessage"), z = F(t, "errorFileName"), b = P(), y = $(() => !b.multiple && t.maxCount === 1), N = $(() => 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),
+    errorFileName: z,
+    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 = e.name.match(/\.(.+)$/), U = r.includes(f[0]);
+        let L = 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) || L || O || j;
+        if (!U && !Z) {
+          const n = t.errorMessage || g("das-ui-upload-accpet", t.accept.toUpperCase().replaceAll(".", "").replaceAll(",", "、"));
+          return ee.warning(n), !1;
+        }
+      }
+      return e.sizeText = oe(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 = {
+}, ae = { class: "das-ui-upload" }, le = { class: "das-ui-upload-dragger-context" }, re = { class: "text" }, ie = { class: "file-list" }, se = { class: "filename" }, de = {
   key: 0,
   class: "file-size"
-}, le = { class: "error-container" }, re = { class: "file-list" }, ae = { class: "filename error-file-name" }, te = {
+}, ne = { class: "error-container" }, ue = { class: "file-list" }, ce = { class: "filename error-file-name" }, pe = {
   key: 0,
   class: "file-size"
-}, ie = { class: "error-message" }, se = /* @__PURE__ */ j({
+}, me = { class: "error-message" }, fe = /* @__PURE__ */ q({
   __name: "Index",
   props: {
     draggle: { type: Boolean, default: !0 },
@@ -48,6 +59,7 @@ const H = (r) => {
     maxCount: { default: 1 },
     width: { default: "100%" },
     error: { type: Boolean, default: !1 },
+    accept: { default: "" },
     errorMessage: {},
     errorFileSize: {},
     errorFileName: {},
@@ -56,70 +68,71 @@ const H = (r) => {
     btnName: { default: "" }
   },
   emits: ["file-upload", "errorFile-download", "update:modelValue"],
-  setup(r, { emit: d }) {
-    q({
+  setup(t, { emit: d }) {
+    Y({
       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,
+      error: z,
+      errorMessage: b,
+      errorFileName: y,
+      uploadDiaplay: N,
+      beforeupload: V,
+      errorFiledownload: S,
       removeFileEvent: I
-    } = J(l, u);
-    return (o, t) => (n(), c("div", Q, [
-      o.draggle ? (n(), c(
-        Z,
+    } = te(a, c);
+    return (e, r) => (u(), v("div", ae, [
+      e.draggle ? (u(), v(
+        H,
         { key: 0 },
         [
-          v(e(G), x({
+          h(o(J), 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 }) => [
+              A(e.$slots, "itemRender", {
+                file: l,
+                actions: f
               }, () => [
-                m("div", Y, [
-                  v(e(A), {
-                    iconColor: e(F)("--das-ui-color-secondary"),
+                m("div", ie, [
+                  h(o(R), {
+                    iconColor: o(_)("--das-ui-color-secondary"),
                     size: "medium"
                   }, null, 8, ["iconColor"]),
-                  w((n(), c("div", ee, [
-                    g(
-                      s(a.name),
+                  w((u(), v("div", se, [
+                    C(
+                      s(l.name),
                       1
                       /* TEXT */
                     )
                   ])), [
-                    [e(R)]
+                    [o(T)]
                   ]),
-                  o.showSize ? (n(), c(
+                  e.showSize ? (u(), v(
                     "div",
-                    oe,
-                    "(" + s(a.sizeText) + ")",
+                    de,
+                    "(" + 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(), D(o(E), {
                     key: 1,
                     "btn-type": "primary-text",
                     size: "large",
-                    onClick: (me) => e(I)(C, a),
+                    onClick: (U) => o(I)(f, l),
                     block: ""
                   }, {
                     default: p(() => [
-                      g(
-                        s(e(f)("das-upload-delete")),
+                      C(
+                        s(o(g)("das-upload-delete")),
                         1
                         /* TEXT */
                       )
@@ -131,14 +144,14 @@ const H = (r) => {
               ], !0)
             ]),
             default: p(() => [
-              m("div", W, [
-                v(e(P), {
-                  iconColor: e(F)("--das-ui-color-secondary")
+              m("div", le, [
+                h(o(X), {
+                  iconColor: o(_)("--das-ui-color-secondary")
                 }, null, 8, ["iconColor"]),
                 m(
                   "div",
-                  X,
-                  s(e(f)("das-upload-text")),
+                  re,
+                  s(o(g)("das-upload-text")),
                   1
                   /* TEXT */
                 )
@@ -146,44 +159,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,
+            ne,
             [
               w(m(
                 "div",
-                re,
+                ue,
                 [
-                  v(e(A), {
-                    iconColor: e(F)("--das-ui-color-secondary"),
+                  h(o(R), {
+                    iconColor: o(_)("--das-ui-color-secondary"),
                     size: "medium"
                   }, null, 8, ["iconColor"]),
-                  w((n(), c("div", ae, [
-                    g(
-                      s(e(b)),
+                  w((u(), v("div", ce, [
+                    C(
+                      s(o(y)),
                       1
                       /* TEXT */
                     )
                   ])), [
-                    [e(R)]
+                    [o(T)]
                   ]),
-                  o.showSize ? (n(), c(
+                  e.showSize ? (u(), v(
                     "div",
-                    te,
-                    "(" + s(o.errorFileSize) + ")",
+                    pe,
+                    "(" + s(e.errorFileSize) + ")",
                     1
                     /* TEXT */
                   )) : k("v-if", !0),
-                  v(e(S), {
+                  h(o(E), {
                     "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 +208,12 @@ const H = (r) => {
                 512
                 /* NEED_PATCH */
               ), [
-                [$, e(b)]
+                [M, o(y)]
               ]),
               m(
                 "div",
-                ie,
-                s(e(f)("das-upload-tips")) + s(e(h)),
+                me,
+                s(o(g)("das-upload-tips")) + s(o(b)),
                 1
                 /* TEXT */
               )
@@ -208,25 +221,26 @@ const H = (r) => {
             512
             /* NEED_PATCH */
           ), [
-            [$, e(_)]
+            [M, o(z)]
           ])
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : (n(), D(e(K), x({
+      )) : (u(), D(o(Q), x({
         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 }) => [
+          A(e.$slots, "itemRender", {
+            file: l,
+            actions: f
           }, () => [
-            t[2] || (t[2] = m(
+            r[2] || (r[2] = m(
               "div",
               null,
               null,
@@ -236,15 +250,15 @@ const H = (r) => {
           ], !0)
         ]),
         default: p(() => [
-          V(o.$slots, "customUpload", {}, () => [
-            o.isView ? k("v-if", !0) : (n(), D(e(S), {
+          A(e.$slots, "customUpload", {}, () => [
+            e.isView ? k("v-if", !0) : (u(), D(o(E), {
               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 +270,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-4afe1e1d"]]), ue = {
+}), ve = (t, d) => {
+  const a = t.__vccOpts || t;
+  for (const [c, i] of d)
+    a[c] = i;
+  return a;
+}, ge = /* @__PURE__ */ ve(fe, [["__scopeId", "data-v-11f92fa2"]]), he = {
   "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"
+  }
+}, Ce = {
   "--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": _("--das-ui-color-primary-level1"),
   "--das-ui-upload-border-color-hover": { light: "#5582F3" }
-}, Ne = L(ne);
-M(ue);
-T(pe);
+}, Ue = W(ge);
+G(he);
+K(Ce);
 export {
-  Ne as DasUpload,
-  Ne as default
+  Ue as DasUpload,
+  Ue as default
 };

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

@@ -29,6 +29,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     isView: boolean;
     error: boolean;
     maxCount: number;
+    accept: string;
     draggle: boolean;
     showSize: boolean;
     btnName: string;

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

@@ -1,69 +1,72 @@
-import { UploadProps, UploadFile } from 'ant-design-vue'
-
-
-export interface Props {
-  
-  draggle?: boolean
-
-  
-  modelValue: any
-
-  
-  maxCount?: number
-
-  
-  width: string
-
-  
-  error: boolean
-
-  
-  errorMessage?: string
-
-  
-  errorFileSize?: string
-
-  
-  errorFileName?: string
-
-  
-  isView?: boolean
-
-  
-  showSize?: boolean
-
-  
-  btnName?: string
-}
-
-export interface Emits {
-  
-  (e: 'file-upload', file: UploadFile): void
-
-  
-  (e: 'errorFile-download'): void
-
-  
-  (e: 'update:modelValue', val: any): void
-}
-
-
-export interface Actions {
-  download: () => void
-  preview: () => void
-  remove: () => void
-}
-
-export interface Slots {
-  
-  customUpload: {}
-
-  
-  itemRender: {
-    
-    file: UploadFile
-
-    
-    actions: Actions
-  }
-}
+import { UploadProps, UploadFile } from 'ant-design-vue'
+
+
+export interface Props {
+  
+  draggle?: boolean
+
+  
+  modelValue: any
+
+  
+  maxCount?: number
+
+  
+  width: string
+
+  
+  error: boolean
+
+  
+  accept?: string
+
+  
+  errorMessage?: string
+
+  
+  errorFileSize?: string
+
+  
+  errorFileName?: string
+
+  
+  isView?: boolean
+
+  
+  showSize?: boolean
+
+  
+  btnName?: string
+}
+
+export interface Emits {
+  
+  (e: 'file-upload', file: UploadFile): void
+
+  
+  (e: 'errorFile-download'): void
+
+  
+  (e: 'update:modelValue', val: any): void
+}
+
+
+export interface Actions {
+  download: () => void
+  preview: () => void
+  remove: () => void
+}
+
+export interface Slots {
+  
+  customUpload: {}
+
+  
+  itemRender: {
+    
+    file: UploadFile
+
+    
+    actions: Actions
+  }
+}

package/packages/components/upload/style.css

@@ -1 +1 @@
-.das-ui-upload[data-v-4afe1e1d] .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-4afe1e1d] .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-4afe1e1d] .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-4afe1e1d] .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-4afe1e1d]{display:flex;align-items:center;padding-left:20px;height:44px}.das-ui-upload .file-list .filename[data-v-4afe1e1d]{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-4afe1e1d]{color:var(--das-ui-color-help)}.das-ui-upload .file-list .file-size[data-v-4afe1e1d]{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-4afe1e1d]{display:flex;align-items:center;height:21px}.das-ui-upload .error-container .error-message[data-v-4afe1e1d]{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)}