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

package/packages/components/hls-player/src/das-hls-player.vue.d.ts

@@ -0,0 +1,11 @@
+import type { Props } from './type';
+declare const _default: import("vue").DefineComponent<Props, {
+    video: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    loaded: (player: any) => any;
+    errorClick: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onLoaded?: ((player: any) => any) | undefined;
+    onErrorClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/packages/components/hls-player/src/type.d.ts

@@ -0,0 +1,33 @@
+export interface Props {
+  
+  src?: string
+
+  
+  config?: any
+
+  
+  fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down'
+
+  
+  loading?: boolean
+
+  
+  loadingText?: string
+
+  
+  error?: boolean
+
+  
+  errorText?: string
+
+  
+  retryTime?: number
+}
+
+export interface Emits {
+  
+  (e: 'loaded', player: any): void
+
+  
+  (e: 'errorClick'): void
+}

package/packages/components/hls-player/style.css

@@ -0,0 +1 @@
+.test-video-dialog[data-v-2a88bbfd]{width:100%;height:100%;display:flex;flex-direction:column}.das-hls-player[data-v-2a88bbfd]{height:100%;width:100%;min-width:10px;min-height:10px;position:relative}.das-hls-player .video[data-v-2a88bbfd]{width:100%;height:100%;object-fit:fill;background:red}.das-hls-player .error[data-v-2a88bbfd]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#409eff;font-size:12px;cursor:pointer;background:var(--60797672)}.das-hls-player .landscape[data-v-2a88bbfd]{transform:rotate(90deg)!important;transform-origin:left top;width:100vh;height:100vw;overflow:hidden;position:fixed;top:0;left:0}.das-hls-player .player[data-v-2a88bbfd]::-webkit-media-controls{display:none!important}.das-hls-player .player[data-v-2a88bbfd]::-webkit-media-controls-enclosure{display:none!important}.das-hls-player .player[data-v-2a88bbfd]::-webkit-media-controls-panel{display:none!important}.das-hls-player .player[data-v-2a88bbfd]::-webkit-media-controls-play-button{display:none!important}.das-hls-player .player[data-v-2a88bbfd]::-webkit-media-controls-timeline{display:none!important}.das-hls-player .player[data-v-2a88bbfd]::-webkit-media-controls-current-time-display{display:none!important}.das-hls-player .player[data-v-2a88bbfd]::-webkit-media-controls-time-remaining-display{display:none!important}.das-hls-player .player[data-v-2a88bbfd]::-webkit-media-controls-mute-button{display:none!important}.das-hls-player .player[data-v-2a88bbfd]::-webkit-media-controls-volume-slider{display:none!important}.das-hls-player .player[data-v-2a88bbfd]::-webkit-media-controls-fullscreen-button{display:none!important}.das-hls-player .no-controls[data-v-2a88bbfd]::-webkit-media-controls{display:none!important}.das-hls-player .no-controls[data-v-2a88bbfd]::-webkit-media-controls-enclosure{display:none!important}.das-hls-player .player[data-v-2a88bbfd]{position:relative;width:100%;height:100%;object-fit:fill;background:#fff}

package/packages/components/image-upload/index.d.ts

@@ -11,6 +11,7 @@ declare const DasImageUpload: import("@das-fed/utils").SFCWithInstall<import("vu
     maxCount: number;
     errorMessage: string;
     accept: string;
+    openFileDialogOnClick: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
 export { DasImageUpload };
 export default DasImageUpload;

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

@@ -1,71 +1,71 @@
 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 $, 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 { withInstall as O } from "@das-fed/utils/with-install/index";
+import { currentLang as T, i18n as V, t as w, setI18nRule as R } from "@das-fed/web/packages/i18n/index";
+import { getVar as x, setThemeRule as K } from "@das-fed/web/packages/theme/index";
+import { computed as z, defineComponent as W, createElementBlock as P, openBlock as H, createCommentVNode as B, withDirectives as N, createVNode as g, unref as o, normalizeClass as L, withCtx as f, createElementVNode as v, toDisplayString as D, vShow as S, 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 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 { DasMessage as U } 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 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,
-    K: s,
+  const i = Number(t.slice(0, -1)), n = t[t.length - 1].toUpperCase(), l = 1024, C = {
+    M: l * l,
+    K: l,
     B: 1
   };
-  return { finalSize: i * f[n], sizeText: t };
+  return { finalSize: i * C[n], sizeText: t };
 } }), 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: (e) => {
-    var x, T, V;
+  const i = ae(a, "status"), { size2B: n } = oe(), l = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], C = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], s = z(() => {
+    var c;
+    let e = a.accept ? (c = a.accept) == null ? void 0 : c.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, ...l]), a.acceptAudio && (e = [...e, ...C]), e.join(",");
+  }), y = z(() => i.value === "uploading"), k = z(() => i.value === "error");
+  return { isAccept: s, uploadStatus: i, loading: y, errored: k, beforeupload: (e) => {
+    var _, F, I;
     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 = $(
+      const { finalSize: d, sizeText: u } = n(a.maxSize);
+      if (e.size > d) {
+        const h = a.acceptAudio || a.acceptVideo ? "das-ui-import-upload-key4" : "das-ui-import-upload-key3", p = T.value === "zh-CN" ? "、" : ", ", b = V(
           h,
           u,
-          ((V = (T = (x = r.value) == null ? void 0 : x.toUpperCase()) == null ? void 0 : T.replaceAll(".", "")) == null ? void 0 : V.replaceAll(",", p)) ?? ""
+          ((I = (F = (_ = s.value) == null ? void 0 : _.toUpperCase()) == null ? void 0 : F.replaceAll(".", "")) == null ? void 0 : I.replaceAll(",", p)) ?? ""
         ).value, A = a.errorMessage || b;
-        return M.warning(A), t("update:status", "normal"), i.value = "normal", !1;
+        return U.warning(A), t("update:status", "normal"), i.value = "normal", !1;
       }
     }
-    const d = () => (i.value = "uploading", t("update:status", "uploading"), t("image-upload", e), !1);
+    const c = () => (i.value = "uploading", t("update:status", "uploading"), t("image-upload", e), !1);
     if (a.customCheck) {
-      const c = a.customCheck(e);
-      if (c instanceof Promise)
+      const d = a.customCheck(e);
+      if (d instanceof Promise)
         return new Promise(async (u, h) => {
           let p;
           try {
-            p = await c.then();
+            p = await d.then();
           } catch {
             p = !1;
           }
-          p ? d() : h(!1);
+          p ? c() : h(!1);
         });
-      if (!c)
+      if (!d)
         return t("update:status", "normal"), i.value = "normal", !1;
-    } else if (r.value) {
-      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;
+    } else if (s.value) {
+      const d = s.value.split(",").filter((r) => r.trim().startsWith(".")).map((r) => r.trim()), u = s.value.split(",").filter((r) => !r.trim().startsWith(".")).map((r) => r.trim()), h = ee(e.name), p = d.includes(h);
+      let b = u.includes("image/*") && e.type.split("/")[0].trim() === "image", A = u.includes("video/*") && e.type.split("/")[0].trim() === "video", $ = u.includes("audio/*") && e.type.split("/")[0].trim() === "audio", M = u.includes(e.type) || b || A || $;
+      if (!p && !M) {
+        const r = a.acceptAudio || a.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", j = T.value === "zh-CN" ? "、" : ", ", E = a.errorMessage || V(r, s.value.toUpperCase().replaceAll(".", "").replaceAll(",", j)).value;
+        return U.warning(E), !1;
       }
     }
-    return d();
+    return c();
   } };
