pro-design-vue 1.2.18 → 1.2.20

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.2.18 */
+/*! Pro Design Vue v1.2.20 */
 
 (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.18";
+  const version$1 = "1.2.20";
 
   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);
           }
         });
@@ -14424,19 +14452,22 @@
     });
     return enumArray;
   };
-  const formatOptions = (options) => {
+  const formatOptions = (options, fieldNames) => {
     return options == null ? void 0 : options.map((opt) => {
       if (!isObject$4(opt)) {
         return { label: opt, value: opt };
       }
+      opt.label = opt[fieldNames.label];
+      opt.value = opt[fieldNames.value];
+      opt.children = opt[fieldNames.children];
       if (opt == null ? void 0 : opt.text) {
         opt.label = opt == null ? void 0 : opt.text;
       }
       if (Array.isArray(opt.options) && opt.options.length) {
-        opt.options = formatOptions(opt.options);
+        opt.options = formatOptions(opt.options, fieldNames);
       }
       if (Array.isArray(opt.children) && opt.children.length) {
-        opt.children = formatOptions(opt.children);
+        opt.children = formatOptions(opt.children, fieldNames);
       }
       return opt;
     });
@@ -14457,7 +14488,7 @@
     const runOptions = vue.computed(() => runFunction(options, formData.value, rowData == null ? void 0 : rowData.value));
     const mergeOptions = vue.ref([]);
     const fieldNames = vue.computed(() => {
-      return fieldNamesConfig != null ? fieldNamesConfig : { label: "label", value: "value", children: "children" };
+      return { label: "label", value: "value", children: "children", ...fieldNamesConfig };
     });
     const [innerParams, setInnerParams] = useState(
       () => {
@@ -14496,7 +14527,7 @@
       () => {
         var _a;
         if (Array.isArray(runOptions.value) && ((_a = runOptions.value) == null ? void 0 : _a.length) > 0) {
-          mergeOptions.value = formatOptions(runOptions.value);
+          mergeOptions.value = formatOptions(runOptions.value, fieldNames.value);
         } else {
           const optionsEnum = runFunction(valueEnum, formData.value);
           mergeOptions.value = fieldParsingValueEnumToArray(optionsEnum);
@@ -14508,48 +14539,10 @@
     );
     const fetchData = useFetchData$1({ request });
     const requestOptions = debounce(async () => {
-      var _a;
       loading.value = true;
       const result = await fetchData(mergeParams.value, index == null ? void 0 : index.value);
       if (Array.isArray(result)) {
-        mergeOptions.value = result.map((opt) => {
-          if (opt == null ? void 0 : opt.text) {
-            opt.label = opt == null ? void 0 : opt.text;
-          }
-          return opt;
-        });
-      } else if (isObject$4(result)) {
-        const { success, total: dataTotal, data } = result;
-        if (success) {
-          if (paginationConfig == null ? void 0 : paginationConfig.value) {
-            total.value = dataTotal;
-            if (((_a = innerParams == null ? void 0 : innerParams.value) == null ? void 0 : _a.current) === 1) {
-              mergeOptions.value = data.map((opt) => {
-                if (opt == null ? void 0 : opt.text) {
-                  opt.label = opt == null ? void 0 : opt.text;
-                }
-                return opt;
-              });
-            } else {
-              mergeOptions.value = [
-                ...mergeOptions.value,
-                ...data.map((opt) => {
-                  if (opt == null ? void 0 : opt.text) {
-                    opt.label = opt == null ? void 0 : opt.text;
-                  }
-                  return opt;
-                })
-              ];
-            }
-          } else {
-            mergeOptions.value = data.map((opt) => {
-              if (opt == null ? void 0 : opt.text) {
-                opt.label = opt == null ? void 0 : opt.text;
-              }
-              return opt;
-            });
-          }
-        }
+        mergeOptions.value = formatOptions(result, fieldNames.value);
       }
       loading.value = false;
     }, 200);
@@ -14644,6 +14637,9 @@
       expose
     }) {
       const intl = useIntl();
+      const {
+        formData
+      } = useInjectForm();
       const formSlotsContext = useInjectSlots$1();
       const mergePaginationConfig = vue.computed(() => {
         if (!props.pagination) {
@@ -14725,7 +14721,10 @@
           if (slot) {
             temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
               "vnode": slot,
-              "props": props2
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -14855,6 +14854,9 @@
       attrs
     }) {
       const intl = useIntl();
+      const {
+        formData
+      } = useInjectForm();
       const formSlotsContext = useInjectSlots$1();
       const {
         mergeOptions,
@@ -14898,7 +14900,10 @@
           if (slot) {
             temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
               "vnode": slot,
-              "props": props2
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -14982,7 +14987,8 @@
   var FieldCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
     name: "FieldCheckboxGroup",
     props: {
-      ...commonFieldProps()
+      ...commonFieldProps(),
+      fieldNames: Object
     },
     setup(props, {
       attrs
@@ -14998,6 +15004,7 @@
         options: props.options,
         valueEnum: props.valueEnum,
         dependencies: props.dependencies,
+        fieldNames: props.fieldNames,
         params: props.params
       });
       const readValue = vue.computed(() => {
@@ -15055,7 +15062,8 @@
       radioLabel: {
         type: String,
         default: ""
-      }
+      },
+      fieldNames: Object
     },
     setup(props, {
       attrs
@@ -15072,6 +15080,7 @@
         options: props.options,
         valueEnum: props.valueEnum,
         dependencies: props.dependencies,
+        fieldNames: props.fieldNames,
         params: props.params
       });
       const readValue = vue.computed(() => {
@@ -15181,6 +15190,9 @@
       attrs
     }) {
       const intl = useIntl();
+      const {
+        formData
+      } = useInjectForm();
       const formSlotsContext = useInjectSlots$1();
       const {
         mergeOptions,
@@ -15221,7 +15233,10 @@
           if (slot) {
             temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
               "vnode": slot,
-              "props": props2
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -15282,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");
@@ -15298,7 +15316,10 @@
           if (slot) {
             temp[name] = (props2) => vue.createVNode(RenderVNode$1, {
               "vnode": slot,
-              "props": props2
+              "props": {
+                formData: formData.value,
+                ...props2 != null ? props2 : {}
+              }
             }, null);
           }
         });
@@ -15339,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);
           }
         });
@@ -15389,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);
           }
         });
@@ -15647,6 +15682,9 @@
     }) {
       const intl = useIntl();
       const formSlotsContext = useInjectSlots$1();
+      const {
+        formData
+      } = useInjectForm();
       const defaultFormat = vue.computed(() => {
         var _a;
         const dataFormat = fieldDateFormatterMap[props.picker];
@@ -15677,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);
           }
         });
