@das-fed/ui 6.4.0-hot.35 → 6.4.0-hot.37

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

@@ -1,18 +1,19 @@
 import '@das-fed/ui/packages/components/image-upload/style.css';
 import { withInstall as R } from "@das-fed/utils/with-install/index";
-import { currentLang as U, i18n as V, t as w, setI18nRule as F } from "@das-fed/web/packages/i18n/index";
-import { getVar as k, setThemeRule as K } from "@das-fed/web/packages/theme/index";
-import { computed as z, defineComponent as W, openBlock as P, createElementBlock as H, withDirectives as N, createVNode as m, unref as o, normalizeClass as L, withCtx as g, createElementVNode as v, toDisplayString as S, vShow as I, createTextVNode as O } from "vue";
-import { UploadDragger as q, Upload as G } from "ant-design-vue";
+import { currentLang as U, i18n as $, t as w, setI18nRule as K } from "@das-fed/web/packages/i18n/index";
+import { getVar as k, setThemeRule as W } from "@das-fed/web/packages/theme/index";
+import { computed as z, defineComponent as P, createElementBlock as H, openBlock as L, createCommentVNode as B, withDirectives as N, createVNode as m, unref as o, normalizeClass as O, withCtx as g, createElementVNode as v, toDisplayString as S, vShow as I, createTextVNode as q } from "vue";
+import { UploadDragger as G, Upload as J } from "ant-design-vue";
 import "ant-design-vue/es/upload/style/css";
-import { DasSpin as J } from "@das-fed/ui/packages/components/spin/index";
-import { DasButton as Q } from "@das-fed/ui/packages/components/button/index";
-import { DasIconAddto as X } from "@das-fed/ui/packages/icons/addto/index";
-import { DasIconWarning as Y } from "@das-fed/ui/packages/icons/warning/index";
-import { DasMessage as B } from "@das-fed/ui/packages/components/message/index";
-import { useModelValue as Z } from "@das-fed/utils/vue";
+import { DasSpin as Q } from "@das-fed/ui/packages/components/spin/index";
+import { DasButton as X } from "@das-fed/ui/packages/components/button/index";
+import { DasIconAddto as Y } from "@das-fed/ui/packages/icons/addto/index";
+import { DasIconWarning as Z } from "@das-fed/ui/packages/icons/warning/index";
+import { DasMessage as M } from "@das-fed/ui/packages/components/message/index";
+import { getFileExtension as ee } from "@das-fed/utils/common-tools";
+import { useModelValue as ae } from "@das-fed/utils/vue";
 import "@das-fed/ui/packages/global/theme";
