@das-fed/ui 6.4.0-hot.51 → 6.4.0-hot.52

package/packages/business-components/process-table/src/App.vue.d.ts

@@ -1,93 +1,49 @@
-import { t } from '@das-fed/web';
-import { DasTable, DasTableColumn, DasDialog, DasButton, DasSwitch, DasTooltip } from '@das-fed/ui';
-import { valueFormat } from '../hooks/useValueFormatter';
 import type { Props } from './type';
-type __VLS_Props = Props;
-declare const loading: import("vue").ModelRef<boolean, string, boolean, boolean>;
-declare const copySettingHeaderData: import("vue").Ref<any[], any[]>, copyDialogHeaderData: import("vue").Ref<any, any>, defaultFilterSetting: import("vue").Ref<{
-    prop: string;
-    order: string;
-}[], {
-    prop: string;
-    order: string;
-}[] | {
-    prop: string;
-    order: string;
-}[]>, operation: (row: any, column: any, index: number) => any[], tableData: import("vue").Ref<any, any>, total: import("vue").Ref<number, number>, pageIndex: import("vue").Ref<number, number>, pageSize: import("vue").Ref<number, number>, handleCurrentPageChange: (val: any) => void, handlePageSizeChange: (val: any) => void, sortChange: (column: any) => void, customSelectionOptions: import("vue").Ref<any, any>, showOperationColumn: import("vue").Ref<boolean, boolean>;
-declare const showSettingDialog: import("vue").Ref<boolean, boolean>, cancelTabel: () => void, resetDefault: () => void, showAll: () => void, setTable: () => void, tableSetting: () => void;
+declare let __VLS_typeProps: Props;
+declare const loading: import("vue").ModelRef<boolean, string>;
 type __VLS_PublicProps = {
-    'loading'?: typeof loading['value'];
-} & __VLS_Props;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_12: {}, __VLS_22: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    prepend?: (props: typeof __VLS_12) => any;
-} & {
-    append?: (props: typeof __VLS_22) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_PublicProps, {
-    t: typeof t;
-    DasTable: typeof DasTable;
-    DasTableColumn: typeof DasTableColumn;
-    DasDialog: typeof DasDialog;
-    DasButton: typeof DasButton;
-    DasSwitch: typeof DasSwitch;
-    DasTooltip: typeof DasTooltip;
-    valueFormat: typeof valueFormat;
-    copySettingHeaderData: typeof copySettingHeaderData;
-    copyDialogHeaderData: typeof copyDialogHeaderData;
-    defaultFilterSetting: typeof defaultFilterSetting;
-    operation: typeof operation;
-    tableData: typeof tableData;
-    total: typeof total;
-    pageIndex: typeof pageIndex;
-    pageSize: typeof pageSize;
-    handleCurrentPageChange: typeof handleCurrentPageChange;
-    handlePageSizeChange: typeof handlePageSizeChange;
-    sortChange: typeof sortChange;
-    customSelectionOptions: typeof customSelectionOptions;
-    showOperationColumn: typeof showOperationColumn;
-    showSettingDialog: typeof showSettingDialog;
-    cancelTabel: typeof cancelTabel;
-    resetDefault: typeof resetDefault;
-    showAll: typeof showAll;
-    setTable: typeof setTable;
-    tableSetting: typeof tableSetting;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:loading": (value: boolean) => any;
-} & {
-    getSearchQuery: (val: any) => any;
-    changeSlotShow: (val: import("./type").ITableShowColumn[]) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:loading"?: ((value: boolean) => any) | undefined;
-    onGetSearchQuery?: ((val: any) => any) | undefined;
-    onChangeSlotShow?: ((val: import("./type").ITableShowColumn[]) => any) | undefined;
-}>, {
-    showOperationColumn: boolean;
+    'loading'?: NonNullable<typeof loading['value']>;
+} & typeof __VLS_typeProps;
+declare function __VLS_template(): {
+    prepend?(_: {}): any;
+    append?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     flowKey: string;
     needDisplayFileds: boolean;
-    clientType: "pc" | "mobile";
-    searchQuerys: import("./type").SearchQuerys[] | [];
-    sortQuerys: any[] | [];
-    extraParams: Record<string, any>;
-    permissionQuery: number[];
+    clientType: string;
+    searchQuerys: () => never[];
+    sortQuerys: () => never[];
+    extraParams: () => {};
+    permissionQuery: () => number[];
     apiUrl: string;
     reqMethod: string;
     columnSettingName: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
+    showOperationColumn: boolean;
+}>, {
     reqTableList: () => Promise<void>;
     handleCurrentPageChange: (val: any) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:loading": (value: boolean) => any;
-} & {
-    getSearchQuery: (val: any) => any;
-    changeSlotShow: (val: import("./type").ITableShowColumn[]) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:loading"?: ((value: boolean) => any) | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:loading": (loading: boolean) => void;
+    getSearchQuery: (val: any) => void;
+    changeSlotShow: (val: import("./type").ITableShowColumn[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    flowKey: string;
+    needDisplayFileds: boolean;
+    clientType: string;
+    searchQuerys: () => never[];
+    sortQuerys: () => never[];
+    extraParams: () => {};
+    permissionQuery: () => number[];
+    apiUrl: string;
+    reqMethod: string;
+    columnSettingName: string;
+    showOperationColumn: boolean;
+}>>> & {
+    "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
     onGetSearchQuery?: ((val: any) => any) | undefined;
     onChangeSlotShow?: ((val: import("./type").ITableShowColumn[]) => any) | undefined;
-}>, {
+}, {
     showOperationColumn: boolean;
     flowKey: string;
     needDisplayFileds: boolean;
@@ -99,11 +55,28 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     apiUrl: string;
     reqMethod: string;
     columnSettingName: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+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_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+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/business-components/upload-file/index.d.ts

@@ -1,80 +1,316 @@
-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<{
+declare const DasBusinessUploadFile: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<{
+    type: {
+        type: import("vue").PropType<"input" | "image">;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    width: {
+        type: import("vue").PropType<string>;
+    };
+    autoContentType: {
+        type: import("vue").PropType<boolean>;
+    };
+    bucketName: {
+        type: import("vue").PropType<string>;
+    };
+    isView: {
+        type: import("vue").PropType<boolean>;
+    };
+    maxSize: {
+        type: import("vue").PropType<string | number>;
+    };
+    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>;
+    };
+    imageWidth: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imageHeight: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputProps: {
+        type: import("vue").PropType<Record<any, any>>;
+        default: () => {};
+    };
+    imageProps: {
+        type: import("vue").PropType<Record<any, any>>;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: string) => void;
+    "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => void;
+    "upload-fail": (file: import("ant-design-vue").UploadFile<any>) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"input" | "image">;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    width: {
+        type: import("vue").PropType<string>;
+    };
+    autoContentType: {
+        type: import("vue").PropType<boolean>;
+    };
+    bucketName: {
+        type: import("vue").PropType<string>;
+    };
+    isView: {
+        type: import("vue").PropType<boolean>;
+    };
+    maxSize: {
+        type: import("vue").PropType<string | number>;
+    };
+    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>;
+    };
+    imageWidth: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imageHeight: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputProps: {
+        type: import("vue").PropType<Record<any, any>>;
+        default: () => {};
+    };
+    imageProps: {
+        type: import("vue").PropType<Record<any, any>>;
+        default: () => {};
+    };
+}>> & {
     "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;
     imageWidth: string;
     imageHeight: string;
     inputProps: Record<any, any>;
     imageProps: Record<any, any>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+}, {}>>;
 /** 获取组件实例 */
-declare const DasBusinessUploadFileRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
+declare const DasBusinessUploadFileRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"input" | "image">;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    width: {
+        type: import("vue").PropType<string>;
+    };
+    autoContentType: {
+        type: import("vue").PropType<boolean>;
+    };
+    bucketName: {
+        type: import("vue").PropType<string>;
+    };
+    isView: {
+        type: import("vue").PropType<boolean>;
+    };
+    maxSize: {
+        type: import("vue").PropType<string | number>;
+    };
+    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>;
+    };
+    imageWidth: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imageHeight: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputProps: {
+        type: import("vue").PropType<Record<any, any>>;
+        default: () => {};
+    };
+    imageProps: {
+        type: import("vue").PropType<Record<any, any>>;
+        default: () => {};
+    };
+}>> & {
     "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;
-    imageWidth: string;
-    imageHeight: string;
-    inputProps: Record<any, any>;
-    imageProps: Record<any, any>;
-}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-    P: {};
-    B: {};
-    D: {};
-    C: {};
-    M: {};
-    Defaults: {};
-}, 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;
-    imageWidth: string;
-    imageHeight: string;
-    inputProps: Record<any, any>;
-    imageProps: Record<any, any>;
-}> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: string) => void;
+    "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => void;
+    "upload-fail": (file: import("ant-design-vue").UploadFile<any>) => void;
+}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"input" | "image">;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    width: {
+        type: import("vue").PropType<string>;
+    };
+    autoContentType: {
+        type: import("vue").PropType<boolean>;
+    };
+    bucketName: {
+        type: import("vue").PropType<string>;
+    };
+    isView: {
+        type: import("vue").PropType<boolean>;
+    };
+    maxSize: {
+        type: import("vue").PropType<string | number>;
+    };
+    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>;
+    };
+    imageWidth: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imageHeight: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputProps: {
+        type: import("vue").PropType<Record<any, any>>;
+        default: () => {};
+    };
+    imageProps: {
+        type: import("vue").PropType<Record<any, any>>;
+        default: () => {};
+    };
+}>> & {
     "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;
     imageWidth: string;
     imageHeight: string;
     inputProps: Record<any, any>;
     imageProps: Record<any, any>;
-}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+}, true, {}, {}, {
     P: {};
     B: {};
     D: {};
     C: {};
     M: {};
     Defaults: {};
-}, Readonly<import("./src/type.js").Props> & Readonly<{
+}, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"input" | "image">;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    width: {
+        type: import("vue").PropType<string>;
+    };
+    autoContentType: {
+        type: import("vue").PropType<boolean>;
+    };
+    bucketName: {
+        type: import("vue").PropType<string>;
+    };
+    isView: {
+        type: import("vue").PropType<boolean>;
+    };
+    maxSize: {
+        type: import("vue").PropType<string | number>;
+    };
+    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>;
+    };
+    imageWidth: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    imageHeight: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    inputProps: {
+        type: import("vue").PropType<Record<any, any>>;
+        default: () => {};
+    };
+    imageProps: {
+        type: import("vue").PropType<Record<any, any>>;
+        default: () => {};
+    };
+}>> & {
     "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;
     imageWidth: string;

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

@@ -7,10 +7,10 @@ import { useCalculateSize as C, minioUpload as x, DasImageViewer as D } from "@d
 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 _ = (o, t) => {
-  const a = g(!1), { size2B: d } = C(), { upload: n } = x(o), r = (e) => {
+  const i = 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 { finalSize: a, sizeText: s } = d(o.maxSize);
+      if (e.size > a) {
         const z = N("upload-file_uploadFileSizeLimit", s);
         return I.warning(z), !1;
       }
@@ -21,14 +21,14 @@ const _ = (o, t) => {
     set: (e) => t("update:modelValue", e)
   });
   return {
-    loading: a,
+    loading: i,
     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);
+      if (i.value = !0, r(e)) {
+        const a = await n(e);
+        a && a !== "error" ? (l.value = a, t("upload-success", e, a)) : t("upload-fail", e);
       }
-      a.value = !1;
+      i.value = !1;
     }
   };
 }, T = { class: "das-business-file-upload" }, A = {
@@ -60,38 +60,32 @@ const _ = (o, t) => {
       e810a398: r.value,
       "7d7d61be": e.imageHeight
     }));
