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

package/packages/business-components/upload-file/index.d.ts

@@ -1,9 +1,11 @@
 declare const DasBusinessUploadFile: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: string) => any;
     "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => any;
+    "upload-fail": (file: import("ant-design-vue").UploadFile<any>) => any;
 }, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
     "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+    "onUpload-fail"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
 }>, {
     type: "input" | "image";
     minioTokenApi: string;
@@ -16,9 +18,11 @@ declare const DasBusinessUploadFile: import("@das-fed/utils").SFCWithInstall<imp
 declare const DasBusinessUploadFileRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
     "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+    "onUpload-fail"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: string) => any;
     "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => any;
+    "upload-fail": (file: import("ant-design-vue").UploadFile<any>) => any;
 }, import("vue").PublicProps, {
     type: "input" | "image";
     minioTokenApi: string;
@@ -36,6 +40,7 @@ declare const DasBusinessUploadFileRef: () => import("vue").Ref<import("vue").Cr
 }, Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
     "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+    "onUpload-fail"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
 }>, {}, {}, {}, {}, {
     type: "input" | "image";
     minioTokenApi: string;
@@ -46,9 +51,11 @@ declare const DasBusinessUploadFileRef: () => import("vue").Ref<import("vue").Cr
 }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
     "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+    "onUpload-fail"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: string) => any;
     "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => any;
