vxe-table 3.15.20 → 3.15.22

package/es/table/render/index.js

@@ -143,7 +143,7 @@ const blurEvent = 'blur';
  * @param modelFunc
  * @param changeFunc
  */
-function getComponentOns(renderOpts, params, eFns) {
+function getComponentOns(renderOpts, params, eFns, eventOns) {
     const { events } = renderOpts;
     const modelEvent = getModelEvent(renderOpts);
     const changeEvent = getChangeEvent(renderOpts);
@@ -181,7 +181,7 @@ function getComponentOns(renderOpts, params, eFns) {
             }
         };
     }
-    return ons;
+    return eventOns ? Object.assign(ons, eventOns) : ons;
 }
 function getEditOns(renderOpts, params) {
     const { $table, row, column } = params;
@@ -770,6 +770,78 @@ renderer.mixin({
         renderTableFilter: defaultFilterRender,
         tableFilterDefaultMethod: handleFilterMethod
     },
+    VxeDateRangePicker: {
+        tableAutoFocus: 'input',
+        renderTableEdit(h, renderOpts, params) {
+            const { startField, endField } = renderOpts;
+            const { $table, row, column } = params;
+            const { model } = column;
+            const cellValue = getCellValue(row, column);
+            const seProps = {};
+            const seOs = {};
+            if (startField && endField) {
+                seProps.startValue = XEUtils.get(row, startField);
+                seProps.endValue = XEUtils.get(row, endField);
+                seOs['update:startValue'] = (value) => {
+                    if (startField) {
+                        XEUtils.set(row, startField, value);
+                    }
+                };
+                seOs['update:endValue'] = (value) => {
+                    if (endField) {
+                        XEUtils.set(row, endField, value);
+                    }
+                };
+            }
+            return [
+                h(getDefaultComponent(renderOpts), {
+                    props: getCellEditProps(renderOpts, params, cellValue, seProps),
+                    on: getComponentOns(renderOpts, params, {
+                        model(cellValue) {
+                            model.update = true;
+                            model.value = cellValue;
+                            setCellValue(row, column, cellValue);
+                        },
+                        change() {
+                            $table.updateStatus(params);
+                        },
+                        blur() {
+                            $table.handleCellRuleUpdateStatus('blur', params);
+                        }
+                    }, seOs)
+                })
+            ];
+        },
+        renderTableCell(h, renderOpts, params) {
+            const { startField, endField } = renderOpts;
+            const { row, column } = params;
+            let startValue = '';
+            let endValue = '';
+            if (startField && endField) {
+                startValue = XEUtils.get(row, startField);
+                endValue = XEUtils.get(row, endField);
+            }
+            else {
+                const cellValue = XEUtils.get(row, column.field);
+                if (cellValue) {
+                    if (XEUtils.isArray(cellValue)) {
+                        startValue = cellValue[0];
+                        endValue = cellValue[1];
+                    }
+                    else {
+                        const strs = `${cellValue}`.split(',');
+                        startValue = strs[0];
+                        endValue = strs[1];
+                    }
+                }
+            }
+            let cellLabel = '';
+            if (startValue && endValue) {
+                cellLabel = `${startValue} ~ ${endValue}`;
+            }
+            return getCellLabelVNs(h, renderOpts, params, cellLabel);
+        }
+    },
     VxeTextarea: {
         tableAutoFocus: 'textarea',
         renderTableEdit: defaultEditRender

package/es/table/src/methods.js

@@ -518,7 +518,7 @@ function updateAfterDataIndex($xeTable) {
     const props = $xeTable;
     const internalData = $xeTable;
     const { treeConfig } = props;
-    const { fullDataRowIdData, fullAllDataRowIdData, afterTreeFullData } = internalData;
+    const { fullDataRowIdData, fullAllDataRowIdData, afterFullData, afterTreeFullData } = internalData;
     const treeOpts = $xeTable.computeTreeOpts;
     const { transform } = treeOpts;
     const childrenField = treeOpts.children || treeOpts.childrenField;
@@ -540,8 +540,20 @@ function updateAfterDataIndex($xeTable) {
             }
             fullMaps[rowid] = row;
         }, { children: transform ? treeOpts.mapChildrenField : childrenField });
+        if (transform) {
+            afterFullData.forEach((row, index) => {
+                const rowid = handleGetRowId(row);
+                const rowRest = fullAllDataRowIdData[rowid];
+                const seq = index + 1;
+                if (rowRest) {
+                    if (!treeConfig) {
+                        rowRest.seq = seq;
+                    }
+                    rowRest._index = index;
+                }
+            });
+        }
         internalData.afterFullRowMaps = fullMaps;
-        updateAfterListIndex($xeTable);
     }
     else {
         updateAfterListIndex($xeTable);
@@ -1854,7 +1866,7 @@ const handleFooterMerge = ($xeTable, merges) => {
 };
 function removeBodyMerges($xeTable, merges) {
     const internalData = $xeTable;
-    const { mergeBodyList, fullColumnIdData, fullAllDataRowIdData } = internalData;
+    const { mergeBodyList, fullColumnIdData, fullAllDataRowIdData, mergeBodyMaps } = internalData;
     const rest = [];
     if (merges) {
         const { handleGetRowId } = createHandleGetRowId($xeTable);
@@ -1891,6 +1903,9 @@ function removeBodyMerges($xeTable, merges) {
                 const item = rItems[0];
                 if (item) {
                     rest.push(rItems[0]);
+                    if (mergeBodyMaps[`${mergeRowIndex}:${mergeColumnIndex}`]) {
+                        delete mergeBodyMaps[`${mergeRowIndex}:${mergeColumnIndex}`];
+                    }
                 }
             }
         });
@@ -1899,7 +1914,7 @@ function removeBodyMerges($xeTable, merges) {
 }
 function removeFooterMerges($xeTable, merges) {
     const internalData = $xeTable;
-    const { mergeFooterList, fullColumnIdData } = internalData;
+    const { mergeFooterList, fullColumnIdData, mergeFooterMaps } = internalData;
     const rest = [];
     if (merges) {
         if (!XEUtils.isArray(merges)) {
@@ -1925,6 +1940,9 @@ function removeFooterMerges($xeTable, merges) {
                 const item = rItems[0];
                 if (item) {
                     rest.push(item);
+                    if (mergeFooterMaps[`${mergeRowIndex}:${mergeColumnIndex}`]) {
+                        delete mergeFooterMaps[`${mergeRowIndex}:${mergeColumnIndex}`];
+                    }
                 }
             }
         });

package/es/table/style.css

@@ -1806,6 +1806,7 @@
 .vxe-header--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-select,
 .vxe-header--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-tree-select,
 .vxe-header--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-date-picker,
+.vxe-header--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-date-range-picker,
 .vxe-header--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-number-input,
 .vxe-header--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-ico-picker,
 .vxe-footer--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-input,
@@ -1813,6 +1814,7 @@
 .vxe-footer--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-select,
 .vxe-footer--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-tree-select,
 .vxe-footer--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-date-picker,
+.vxe-footer--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-date-range-picker,
 .vxe-footer--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-number-input,
 .vxe-footer--column.fixed--width > .vxe-cell > .vxe-cell--wrapper .vxe-ico-picker {
   width: 100%;
@@ -1821,7 +1823,7 @@
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-default-input, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-default-textarea, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-default-select {
   width: 100%;
 }
-.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-input, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-textarea, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-select, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-tree-select, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-date-picker, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-number-input, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-ico-picker {
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-input, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-textarea, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-select, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-tree-select, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-date-picker, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-date-range-picker, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-number-input, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-ico-picker {
   width: 100%;
 }
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-default-input,
@@ -1832,6 +1834,7 @@
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-select,
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-tree-select,
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-date-picker,
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-date-range-picker,
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-number-input,
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-row-group--tree-node .vxe-ico-picker, .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-default-input,
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-default-textarea,
@@ -1841,6 +1844,7 @@
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-select,
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-tree-select,
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-date-picker,
+.vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-date-range-picker,
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-number-input,
 .vxe-body--column.fixed--width > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node .vxe-ico-picker {
   width: 100%;
@@ -1849,7 +1853,7 @@
 .vxe-table--filter-template > .vxe-default-input, .vxe-table--filter-template > .vxe-default-textarea, .vxe-table--filter-template > .vxe-default-select {
   width: 100%;
 }
-.vxe-table--filter-template > .vxe-input, .vxe-table--filter-template > .vxe-textarea, .vxe-table--filter-template > .vxe-select, .vxe-table--filter-template > .vxe-tree-select, .vxe-table--filter-template > .vxe-date-picker, .vxe-table--filter-template > .vxe-number-input, .vxe-table--filter-template > .vxe-ico-picker {
+.vxe-table--filter-template > .vxe-input, .vxe-table--filter-template > .vxe-textarea, .vxe-table--filter-template > .vxe-select, .vxe-table--filter-template > .vxe-tree-select, .vxe-table--filter-template > .vxe-date-picker, .vxe-table--filter-template > .vxe-date-range-picker, .vxe-table--filter-template > .vxe-number-input, .vxe-table--filter-template > .vxe-ico-picker {
   width: 100%;
 }