vxe-pc-ui 4.6.1 → 4.6.2

package/lib/index.umd.js

@@ -4213,14 +4213,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.6.1"}`;
+const log_version = `ui v${"4.6.2"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.6.1";
+const ui_version = "4.6.2";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -19320,8 +19320,26 @@ const Empty = VxeEmpty;
 /* harmony default export */ var packages_empty = (VxeEmpty);
 ;// CONCATENATED MODULE: ./packages/form/src/itemInfo.ts
 
+
+
 class ItemInfo {
   constructor($xeForm, item) {
+    const {
+      formatter
+    } = item;
+    if (formatter) {
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(formatter)) {
+        const gFormatOpts = formats.get(formatter);
+        if (!gFormatOpts || !gFormatOpts.formItemFormatMethod) {
+          errLog('vxe.error.notFormats', [formatter]);
+        }
+      } else if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(formatter)) {
+        const gFormatOpts = formats.get(formatter[0]);
+        if (!gFormatOpts || !gFormatOpts.formItemFormatMethod) {
+          errLog('vxe.error.notFormats', [formatter[0]]);
+        }
+      }
+    }
     Object.assign(this, {
       id: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('item_'),
       title: item.title,
@@ -19354,6 +19372,7 @@ class ItemInfo {
       titleStyle: item.titleStyle,
       itemRender: item.itemRender,
       rules: item.rules,
+      formatter,
       // 渲染属性
       showError: false,
       errRule: null,
@@ -19782,11 +19801,15 @@ function renderTitle($xeForm, item, isGroup) {
 const renderItemContent = ($xeForm, item) => {
   const formProps = $xeForm.props;
   const formReactData = $xeForm.reactData;
+  const formInternalData = $xeForm.internalData;
   const $xeGrid = $xeForm.xeGrid;
   const {
     computeCollapseOpts,
     computeValidOpts
   } = $xeForm.getComputeMaps();
+  const {
+    itemFormatCache
+  } = formInternalData;
   const {
     data,
     readonly,
@@ -19800,13 +19823,15 @@ const renderItemContent = ($xeForm, item) => {
     field,
     itemRender,
     collapseNode,
-    errRule
+    errRule,
+    formatter
   } = item;
   const defaultSlot = slots ? slots.default : null;
   const validSlot = slots ? slots.valid : null;
   const collapseOpts = computeCollapseOpts.value;
   const validOpts = computeValidOpts.value;
   const compConf = isEnableConf(itemRender) ? renderer.get(itemRender.name) : null;
+  const itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
   const params = {
     data,
     disabled,
@@ -19814,6 +19839,7 @@ const renderItemContent = ($xeForm, item) => {
     field,
     property: field,
     item,
+    itemValue,
     $form: $xeForm,
     $grid: $xeGrid
   };
@@ -19824,8 +19850,43 @@ const renderItemContent = ($xeForm, item) => {
   } else if (rftContent) {
     contentVNs = getSlotVNs(rftContent(itemRender, params));
   } else if (field) {
-    const itemValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(data, field);
-    contentVNs = [eqEmptyValue(itemValue) ? '' : `${itemValue}`];
+    let itemLabel = itemValue;
+    if (formatter) {
+      let formatData;
+      if (field) {
+        const itemRest = itemFormatCache[field];
+        if (itemRest) {
+          formatData = itemRest.formatData;
+          if (formatData) {
+            if (formatData.value === itemValue) {
+              return formatData.label;
+            }
+          } else {
+            formatData = itemRest.formatData = {};
+          }
+        } else {
+          itemFormatCache[field] = {
+            field
+          };
+        }
+      }
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(formatter)) {
+        const gFormatOpts = formats.get(formatter);
+        const fiFormatMethod = gFormatOpts ? gFormatOpts.formItemFormatMethod : null;
+        itemLabel = fiFormatMethod ? fiFormatMethod(params) : '';
+      } else if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(formatter)) {
+        const gFormatOpts = formats.get(formatter[0]);
+        const fiFormatMethod = gFormatOpts ? gFormatOpts.formItemFormatMethod : null;
+        itemLabel = fiFormatMethod ? fiFormatMethod(params, ...formatter.slice(1)) : '';
+      } else {
+        itemLabel = formatter(params);
+      }
+      if (formatData) {
+        formatData.value = itemValue;
+        formatData.label = itemLabel;
+      }
+    }
+    contentVNs = [eqEmptyValue(itemLabel) ? '' : `${itemLabel}`];
   }
   if (collapseNode) {
     contentVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -20095,7 +20156,8 @@ const validErrorRuleValue = (rule, val) => {
       tooltipStore: {
         item: null,
         visible: false
-      }
+      },
+      itemFormatCache: {}
     });
     const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refTooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
@@ -20123,6 +20185,7 @@ const validErrorRuleValue = (rule, val) => {
       props,
       context,
       reactData,
+      internalData,
       xeGrid: $xeGrid,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
@@ -20155,6 +20218,7 @@ const validErrorRuleValue = (rule, val) => {
       reactData.staticItems = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().mapTree(list, item => createItem($xeForm, item), {
         children: 'children'
       });
+      internalData.itemFormatCache = {};
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
     };
     const getItems = () => {
@@ -20272,6 +20336,7 @@ const validErrorRuleValue = (rule, val) => {
           }
         });
       }
+      internalData.itemFormatCache = {};
       return clearValidate();
     };
     const resetEvent = evnt => {
@@ -23009,6 +23074,7 @@ const formItemProps = {
     type: Boolean,
     default: null
   },
+  formatter: [String, Function],
   className: [String, Function],
   contentClassName: [String, Function],
   contentStyle: [Object, Function],