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

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

@@ -1,49 +1,93 @@
+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';
-declare let __VLS_typeProps: Props;
-declare const loading: import("vue").ModelRef<boolean, string>;
+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;
 type __VLS_PublicProps = {
-    '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>, {
+    '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;
     flowKey: string;
     needDisplayFileds: boolean;
-    clientType: string;
-    searchQuerys: () => never[];
-    sortQuerys: () => never[];
-    extraParams: () => {};
-    permissionQuery: () => number[];
+    clientType: "pc" | "mobile";
+    searchQuerys: import("./type").SearchQuerys[] | [];
+    sortQuerys: any[] | [];
+    extraParams: Record<string, any>;
+    permissionQuery: number[];
     apiUrl: string;
     reqMethod: string;
     columnSettingName: string;
-    showOperationColumn: boolean;
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
     reqTableList: () => Promise<void>;
     handleCurrentPageChange: (val: any) => void;
-}, 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;
+}, {}, {}, {}, 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;
     flowKey: string;
     needDisplayFileds: boolean;
@@ -55,28 +99,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     apiUrl: string;
     reqMethod: string;
     columnSettingName: string;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 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_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<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,316 +1,80 @@
-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: () => {};
-    };
-}>> & {
+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;
     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").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: () => {};
-    };
-}>> & {
+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;
-}, {}, 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: () => {};
-    };
-}>> & {
+}>, {}, {}, {}, {}, 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<{
     "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>;
-}, true, {}, {}, {
+}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
     P: {};
     B: {};
     D: {};
     C: {};
     M: {};
     Defaults: {};
-}, 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: () => {};
-    };
-}>> & {
+}, 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;

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 i = g(!1), { size2B: d } = C(), { upload: n } = x(o), r = (e) => {
+  const a = g(!1), { size2B: d } = C(), { upload: n } = x(o), r = (e) => {
     if (o.maxSize) {
-      const { finalSize: a, sizeText: s } = d(o.maxSize);
-      if (e.size > a) {
+      const { finalSize: i, sizeText: s } = d(o.maxSize);
+      if (e.size > i) {
         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: i,
+    loading: a,
     imgUrl: l,
     uploadFile: async (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);
+      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 = {
@@ -60,32 +60,38 @@ const _ = (o, t) => {
       e810a398: r.value,
       "7d7d61be": e.imageHeight
     }));
-    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, [
+    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: u(l),
-          "onUpdate:modelValue": a[0] || (a[0] = (s) => w(l) ? l.value = s : null),
+          "onUpdate:modelValue": i[0] || (i[0] = (s) => w(l) ? l.value = s : null),
           "is-view": e.isView
         }, e.inputProps), null, 16, ["modelValue", "is-view"])
-      ])) : 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),
+      ])) : 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),
       F("div", H, [
         f(u(B), c({
           modelValue: n.value,
-          "onUpdate:modelValue": a[2] || (a[2] = (s) => n.value = s),
+          "onUpdate:modelValue": i[2] || (i[2] = (s) => n.value = s),
           draggle: !1,
           "is-view": e.isView
         }, e.$attrs, { onFileUpload: u(v) }), null, 16, ["modelValue", "is-view", "onFileUpload"])
@@ -93,10 +99,10 @@ const _ = (o, t) => {
     ]));
   }
 }), R = (o, t) => {
-  const i = o.__vccOpts || o;
+  const a = o.__vccOpts || o;
   for (const [d, n] of t)
-    i[d] = n;
-  return i;
+    a[d] = n;
+  return a;
 }, W = /* @__PURE__ */ R(L, [["__scopeId", "data-v-b0e4c862"]]), $ = {
   "upload-file_uploadFileSizeLimit": {
     "zh-CN": "上传的文件大小不能超过$0",