-const ee = () => ({ size2B: (t) => {
+const oe = () => ({ size2B: (t) => {
   isNaN(Number(t)) ? t = t.toString() : t = t + "M";
   const i = Number(t.slice(0, -1)), n = t[t.length - 1].toUpperCase(), s = 1024, f = {
     M: s * s,
@@ -20,51 +21,51 @@ const ee = () => ({ size2B: (t) => {
     B: 1
   };
   return { finalSize: i * f[n], sizeText: t };
-} }), ae = (e, t) => {
-  const i = Z(e, "status"), { size2B: n } = ee(), s = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], f = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], r = z(() => {
-    var c;
-    let a = e.accept ? (c = e.accept) == null ? void 0 : c.split(",") : [];
-    return a.includes("image/jpg") && !a.includes("image/jpeg") && a.push("image/jpeg"), a.includes(".jpg") && !a.includes(".jpeg") && a.push(".jpeg"), e.acceptVideo && (a = [...a, ...s]), e.acceptAudio && (a = [...a, ...f]), a.join(",");
+} }), te = (a, t) => {
+  const i = ae(a, "status"), { size2B: n } = oe(), s = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], f = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], r = z(() => {
+    var d;
+    let e = a.accept ? (d = a.accept) == null ? void 0 : d.split(",") : [];
+    return e.includes("image/jpg") && !e.includes("image/jpeg") && e.push("image/jpeg"), e.includes(".jpg") && !e.includes(".jpeg") && e.push(".jpeg"), a.acceptVideo && (e = [...e, ...s]), a.acceptAudio && (e = [...e, ...f]), e.join(",");
   }), C = z(() => i.value === "uploading"), y = z(() => i.value === "error");
-  return { isAccept: r, uploadStatus: i, loading: C, errored: y, beforeupload: (a) => {
-    var x, T, $;
-    if (e.maxSize) {
-      const { finalSize: d, sizeText: u } = n(e.maxSize);
-      if (a.size > d) {
-        const h = e.acceptAudio || e.acceptVideo ? "das-ui-import-upload-key4" : "das-ui-import-upload-key3", p = U.value === "zh-CN" ? "、" : ", ", b = V(
+  return { isAccept: r, uploadStatus: i, loading: C, errored: y, beforeupload: (e) => {
+    var x, T, V;
+    if (a.maxSize) {
+      const { finalSize: c, sizeText: u } = n(a.maxSize);
+      if (e.size > c) {
+        const h = a.acceptAudio || a.acceptVideo ? "das-ui-import-upload-key4" : "das-ui-import-upload-key3", p = U.value === "zh-CN" ? "、" : ", ", b = $(
           h,
           u,
-          (($ = (T = (x = r.value) == null ? void 0 : x.toUpperCase()) == null ? void 0 : T.replaceAll(".", "")) == null ? void 0 : $.replaceAll(",", p)) ?? ""
-        ).value, A = e.errorMessage || b;
-        return B.warning(A), t("update:status", "normal"), i.value = "normal", !1;
+          ((V = (T = (x = r.value) == null ? void 0 : x.toUpperCase()) == null ? void 0 : T.replaceAll(".", "")) == null ? void 0 : V.replaceAll(",", p)) ?? ""
+        ).value, A = a.errorMessage || b;
+        return M.warning(A), t("update:status", "normal"), i.value = "normal", !1;
       }
     }
-    const c = () => (i.value = "uploading", t("update:status", "uploading"), t("image-upload", a), !1);
-    if (e.customCheck) {
-      const d = e.customCheck(a);
-      if (d instanceof Promise)
+    const d = () => (i.value = "uploading", t("update:status", "uploading"), t("image-upload", e), !1);
+    if (a.customCheck) {
+      const c = a.customCheck(e);
+      if (c instanceof Promise)
         return new Promise(async (u, h) => {
           let p;
           try {
-            p = await d.then();
+            p = await c.then();
           } catch {
             p = !1;
           }
-          p ? c() : h(!1);
+          p ? d() : h(!1);
         });
-      if (!d)
+      if (!c)
         return t("update:status", "normal"), i.value = "normal", !1;
     } else if (r.value) {
-      const d = r.value.split(",").filter((l) => l.trim().startsWith(".")).map((l) => l.trim()), u = r.value.split(",").filter((l) => !l.trim().startsWith(".")).map((l) => l.trim()), h = a.name.match(/\.(.+)$/), p = d.includes(h[0]);
-      let b = u.includes("image/*") && a.type.split("/")[0].trim() === "image", A = u.includes("video/*") && a.type.split("/")[0].trim() === "video", M = u.includes("audio/*") && a.type.split("/")[0].trim() === "audio", j = u.includes(a.type) || b || A || M;
-      if (!p && !j) {
-        const l = e.acceptAudio || e.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", D = U.value === "zh-CN" ? "、" : ", ", E = e.errorMessage || V(l, r.value.toUpperCase().replaceAll(".", "").replaceAll(",", D)).value;
-        return B.warning(E), !1;
+      const c = r.value.split(",").filter((l) => l.trim().startsWith(".")).map((l) => l.trim()), u = r.value.split(",").filter((l) => !l.trim().startsWith(".")).map((l) => l.trim()), h = ee(e.name), p = c.includes(h);
+      let b = u.includes("image/*") && e.type.split("/")[0].trim() === "image", A = u.includes("video/*") && e.type.split("/")[0].trim() === "video", j = u.includes("audio/*") && e.type.split("/")[0].trim() === "audio", D = u.includes(e.type) || b || A || j;
+      if (!p && !D) {
+        const l = a.acceptAudio || a.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", E = U.value === "zh-CN" ? "、" : ", ", F = a.errorMessage || $(l, r.value.toUpperCase().replaceAll(".", "").replaceAll(",", E)).value;
+        return M.warning(F), !1;
       }
     }
-    return c();
+    return d();
   } };
-}, oe = { class: "das-ui-image-upload" }, te = { class: "das-ui-image-upload-dragger-context" }, ie = { class: "text" }, se = { class: "das-ui-image-upload-error-container" }, re = { class: "tips-container" }, le = { class: "text" }, ne = /* @__PURE__ */ W({
+}, ie = { class: "das-ui-image-upload" }, se = { class: "das-ui-image-upload-dragger-context" }, re = { class: "text" }, le = { class: "das-ui-image-upload-error-container" }, ne = { class: "tips-container" }, de = { class: "text" }, ce = /* @__PURE__ */ P({
   __name: "Index",
   props: {
     maxCount: { default: 1 },
@@ -79,77 +80,111 @@ const ee = () => ({ size2B: (t) => {
     autoContentType: { type: Boolean }
   },
   emits: ["update:status", "image-upload"],
-  setup(e, { emit: t }) {
-    const i = e, n = t, { isAccept: s, uploadStatus: f, loading: r, errored: C, beforeupload: y } = ae(i, n);
-    return (_, a) => (P(), H("div", oe, [
-      N(m(o(J), {
-        class: L([{ "loading-border": o(r) }]),
+  setup(a, { emit: t }) {
+    const i = a, n = t, { isAccept: s, uploadStatus: f, loading: r, errored: C, beforeupload: y } = te(i, n);
+    return (_, e) => (L(), H("div", ie, [
+      B(" 图片上传组件 "),
+      N(m(o(Q), {
+        class: O([{ "loading-border": o(r) }]),
         type: "component",
         spinning: o(r)
       }, {
         default: g(() => [
-          m(o(q), {
+          m(o(G), {
             class: "das-ui-image-upload-dragger",
             accept: o(s),
             "max-count": _.maxCount,
             "before-upload": o(y)
           }, {
-            itemRender: g(({ file: c, actions: x }) => []),
+            itemRender: g(({ file: d, actions: x }) => e[0] || (e[0] = [])),
             default: g(() => [
-              N(v("div", te, [
-                m(o(X), {
-                  iconColor: o(k)("--das-ui-color-secondary")
-                }, null, 8, ["iconColor"]),
-                v("div", ie, S(_.message || o(w)("das-image-upload-text")), 1)
-              ], 512), [
+              N(v(
+                "div",
+                se,
+                [
+                  m(o(Y), {
+                    iconColor: o(k)("--das-ui-color-secondary")
+                  }, null, 8, ["iconColor"]),
+                  v(
+                    "div",
+                    re,
+                    S(_.message || o(w)("das-image-upload-text")),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                512
+                /* NEED_PATCH */
+              ), [
                 [I, o(f) === "normal"]
               ])
             ]),
             _: 1
+            /* STABLE */
           }, 8, ["accept", "max-count", "before-upload"])
         ]),
         _: 1
+        /* STABLE */
       }, 8, ["class", "spinning"]), [
         [I, !o(C)]
       ]),
-      N(v("div", se, [
-        v("div", re, [
-          m(o(Y), {
-            iconColor: o(k)("--das-ui-color-danger"),
-            size: "small"
-          }, null, 8, ["iconColor"]),
-          v("div", le, S(o(w)("das-image-upload-fail")), 1)
-        ]),
-        m(o(G), {
-          accept: o(s),
-          "before-upload": o(y),
-          "max-count": _.maxCount
-        }, {
-          itemRender: g(({ file: c, actions: x }) => []),
-          default: g(() => [
-            m(o(Q), {
-              "btn-type": "primary-text",
-              block: ""
-            }, {
-              default: g(() => [
-                O(S(o(w)("das-image-upload-reupload")), 1)
-              ]),
-              _: 1
-            })
+      B(" 错误状态 "),
+      N(v(
+        "div",
+        le,
+        [
+          v("div", ne, [
+            m(o(Z), {
+              iconColor: o(k)("--das-ui-color-danger"),
+              size: "small"
+            }, null, 8, ["iconColor"]),
+            v(
+              "div",
+              de,
+              S(o(w)("das-image-upload-fail")),
+              1
+              /* TEXT */
+            )
           ]),
-          _: 1
-        }, 8, ["accept", "before-upload", "max-count"])
-      ], 512), [
+          m(o(J), {
+            accept: o(s),
+            "before-upload": o(y),
+            "max-count": _.maxCount
+          }, {
+            itemRender: g(({ file: d, actions: x }) => e[1] || (e[1] = [])),
+            default: g(() => [
+              m(o(X), {
+                "btn-type": "primary-text",
+                block: ""
+              }, {
+                default: g(() => [
+                  q(
+                    S(o(w)("das-image-upload-reupload")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["accept", "before-upload", "max-count"])
+        ],
+        512
+        /* NEED_PATCH */
+      ), [
         [I, o(C)]
       ])
     ]));
   }
-}), ce = (e, t) => {
-  const i = e.__vccOpts || e;
+}), ue = (a, t) => {
+  const i = a.__vccOpts || a;
   for (const [n, s] of t)
     i[n] = s;
   return i;
-}, de = /* @__PURE__ */ ce(ne, [["__scopeId", "data-v-5821ad3e"]]), ue = {
+}, pe = /* @__PURE__ */ ue(ce, [["__scopeId", "data-v-5821ad3e"]]), me = {
   "das-ui-import-upload-key1": {
     "zh-CN": "上传的图片格式只能是$0",
     en: "The uploaded picture format can only be $0",
@@ -173,16 +208,16 @@ const ee = () => ({ size2B: (t) => {
   "das-image-upload-text": { "zh-CN": "上传图片", en: "Upload Image", _appCode: "framework" },
   "das-image-upload-reupload": { "zh-CN": "重新上传", en: "Re-upload", _appCode: "framework" },
   "das-image-upload-fail": { "zh-CN": "上传失败", en: "Uploaded Failed", _appCode: "framework" }
-}, pe = {
+}, ge = {
   "--das-ui-image-upload-bgcolor": { light: "#FAFAFA" },
   "--das-ui-image-upload-border-color": { light: "#E5E5E5" },
   "--das-ui-image-upload-bgcolor-hover": { light: k("--das-ui-color-primary-level1") },
   "--das-ui-image-upload-border-color-hover": { light: "#5582F3" },
   "--das-ui-image-upload-border-color-error": { light: k("--das-ui-color-danger-level2") }
-}, ze = R(de);
-F(ue);
-K(pe);
+}, Ie = R(pe);
+K(me);
+W(ge);
 export {
-  ze as DasImageUpload,
-  ze as default
+  Ie as DasImageUpload,
+  Ie 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;
-}, {
+}>, {
     status: "normal" | "uploading" | "error";
     message: string;
     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-viewer/index.d.ts

@@ -1,245 +1,19 @@
 import '@das-fed/ui/packages/global/theme';
-declare const DasImageViewer: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<{
-    style: {
-        type: import("vue").PropType<any>;
-        required: true;
-        default: string;
-    };
-    mode: {
-        type: import("vue").PropType<"view" | "upload">;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<string | string[]>;
-        required: true;
-    };
-    status: {
-        type: import("vue").PropType<"info" | "error" | "normal" | "uploading">;
-        default: string;
-    };
-    message: {
-        type: import("vue").PropType<string>;
-    };
-    autoContentType: {
-        type: import("vue").PropType<boolean>;
-    };
-    bucketName: {
-        type: import("vue").PropType<string>;
-    };
-    videoWidth: {
-        type: import("vue").PropType<number>;
-    };
-    videoHeight: {
-        type: import("vue").PropType<number>;
-    };
-    needPreview: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    errorMessage: {
-        type: import("vue").PropType<string>;
-    };
-    previewBtnConfig: {
-        type: import("vue").PropType<boolean | {
-            zoom_in?: boolean;
-            zoom_out?: boolean;
-            turn_left?: boolean;
-            turn_right?: boolean;
-            full_screen?: boolean;
-        }>;
-        default: boolean;
-    };
-    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<any>>;
-    };
-    baseUrl: {
-        type: import("vue").PropType<string>;
-    };
-    minioTokenApi: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    serviceName: {
-        type: import("vue").PropType<string>;
-    };
-    pathPrefix: {
-        type: import("vue").PropType<string>;
-    };
-    imageName: {
-        type: import("vue").PropType<string | string[]>;
-    };
-    showImageName: {
-        type: import("vue").PropType<boolean>;
-    };
-    limitNum: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    needDownloadBtn: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    needDeleteBtn: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    needChangeBtn: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    imageFit: {
-        type: import("vue").PropType<"" | "fill" | "none" | "contain" | "cover" | "scale-down">;
-        default: string;
-    };
-    randomName: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    useOriginUrl: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (val: string) => void;
-    "update:status": (val: string) => void;
-    downloadImage: (val: string) => void;
-    "image-upload": (file: import("ant-design-vue").UploadFile<any>) => void;
-    "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => void;
-    deleteImage: (val: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    style: {
-        type: import("vue").PropType<any>;
-        required: true;
-        default: string;
-    };
-    mode: {
-        type: import("vue").PropType<"view" | "upload">;
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<string | string[]>;
-        required: true;
-    };
-    status: {
-        type: import("vue").PropType<"info" | "error" | "normal" | "uploading">;
-        default: string;
-    };
-    message: {
-        type: import("vue").PropType<string>;
-    };
-    autoContentType: {
-        type: import("vue").PropType<boolean>;
-    };
-    bucketName: {
-        type: import("vue").PropType<string>;
-    };
-    videoWidth: {
-        type: import("vue").PropType<number>;
-    };
-    videoHeight: {
-        type: import("vue").PropType<number>;
-    };
-    needPreview: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    errorMessage: {
-        type: import("vue").PropType<string>;
-    };
-    previewBtnConfig: {
-        type: import("vue").PropType<boolean | {
-            zoom_in?: boolean;
-            zoom_out?: boolean;
-            turn_left?: boolean;
-            turn_right?: boolean;
-            full_screen?: boolean;
-        }>;
-        default: boolean;
-    };
-    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<any>>;
-    };
-    baseUrl: {
-        type: import("vue").PropType<string>;
-    };
-    minioTokenApi: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    serviceName: {
-        type: import("vue").PropType<string>;
-    };
-    pathPrefix: {
-        type: import("vue").PropType<string>;
-    };
-    imageName: {
-        type: import("vue").PropType<string | string[]>;
-    };
-    showImageName: {
-        type: import("vue").PropType<boolean>;
-    };
-    limitNum: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    needDownloadBtn: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    needDeleteBtn: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    needChangeBtn: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    imageFit: {
-        type: import("vue").PropType<"" | "fill" | "none" | "contain" | "cover" | "scale-down">;
-        default: string;
-    };
-    randomName: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    useOriginUrl: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+declare const DasImageViewer: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: string) => any;
+    "update:status": (val: string) => any;
+    "image-upload": (file: import("ant-design-vue").UploadFile<any>) => any;
+    deleteImage: (val: string) => any;
+    downloadImage: (val: string) => any;
+    "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => any;
+}, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
     "onUpdate:status"?: ((val: string) => any) | undefined;
     "onImage-upload"?: ((file: import("ant-design-vue").UploadFile<any>) => any) | undefined;
     onDeleteImage?: ((val: string) => any) | undefined;
     onDownloadImage?: ((val: string) => any) | undefined;
     "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
-}, {
+}>, {
     style: any;
     mode: "upload" | "view";
     status: "normal" | "uploading" | "error" | "info";
@@ -260,7 +34,7 @@ declare const DasImageViewer: import("@das-fed/utils").SFCWithInstall<import("vu
     imageFit: "" | "fill" | "contain" | "cover" | "none" | "scale-down";
     randomName: boolean;
     useOriginUrl: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { useCalculateSize } from './src/hooks/use-calculateSize';
 export { minioUpload } from './src/hooks/minioUpload';
 export { DasImageViewer };