pro-design-vue 1.2.19 → 1.2.21

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.2.19 */
+/*! Pro Design Vue v1.2.21 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue'), require('ant-design-vue/es/locale/zh_CN.js')) :
@@ -32,7 +32,7 @@
   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) => {
@@ -13996,6 +13996,9 @@
     }) {
       const intl = useIntl();
       const formSlotsContext = useInjectSlots$1();
+      const {
+        formData
+      } = useInjectForm();
       const internalValue = vue.computed({
         get: () => {
           return props.value;
@@ -14010,8 +14013,12 @@
         SLOT_NAMES$g.forEach((name) => {
           const slot = getSlot(props[name], formSlotsContext);
           if (slot) {
-            temp[name] = () => vue.createVNode(RenderVNode$1, {
-              "vnode": slot
+            temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
+              "vnode": slot,
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -14070,13 +14077,20 @@
     }) {
       const intl = useIntl();
       const formSlotsContext = useInjectSlots$1();
+      const {
+        formData
+      } = useInjectForm();
       const slotsGetter = vue.computed(() => {
         const temp = {};
         SLOT_NAMES$f.forEach((name) => {
           const slot = getSlot(props[name], formSlotsContext);
           if (slot) {
-            temp[name] = () => vue.createVNode(RenderVNode$1, {
-              "vnode": slot
+            temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
+              "vnode": slot,
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -14148,6 +14162,9 @@
       attrs
     }) {
       const intl = useIntl();
+      const {
+        formData
+      } = useInjectForm();
       const formSlotsContext = useInjectSlots$1();
       const formItemContext = antDesignVue.Form.useInjectFormItemContext();
       const fieldProps = vue.computed(() => omit(attrs, ["class", "style"]));
@@ -14156,8 +14173,12 @@
         SLOT_NAMES$e.forEach((name) => {
           const slot = getSlot(props[name], formSlotsContext);
           if (slot) {
-            temp[name] = () => vue.createVNode(RenderVNode$1, {
-              "vnode": slot
+            temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
+              "vnode": slot,
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -14328,6 +14349,9 @@
     }) {
       const intl = useIntl();
       const formSlotsContext = useInjectSlots$1();
+      const {
+        formData
+      } = useInjectForm();
       const internalValue = vue.computed({
         get: () => props.value,
         set: (val) => {
@@ -14340,8 +14364,12 @@
         SLOT_NAMES$d.forEach((name) => {
           const slot = getSlot(props[name], formSlotsContext);
           if (slot) {
-            temp[name] = () => vue.createVNode(RenderVNode$1, {
-              "vnode": slot
+            temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
+              "vnode": slot,
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -14609,6 +14637,9 @@
       expose
     }) {
       const intl = useIntl();
+      const {
+        formData
+      } = useInjectForm();
       const formSlotsContext = useInjectSlots$1();
       const mergePaginationConfig = vue.computed(() => {
         if (!props.pagination) {
@@ -14690,7 +14721,10 @@
           if (slot) {
             temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
               "vnode": slot,
-              "props": props2
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -14820,6 +14854,9 @@
       attrs
     }) {
       const intl = useIntl();
+      const {
+        formData
+      } = useInjectForm();
       const formSlotsContext = useInjectSlots$1();
       const {
         mergeOptions,
@@ -14863,7 +14900,10 @@
           if (slot) {
             temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
               "vnode": slot,
-              "props": props2
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -15150,6 +15190,9 @@
       attrs
     }) {
       const intl = useIntl();
+      const {
+        formData
+      } = useInjectForm();
       const formSlotsContext = useInjectSlots$1();
       const {
         mergeOptions,
@@ -15190,7 +15233,10 @@
           if (slot) {
             temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
               "vnode": slot,
-              "props": props2
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -15251,6 +15297,9 @@
     }) {
       const intl = useIntl();
       const formSlotsContext = useInjectSlots$1();
+      const {
+        formData
+      } = useInjectForm();
       const readValue = vue.computed(() => {
         if (!props.value || props.value === attrs.unCheckedValue) {
           return props.unCheckedChildren || intl.getMessage("switch.open", "\u6253\u5F00");
@@ -15267,7 +15316,10 @@
           if (slot) {
             temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
               "vnode": slot,
-              "props": props2
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -15308,13 +15360,20 @@
       attrs
     }) {
       const formSlotsContext = useInjectSlots$1();
+      const {
+        formData
+      } = useInjectForm();
       const slotsGetter = vue.computed(() => {
         const temp = {};
         SLOT_NAMES$8.forEach((name) => {
           const slot = getSlot(props[name], formSlotsContext);
           if (slot) {
-            temp[name] = () => vue.createVNode(RenderVNode$1, {
-              "vnode": slot
+            temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
+              "vnode": slot,
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -15358,13 +15417,20 @@
       attrs
     }) {
       const formSlotsContext = useInjectSlots$1();
+      const {
+        formData
+      } = useInjectForm();
       const slotsGetter = vue.computed(() => {
         const temp = {};
         SLOT_NAMES$7.forEach((name) => {
           const slot = getSlot(props[name], formSlotsContext);
           if (slot) {
-            temp[name] = () => vue.createVNode(RenderVNode$1, {
-              "vnode": slot
+            temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
+              "vnode": slot,
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -15616,6 +15682,9 @@
     }) {
       const intl = useIntl();
       const formSlotsContext = useInjectSlots$1();
+      const {
+        formData
+      } = useInjectForm();
       const defaultFormat = vue.computed(() => {
         var _a;
         const dataFormat = fieldDateFormatterMap[props.picker];
@@ -15646,8 +15715,12 @@
         SLOT_NAMES$6.forEach((name) => {
           const slot = getSlot(props[name], formSlotsContext);
           if (slot) {
-            temp[name] = () => vue.createVNode(RenderVNode$1, {
-              "vnode": slot
+            temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
+              "vnode": slot,
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -15742,6 +15815,9 @@
     }) {
       const intl = useIntl();
       const formSlotsContext = useInjectSlots$1();
+      const {
+        formData
+      } = useInjectForm();
       const defaultFormat = vue.computed(() => {
         var _a;
         const dataFormat = fieldDateFormatterMap[props.picker];
@@ -15773,8 +15849,12 @@
         SLOT_NAMES$5.forEach((name) => {
           const slot = getSlot(props[name], formSlotsContext);
           if (slot) {
-            temp[name] = () => vue.createVNode(RenderVNode$1, {
-              "vnode": slot
+            temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
+              "vnode": slot,
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -15840,6 +15920,9 @@
       attrs
     }) {
       const intl = useIntl();
+      const {
+        formData
+      } = useInjectForm();
       const formSlotsContext = useInjectSlots$1();
       const format = vue.computed(() => {
         var _a;
@@ -15861,8 +15944,12 @@
         SLOT_NAMES$4.forEach((name) => {
           const slot = getSlot(props[name], formSlotsContext);
           if (slot) {
-            temp[name] = () => vue.createVNode(RenderVNode$1, {
-              "vnode": slot
+            temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
+              "vnode": slot,
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -15946,6 +16033,9 @@
       attrs
     }) {
       const intl = useIntl();
+      const {
+        formData
+      } = useInjectForm();
       const formSlotsContext = useInjectSlots$1();
       const format = vue.computed(() => {
         var _a;
@@ -15968,8 +16058,12 @@
         SLOT_NAMES$3.forEach((name) => {
           const slot = getSlot(props[name], formSlotsContext);
           if (slot) {
-            temp[name] = () => vue.createVNode(RenderVNode$1, {
-              "vnode": slot
+            temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
+              "vnode": slot,
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -16032,7 +16126,7 @@
         type: String,
         default: "file"
       },
-      max: {
+      maxCount: {
         type: Number,
         default: void 0
       },
@@ -16050,22 +16144,31 @@
       },
       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 = vue.computed(() => {
-        var _a;
-        return (_a = props.fileList) != null ? _a : props.value;
-      });
-      const showUploadButton = vue.computed(() => {
-        var _a;
-        return props.max === void 0 || !value.value || ((_a = value.value) == null ? void 0 : _a.length) < props.max;
-      });
+      const fileList = vue.ref([]);
+      const formItemContext = antDesignVue.Form.useInjectFormItemContext();
+      const baseClassName = vue.computed(() => `${prefixCls}-upload`);
       const isPictureCard = vue.computed(() => props.listType === "picture-card");
       const slotsGetter = vue.computed(() => {
         const temp = {};
@@ -16073,7 +16176,10 @@
           const slot = getSlot(props[name], formSlotsContext);
           if (slot) {
             temp[name] = () => vue.createVNode(RenderVNode$1, {
-              "vnode": slot
+              "vnode": slot,
+              "props": {
+                formData: formData.value
+              }
             }, null);
           }
         });
@@ -16083,7 +16189,10 @@
         const render = getSlot(props.iconRender, formSlotsContext);
         if (isFunction$2(render)) {
           return vue.createVNode(RenderVNode$1, {
-            "vnode": render
+            "vnode": render,
+            "props": {
+              formData: formData.value
+            }
           }, null);
         }
         return vue.createVNode(UploadOutlined, null, null);
@@ -16092,27 +16201,102 @@
         const render = getSlot(props.title, formSlotsContext);
         if (isFunction$2(render)) {
           return vue.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 antDesignVue.Upload.LIST_IGNORE;
+        }
+        return result;
       };
-      return () => vue.createVNode(antDesignVue.Upload, vue.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 = vue.computed(() => {
+        const newProps = {
+          ...attrs
+        };
+        if (props.customRequest) {
+          newProps.customRequest = customRequest;
+        }
+        if (props.beforeUpload) {
+          newProps.beforeUpload = beforeUpload;
+        }
+        return newProps;
+      });
+      vue.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 () => vue.createVNode(antDesignVue.Upload, vue.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 ? vue.createVNode("span", null, [icon.value, title.value]) : vue.createVNode(antDesignVue.Button, vue.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 && vue.createVNode("div", null, [icon.value, vue.createVNode("div", {
+            "style": "margin-top: 8px"
+          }, [vue.createTextVNode(" "), title.value])]) : vue.createVNode(antDesignVue.Button, vue.mergeProps({
+            "disabled": props.disabled
+          }, props.buttonProps), {
+            default: () => [icon.value, title.value]
+          })];
+        },
         ...slotsGetter.value
       });
     }
@@ -16168,28 +16352,30 @@
       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
-      } = antDesignVue.theme.useToken();
-      const {
-        prefixCls
+        prefixCls,
+        formData
       } = useInjectForm();
       const intl = useIntl();
       const formSlotsContext = useInjectSlots$1();
-      const value = vue.computed(() => {
-        var _a;
-        return (_a = props.fileList) != null ? _a : props.value;
-      });
+      const fileList = vue.ref([]);
+      const formItemContext = antDesignVue.Form.useInjectFormItemContext();
       const baseClassName = vue.computed(() => `${prefixCls}-upload`);
-      const showUploadButton = vue.computed(() => {
-        var _a;
-        return props.max === void 0 || !value.value || ((_a = value.value) == null ? void 0 : _a.length) < props.max;
-      });
       const slotsGetter = vue.computed(() => {
         const temp = {};
         SLOT_NAMES$1.forEach((name) => {
@@ -16206,7 +16392,10 @@
         const render = getSlot(props.iconRender, formSlotsContext);
         if (isFunction$2(render)) {
           return vue.createVNode(RenderVNode$1, {
-            "vnode": render
+            "vnode": render,
+            "props": {
+              formData: formData.value
+            }
           }, null);
         }
         return vue.createVNode(InboxOutlined, null, null);
@@ -16215,7 +16404,10 @@
         const render = getSlot(props.title, formSlotsContext);
         if (isFunction$2(render)) {
           return vue.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");
@@ -16224,29 +16416,94 @@
         const render = getSlot(props.description, formSlotsContext);
         if (isFunction$2(render)) {
           return vue.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 antDesignVue.Upload.LIST_IGNORE;
+        }
+        return result;
       };
-      return () => vue.createVNode(antDesignVue.Upload.Dragger, vue.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 = vue.computed(() => {
+        const newProps = {
+          ...attrs
+        };
+        if (props.customRequest) {
+          newProps.customRequest = customRequest;
+        }
+        if (props.beforeUpload) {
+          newProps.beforeUpload = beforeUpload;
+        }
+        return newProps;
+      });
+      vue.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 () => vue.createVNode(antDesignVue.Upload.Dragger, vue.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: () => [vue.createVNode("p", {
           "class": `${baseClassName.value}-drag-icon`,
           "style": {
-            color: token.value.colorPrimary
+            color: "hsl(var(--pro-primary))"
           }
         }, [icon.value]), vue.createVNode("p", {
           "class": `${baseClassName.value}-text`
@@ -36671,6 +36928,10 @@
       tooltip: {
         type: [String, Boolean],
         default: ""
+      },
+      readonly: {
+        type: Boolean,
+        default: false
       }
     },
     setup(props) {
@@ -36685,7 +36946,8 @@
       }, [vue.createVNode(RenderVNode$1, {
         "vnode": title.value,
         "props": {
-          formData: formData.value
+          formData: formData.value,
+          readonly: props.readonly
         }
       }, null)]), props.tooltip && vue.createVNode(antDesignVue.Tooltip, null, {
         default: () => [vue.createVNode(QuestionCircleOutlined, {
@@ -36695,7 +36957,8 @@
         title: () => props.tooltip === true ? vue.createVNode(RenderVNode$1, {
           "vnode": title.value,
           "props": {
-            formData: formData.value
+            formData: formData.value,
+            readonly: props.readonly
           }
         }, null) : props.tooltip
       })]);
@@ -38287,6 +38550,7 @@
       "data",
       "directory",
       "disabled",
+      "listIgnore",
       "downloadIcon",
       "fileList",
       "headers",
@@ -38320,6 +38584,7 @@
       "id",
       "accept",
       "action",
+      "listIgnore",
       "beforeUpload",
       "customRequest",
       "data",
@@ -38361,6 +38626,7 @@
       "accept",
       "action",
       "beforeUpload",
+      "listIgnore",
       "name",
       "headers",
       "isCropper",
@@ -38387,6 +38653,7 @@
       "multiple",
       "maxCount",
       "beforeUpload",
+      "listIgnore",
       "name",
       "previewFile",
       "allowClear",
@@ -38608,7 +38875,8 @@
             "style": formItemProps.value.titleStyles
           }, [vue.createVNode(FormTitle, {
             "title": props.item.title,
-            "tooltip": props.item.tooltip
+            "tooltip": props.item.tooltip,
+            "readonly": mergeReadonly.value
           }, null)]), vue.createVNode("div", {
             "class": `${prefixCls}-item-title-extra`
           }, [vue.createVNode(RenderVNode$1, {