@@ -15773,6 +15815,9 @@
     }) {
       const intl = useIntl();
       const formSlotsContext = useInjectSlots$1();
+      const {
+        formData
+      } = useInjectForm();
       const defaultFormat = vue.computed(() => {
         var _a;
         const dataFormat = fieldDateFormatterMap[props.picker];
@@ -15804,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);
           }
         });
@@ -15871,6 +15920,9 @@
       attrs
     }) {
       const intl = useIntl();
+      const {
+        formData
+      } = useInjectForm();
       const formSlotsContext = useInjectSlots$1();
       const format = vue.computed(() => {
         var _a;
@@ -15892,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);
           }
         });
@@ -15977,6 +16033,9 @@
       attrs
     }) {
       const intl = useIntl();
+      const {
+        formData
+      } = useInjectForm();
       const formSlotsContext = useInjectSlots$1();
       const format = vue.computed(() => {
         var _a;
@@ -15999,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);
           }
         });
@@ -16088,6 +16151,9 @@
       attrs
     }) {
       const intl = useIntl();
+      const {
+        formData
+      } = useInjectForm();
       const formSlotsContext = useInjectSlots$1();
       const value = vue.computed(() => {
         var _a;
@@ -16104,7 +16170,10 @@
           const slot = getSlot(props[name], formSlotsContext);
           if (slot) {
             temp[name] = () => vue.createVNode(RenderVNode$1, {
-              "vnode": slot
+              "vnode": slot,
+              "props": {
+                formData: formData.value
+              }
             }, null);
           }
         });
@@ -16114,7 +16183,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);
@@ -16123,7 +16195,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.button", "\u5355\u51FB\u4E0A\u4F20");
@@ -16208,7 +16283,8 @@
         token
       } = antDesignVue.theme.useToken();
       const {
-        prefixCls
+        prefixCls,
+        formData
       } = useInjectForm();
       const intl = useIntl();
       const formSlotsContext = useInjectSlots$1();
@@ -16237,7 +16313,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);
@@ -16246,7 +16325,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");
@@ -16255,7 +16337,10 @@
         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");
@@ -38075,13 +38160,14 @@
       "onUpdate:searchValue"
     ],
     checkbox: ["id", "autofocus", "disabled", "indeterminate"],
-    checkboxGroup: ["id", "disabled", "name", "options"],
+    checkboxGroup: ["id", "disabled", "name", "options", "fieldNames"],
     radioGroup: [
       "id",
       "class",
       "disabled",
       "name",
       "options",
+      "fieldNames",
       "optionType",
       "buttonStyle",
       "radioLabel"