+    "upload-fail": (file: import("ant-design-vue").UploadFile<any>) => any;
 }, import("vue").PublicProps, {
     type: "input" | "image";
     minioTokenApi: string;
@@ -66,6 +73,7 @@ declare const DasBusinessUploadFileRef: () => import("vue").Ref<import("vue").Cr
 }, Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
     "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+    "onUpload-fail"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
 }>, {}, {}, {}, {}, {
     type: "input" | "image";
     minioTokenApi: string;

package/packages/business-components/upload-file/index.js

@@ -1,34 +1,34 @@
 import '@das-fed/ui/packages/business-components/upload-file/style.css';
-import { ref as V, computed as z, defineComponent as U, useCssVars as y, openBlock as f, createElementBlock as c, createVNode as g, unref as d, mergeProps as v, isRef as w, createCommentVNode as h, normalizeClass as F, createElementVNode as k } from "vue";
+import { ref as g, computed as h, defineComponent as U, useCssVars as y, createElementBlock as p, openBlock as m, createCommentVNode as V, createElementVNode as F, createVNode as f, unref as u, mergeProps as c, isRef as w, normalizeClass as k } from "vue";
 import { withInstall as S } from "@das-fed/utils/with-install/index";
-import { DasInput as B } from "@das-fed/ui/packages/components/input/index";
-import { DasUpload as C } from "@das-fed/ui/packages/components/upload/index";
-import { useCalculateSize as b, minioUpload as x, DasImageViewer as D } from "@das-fed/ui/packages/components/image-viewer/index";
+import { DasInput as b } from "@das-fed/ui/packages/components/input/index";
+import { DasUpload as B } from "@das-fed/ui/packages/components/upload/index";
+import { useCalculateSize as C, minioUpload as x, DasImageViewer as D } from "@das-fed/ui/packages/components/image-viewer/index";
 import { t as N, setI18nRule as P } from "@das-fed/web/packages/i18n/index";
 import { DasMessage as I } from "@das-fed/ui/packages/components/message/index";
-const _ = (a, n) => {
-  const i = V(!1), { size2B: r } = b(), { upload: u } = x(a), m = (o) => {
-    if (a.maxSize) {
-      const { finalSize: e, sizeText: t } = r(a.maxSize);
-      if (o.size > e) {
-        const s = N("upload-file_uploadFileSizeLimit", t);
-        return I.warning(s), !1;
+const _ = (o, t) => {
+  const a = g(!1), { size2B: d } = C(), { upload: n } = x(o), r = (e) => {
+    if (o.maxSize) {
+      const { finalSize: i, sizeText: s } = d(o.maxSize);
+      if (e.size > i) {
+        const z = N("upload-file_uploadFileSizeLimit", s);
+        return I.warning(z), !1;
       }
     }
     return !0;
-  }, p = z({
-    get: () => a.modelValue,
-    set: (o) => n("update:modelValue", o)
+  }, l = h({
+    get: () => o.modelValue,
+    set: (e) => t("update:modelValue", e)
   });
   return {
-    loading: i,
-    imgUrl: p,
-    uploadFile: async (o) => {
-      if (i.value = !0, m(o)) {
-        const e = await u(o);
-        p.value = e, n("upload-success", o, e);
+    loading: a,
+    imgUrl: l,
+    uploadFile: async (e) => {
+      if (a.value = !0, r(e)) {
+        const i = await n(e);
+        i && i !== "error" ? (l.value = i, t("upload-success", e, i)) : t("upload-fail", e);
       }
-      i.value = !1;
+      a.value = !1;
     }
   };
 }, T = { class: "das-business-file-upload" }, A = {
@@ -54,57 +54,56 @@ const _ = (a, n) => {
     inputProps: { default: () => ({}) },
     imageProps: { default: () => ({}) }
   },
-  emits: ["update:modelValue", "upload-success"],
-  setup(a, { emit: n }) {
+  emits: ["update:modelValue", "upload-success", "upload-fail"],
+  setup(o, { emit: t }) {
     y((e) => ({
-      "66b28a84": m.value,
-      "52afe674": e.imageHeight
+      e810a398: r.value,
+      "7d7d61be": e.imageHeight
     }));
-    const i = a, r = n, u = V([]), m = z(() => (i == null ? void 0 : i.width) ?? "100%"), { loading: p, imgUrl: l, uploadFile: o } = _(i, r);
-    return (e, t) => (f(), c("div", T, [
-      e.type === "input" ? (f(), c("div", A, [
-        g(d(B), v({
+    const a = o, d = t, n = g([]), r = h(() => (a == null ? void 0 : a.width) ?? "100%"), { imgUrl: l, uploadFile: v } = _(a, d);
+    return (e, i) => (m(), p("div", T, [
+      e.type === "input" ? (m(), p("div", A, [
+        f(u(b), c({
           width: "100%",
-          modelValue: d(l),
-          "onUpdate:modelValue": t[0] || (t[0] = (s) => w(l) ? l.value = s : null),
+          modelValue: u(l),
+          "onUpdate:modelValue": i[0] || (i[0] = (s) => w(l) ? l.value = s : null),
           "is-view": e.isView
         }, e.inputProps), null, 16, ["modelValue", "is-view"])
-      ])) : h("v-if", !0),
-      e.type === "image" ? (f(), c(
+      ])) : V("v-if", !0),
+      e.type === "image" ? (m(), p(
         "div",
         {
           key: 1,
-          class: F(["image-box", e.isView ? "is-view" : ""])
+          class: k(["image-box", e.isView ? "is-view" : ""])
         },
         [
-          g(d(D), v({
+          f(u(D), c({
             style: { width: e.imageWidth, height: e.imageHeight },
-            modelValue: d(l),
-            "onUpdate:modelValue": t[1] || (t[1] = (s) => w(l) ? l.value = s : null),
+            modelValue: u(l),
+            "onUpdate:modelValue": i[1] || (i[1] = (s) => w(l) ? l.value = s : null),
             status: "info",
             "is-view": !0
           }, e.imageProps), null, 16, ["style", "modelValue"])
         ],
         2
         /* CLASS */
-      )) : h("v-if", !0),
-      k("div", H, [
-        g(d(C), v({
-          modelValue: u.value,
-          "onUpdate:modelValue": t[2] || (t[2] = (s) => u.value = s),
+      )) : V("v-if", !0),
+      F("div", H, [
+        f(u(B), c({
+          modelValue: n.value,
+          "onUpdate:modelValue": i[2] || (i[2] = (s) => n.value = s),
           draggle: !1,
-          onFileUpload: d(o),
           "is-view": e.isView
-        }, e.$attrs), null, 16, ["modelValue", "onFileUpload", "is-view"])
+        }, e.$attrs, { onFileUpload: u(v) }), null, 16, ["modelValue", "is-view", "onFileUpload"])
       ])
     ]));
   }
-}), R = (a, n) => {
-  const i = a.__vccOpts || a;
-  for (const [r, u] of n)
-    i[r] = u;
-  return i;
-}, W = /* @__PURE__ */ R(L, [["__scopeId", "data-v-57c87228"]]), $ = {
+}), R = (o, t) => {
+  const a = o.__vccOpts || o;
+  for (const [d, n] of t)
+    a[d] = n;
+  return a;
+}, W = /* @__PURE__ */ R(L, [["__scopeId", "data-v-b0e4c862"]]), $ = {
   "upload-file_uploadFileSizeLimit": {
     "zh-CN": "上传的文件大小不能超过$0",
     en: "The size of the uploaded file cannot exceed $0",
@@ -112,7 +111,7 @@ const _ = (a, n) => {
   }
 };
 P($);
-const K = S(W), Q = () => V(null), X = { name: "复合型文件上传 upload-file" };
+const K = S(W), Q = () => g(null), X = { name: "复合型文件上传 upload-file" };
 export {
   K as DasBusinessUploadFile,
   Q as DasBusinessUploadFileRef,

package/packages/business-components/upload-file/src/App.vue.d.ts

@@ -2,9 +2,11 @@ import type { Props } from './type';
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: string) => any;
     "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => any;
+    "upload-fail": (file: import("ant-design-vue").UploadFile<any>) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
     "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+    "onUpload-fail"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
 }>, {
     type: "input" | "image";
     minioTokenApi: string;

package/packages/business-components/upload-file/src/type.d.ts

@@ -51,4 +51,7 @@ export interface Emits {
 
   
   (e: 'upload-success', file: UploadFile, url: string): void
+
+  
+  (e: 'upload-fail', file: UploadFile): void
 }

package/packages/business-components/upload-file/style.css

@@ -1 +1 @@
-.das-business-file-upload[data-v-57c87228]{display:flex;align-items:center;width:var(--66b28a84)}.das-business-file-upload .input-box[data-v-57c87228]{flex:1;min-width:0;padding-right:20px;box-sizing:border-box}.das-business-file-upload .image-box[data-v-57c87228]{position:relative;padding-right:60px}.das-business-file-upload .image-box[data-v-57c87228]:not(.is-view):after{position:absolute;display:block;content:"";height:calc(var(--52afe674) - 10px);width:1px;right:30px;top:50%;transform:translateY(-50%);background-color:#d9d9d9}
+.das-business-file-upload[data-v-b0e4c862]{display:flex;align-items:center;width:var(--e810a398)}.das-business-file-upload .input-box[data-v-b0e4c862]{flex:1;min-width:0;padding-right:20px;box-sizing:border-box}.das-business-file-upload .image-box[data-v-b0e4c862]{position:relative;padding-right:60px}.das-business-file-upload .image-box[data-v-b0e4c862]:not(.is-view):after{position:absolute;display:block;content:"";height:calc(var(--7d7d61be) - 10px);width:1px;right:30px;top:50%;transform:translateY(-50%);background-color:#d9d9d9}