pro-design-vue 1.2.19 → 1.2.21

package/dist/index.full.mjs

@@ -1,7 +1,7 @@
-/*! Pro Design Vue v1.2.19 */
+/*! Pro Design Vue v1.2.21 */
 
 import { Modal, theme as theme$1, ConfigProvider, App, Button as Button$1, Tooltip, Popconfirm, Dropdown, Menu, Slider, Drawer, Input, InputNumber, Form as Form$1, Space, Textarea, Select, TreeSelect, Checkbox as Checkbox$1, CheckboxGroup, RadioGroup, Radio as Radio$1, Cascader, Switch, Rate, DatePicker, RangePicker, TimePicker, TimeRangePicker, Upload, FormItemRest, Spin, message, Row as Row$1, Col, FormItem as FormItem$3, Steps, Popover, MenuItem, SubMenu, Empty, Badge, Tag, Pagination, InputSearch, Tree, Card, Tabs, TabPane } from 'ant-design-vue';
-import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, watch, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, mergeProps, withCtx, normalizeProps, guardReactiveProps, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, createElementVNode, normalizeStyle, toDisplayString, normalizeClass, createSlots, useAttrs, useTemplateRef, defineAsyncComponent, Teleport, onUnmounted, Comment as Comment$1, useSlots, useModel, withModifiers, mergeModels, renderList, camelize, isReactive, onActivated, onDeactivated, onBeforeUnmount, triggerRef, resolveDirective, withDirectives, vShow, render as render$1, resolveComponent, createTextVNode, vModelText } from 'vue';
+import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, watch, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, mergeProps, withCtx, normalizeProps, guardReactiveProps, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, createElementVNode, normalizeStyle, toDisplayString, normalizeClass, createSlots, createTextVNode, useAttrs, useTemplateRef, defineAsyncComponent, Teleport, onUnmounted, Comment as Comment$1, useSlots, useModel, withModifiers, mergeModels, renderList, camelize, isReactive, onActivated, onDeactivated, onBeforeUnmount, triggerRef, resolveDirective, withDirectives, vShow, render as render$1, resolveComponent, vModelText } from 'vue';
 import antdDefaultLocale from 'ant-design-vue/es/locale/zh_CN.js';
 
 function _mergeNamespaces(n, m) {
@@ -30,7 +30,7 @@ const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
 const DEFAULT_NAMESPACE = "pro";
 const DEFAULT_LOCALE = "zh-CN";
 
-const version$1 = "1.2.19";
+const version$1 = "1.2.21";
 
 const makeInstaller = (components = []) => {
   const install = (app) => {
@@ -13994,6 +13994,9 @@ var FieldText = /* @__PURE__ */ defineComponent({
   }) {
     const intl = useIntl();
     const formSlotsContext = useInjectSlots$1();
+    const {
+      formData
+    } = useInjectForm();
     const internalValue = computed({
       get: () => {
         return props.value;
@@ -14008,8 +14011,12 @@ var FieldText = /* @__PURE__ */ defineComponent({
       SLOT_NAMES$g.forEach((name) => {
         const slot = getSlot(props[name], formSlotsContext);
         if (slot) {
-          temp[name] = () => createVNode(RenderVNode$1, {
-            "vnode": slot
+          temp[name] = (props2) => createVNode(RenderVNode$1, {
+            "vnode": slot,
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -14068,13 +14075,20 @@ var FieldDigit = /* @__PURE__ */ defineComponent({
   }) {
     const intl = useIntl();
     const formSlotsContext = useInjectSlots$1();
+    const {
+      formData
+    } = useInjectForm();
     const slotsGetter = computed(() => {
       const temp = {};
       SLOT_NAMES$f.forEach((name) => {
         const slot = getSlot(props[name], formSlotsContext);
         if (slot) {
-          temp[name] = () => createVNode(RenderVNode$1, {
-            "vnode": slot
+          temp[name] = (props2) => createVNode(RenderVNode$1, {
+            "vnode": slot,
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -14146,6 +14160,9 @@ var FieldDigitRange = /* @__PURE__ */ defineComponent({
     attrs
   }) {
     const intl = useIntl();
+    const {
+      formData
+    } = useInjectForm();
     const formSlotsContext = useInjectSlots$1();
     const formItemContext = Form$1.useInjectFormItemContext();
     const fieldProps = computed(() => omit(attrs, ["class", "style"]));
@@ -14154,8 +14171,12 @@ var FieldDigitRange = /* @__PURE__ */ defineComponent({
       SLOT_NAMES$e.forEach((name) => {
         const slot = getSlot(props[name], formSlotsContext);
         if (slot) {
-          temp[name] = () => createVNode(RenderVNode$1, {
-            "vnode": slot
+          temp[name] = (props2) => createVNode(RenderVNode$1, {
+            "vnode": slot,
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -14326,6 +14347,9 @@ var FieldPassword = /* @__PURE__ */ defineComponent({
   }) {
     const intl = useIntl();
     const formSlotsContext = useInjectSlots$1();
+    const {
+      formData
+    } = useInjectForm();
     const internalValue = computed({
       get: () => props.value,
       set: (val) => {
@@ -14338,8 +14362,12 @@ var FieldPassword = /* @__PURE__ */ defineComponent({
       SLOT_NAMES$d.forEach((name) => {
         const slot = getSlot(props[name], formSlotsContext);
         if (slot) {
-          temp[name] = () => createVNode(RenderVNode$1, {
-            "vnode": slot
+          temp[name] = (props2) => createVNode(RenderVNode$1, {
+            "vnode": slot,
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -14607,6 +14635,9 @@ var FieldSelect = /* @__PURE__ */ defineComponent({
     expose
   }) {
     const intl = useIntl();
+    const {
+      formData
+    } = useInjectForm();
     const formSlotsContext = useInjectSlots$1();
     const mergePaginationConfig = computed(() => {
       if (!props.pagination) {
@@ -14688,7 +14719,10 @@ var FieldSelect = /* @__PURE__ */ defineComponent({
         if (slot) {
           temp[name] = (props2) => createVNode(RenderVNode$1, {
             "vnode": slot,
-            "props": props2
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -14818,6 +14852,9 @@ var FieldTreeSelect = /* @__PURE__ */ defineComponent({
     attrs
   }) {
     const intl = useIntl();
+    const {
+      formData
+    } = useInjectForm();
     const formSlotsContext = useInjectSlots$1();
     const {
       mergeOptions,
@@ -14861,7 +14898,10 @@ var FieldTreeSelect = /* @__PURE__ */ defineComponent({
         if (slot) {
           temp[name] = (props2) => createVNode(RenderVNode$1, {
             "vnode": slot,
-            "props": props2
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -15148,6 +15188,9 @@ var FieldCascader = /* @__PURE__ */ defineComponent({
     attrs
   }) {
     const intl = useIntl();
+    const {
+      formData
+    } = useInjectForm();
     const formSlotsContext = useInjectSlots$1();
     const {
       mergeOptions,
@@ -15188,7 +15231,10 @@ var FieldCascader = /* @__PURE__ */ defineComponent({
         if (slot) {
           temp[name] = (props2) => createVNode(RenderVNode$1, {
             "vnode": slot,
-            "props": props2
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -15249,6 +15295,9 @@ var FieldSwitch = /* @__PURE__ */ defineComponent({
   }) {
     const intl = useIntl();
     const formSlotsContext = useInjectSlots$1();
+    const {
+      formData
+    } = useInjectForm();
     const readValue = computed(() => {
       if (!props.value || props.value === attrs.unCheckedValue) {
         return props.unCheckedChildren || intl.getMessage("switch.open", "\u6253\u5F00");
@@ -15265,7 +15314,10 @@ var FieldSwitch = /* @__PURE__ */ defineComponent({
         if (slot) {
           temp[name] = (props2) => createVNode(RenderVNode$1, {
             "vnode": slot,
-            "props": props2
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -15306,13 +15358,20 @@ var FieldSlider = /* @__PURE__ */ defineComponent({
     attrs
   }) {
     const formSlotsContext = useInjectSlots$1();
+    const {
+      formData
+    } = useInjectForm();
     const slotsGetter = computed(() => {
       const temp = {};
       SLOT_NAMES$8.forEach((name) => {
         const slot = getSlot(props[name], formSlotsContext);
         if (slot) {
-          temp[name] = () => createVNode(RenderVNode$1, {
-            "vnode": slot
+          temp[name] = (props2) => createVNode(RenderVNode$1, {
+            "vnode": slot,
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -15356,13 +15415,20 @@ var FieldRate = /* @__PURE__ */ defineComponent({
     attrs
   }) {
     const formSlotsContext = useInjectSlots$1();
+    const {
+      formData
+    } = useInjectForm();
     const slotsGetter = computed(() => {
       const temp = {};
       SLOT_NAMES$7.forEach((name) => {
         const slot = getSlot(props[name], formSlotsContext);
         if (slot) {
-          temp[name] = () => createVNode(RenderVNode$1, {
-            "vnode": slot
+          temp[name] = (props2) => createVNode(RenderVNode$1, {
+            "vnode": slot,
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -15614,6 +15680,9 @@ var FieldDatePicker = /* @__PURE__ */ defineComponent({
   }) {
     const intl = useIntl();
     const formSlotsContext = useInjectSlots$1();
+    const {
+      formData
+    } = useInjectForm();
     const defaultFormat = computed(() => {
       var _a;
       const dataFormat = fieldDateFormatterMap[props.picker];
@@ -15644,8 +15713,12 @@ var FieldDatePicker = /* @__PURE__ */ defineComponent({
       SLOT_NAMES$6.forEach((name) => {
         const slot = getSlot(props[name], formSlotsContext);
         if (slot) {
-          temp[name] = () => createVNode(RenderVNode$1, {
-            "vnode": slot
+          temp[name] = (props2) => createVNode(RenderVNode$1, {
+            "vnode": slot,
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -15740,6 +15813,9 @@ var FieldDateRangePicker = /* @__PURE__ */ defineComponent({
   }) {
     const intl = useIntl();
     const formSlotsContext = useInjectSlots$1();
+    const {
+      formData
+    } = useInjectForm();
     const defaultFormat = computed(() => {
       var _a;
       const dataFormat = fieldDateFormatterMap[props.picker];
@@ -15771,8 +15847,12 @@ var FieldDateRangePicker = /* @__PURE__ */ defineComponent({
       SLOT_NAMES$5.forEach((name) => {
         const slot = getSlot(props[name], formSlotsContext);
         if (slot) {
-          temp[name] = () => createVNode(RenderVNode$1, {
-            "vnode": slot
+          temp[name] = (props2) => createVNode(RenderVNode$1, {
+            "vnode": slot,
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -15838,6 +15918,9 @@ var FieldTimePicker = /* @__PURE__ */ defineComponent({
     attrs
   }) {
     const intl = useIntl();
+    const {
+      formData
+    } = useInjectForm();
     const formSlotsContext = useInjectSlots$1();
     const format = computed(() => {
       var _a;
@@ -15859,8 +15942,12 @@ var FieldTimePicker = /* @__PURE__ */ defineComponent({
       SLOT_NAMES$4.forEach((name) => {
         const slot = getSlot(props[name], formSlotsContext);
         if (slot) {
-          temp[name] = () => createVNode(RenderVNode$1, {
-            "vnode": slot
+          temp[name] = (props2) => createVNode(RenderVNode$1, {
+            "vnode": slot,
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -15944,6 +16031,9 @@ var FieldTimeRangePicker = /* @__PURE__ */ defineComponent({
     attrs
   }) {
     const intl = useIntl();
+    const {
+      formData
+    } = useInjectForm();
     const formSlotsContext = useInjectSlots$1();
     const format = computed(() => {
       var _a;
@@ -15966,8 +16056,12 @@ var FieldTimeRangePicker = /* @__PURE__ */ defineComponent({
       SLOT_NAMES$3.forEach((name) => {
         const slot = getSlot(props[name], formSlotsContext);
         if (slot) {
-          temp[name] = () => createVNode(RenderVNode$1, {
-            "vnode": slot
+          temp[name] = (props2) => createVNode(RenderVNode$1, {
+            "vnode": slot,
+            "props": {
+              formData: formData.value,
+              ...props2 != null ? props2 : {}
+            }
           }, null);
         }
       });
@@ -16030,7 +16124,7 @@ var FieldUploadButton = /* @__PURE__ */ defineComponent({
       type: String,
       default: "file"
     },
-    max: {
+    maxCount: {
       type: Number,
       default: void 0
     },
@@ -16048,22 +16142,31 @@ var FieldUploadButton = /* @__PURE__ */ defineComponent({
     },
     listType: {
       type: String,
-      default: "picture"
-    }
+      default: "picture-card"
+    },
+    listIgnore: {
+      type: Boolean,
+      default: true
+    },
+    showUploadList: {
+      type: [Boolean, Object],
+      default: true
+    },
+    customRequest: Function,
+    beforeUpload: Function
   },
   setup(props, {
     attrs
   }) {
     const intl = useIntl();
+    const {
+      prefixCls,
+      formData
+    } = useInjectForm();
     const formSlotsContext = useInjectSlots$1();
-    const value = computed(() => {
-      var _a;
-      return (_a = props.fileList) != null ? _a : props.value;
-    });
-    const showUploadButton = computed(() => {
-      var _a;
-      return props.max === void 0 || !value.value || ((_a = value.value) == null ? void 0 : _a.length) < props.max;
-    });
+    const fileList = ref([]);
+    const formItemContext = Form$1.useInjectFormItemContext();
+    const baseClassName = computed(() => `${prefixCls}-upload`);
     const isPictureCard = computed(() => props.listType === "picture-card");
     const slotsGetter = computed(() => {
       const temp = {};
@@ -16071,7 +16174,10 @@ var FieldUploadButton = /* @__PURE__ */ defineComponent({
         const slot = getSlot(props[name], formSlotsContext);
         if (slot) {
           temp[name] = () => createVNode(RenderVNode$1, {
-            "vnode": slot
+            "vnode": slot,
+            "props": {
+              formData: formData.value
+            }
           }, null);
         }
       });
@@ -16081,7 +16187,10 @@ var FieldUploadButton = /* @__PURE__ */ defineComponent({
       const render = getSlot(props.iconRender, formSlotsContext);
       if (isFunction$2(render)) {
         return createVNode(RenderVNode$1, {
-          "vnode": render
+          "vnode": render,
+          "props": {
+            formData: formData.value
+          }
         }, null);
       }
       return createVNode(UploadOutlined, null, null);
@@ -16090,27 +16199,102 @@ var FieldUploadButton = /* @__PURE__ */ defineComponent({
       const render = getSlot(props.title, formSlotsContext);
       if (isFunction$2(render)) {
         return createVNode(RenderVNode$1, {
-          "vnode": render
+          "vnode": render,
+          "props": {
+            formData: formData.value
+          }
         }, null);
       }
       return props.title || intl.getMessage("upload.button", "\u5355\u51FB\u4E0A\u4F20");
     });
-    const onChange = (info) => {
+    const beforeUpload = async (file, fileList2) => {
       var _a;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, info.fileList, info);
+      const result = await ((_a = props.beforeUpload) == null ? void 0 : _a.call(props, file, fileList2));
+      if (!result && props.listIgnore) {
+        return Upload.LIST_IGNORE;
+      }
+      return result;
     };
-    return () => createVNode(Upload, mergeProps({
-      "fileList": value.value
-    }, attrs, {
-      "listType": props.listType,
+    const customRequest = async (option) => {
+      var _a, _b, _c;
+      const formData2 = new FormData();
+      formData2.append(props.name, option.file);
+      const onUploadProgress = (e) => {
+        var _a2;
+        if (e.total > 0) {
+          e.percent = e.loaded / e.total * 100;
+        }
+        (_a2 = option == null ? void 0 : option.onProgress) == null ? void 0 : _a2.call(option, e);
+      };
+      const {
+        success,
+        error,
+        data
+      } = (_a = await props.customRequest(formData2, onUploadProgress)) != null ? _a : {};
+      if (success) {
+        (_b = option.onSuccess) == null ? void 0 : _b.call(option, data);
+        formItemContext.onFieldChange();
+      } else {
+        (_c = option.onError) == null ? void 0 : _c.call(option, error, data);
+      }
+    };
+    const uploadProps = computed(() => {
+      const newProps = {
+        ...attrs
+      };
+      if (props.customRequest) {
+        newProps.customRequest = customRequest;
+      }
+      if (props.beforeUpload) {
+        newProps.beforeUpload = beforeUpload;
+      }
+      return newProps;
+    });
+    watch(() => props.value, (newValue) => {
+      var _a;
+      fileList.value = [...newValue == null ? void 0 : newValue.map((item) => ({
+        ...item,
+        name: item.name || item.url
+      }))];
+      if (!((_a = fileList.value) == null ? void 0 : _a.length)) {
+        formItemContext.onFieldChange();
+      }
+    });
+    const onUploadChange = (info) => {
+      var _a;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, info.fileList.map((item) => {
+        var _a2, _b, _c;
+        return {
+          ...item,
+          name: item.name || ((_a2 = item.response) == null ? void 0 : _a2.name) || item.url || ((_b = item.response) == null ? void 0 : _b.url),
+          url: ((_c = item.response) == null ? void 0 : _c.url) || item.url
+        };
+      }), info.file);
+    };
+    return () => createVNode(Upload, mergeProps(uploadProps.value, {
+      "class": {
+        [`${baseClassName.value}-readonly`]: props.readonly
+      },
+      "fileList": fileList.value,
+      "onUpdate:fileList": ($event) => fileList.value = $event,
       "name": props.name,
-      "onChange": onChange
+      "maxCount": props.maxCount,
+      "listType": props.listType,
+      "showUploadList": props.readonly || props.showUploadList,
+      "disabled": props.readonly || props.disabled,
+      "style": attrs == null ? void 0 : attrs.style,
+      "onChange": onUploadChange
     }), {
-      default: () => [showUploadButton.value && (isPictureCard.value ? createVNode("span", null, [icon.value, title.value]) : createVNode(Button$1, mergeProps({
-        "disabled": props.disabled
-      }, props.buttonProps), {
-        default: () => [icon.value, title.value]
-      }))],
+      default: () => {
+        var _a;
+        return [isPictureCard.value ? props.maxCount !== void 0 && ((_a = fileList.value) == null ? void 0 : _a.length) < props.maxCount && createVNode("div", null, [icon.value, createVNode("div", {
+          "style": "margin-top: 8px"
+        }, [createTextVNode(" "), title.value])]) : createVNode(Button$1, mergeProps({
+          "disabled": props.disabled
+        }, props.buttonProps), {
+          default: () => [icon.value, title.value]
+        })];
+      },
       ...slotsGetter.value
     });
   }
@@ -16166,28 +16350,30 @@ var FieldUploadDragger = /* @__PURE__ */ defineComponent({
     fileList: {
       type: Array,
       default: void 0
-    }
+    },
+    listIgnore: {
+      type: Boolean,
+      default: true
+    },
+    showUploadList: {
+      type: [Boolean, Object],
+      default: true
+    },
+    customRequest: Function,
+    beforeUpload: Function
   },
   setup(props, {
     attrs
   }) {
     const {
-      token
-    } = theme$1.useToken();
-    const {
-      prefixCls
+      prefixCls,
+      formData
     } = useInjectForm();
     const intl = useIntl();
     const formSlotsContext = useInjectSlots$1();
-    const value = computed(() => {
-      var _a;
-      return (_a = props.fileList) != null ? _a : props.value;
-    });
+    const fileList = ref([]);
+    const formItemContext = Form$1.useInjectFormItemContext();
     const baseClassName = computed(() => `${prefixCls}-upload`);
-    const showUploadButton = computed(() => {
-      var _a;
-      return props.max === void 0 || !value.value || ((_a = value.value) == null ? void 0 : _a.length) < props.max;
-    });
     const slotsGetter = computed(() => {
       const temp = {};
       SLOT_NAMES$1.forEach((name) => {
@@ -16204,7 +16390,10 @@ var FieldUploadDragger = /* @__PURE__ */ defineComponent({
       const render = getSlot(props.iconRender, formSlotsContext);
       if (isFunction$2(render)) {
         return createVNode(RenderVNode$1, {
-          "vnode": render
+          "vnode": render,
+          "props": {
+            formData: formData.value
+          }
         }, null);
       }
       return createVNode(InboxOutlined, null, null);
@@ -16213,7 +16402,10 @@ var FieldUploadDragger = /* @__PURE__ */ defineComponent({
       const render = getSlot(props.title, formSlotsContext);
       if (isFunction$2(render)) {
         return createVNode(RenderVNode$1, {
-          "vnode": render
+          "vnode": render,
+          "props": {
+            formData: formData.value
+          }
         }, null);
       }
       return props.title || intl.getMessage("upload.dragger.text", "\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u8FDB\u884C\u4E0A\u4F20");
@@ -16222,29 +16414,94 @@ var FieldUploadDragger = /* @__PURE__ */ defineComponent({
       const render = getSlot(props.description, formSlotsContext);
       if (isFunction$2(render)) {
         return createVNode(RenderVNode$1, {
-          "vnode": render
+          "vnode": render,
+          "props": {
+            formData: formData.value
+          }
         }, null);
       }
       return props.description || intl.getMessage("upload.dragger.hint", "\u652F\u6301\u5355\u6B21\u6216\u6279\u91CF\u4E0A\u4F20");
     });
-    const onChange = (info) => {
+    const beforeUpload = async (file, fileList2) => {
       var _a;
-      (_a = props.onChange) == null ? void 0 : _a.call(props, info.fileList, info);
+      const result = await ((_a = props.beforeUpload) == null ? void 0 : _a.call(props, file, fileList2));
+      if (!result && props.listIgnore) {
+        return Upload.LIST_IGNORE;
+      }
+      return result;
     };
-    return () => createVNode(Upload.Dragger, mergeProps({
-      "fileList": value.value
-    }, attrs, {
-      "name": props.name,
-      "style": {
-        ...attrs == null ? void 0 : attrs.style,
-        display: !showUploadButton.value ? "none" : void 0
+    const customRequest = async (option) => {
+      var _a, _b, _c;
+      const formData2 = new FormData();
+      formData2.append(props.name, option.file);
+      const onUploadProgress = (e) => {
+        var _a2;
+        if (e.total > 0) {
+          e.percent = e.loaded / e.total * 100;
+        }
+        (_a2 = option == null ? void 0 : option.onProgress) == null ? void 0 : _a2.call(option, e);
+      };
+      const {
+        success,
+        error,
+        data
+      } = (_a = await props.customRequest(formData2, onUploadProgress)) != null ? _a : {};
+      if (success) {
+        (_b = option.onSuccess) == null ? void 0 : _b.call(option, data);
+        formItemContext.onFieldChange();
+      } else {
+        (_c = option.onError) == null ? void 0 : _c.call(option, error, data);
+      }
+    };
+    const uploadProps = computed(() => {
+      const newProps = {
+        ...attrs
+      };
+      if (props.customRequest) {
+        newProps.customRequest = customRequest;
+      }
+      if (props.beforeUpload) {
+        newProps.beforeUpload = beforeUpload;
+      }
+      return newProps;
+    });
+    watch(() => props.value, (newValue) => {
+      var _a;
+      fileList.value = [...newValue == null ? void 0 : newValue.map((item) => ({
+        ...item,
+        name: item.name || item.url
+      }))];
+      if (!((_a = fileList.value) == null ? void 0 : _a.length)) {
+        formItemContext.onFieldChange();
+      }
+    });
+    const onUploadChange = (info) => {
+      var _a;
+      (_a = props.onChange) == null ? void 0 : _a.call(props, info.fileList.map((item) => {
+        var _a2, _b, _c;
+        return {
+          ...item,
+          name: item.name || ((_a2 = item.response) == null ? void 0 : _a2.name) || item.url || ((_b = item.response) == null ? void 0 : _b.url),
+          url: ((_c = item.response) == null ? void 0 : _c.url) || item.url
+        };
+      }), info.file);
+    };
+    return () => createVNode(Upload.Dragger, mergeProps(uploadProps.value, {
+      "class": {
+        [`${baseClassName.value}-readonly`]: props.readonly
       },
-      "onChange": onChange
+      "fileList": fileList.value,
+      "onUpdate:fileList": ($event) => fileList.value = $event,
+      "name": props.name,
+      "showUploadList": props.readonly || props.showUploadList,
+      "disabled": props.readonly || props.disabled,
+      "style": attrs == null ? void 0 : attrs.style,
+      "onChange": onUploadChange
     }), {
       default: () => [createVNode("p", {
         "class": `${baseClassName.value}-drag-icon`,
         "style": {
-          color: token.value.colorPrimary
+          color: "hsl(var(--pro-primary))"
         }
       }, [icon.value]), createVNode("p", {
         "class": `${baseClassName.value}-text`
@@ -36669,6 +36926,10 @@ var FormTitle = /* @__PURE__ */ defineComponent({
     tooltip: {
       type: [String, Boolean],
       default: ""
+    },
+    readonly: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props) {
@@ -36683,7 +36944,8 @@ var FormTitle = /* @__PURE__ */ defineComponent({
     }, [createVNode(RenderVNode$1, {
       "vnode": title.value,
       "props": {
-        formData: formData.value
+        formData: formData.value,
+        readonly: props.readonly
       }
     }, null)]), props.tooltip && createVNode(Tooltip, null, {
       default: () => [createVNode(QuestionCircleOutlined, {
@@ -36693,7 +36955,8 @@ var FormTitle = /* @__PURE__ */ defineComponent({
       title: () => props.tooltip === true ? createVNode(RenderVNode$1, {
         "vnode": title.value,
         "props": {
-          formData: formData.value
+          formData: formData.value,
+          readonly: props.readonly
         }
       }, null) : props.tooltip
     })]);
@@ -38285,6 +38548,7 @@ const fieldPropsMap = {
     "data",
     "directory",
     "disabled",
+    "listIgnore",
     "downloadIcon",
     "fileList",
     "headers",
@@ -38318,6 +38582,7 @@ const fieldPropsMap = {
     "id",
     "accept",
     "action",
+    "listIgnore",
     "beforeUpload",
     "customRequest",
     "data",
@@ -38359,6 +38624,7 @@ const fieldPropsMap = {
     "accept",
     "action",
     "beforeUpload",
+    "listIgnore",
     "name",
     "headers",
     "isCropper",
@@ -38385,6 +38651,7 @@ const fieldPropsMap = {
     "multiple",
     "maxCount",
     "beforeUpload",
+    "listIgnore",
     "name",
     "previewFile",
     "allowClear",
@@ -38606,7 +38873,8 @@ var FormItem = /* @__PURE__ */ defineComponent({
           "style": formItemProps.value.titleStyles
         }, [createVNode(FormTitle, {
           "title": props.item.title,
-          "tooltip": props.item.tooltip
+          "tooltip": props.item.tooltip,
+          "readonly": mergeReadonly.value
         }, null)]), createVNode("div", {
           "class": `${prefixCls}-item-title-extra`
         }, [createVNode(RenderVNode$1, {