vxe-table 4.5.7 → 4.5.9

package/lib/index.umd.js

@@ -2277,7 +2277,7 @@ const GlobalConfig = {
 ;// CONCATENATED MODULE: ./packages/tools/log.ts
 
 function getLog(message, params) {
-  return `[vxe-table v${"4.5.6"}] ${conf.i18n(message, params)}`;
+  return `[vxe-table v${"4.5.8"}] ${conf.i18n(message, params)}`;
 }
 function outLog(type) {
   return function (message, params) {
@@ -4350,7 +4350,7 @@ const config = new VXETableConfig();
 const v = 'v4';
 const VXETable = {
   v,
-  version: "4.5.6",
+  version: "4.5.8",
   setup: setup,
   interceptor: interceptor,
   renderer: renderer,
@@ -5777,10 +5777,10 @@ const editHook = {
       if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(records)) {
         records = [records];
       }
-      const newRecords = $xetable.defineField(records.map(record => Object.assign(treeConfig && transform ? {
+      const newRecords = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)($xetable.defineField(records.map(record => Object.assign(treeConfig && transform ? {
         [mapChildrenField]: [],
         [childrenField]: []
-      } : {}, record)));
+      } : {}, record))));
       if (!row) {
         // 如果为虚拟树
         if (treeConfig && transform) {
@@ -8315,6 +8315,9 @@ const quarterSize = 8;
       default: () => conf.input.size || conf.size
     },
     multiple: Boolean,
+    // text
+    showWordCount: Boolean,
+    countMethod: Function,
     // number、integer、float
     min: {
       type: [String, Number],
@@ -8450,6 +8453,13 @@ const quarterSize = 8;
     const computeIsNumType = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return ['number', 'integer', 'float'].indexOf(props.type) > -1;
     });
+    const computeInputCount = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().getSize(reactData.inputValue);
+    });
+    const computeIsCountError = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const inputCount = computeInputCount.value;
+      return props.maxlength && inputCount > external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.maxlength);
+    });
     const computeIsDatePickerType = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       const isDateTimeType = computeIsDateTimeType.value;
       return isDateTimeType || ['date', 'week', 'month', 'quarter', 'year'].indexOf(props.type) > -1;
@@ -10696,6 +10706,8 @@ const quarterSize = 8;
         controls,
         type,
         align,
+        showWordCount,
+        countMethod,
         name,
         disabled,
         readonly,
@@ -10707,6 +10719,8 @@ const quarterSize = 8;
         isActivated
       } = reactData;
       const vSize = computeSize.value;
+      const isCountError = computeIsCountError.value;
+      const inputCount = computeInputCount.value;
       const isDatePickerType = computeIsDatePickerType.value;
       const inpReadonly = computeInpReadonly.value;
       const inpMaxlength = computeInpMaxlength.value;
@@ -10750,6 +10764,18 @@ const quarterSize = 8;
       if (isDatePickerType) {
         childs.push(renderPanel());
       }
+      let isWordCount = false;
+      // 统计字数
+      if (showWordCount && ['text', 'search'].includes(type)) {
+        isWordCount = true;
+        childs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('span', {
+          class: ['vxe-input--count', {
+            'is--error': isCountError
+          }]
+        }, countMethod ? `${countMethod({
+          value: inputValue
+        })}` : `${inputCount}${inpMaxlength ? `/${inpMaxlength}` : ''}`));
+      }
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refElem,
         class: ['vxe-input', `type--${type}`, className, {
@@ -10760,6 +10786,7 @@ const quarterSize = 8;
           'is--suffix': !!suffix,
           'is--readonly': readonly,
           'is--visivle': visiblePanel,
+          'is--count': isWordCount,
           'is--disabled': disabled,
           'is--active': isActivated
         }]
@@ -20288,6 +20315,7 @@ let autoTxtElem;
         class: ['vxe-textarea', className, {
           [`size--${vSize}`]: vSize,
           'is--autosize': autosize,
+          'is--count': showWordCount,
           'is--disabled': disabled,
           'def--rows': !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(rows),
           'def--cols': !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(cols)
@@ -28559,7 +28587,8 @@ const orderStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_ORDER';
         const {
           tableSourceData,
           fullDataRowIdData,
-          fullAllDataRowIdData
+          fullAllDataRowIdData,
+          sourceDataRowIdData
         } = internalData;
         const treeOpts = computeTreeOpts.value;
         const {
@@ -28578,6 +28607,10 @@ const orderStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_ORDER';
             if (matchObj) {
               matchObj.item[childrenField] = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(rows, true);
             }
+            rows.forEach(childRow => {
+              const rowid = getRowid($xetable, childRow);
+              sourceDataRowIdData[rowid] = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(childRow, true);
+            });
           }
           external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(rows, (childRow, index, items, path, parent, nodes) => {
             const rowid = getRowid($xetable, childRow);