@das-fed/ui 6.4.0-hot.27 → 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 k, setThemeRule as O } from "@das-fed/web/packages/theme/index";
-import { useAttrs as T, computed as x, defineComponent as j, openBlock as n, createElementBlock as c, Fragment as Z, createVNode as v, unref as e, mergeProps as B, isRef as U, withCtx as m, renderSlot as _, createElementVNode as p, withDirectives as C, createTextVNode as g, toDisplayString as i, createCommentVNode as F, createBlock as S, 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 D } 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 w } 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 = (t) => {
-  const l = ["B", "KB", "M", "G"];
-  let u = 0;
+const oe = (t) => {
+  const a = ["B", "KB", "M", "G"];
+  let c = 0;
   for (; t > 1024; )
-    u++, t /= 1024;
-  return t = Number(Number(t).toFixed(1)), `${t}${l[u]}`;
-}, J = (t, d) => {
-  const l = w(t, "modelValue"), u = w(t, "error"), s = w(t, "errorMessage"), z = w(t, "errorFileName"), h = T(), b = x(() => !h.multiple && t.maxCount === 1), N = x(() => b.value && l.value.length ? "none" : "block");
+    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,
-    errorMessage: s,
+    fileList: a,
+    error: c,
+    errorMessage: i,
     errorFileName: z,
     uploadDiaplay: N,
-    beforeupload: (o) => (o.sizeText = H(o.size), h.multiple ? (l.value = l.value.map((a) => a.originFileObj ? a.originFileObj : a), t.maxCount > l.value.length && l.value.push(o)) : l.value = [o], d("update:modelValue", l.value), d("file-upload", o), !1),
+    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, a) => {
-      l.value = l.value.filter((r) => r.uid != a.uid), l.value.length > 0 && (l.value = l.value.map((r) => r.originFileObj ? r.originFileObj : r)), 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" }, te = { class: "file-list" }, re = { class: "filename error-file-name" }, ae = {
+}, ne = { class: "error-container" }, ue = { class: "file-list" }, ce = { class: "filename error-file-name" }, pe = {
   key: 0,
   class: "file-size"
-}, se = { class: "error-message" }, ie = /* @__PURE__ */ j({
+}, me = { class: "error-message" }, fe = /* @__PURE__ */ q({
   __name: "Index",
   props: {
     draggle: { type: Boolean, default: !0 },
@@ -48,6 +59,7 @@ const H = (t) => {
     maxCount: { default: 1 },
     width: { default: "100%" },
     error: { type: Boolean, default: !1 },
+    accept: { default: "" },
     errorMessage: {},
     errorFileSize: {},
     errorFileName: {},
@@ -57,69 +69,70 @@ const H = (t) => {
   },
   emits: ["file-upload", "errorFile-download", "update:modelValue"],
   setup(t, { emit: d }) {
-    q({
+    Y({
       shangchuan: import("@das-fed/ui/packages/icons/shangchuan")
     });
-    const l = t, u = d, {
-      fileList: s,
+    const a = t, c = d, {
+      fileList: i,
       error: z,
-      errorMessage: h,
-      errorFileName: b,
+      errorMessage: b,
+      errorFileName: y,
       uploadDiaplay: N,
       beforeupload: V,
-      errorFiledownload: E,
+      errorFiledownload: S,
       removeFileEvent: I
-    } = J(l, u);
-    return (o, a) => (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), B({
+          h(o(J), x({
             class: "das-ui-upload-dragger",
-            fileList: e(s),
-            "onUpdate:fileList": a[0] || (a[0] = (r) => U(s) ? s.value = r : null),
-            "max-count": o.maxCount,
-            style: { width: o.width, display: e(N) },
-            "before-upload": e(V),
-            disabled: o.isView
-          }, o.$attrs), {
-            itemRender: m(({ file: r, actions: y }) => [
-              _(o.$slots, "itemRender", {
-                file: r,
-                actions: y
+            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
               }, () => [
-                p("div", Y, [
-                  v(e(A), {
-                    iconColor: e(k)("--das-ui-color-secondary"),
+                m("div", ie, [
+                  h(o(R), {
+                    iconColor: o(_)("--das-ui-color-secondary"),
                     size: "medium"
                   }, null, 8, ["iconColor"]),
-                  C((n(), c("div", ee, [
-                    g(
-                      i(r.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,
-                    "(" + i(r.sizeText) + ")",
+                    de,
+                    "(" + s(l.sizeText) + ")",
                     1
                     /* TEXT */
-                  )) : F("v-if", !0),
-                  o.isView ? F("v-if", !0) : (n(), S(e(D), {
+                  )) : k("v-if", !0),
+                  e.isView ? k("v-if", !0) : (u(), D(o(E), {
                     key: 1,
                     "btn-type": "primary-text",
                     size: "large",
-                    onClick: (pe) => e(I)(y, r),
+                    onClick: (U) => o(I)(f, l),
                     block: ""
                   }, {
-                    default: m(() => [
-                      g(
-                        i(e(f)("das-upload-delete")),
+                    default: p(() => [
+                      C(
+                        s(o(g)("das-upload-delete")),
                         1
                         /* TEXT */
                       )
@@ -130,15 +143,15 @@ const H = (t) => {
                 ])
               ], !0)
             ]),
-            default: m(() => [
-              p("div", W, [
-                v(e(P), {
-                  iconColor: e(k)("--das-ui-color-secondary")
+            default: p(() => [
+              m("div", le, [
+                h(o(X), {
+                  iconColor: o(_)("--das-ui-color-secondary")
                 }, null, 8, ["iconColor"]),
-                p(
+                m(
                   "div",
-                  X,
-                  i(e(f)("das-upload-text")),
+                  re,
+                  s(o(g)("das-upload-text")),
                   1
                   /* TEXT */
                 )
@@ -146,44 +159,44 @@ const H = (t) => {
             ]),
             _: 3
             /* FORWARDED */
-          }, 16, ["fileList", "max-count", "style", "before-upload", "disabled"]),
-          C(p(
+          }, 16, ["fileList", "max-count", "accept", "style", "before-upload", "disabled"]),
+          w(m(
             "div",
-            le,
+            ne,
             [
-              C(p(
+              w(m(
                 "div",
-                te,
+                ue,
                 [
-                  v(e(A), {
-                    iconColor: e(k)("--das-ui-color-secondary"),
+                  h(o(R), {
+                    iconColor: o(_)("--das-ui-color-secondary"),
                     size: "medium"
                   }, null, 8, ["iconColor"]),
-                  C((n(), c("div", re, [
-                    g(
-                      i(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",
-                    ae,
-                    "(" + i(o.errorFileSize) + ")",
+                    pe,
+                    "(" + s(e.errorFileSize) + ")",
                     1
                     /* TEXT */
-                  )) : F("v-if", !0),
-                  v(e(D), {
+                  )) : k("v-if", !0),
+                  h(o(E), {
                     "btn-type": "primary-text",
                     block: "",
                     size: "large",
-                    onClick: e(E)
+                    onClick: o(S)
                   }, {
-                    default: m(() => [
-                      g(
-                        i(e(f)("das-upload-download")),
+                    default: p(() => [
+                      C(
+                        s(o(g)("das-upload-download")),
                         1
                         /* TEXT */
                       )
@@ -195,12 +208,12 @@ const H = (t) => {
                 512
                 /* NEED_PATCH */
               ), [
-                [$, e(b)]
+                [M, o(y)]
               ]),
-              p(
+              m(
                 "div",
-                se,
-                i(e(f)("das-upload-tips")) + i(e(h)),
+                me,
+                s(o(g)("das-upload-tips")) + s(o(b)),
                 1
                 /* TEXT */
               )
@@ -208,25 +221,26 @@ const H = (t) => {
             512
             /* NEED_PATCH */
           ), [
-            [$, e(z)]
+            [M, o(z)]
           ])
         ],
         64
         /* STABLE_FRAGMENT */
-      )) : (n(), S(e(K), B({
+      )) : (u(), D(o(Q), x({
         key: 1,
-        "file-list": e(s),
-        "onUpdate:fileList": a[1] || (a[1] = (r) => U(s) ? s.value = r : null),
-        "before-upload": e(V),
-        "max-count": o.maxCount,
-        disabled: o.isView
-      }, o.$attrs), {
-        itemRender: m(({ file: r, actions: y }) => [
-          _(o.$slots, "itemRender", {
-            file: r,
-            actions: y
+        "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
           }, () => [
-            a[2] || (a[2] = p(
+            r[2] || (r[2] = m(
               "div",
               null,
               null,
@@ -235,16 +249,16 @@ const H = (t) => {
             ))
           ], !0)
         ]),
-        default: m(() => [
-          _(o.$slots, "customUpload", {}, () => [
-            o.isView ? F("v-if", !0) : (n(), S(e(D), {
+        default: p(() => [
+          A(e.$slots, "customUpload", {}, () => [
+            e.isView ? k("v-if", !0) : (u(), D(o(E), {
               key: 0,
               icon: "shangchuan",
               block: ""
             }, {
-              default: m(() => [
-                g(
-                  i(o.btnName || e(f)("das-upload-btn-text")),
+              default: p(() => [
+                C(
+                  s(e.btnName || o(g)("das-upload-btn-text")),
                   1
                   /* TEXT */
                 )
@@ -256,29 +270,34 @@ const H = (t) => {
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["file-list", "before-upload", "max-count", "disabled"]))
+      }, 16, ["file-list", "accept", "before-upload", "max-count", "disabled"]))
     ]));
   }
-}), de = (t, d) => {
-  const l = t.__vccOpts || t;
-  for (const [u, s] of d)
-    l[u] = s;
-  return l;
-}, ne = /* @__PURE__ */ de(ie, [["__scopeId", "data-v-5d8aeac3"]]), ue = {
-  "das-upload-text": { "zh-CN": "点击或拖拽上传", en: "test" },
-  "das-upload-btn-text": { "zh-CN": "上传文件", en: "test" },
-  "das-upload-download": { "zh-CN": "下载", en: "test" },
-  "das-upload-delete": { "zh-CN": "删除", en: "test" },
-  "das-upload-tips": { "zh-CN": "提示: ", en: "test" }
-}, me = {
+}), 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" },
+  "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": k("--das-ui-color-primary-level1"),
+  "--das-ui-upload-bgcolor-hover": _("--das-ui-color-primary-level1"),
   "--das-ui-upload-border-color-hover": { light: "#5582F3" }
-}, Ve = L(ne);
-M(ue);
-O(me);
+}, Ue = W(ge);
+G(he);
+K(Ce);
 export {
-  Ve as DasUpload,
-  Ve 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

@@ -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)}

package/packages/components/virtual-tree/i18n/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    暂无数据: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+};
+export default _default;