cnhis-design-vue 3.1.11-beta.4 → 3.1.11-beta.7

package/es/packages/form-table/src/components/table-select.vue.d.ts

@@ -677,7 +677,7 @@ declare const _default: import("vue").DefineComponent<{
         localizedPlaceholder: import("vue").ComputedRef<string>;
         selectedOption: import("vue").ComputedRef<import("naive-ui").SelectOption | null>;
         selectedOptions: import("vue").ComputedRef<import("naive-ui").SelectOption[] | null>;
-        mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+        mergedSize: import("vue").ComputedRef<"small" | "medium" | "tiny" | "large">;
         mergedDisabled: import("vue").ComputedRef<boolean>;
         focused: import("vue").Ref<boolean>;
         activeWithoutMenuOpen: import("vue").Ref<boolean>;
@@ -1554,9 +1554,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     styleSetting: AnyObject;
     userInfo: AnyObject;
+    defaultValue: AnyObject;
     cacheUniqueKey: AnyObject;
     row: AnyObject;
-    defaultValue: AnyObject;
     isDetail: boolean;
     item: AnyObject;
     formType: AnyObject;

package/es/packages/form-table/src/components/table-textarea.vue.d.ts

@@ -457,7 +457,7 @@ declare const _default: import("vue").DefineComponent<{
         isComposing: import("vue").Ref<boolean>;
         activated: import("vue").Ref<boolean>;
         showClearButton: import("vue").ComputedRef<boolean>;
-        mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+        mergedSize: import("vue").ComputedRef<"small" | "medium" | "tiny" | "large">;
         mergedDisabled: import("vue").ComputedRef<boolean>;
         textDecorationStyle: import("vue").ComputedRef<string[] | {
             textDecoration: string;
@@ -1047,7 +1047,7 @@ declare const _default: import("vue").DefineComponent<{
             className?: string | undefined;
             refName?: string | undefined;
             effect: string;
-            placement: "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end";
+            placement: "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "left-start" | "left-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end";
             tooltipTitle: string | number;
             isAlias?: boolean | undefined;
         };
@@ -1633,9 +1633,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     styleSetting: AnyObject;
     userInfo: AnyObject;
+    defaultValue: AnyObject;
     cacheUniqueKey: AnyObject;
     row: AnyObject;
-    defaultValue: AnyObject;
     isDetail: boolean;
     item: AnyObject;
     formType: AnyObject;

package/es/packages/form-table/src/components/table-time-picker.vue.d.ts

@@ -2662,9 +2662,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     styleSetting: AnyObject;
     userInfo: AnyObject;
+    defaultValue: AnyObject;
     cacheUniqueKey: AnyObject;
     row: AnyObject;
-    defaultValue: AnyObject;
     isDetail: boolean;
     item: AnyObject;
     formType: AnyObject;

package/es/packages/form-table/src/components/table-tree-select.vue.d.ts

@@ -1885,9 +1885,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     styleSetting: AnyObject;
     userInfo: AnyObject;
+    defaultValue: AnyObject;
     cacheUniqueKey: AnyObject;
     row: AnyObject;
-    defaultValue: AnyObject;
     isDetail: boolean;
     item: AnyObject;
     formType: AnyObject;

package/es/packages/index.css

@@ -1395,10 +1395,10 @@ body > .vxe-table--tooltip-wrapper {
 }
 .c-uploader-preview-wrap .uploader-preview-delete {
   position: absolute;
-  top: -16px;
-  right: -7px;
-  width: 16px;
-  height: 16px;
+  top: 3px;
+  right: 3px;
+  width: 20px;
+  height: 20px;
   z-index: 10;
 }
 .c-uploader-preview-wrap .uploader-preview-delete .pre-delete {
@@ -1672,6 +1672,9 @@ body > .vxe-table--tooltip-wrapper {
   text-align: center;
   margin-top: 24px;
 }
+.c-scale .linebar-div .n-divider {
+  margin-top: 4px;
+}
 .c-scale .my-prompt {
   padding: 10px;
   box-shadow: 0 5px 13px rgba(0, 0, 0, 0.14);

package/es/packages/info-header/index.d.ts

@@ -123,7 +123,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         };
         readonly columns: NumberConstructor;
         readonly labelPlacement: {
-            readonly type: import("vue").PropType<"top" | "left">;
+            readonly type: import("vue").PropType<"left" | "top">;
             readonly default: "top";
         };
         readonly labelAlign: {
@@ -272,7 +272,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         };
         readonly columns: NumberConstructor;
         readonly labelPlacement: {
-            readonly type: import("vue").PropType<"top" | "left">;
+            readonly type: import("vue").PropType<"left" | "top">;
             readonly default: "top";
         };
         readonly labelAlign: {
@@ -392,7 +392,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         readonly separator: string;
         readonly bordered: boolean;
         readonly labelAlign: "left" | "right" | "center";
-        readonly labelPlacement: "top" | "left";
+        readonly labelPlacement: "left" | "top";
     }>;
     NDescriptionsItem: import("vue").DefineComponent<{
         readonly label: StringConstructor;
@@ -443,7 +443,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         };
         round: BooleanConstructor;
         size: {
-            readonly type: import("vue").PropType<"small" | "medium" | "large" | "tiny">;
+            readonly type: import("vue").PropType<"small" | "medium" | "tiny" | "large">;
             readonly default: "medium";
         };
         closable: BooleanConstructor;
@@ -792,7 +792,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
         };
         round: BooleanConstructor;
         size: {
-            readonly type: import("vue").PropType<"small" | "medium" | "large" | "tiny">;
+            readonly type: import("vue").PropType<"small" | "medium" | "tiny" | "large">;
             readonly default: "medium";
         };
         closable: BooleanConstructor;
@@ -1070,7 +1070,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
     }>>, {
         type: "default" | "primary" | "info" | "success" | "warning" | "error";
         round: boolean;
-        size: "small" | "medium" | "large" | "tiny";
+        size: "small" | "medium" | "tiny" | "large";
         disabled: boolean | undefined;
         checked: boolean;
         strong: boolean;

package/es/packages/info-header/src/HiddenContent.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,5 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, normalizeClass } from 'vue';
+import { isString } from 'lodash-es';
 import { NEllipsis } from 'naive-ui';
 
 const _hoisted_1 = { class: "c-info-header__hidden--content" };
@@ -29,6 +30,8 @@ var script = /* @__PURE__ */ defineComponent({
       const { content } = props;
       if (!hidden.value)
         return content;
+      if (!isString(content))
+        return "-";
       const length = content.length;
       if (!length || length === 1)
         return content;

package/es/packages/info-header/src/InfoHeader.vue.d.ts

@@ -124,7 +124,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         readonly columns: NumberConstructor;
         readonly labelPlacement: {
-            readonly type: PropType<"top" | "left">;
+            readonly type: PropType<"left" | "top">;
             readonly default: "top";
         };
         readonly labelAlign: {
@@ -273,7 +273,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         readonly columns: NumberConstructor;
         readonly labelPlacement: {
-            readonly type: PropType<"top" | "left">;
+            readonly type: PropType<"left" | "top">;
             readonly default: "top";
         };
         readonly labelAlign: {
@@ -393,7 +393,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly separator: string;
         readonly bordered: boolean;
         readonly labelAlign: "left" | "right" | "center";
-        readonly labelPlacement: "top" | "left";
+        readonly labelPlacement: "left" | "top";
     }>;
     NDescriptionsItem: import("vue").DefineComponent<{
         readonly label: StringConstructor;
@@ -444,7 +444,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         round: BooleanConstructor;
         size: {
-            readonly type: PropType<"small" | "medium" | "large" | "tiny">;
+            readonly type: PropType<"small" | "medium" | "tiny" | "large">;
             readonly default: "medium";
         };
         closable: BooleanConstructor;
@@ -793,7 +793,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         round: BooleanConstructor;
         size: {
-            readonly type: PropType<"small" | "medium" | "large" | "tiny">;
+            readonly type: PropType<"small" | "medium" | "tiny" | "large">;
             readonly default: "medium";
         };
         closable: BooleanConstructor;
@@ -1071,7 +1071,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>, {
         type: "default" | "primary" | "info" | "success" | "warning" | "error";
         round: boolean;
-        size: "small" | "medium" | "large" | "tiny";
+        size: "small" | "medium" | "tiny" | "large";
         disabled: boolean | undefined;
         checked: boolean;
         strong: boolean;

package/es/packages/map/index.d.ts

@@ -723,7 +723,7 @@ declare const Map: SFCWithInstall<import("vue").DefineComponent<{
         } | null>;
         mergedClsPrefix: import("vue").ComputedRef<string>;
         mergedFocusable: import("vue").ComputedRef<boolean>;
-        mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+        mergedSize: import("vue").ComputedRef<"small" | "medium" | "tiny" | "large">;
         showBorder: import("vue").ComputedRef<boolean>;
         enterPressed: import("vue").Ref<boolean>;
         rtlEnabled: import("vue").Ref<import("naive-ui/es/config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -1751,7 +1751,7 @@ declare const Map: SFCWithInstall<import("vue").DefineComponent<{
         isComposing: import("vue").Ref<boolean>;
         activated: import("vue").Ref<boolean>;
         showClearButton: import("vue").ComputedRef<boolean>;
-        mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+        mergedSize: import("vue").ComputedRef<"small" | "medium" | "tiny" | "large">;
         mergedDisabled: import("vue").ComputedRef<boolean>;
         textDecorationStyle: import("vue").ComputedRef<string[] | {
             textDecoration: string;

package/es/packages/map/src/Map.vue.d.ts

@@ -723,7 +723,7 @@ declare const _default: import("vue").DefineComponent<{
         } | null>;
         mergedClsPrefix: import("vue").ComputedRef<string>;
         mergedFocusable: import("vue").ComputedRef<boolean>;
-        mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+        mergedSize: import("vue").ComputedRef<"small" | "medium" | "tiny" | "large">;
         showBorder: import("vue").ComputedRef<boolean>;
         enterPressed: import("vue").Ref<boolean>;
         rtlEnabled: import("vue").Ref<import("naive-ui/es/config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -1751,7 +1751,7 @@ declare const _default: import("vue").DefineComponent<{
         isComposing: import("vue").Ref<boolean>;
         activated: import("vue").Ref<boolean>;
         showClearButton: import("vue").ComputedRef<boolean>;
-        mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+        mergedSize: import("vue").ComputedRef<"small" | "medium" | "tiny" | "large">;
         mergedDisabled: import("vue").ComputedRef<boolean>;
         textDecorationStyle: import("vue").ComputedRef<string[] | {
             textDecoration: string;

package/es/packages/scale-view/index.d.ts

@@ -1324,7 +1324,7 @@ declare const CScaleView: SFCWithInstall<import("vue").DefineComponent<{
             } | null>;
             mergedClsPrefix: import("vue").ComputedRef<string>;
             mergedFocusable: import("vue").ComputedRef<boolean>;
-            mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+            mergedSize: import("vue").ComputedRef<"small" | "medium" | "tiny" | "large">;
             showBorder: import("vue").ComputedRef<boolean>;
             enterPressed: import("vue").Ref<boolean>;
             rtlEnabled: import("vue").Ref<import("naive-ui/es/config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -2848,7 +2848,7 @@ declare const CScaleView: SFCWithInstall<import("vue").DefineComponent<{
         } | null>;
         mergedClsPrefix: import("vue").ComputedRef<string>;
         mergedFocusable: import("vue").ComputedRef<boolean>;
-        mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+        mergedSize: import("vue").ComputedRef<"small" | "medium" | "tiny" | "large">;
         showBorder: import("vue").ComputedRef<boolean>;
         enterPressed: import("vue").Ref<boolean>;
         rtlEnabled: import("vue").Ref<import("naive-ui/es/config-provider/src/internal-interface").RtlItem | undefined> | undefined;

package/es/packages/scale-view/src/ScaleView.vue.d.ts

@@ -1324,7 +1324,7 @@ declare const _default: import("vue").DefineComponent<{
             } | null>;
             mergedClsPrefix: import("vue").ComputedRef<string>;
             mergedFocusable: import("vue").ComputedRef<boolean>;
-            mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+            mergedSize: import("vue").ComputedRef<"small" | "medium" | "tiny" | "large">;
             showBorder: import("vue").ComputedRef<boolean>;
             enterPressed: import("vue").Ref<boolean>;
             rtlEnabled: import("vue").Ref<import("naive-ui/es/config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -2848,7 +2848,7 @@ declare const _default: import("vue").DefineComponent<{
         } | null>;
         mergedClsPrefix: import("vue").ComputedRef<string>;
         mergedFocusable: import("vue").ComputedRef<boolean>;
-        mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+        mergedSize: import("vue").ComputedRef<"small" | "medium" | "tiny" | "large">;
         showBorder: import("vue").ComputedRef<boolean>;
         enterPressed: import("vue").Ref<boolean>;
         rtlEnabled: import("vue").Ref<import("naive-ui/es/config-provider/src/internal-interface").RtlItem | undefined> | undefined;

package/es/packages/scale-view/src/ScaleView.vue_vue_type_script_setup_true_lang.js

@@ -301,7 +301,9 @@ var script = /* @__PURE__ */ defineComponent({
       return { ...state };
     };
     expose({
-      getScaleData
+      getScaleData,
+      onSubmit,
+      cancel
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {

package/es/packages/scale-view/src/components/EvaluatePage.vue.d.ts

@@ -743,7 +743,7 @@ declare const _default: import("vue").DefineComponent<{
         } | null>;
         mergedClsPrefix: import("vue").ComputedRef<string>;
         mergedFocusable: import("vue").ComputedRef<boolean>;
-        mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
+        mergedSize: import("vue").ComputedRef<"small" | "medium" | "tiny" | "large">;
         showBorder: import("vue").ComputedRef<boolean>;
         enterPressed: import("vue").Ref<boolean>;
         rtlEnabled: import("vue").Ref<import("naive-ui/es/config-provider/src/internal-interface").RtlItem | undefined> | undefined;

package/es/packages/scale-view/src/components/formitem/r-collection.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     form: {
         type: ObjectConstructor;
         default: () => {};

package/es/packages/scale-view/src/components/formitem/r-collection.js

@@ -59,7 +59,11 @@ var RCollection = defineComponent({
       }, [describe])]);
     };
     const renderLinebar = () => {
-      return createVNode(resolveComponent("n-divider"), null, null);
+      if (!props.item.title)
+        return null;
+      return createVNode("div", {
+        "class": "linebar-div"
+      }, [createVNode("span", null, [props.item.title]), createVNode(resolveComponent("n-divider"), null, null)]);
     };
     const renderPrompt = () => {
       return createVNode("div", {

package/es/packages/scale-view/src/components/formitem/r-upload.js

@@ -1,7 +1,6 @@
 import { defineComponent, reactive, createVNode, resolveComponent, createTextVNode } from 'vue';
 import { NUpload, NUploadDragger, NModal, NIcon, useMessage } from 'naive-ui';
 import { Add, CameraOutline } from '@vicons/ionicons5';
-import vexutils from '../../../../../src/utils/vexutils';
 
 var RUpload = defineComponent({
   name: "RUpload",
@@ -60,82 +59,87 @@ var RUpload = defineComponent({
       state.fileList = value;
     };
     handleDef();
-    const handleUploadChange = (info) => {
+    const beforeUpload = (info) => {
       var _a2;
-      const {
-        file,
-        fileList,
-        event
+      let {
+        file: file2
       } = info;
-      if (file.status == "remove") {
-        let curIndex = state.fileList.findIndex((v) => v.uid === file.id);
-        curIndex > -1 && fileList.splice(curIndex, 1);
+      let size = ((_a2 = file2.file) == null ? void 0 : _a2.size) || 0;
+      const isJpgOrPng = file2.type === "image/jpeg" || file2.type === "image/png";
+      if (!isJpgOrPng) {
+        message.error("\u4EC5\u652F\u6301jpeg/png\u683C\u5F0F");
       }
-      if (!fileList.length) {
-        state.fileList = [];
-        context.emit("scaleChange", state.fileList, props.item);
-        return;
+      const isLt2M = size / 1024 / 1024 < 2;
+      if (!isLt2M) {
+        message.error("\u4E0A\u4F20\u56FE\u7247\u9650\u5236\u57282MB\u4EE5\u5185");
       }
-      let matchItem;
-      if (file.status == "uploading" && file.file) {
-        matchItem = state.fileList.find((v) => v.uid === file.id);
-        if (!matchItem) {
+      return isJpgOrPng && isLt2M;
+    };
+    const beforeUploadFile = (info) => {
+      var _a2;
+      let {
+        file: file2
+      } = info;
+      let size = ((_a2 = file2.file) == null ? void 0 : _a2.size) || 0;
+      const isLt2M = size / 1024 / 1024 < 50;
+      if (!isLt2M) {
+        message.error("\u4E0A\u4F20\u56FE\u7247\u9650\u5236\u572850MB\u4EE5\u5185");
+      }
+      return isLt2M;
+    };
+    const handleUploadChange = (info) => {
+      const {
+        file: file2
+      } = info;
+      let matchItem2;
+      if (file2.status == "uploading" && file2.file) {
+        matchItem2 = state.fileList.find((v) => v.uid === file2.id);
+        if (!matchItem2) {
           state.fileList.push({
-            name: file.name,
-            uid: file.id,
-            size: file.file.size
+            name: file2.name,
+            uid: file2.id,
+            size: file2.file.size
           });
         }
       }
-      if (!event)
-        return;
-      if (event.type == "error") {
-        message.error(file.response.resultMsg || "\u4E0A\u4F20\u5931\u8D25\uFF01");
+    };
+    const handleUploadFinish = (options) => {
+      let {
+        event,
+        file
+      } = options;
+      const res = eval("(" + event.target.response + ")");
+      let matchIndex = state.fileList.findIndex((v) => v.uid === file.id);
+      let matchItem = state.fileList[matchIndex];
+      if (res.result !== "SUCCESS") {
+        file.status = "error";
+        matchIndex > -1 && state.fileList.splice(matchIndex, 1);
+        message.error(res.resultMsg || "\u4E0A\u4F20\u5931\u8D25\uFF01");
         return;
       }
-      if (event.type === "load") {
-        let {
-          response = {}
-        } = event.target;
-        if (response && vexutils.isJSON(response)) {
-          response = JSON.parse(response);
-        }
-        if (response.result != "SUCCESS") {
-          message.error(file.response.resultMsg || "\u4E0A\u4F20\u5931\u8D25\uFF01");
-          return;
-        }
-        matchItem = state.fileList.find((v) => v.uid === file.id);
-        if (matchItem) {
-          matchItem.url = (_a2 = response.map) == null ? void 0 : _a2.url;
-        }
-        let useFileList = state.fileList.filter((v) => v.url);
-        context.emit("scaleChange", useFileList, props.item);
+      if (matchItem) {
+        matchItem.url = res.map.url;
       }
+      context.emit("scaleChange", state.fileList, props.item);
     };
-    const beforeUpload = (info) => {
-      var _a2;
+    const handleUploadRemove = (options2) => {
       let {
-        file
-      } = info;
-      let size = ((_a2 = file.file) == null ? void 0 : _a2.size) || 0;
-      const isJpgOrPng = file.type === "image/jpeg" || file.type === "image/png";
-      if (!isJpgOrPng) {
-        message.error("\u4EC5\u652F\u6301jpeg/png\u683C\u5F0F");
-      }
-      const isLt2M = size / 1024 / 1024 < 2;
-      if (!isLt2M) {
-        message.error("\u4E0A\u4F20\u56FE\u7247\u9650\u5236\u57282MB\u4EE5\u5185");
+        file: file2
+      } = options2;
+      if (file2.status === "finished") {
+        let curIndex = state.fileList.findIndex((v) => v.uid === file2.id);
+        curIndex > -1 && state.fileList.splice(curIndex, 1);
+        context.emit("scaleChange", state.fileList, props.item);
       }
-      return isJpgOrPng && isLt2M;
     };
-    const handlePreview = (file) => {
+    const handlePreview = (file2) => {
       let fileList = state.fileList;
       if (!fileList.length)
         return;
-      let matchItem = fileList.find((v) => v.uid === file.id);
-      if (!matchItem)
+      let matchItem2 = fileList.find((v) => v.uid === file2.id);
+      if (!matchItem2)
         return;
-      state.previewImage = matchItem.url;
+      state.previewImage = matchItem2.url;
       state.previewVisible = true;
     };
     const renderPicture = () => {
@@ -146,8 +150,11 @@ var RUpload = defineComponent({
         "list-type": "image-card",
         "max": max,
         "disabled": props.isLock,
+        "show-retry-button": false,
         "on-before-upload": beforeUpload,
         "on-change": handleUploadChange,
+        "on-finish": handleUploadFinish,
+        "on-remove": handleUploadRemove,
         "on-preview": handlePreview
       }, {
         default: () => [createVNode("div", {
@@ -166,7 +173,11 @@ var RUpload = defineComponent({
         "disabled": props.isLock,
         "action": props.uploadFileUrl,
         "default-file-list": state.defaultFileList,
-        "on-change": handleUploadChange
+        "show-retry-button": false,
+        "on-before-upload": beforeUploadFile,
+        "on-change": handleUploadChange,
+        "on-finish": handleUploadFinish,
+        "on-remove": handleUploadRemove
       }, {
         default: () => [createVNode(resolveComponent("n-upload-dragger"), null, {
           default: () => [createVNode("div", {