-    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, [
+    const i = o, d = t, n = g([]), r = h(() => (i == null ? void 0 : i.width) ?? "100%"), { imgUrl: l, uploadFile: v } = _(i, d);
+    return (e, a) => (m(), p("div", T, [
       e.type === "input" ? (m(), p("div", A, [
         f(u(b), c({
           width: "100%",
           modelValue: u(l),
-          "onUpdate:modelValue": i[0] || (i[0] = (s) => w(l) ? l.value = s : null),
+          "onUpdate:modelValue": a[0] || (a[0] = (s) => w(l) ? l.value = s : null),
           "is-view": e.isView
         }, e.inputProps), null, 16, ["modelValue", "is-view"])
-      ])) : V("v-if", !0),
-      e.type === "image" ? (m(), p(
-        "div",
-        {
-          key: 1,
-          class: k(["image-box", e.isView ? "is-view" : ""])
-        },
-        [
-          f(u(D), c({
-            style: { width: e.imageWidth, height: e.imageHeight },
-            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 */
-      )) : V("v-if", !0),
+      ])) : V("", !0),
+      e.type === "image" ? (m(), p("div", {
+        key: 1,
+        class: k(["image-box", e.isView ? "is-view" : ""])
+      }, [
+        f(u(D), c({
+          style: { width: e.imageWidth, height: e.imageHeight },
+          modelValue: u(l),
+          "onUpdate:modelValue": a[1] || (a[1] = (s) => w(l) ? l.value = s : null),
+          status: "info",
+          "is-view": !0
+        }, e.imageProps), null, 16, ["style", "modelValue"])
+      ], 2)) : V("", !0),
       F("div", H, [
         f(u(B), c({
           modelValue: n.value,
-          "onUpdate:modelValue": i[2] || (i[2] = (s) => n.value = s),
+          "onUpdate:modelValue": a[2] || (a[2] = (s) => n.value = s),
           draggle: !1,
           "is-view": e.isView
         }, e.$attrs, { onFileUpload: u(v) }), null, 16, ["modelValue", "is-view", "onFileUpload"])
@@ -99,10 +93,10 @@ const _ = (o, t) => {
     ]));
   }
 }), R = (o, t) => {
-  const a = o.__vccOpts || o;
+  const i = o.__vccOpts || o;
   for (const [d, n] of t)
-    a[d] = n;
-  return a;
+    i[d] = n;
+  return i;
 }, W = /* @__PURE__ */ R(L, [["__scopeId", "data-v-b0e4c862"]]), $ = {
   "upload-file_uploadFileSizeLimit": {
     "zh-CN": "上传的文件大小不能超过$0",