vxe-table 3.11.24 → 3.11.26

package/lib/index.umd.js

@@ -2220,7 +2220,7 @@ function getClass(property, params) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "3.11.24";
+const version = "3.11.26";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -2469,6 +2469,7 @@ core_.VxeUI.setIcon({
   TABLE_DRAG_ROW: iconPrefix + 'drag-handle',
   TABLE_DRAG_COLUMN: iconPrefix + 'drag-handle',
   TABLE_DRAG_STATUS_ROW: iconPrefix + 'sort',
+  TABLE_DRAG_STATUS_SUB_ROW: iconPrefix + 'add-sub',
   TABLE_DRAG_STATUS_COLUMN: iconPrefix + 'swap',
   TABLE_DRAG_DISABLED: iconPrefix + 'no-drop',
   // toolbar
@@ -2788,7 +2789,7 @@ function isNodeElement(elem) {
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"3.11.24"}`;
+const log_version = `table v${"3.11.26"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -5350,6 +5351,7 @@ const updateColDropTipContent = ($xeTable, tdEl) => {
 };
 function showDropTip($xeTable, evnt, trEl, thEl, showLine, dragPos) {
   const reactData = $xeTable;
+  const internalData = $xeTable;
   const el = $xeTable.$refs.refElem;
   if (!el) {
     return;
@@ -5358,6 +5360,9 @@ function showDropTip($xeTable, evnt, trEl, thEl, showLine, dragPos) {
     scrollbarWidth,
     scrollbarHeight
   } = reactData;
+  const {
+    prevDragToChild
+  } = internalData;
   const wrapperRect = el.getBoundingClientRect();
   if (trEl) {
     const rdLineEl = $xeTable.$refs.refDragRowLineElem;
@@ -5369,6 +5374,7 @@ function showDropTip($xeTable, evnt, trEl, thEl, showLine, dragPos) {
         rdLineEl.style.height = `${trRect.height}px`;
         rdLineEl.style.width = `${wrapperRect.width - scrollbarWidth}px`;
         rdLineEl.setAttribute('drag-pos', dragPos);
+        rdLineEl.setAttribute('drag-to-child', prevDragToChild ? 'y' : 'n');
       } else {
         rdLineEl.style.display = '';
       }
@@ -5393,7 +5399,7 @@ function showDropTip($xeTable, evnt, trEl, thEl, showLine, dragPos) {
     rdTipEl.style.display = 'block';
     rdTipEl.style.top = `${Math.min(el.clientHeight - el.scrollTop - rdTipEl.clientHeight, evnt.clientY - wrapperRect.y)}px`;
     rdTipEl.style.left = `${Math.min(el.clientWidth - el.scrollLeft - rdTipEl.clientWidth - 16, evnt.clientX - wrapperRect.x)}px`;
-    rdTipEl.setAttribute('drag-status', showLine ? 'normal' : 'disabled');
+    rdTipEl.setAttribute('drag-status', showLine ? prevDragToChild ? 'sub' : 'normal' : 'disabled');
   }
 }
 const hideDropTip = $xeTable => {
@@ -10808,13 +10814,40 @@ const Methods = {
       }
     }
   },
+  handleColumnSortEvent(evnt, column) {
+    const $xeTable = this;
+    const props = $xeTable;
+    const {
+      mouseConfig
+    } = props;
+    const mouseOpts = $xeTable.computeMouseOpts;
+    const {
+      field,
+      sortable
+    } = column;
+    if (sortable) {
+      const params = {
+        $table: $xeTable,
+        $event: evnt,
+        column,
+        field,
+        property: field,
+        order: column.order,
+        sortList: $xeTable.getSortColumns(),
+        sortTime: column.sortTime
+      };
+      if (mouseConfig && mouseOpts.area && $xeTable.handleSortEvent) {
+        $xeTable.handleSortEvent(evnt, params);
+      }
+      $xeTable.dispatchEvent('sort-change', params, evnt);
+    }
+  },
   /**
    * 点击排序事件
    */
   triggerSortEvent(evnt, column, order) {
-    const {
-      sortOpts
-    } = this;
+    const $xeTable = this;
+    const sortOpts = $xeTable.computeSortOpts;
     const {
       field,
       sortable,
@@ -10822,27 +10855,14 @@ const Methods = {
     } = column;
     if (sortable || remoteSort) {
       if (!order || column.order === order) {
-        this.clearSort(sortOpts.multiple ? column : null);
+        $xeTable.clearSort(sortOpts.multiple ? column : null);
       } else {
-        this.sort({
+        $xeTable.sort({
           field,
           order
         });
       }
-      const params = {
-        $table: this,
-        $event: evnt,
-        column,
-        field,
-        property: field,
-        order: column.order,
-        sortList: this.getSortColumns(),
-        sortTime: column.sortTime
-      };
-      if (this.mouseConfig && this.mouseOpts.area && this.handleSortEvent) {
-        this.handleSortEvent(evnt, params);
-      }
-      this.emitEvent('sort-change', params, evnt);
+      $xeTable.handleColumnSortEvent(evnt, column);
     }
   },
   /**
@@ -10865,7 +10885,8 @@ const Methods = {
     } = props;
     const rowDragOpts = $xeTable.computeRowDragOpts;
     const {
-      fullAllDataRowIdData
+      fullAllDataRowIdData,
+      prevDragToChild
     } = internalData;
     const {
       isCrossDrag,
@@ -10875,6 +10896,7 @@ const Methods = {
     const treeOpts = $xeTable.computeTreeOpts;
     const {
       transform,
+      rowField,
       mapChildrenField,
       parentField
     } = treeOpts;
@@ -10984,7 +11006,7 @@ const Methods = {
                     childRow[parentField] = dragRow[parentField];
                   });
                 }
-                dragRow[parentField] = prevDragRow[parentField];
+                dragRow[parentField] = prevDragToChild ? prevDragRow[rowField] : prevDragRow[parentField];
                 internalData.tableFullTreeData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toArrayTree(fullList, {
                   key: treeOpts.rowField,
                   parentKey: treeOpts.parentField,
@@ -11057,14 +11079,20 @@ const Methods = {
     const {
       dragRow
     } = reactData;
+    const treeOpts = $xeTable.computeTreeOpts;
+    const {
+      transform
+    } = treeOpts;
     const rowDragOpts = $xeTable.computeRowDragOpts;
     const {
-      isCrossDrag
+      isCrossDrag,
+      isToChildDrag
     } = rowDragOpts;
     if (!dragRow) {
       evnt.preventDefault();
       return;
     }
+    const hasCtrlKey = evnt.ctrlKey;
     const trEl = evnt.currentTarget;
     const rowid = trEl.getAttribute('rowid') || '';
     const rest = fullAllDataRowIdData[rowid];
@@ -11080,6 +11108,7 @@ const Methods = {
         showDropTip($xeTable, evnt, trEl, null, false, dragPos);
         return;
       }
+      internalData.prevDragToChild = !!(treeConfig && transform && isToChildDrag && hasCtrlKey);
       internalData.prevDragRow = row;
       internalData.prevDragPos = dragPos;
       showDropTip($xeTable, evnt, trEl, null, true, dragPos);
@@ -11255,6 +11284,7 @@ const Methods = {
         showDropTip($xeTable, evnt, null, thEl, false, dragPos);
         return;
       }
+      internalData.prevDragToChild = false;
       internalData.prevDragCol = column;
       internalData.prevDragPos = dragPos;
       showDropTip($xeTable, evnt, null, thEl, true, dragPos);
@@ -11435,6 +11465,58 @@ const Methods = {
     }
     return this.$nextTick();
   },
+  setSort(sortConfs, isUpdate) {
+    const $xeTable = this;
+    const sortOpts = $xeTable.computeSortOpts;
+    const {
+      multiple,
+      remote,
+      orders
+    } = sortOpts;
+    if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(sortConfs)) {
+      sortConfs = [sortConfs];
+    }
+    if (sortConfs && sortConfs.length) {
+      if (!multiple) {
+        sortConfs = [sortConfs[0]];
+        clearAllSort($xeTable);
+      }
+      let firstColumn = null;
+      sortConfs.forEach((confs, index) => {
+        let {
+          field,
+          order
+        } = confs;
+        let column = field;
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(field)) {
+          column = $xeTable.getColumnByField(field);
+        }
+        if (!firstColumn) {
+          firstColumn = column;
+        }
+        if (column && column.sortable) {
+          if (orders.indexOf(order) === -1) {
+            order = getNextSortOrder($xeTable, column);
+          }
+          if (column.order !== order) {
+            column.order = order;
+          }
+          column.sortTime = Date.now() + index;
+        }
+      });
+      if (isUpdate) {
+        if (!remote) {
+          $xeTable.handleTableData(true);
+        }
+        $xeTable.handleColumnSortEvent(new Event('click'), firstColumn);
+      }
+      return $xeTable.$nextTick().then(() => {
+        $xeTable.updateCellAreas();
+        return $xeTable.updateStyle();
+      });
+    }
+    return $xeTable.$nextTick();
+  },
   /**
    * 清空指定列的排序条件
    * 如果为空则清空所有列的排序条件
@@ -17494,12 +17576,16 @@ const {
      * @param {ColumnInfo} fieldOrColumn 列
      * @param {Array} options 选项
      */
-    _setFilter(fieldOrColumn, options, update) {
+    _setFilter(fieldOrColumn, options, isUpdate) {
+      const $xeTable = this;
       const column = handleFieldOrColumn(this, fieldOrColumn);
       if (column && column.filters) {
         column.filters = toFilters(options || []);
+        if (isUpdate) {
+          return $xeTable.handleColumnConfirmFilter(column, new Event('click'));
+        }
       }
-      return update ? this.updateData() : this.$nextTick();
+      return $xeTable.$nextTick();
     },
     checkFilterOptions() {
       const {
@@ -17685,21 +17771,19 @@ const {
       });
       return filterList;
     },
-    /**
-     * 确认筛选
-     * 当筛选面板中的确定按钮被按下时触发
-     * @param {Event} evnt 事件
-     */
-    confirmFilterEvent(evnt) {
+    handleColumnConfirmFilter(column, evnt) {
+      const $xeTable = this;
+      const props = $xeTable;
+      const reactData = $xeTable;
+      const {
+        mouseConfig
+      } = props;
       const {
-        filterStore,
-        filterOpts,
         scrollXLoad: oldScrollXLoad,
         scrollYLoad: oldScrollYLoad
-      } = this;
-      const {
-        column
-      } = filterStore;
+      } = reactData;
+      const filterOpts = $xeTable.computeFilterOpts;
+      const mouseOpts = $xeTable.computeMouseOpts;
       const {
         field
       } = column;
@@ -17728,35 +17812,51 @@ const {
         this.handleTableData(true);
         this.checkSelectionStatus();
       }
-      if (this.mouseConfig && this.mouseOpts.area && this.handleFilterEvent) {
-        this.handleFilterEvent(evnt, params);
+      if (mouseConfig && mouseOpts.area && this.handleFilterEvent) {
+        $xeTable.handleFilterEvent(evnt, params);
       }
       if (evnt) {
-        this.emitEvent('filter-change', params, evnt);
+        $xeTable.emitEvent('filter-change', params, evnt);
       }
-      this.closeFilter();
-      this.updateFooter().then(() => {
+      $xeTable.closeFilter();
+      return $xeTable.updateFooter().then(() => {
         const {
           scrollXLoad,
           scrollYLoad
         } = this;
         if (oldScrollXLoad || scrollXLoad || oldScrollYLoad || scrollYLoad) {
           if (oldScrollXLoad || scrollXLoad) {
-            this.updateScrollXSpace();
+            $xeTable.updateScrollXSpace();
           }
           if (oldScrollYLoad || scrollYLoad) {
-            this.updateScrollYSpace();
+            $xeTable.updateScrollYSpace();
           }
-          return this.refreshScroll();
+          return $xeTable.refreshScroll();
         }
       }).then(() => {
-        this.updateCellAreas();
-        return this.recalculate(true);
+        $xeTable.updateCellAreas();
+        return $xeTable.recalculate(true);
       }).then(() => {
         // 存在滚动行为未结束情况
-        setTimeout(() => this.recalculate(), 50);
+        setTimeout(() => $xeTable.recalculate(), 50);
       });
     },
+    /**
+     * 确认筛选
+     * 当筛选面板中的确定按钮被按下时触发
+     * @param {Event} evnt 事件
+     */
+    confirmFilterEvent(evnt) {
+      const $xeTable = this;
+      const reactData = $xeTable;
+      const {
+        filterStore
+      } = reactData;
+      const {
+        column
+      } = filterStore;
+      $xeTable.handleColumnConfirmFilter(column, evnt);
+    },
     handleClearFilter(column) {
       if (column) {
         const {
@@ -22565,6 +22665,8 @@ const renderDragTip = (h, $xeTable) => {
       class: 'vxe-table--drag-sort-tip-status'
     }, [h('span', {
       class: ['vxe-table--drag-sort-tip-normal-status', dragRow ? table_getIcon().TABLE_DRAG_STATUS_ROW : table_getIcon().TABLE_DRAG_STATUS_COLUMN]
+    }), h('span', {
+      class: ['vxe-table--drag-sort-tip-sub-status', table_getIcon().TABLE_DRAG_STATUS_SUB_ROW]
     }), h('span', {
       class: ['vxe-table--drag-sort-tip-disabled-status', table_getIcon().TABLE_DRAG_DISABLED]
     })]), h('div', {