-}, 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({
+}, ie = { class: "das-ui-image-upload" }, le = { class: "das-ui-image-upload-dragger-context" }, se = { class: "text" }, re = { class: "das-ui-image-upload-error-container" }, ne = { class: "tips-container" }, ce = { class: "text" }, de = /* @__PURE__ */ W({
   __name: "Index",
   props: {
     maxCount: { default: 1 },
@@ -77,38 +77,40 @@ const oe = () => ({ size2B: (t) => {
     acceptAudio: { type: Boolean },
     maxSize: {},
     customCheck: {},
-    autoContentType: { type: Boolean }
+    autoContentType: { type: Boolean },
+    openFileDialogOnClick: { type: Boolean, default: !0 }
   },
   emits: ["update:status", "image-upload"],
   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, [
+    const i = a, n = t, { isAccept: l, uploadStatus: C, loading: s, errored: y, beforeupload: k } = te(i, n);
+    return (m, e) => (H(), P("div", ie, [
       B(" 图片上传组件 "),
-      N(m(o(Q), {
-        class: O([{ "loading-border": o(r) }]),
+      N(g(o(Q), {
+        class: L([{ "loading-border": o(s) }]),
         type: "component",
-        spinning: o(r)
+        spinning: o(s)
       }, {
-        default: g(() => [
-          m(o(G), {
+        default: f(() => [
+          g(o(G), {
             class: "das-ui-image-upload-dragger",
-            accept: o(s),
-            "max-count": _.maxCount,
-            "before-upload": o(y)
+            accept: o(l),
+            "max-count": m.maxCount,
+            "before-upload": o(k),
+            openFileDialogOnClick: m.openFileDialogOnClick
           }, {
-            itemRender: g(({ file: d, actions: x }) => e[0] || (e[0] = [])),
-            default: g(() => [
+            itemRender: f(({ file: c, actions: _ }) => e[0] || (e[0] = [])),
+            default: f(() => [
               N(v(
                 "div",
-                se,
+                le,
                 [
-                  m(o(Y), {
-                    iconColor: o(k)("--das-ui-color-secondary")
+                  g(o(Y), {
+                    iconColor: o(x)("--das-ui-color-secondary")
                   }, null, 8, ["iconColor"]),
                   v(
                     "div",
-                    re,
-                    S(_.message || o(w)("das-image-upload-text")),
+                    se,
+                    D(m.message || o(w)("das-image-upload-text")),
                     1
                     /* TEXT */
                   )
@@ -116,50 +118,51 @@ const oe = () => ({ size2B: (t) => {
                 512
                 /* NEED_PATCH */
               ), [
-                [I, o(f) === "normal"]
+                [S, o(C) === "normal"]
               ])
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["accept", "max-count", "before-upload"])
+          }, 8, ["accept", "max-count", "before-upload", "openFileDialogOnClick"])
         ]),
         _: 1
         /* STABLE */
       }, 8, ["class", "spinning"]), [
-        [I, !o(C)]
+        [S, !o(y)]
       ]),
       B(" 错误状态 "),
       N(v(
         "div",
-        le,
+        re,
         [
           v("div", ne, [
-            m(o(Z), {
-              iconColor: o(k)("--das-ui-color-danger"),
+            g(o(Z), {
+              iconColor: o(x)("--das-ui-color-danger"),
               size: "small"
             }, null, 8, ["iconColor"]),
             v(
               "div",
-              de,
-              S(o(w)("das-image-upload-fail")),
+              ce,
+              D(o(w)("das-image-upload-fail")),
               1
               /* TEXT */
             )
           ]),
-          m(o(J), {
-            accept: o(s),
-            "before-upload": o(y),
-            "max-count": _.maxCount
+          g(o(J), {
+            accept: o(l),
+            "before-upload": o(k),
+            "max-count": m.maxCount,
+            openFileDialogOnClick: m.openFileDialogOnClick
           }, {
-            itemRender: g(({ file: d, actions: x }) => e[1] || (e[1] = [])),
-            default: g(() => [
-              m(o(X), {
+            itemRender: f(({ file: c, actions: _ }) => e[1] || (e[1] = [])),
+            default: f(() => [
+              g(o(X), {
                 "btn-type": "primary-text",
                 block: ""
               }, {
-                default: g(() => [
+                default: f(() => [
                   q(
-                    S(o(w)("das-image-upload-reupload")),
+                    D(o(w)("das-image-upload-reupload")),
                     1
                     /* TEXT */
                   )
@@ -170,21 +173,21 @@ const oe = () => ({ size2B: (t) => {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["accept", "before-upload", "max-count"])
+          }, 8, ["accept", "before-upload", "max-count", "openFileDialogOnClick"])
         ],
         512
         /* NEED_PATCH */
       ), [
-        [I, o(C)]
+        [S, o(y)]
       ])
     ]));
   }
 }), ue = (a, t) => {
   const i = a.__vccOpts || a;
-  for (const [n, s] of t)
-    i[n] = s;
+  for (const [n, l] of t)
+    i[n] = l;
   return i;
-}, pe = /* @__PURE__ */ ue(ce, [["__scopeId", "data-v-5821ad3e"]]), me = {
+}, pe = /* @__PURE__ */ ue(de, [["__scopeId", "data-v-1159eda2"]]), me = {
   "das-ui-import-upload-key1": {
     "zh-CN": "上传的图片格式只能是$0",
     en: "The uploaded picture format can only be $0",
@@ -211,13 +214,13 @@ const oe = () => ({ size2B: (t) => {
 }, 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-bgcolor-hover": { light: x("--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") }
-}, Ie = R(pe);
-K(me);
-W(ge);
+  "--das-ui-image-upload-border-color-error": { light: x("--das-ui-color-danger-level2") }
+}, Se = O(pe);
+R(me);
+K(ge);
 export {
-  Ie as DasImageUpload,
-  Ie as default
+  Se as DasImageUpload,
+  Se as default
 };

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

@@ -12,5 +12,6 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     maxCount: number;
     errorMessage: string;
     accept: string;
+    openFileDialogOnClick: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -29,6 +29,9 @@ export interface Props {
 
   
   autoContentType?: boolean
+
+  
+  openFileDialogOnClick?: boolean
 }
 
 export interface Emits {

package/packages/components/image-upload/style.css

@@ -1 +1 @@
-.das-ui-image-upload[data-v-5821ad3e]{height:100px;width:100px}.das-ui-image-upload .loading-border[data-v-5821ad3e]{border:1px dashed var(--das-ui-image-upload-border-color)}.das-ui-image-upload[data-v-5821ad3e] .das-ui-image-upload-dragger.ant-upload-drag{width:100%;height:100%;background:var(--das-ui-image-upload-bgcolor);border-color:var(--das-ui-image-upload-border-color)}.das-ui-image-upload[data-v-5821ad3e] .das-ui-image-upload-dragger.ant-upload-drag:hover{background:var(--das-ui-image-upload-bgcolor-hover);border-color:var(--das-ui-image-upload-border-color-hover)}.das-ui-image-upload[data-v-5821ad3e] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn{padding:31px 0}.das-ui-image-upload[data-v-5821ad3e] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn .das-ui-image-upload-dragger-context{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-image-upload[data-v-5821ad3e] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn .das-ui-image-upload-dragger-context .text{font-size:12px;color:var(--das-ui-color-help);letter-spacing:0;text-align:center;line-height:18px;font-weight:400}.das-ui-image-upload .das-ui-image-upload-error-container[data-v-5821ad3e]{width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--das-ui-color-danger);background-color:var(--das-ui-image-upload-border-color-error)}.das-ui-image-upload .das-ui-image-upload-error-container .tips-container[data-v-5821ad3e]{display:flex;align-items:center;color:var(--das-ui-color-danger);font-size:12px}.das-ui-image-upload .das-ui-image-upload-error-container .tips-container .text[data-v-5821ad3e]{margin-left:4px}
+.das-ui-image-upload[data-v-1159eda2]{height:100px;width:100px}.das-ui-image-upload .loading-border[data-v-1159eda2]{border:1px dashed var(--das-ui-image-upload-border-color)}.das-ui-image-upload[data-v-1159eda2] .das-ui-image-upload-dragger.ant-upload-drag{width:100%;height:100%;background:var(--das-ui-image-upload-bgcolor);border-color:var(--das-ui-image-upload-border-color)}.das-ui-image-upload[data-v-1159eda2] .das-ui-image-upload-dragger.ant-upload-drag:hover{background:var(--das-ui-image-upload-bgcolor-hover);border-color:var(--das-ui-image-upload-border-color-hover)}.das-ui-image-upload[data-v-1159eda2] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn{padding:31px 0}.das-ui-image-upload[data-v-1159eda2] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn .das-ui-image-upload-dragger-context{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-image-upload[data-v-1159eda2] .das-ui-image-upload-dragger.ant-upload-drag .ant-upload-btn .das-ui-image-upload-dragger-context .text{font-size:12px;color:var(--das-ui-color-help);letter-spacing:0;text-align:center;line-height:18px;font-weight:400}.das-ui-image-upload .das-ui-image-upload-error-container[data-v-1159eda2]{width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--das-ui-color-danger);background-color:var(--das-ui-image-upload-border-color-error)}.das-ui-image-upload .das-ui-image-upload-error-container .tips-container[data-v-1159eda2]{display:flex;align-items:center;color:var(--das-ui-color-danger);font-size:12px}.das-ui-image-upload .das-ui-image-upload-error-container .tips-container .text[data-v-1159eda2]{margin-left:4px}

package/packages/components/image-viewer/index.d.ts

@@ -3,15 +3,17 @@ declare const DasImageViewer: import("@das-fed/utils").SFCWithInstall<import("vu
     "update:modelValue": (val: string) => any;
     "update:status": (val: string) => any;
     "image-upload": (file: import("ant-design-vue").UploadFile<any>) => any;
-    deleteImage: (val: string) => any;
+    clickChangeIcon: (url: string) => any;
     downloadImage: (val: string) => any;
+    deleteImage: (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;
+    onClickChangeIcon?: ((url: string) => any) | undefined;
     onDownloadImage?: ((val: string) => any) | undefined;
+    onDeleteImage?: ((val: string) => any) | undefined;
     "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
 }>, {
     style: any;
@@ -26,6 +28,7 @@ declare const DasImageViewer: import("@das-fed/utils").SFCWithInstall<import("vu
         full_screen?: boolean;
     };
     accept: string;
+    openFileDialogOnClick: boolean;
     minioTokenApi: string;
     limitNum: number;
     needDownloadBtn: boolean;