@kdcloudjs/table 1.2.1-canary.7 → 1.2.2-canary.10

package/es/table/pipeline/features/rowGrouping.js

@@ -144,7 +144,7 @@ export function rowGrouping() {
         });
       };
       return _concatInstanceProperty(_context3 = [_extends(_extends({}, firstCol), {
-        title: ( /*#__PURE__*/React.createElement("div", {
+        title: (/*#__PURE__*/React.createElement("div", {
           style: {
             display: 'inline-block',
             marginLeft: textOffset

package/es/table/pipeline/features/sort.js

@@ -69,7 +69,7 @@ function DefaultSortHeaderCell(_ref2) {
     className: cx(_defineProperty(_defineProperty({}, Classes.tableSortIcon, true), "active", sortOrder === 'desc' || sortOrder === 'asc')),
     size: 16,
     order: sortOrder
-  }), sortOptions.mode === 'multiple' && sortIndex !== -1 && ( /*#__PURE__*/React.createElement("div", {
+  }), sortOptions.mode === 'multiple' && sortIndex !== -1 && (/*#__PURE__*/React.createElement("div", {
     style: {
       userSelect: 'none',
       marginLeft: 2,

package/es/table/pipeline/features/tips.js

@@ -21,7 +21,7 @@ export function tips() {
       }
       var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
       return _extends(_extends({}, col), {
-        title: ( /*#__PURE__*/React.createElement(HeaderCellWithTips, {
+        title: (/*#__PURE__*/React.createElement(HeaderCellWithTips, {
           style: {
             justifyContent: justifyContent
           }

package/es/table/pipeline/features/treeMode.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TablePipeline } from '../pipeline';
 export declare const treeMetaSymbol: unique symbol;
+export declare const treeModeOptionsKey = "treeModeOptions";
 interface ExpandIconProps extends React.DOMAttributes<Element> {
     expanded: boolean;
     style: React.CSSProperties;

package/es/table/pipeline/features/treeMode.js

@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray(r, a) { if (r) { var _context2; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context2 = {}.toString.call(r)).call(_context2, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context3; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context3 = {}.toString.call(r)).call(_context3, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
@@ -19,6 +19,7 @@ import { internals } from '../../internals';
 import { isLeafNode as standardIsLeafNode, mergeCellProps } from '../../utils';
 import { Classes } from '../../base/styles';
 export var treeMetaSymbol = _Symbol('treeMetaSymbol');
+export var treeModeOptionsKey = 'treeModeOptions';
 export function treeMode() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function treeModeStep(pipeline) {
@@ -27,6 +28,7 @@ export function treeMode() {
     var ctx = pipeline.ctx;
     var primaryKey = pipeline.ensurePrimaryKey('treeMode');
     var openKeys = (_c = (_b = (_a = opts.openKeys) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : opts.defaultOpenKeys) !== null && _c !== void 0 ? _c : [];
+    var curSort = pipeline.getStateAtKey('sort');
     var openKeySet = new _Set(openKeys);
     var onChangeOpenKeys = function onChangeOpenKeys(nextKeys, key, action) {
       var _a;
@@ -56,16 +58,37 @@ export function treeMode() {
     var iconIndent = (_g = opts.iconIndent) !== null && _g !== void 0 ? _g : ctx.indents.iconIndent;
     var iconGap = (_h = opts.iconGap) !== null && _h !== void 0 ? _h : ctx.indents.iconGap;
     var indentSize = (_j = opts.indentSize) !== null && _j !== void 0 ? _j : ctx.indents.indentSize;
+    pipeline.setFeatureOptions(treeModeOptionsKey, {
+      iconWidth: iconWidth,
+      iconIndent: iconIndent,
+      iconGap: iconGap,
+      indentSize: indentSize,
+      treeMetaKey: treeMetaKey,
+      isExpanded: function isExpanded(rowKey) {
+        return openKeySet.has(rowKey);
+      },
+      onExpand: function onExpand(rowKey) {
+        var _context2;
+        onChangeOpenKeys(_concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(openKeys), [rowKey]), rowKey, 'expand');
+      },
+      onCollapse: function onCollapse(rowKey) {
+        onChangeOpenKeys(_filterInstanceProperty(openKeys).call(openKeys, function (key) {
+          return key !== rowKey;
+        }), rowKey, 'collapse');
+      }
+    });
     var Icon = opts.icon;
     return pipeline.mapDataSource(processDataSource).mapColumns(processColumns);
     function processDataSource(input) {
-      if (pipeline.isSameInputDataSource() && openKeys === pipeline.getFeatureOptions('lastOpenKeys')) {
+      if (pipeline.isSameInputDataSource() && openKeys === pipeline.getFeatureOptions('lastOpenKeys') && curSort === pipeline.getFeatureOptions('lastSort')) {
         return pipeline.getFeatureOptions('lastTreeMode');
       }
-      pipeline.setFeatureOptions('lastOpenKeys', pipeline.getStateAtKey(stateKey));
+      pipeline.setFeatureOptions('lastOpenKeys', openKeys);
+      pipeline.setFeatureOptions('lastSort', curSort);
       var result = [];
       dfs(input, 0);
       function dfs(nodes, depth) {
+        var parentNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
         if (nodes == null) {
           return;
         }
@@ -75,6 +98,7 @@ export function treeMode() {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var node = _step.value;
             var rowKey = internals.safeGetRowKey(primaryKey, node, -1);
+            var parentRowKey = parentNode ? internals.safeGetRowKey(primaryKey, parentNode, -1) : null;
             var expanded = openKeySet.has(rowKey);
             var isLeaf = isLeafNode(node, {
               depth: depth,
@@ -85,11 +109,12 @@ export function treeMode() {
               depth: depth,
               isLeaf: isLeaf,
               expanded: expanded,
-              rowKey: rowKey
+              rowKey: rowKey,
+              parentRowKey: parentRowKey
             };
             result.push(_extends(_defineProperty({}, treeMetaKey, treeMeta), node));
             if (!isLeaf && expanded) {
-              dfs(node.children, depth + 1);
+              dfs(node.children, depth + 1, node);
             }
           }
         } catch (err) {
@@ -166,15 +191,19 @@ export function treeMode() {
       };
       var getCellProps = function getCellProps(value, record, rowIndex) {
         var prevProps = internals.safeGetCellProps(expandCol, record, rowIndex);
-        if (record[treeMetaKey] == null) {
+        if (record[treeMetaKey] == null || clickArea !== 'cell') {
           // 没有 treeMeta 信息的话，就返回原先的 cellProps
-          return prevProps;
+          return mergeCellProps(prevProps, {
+            className: Classes.tableExtendCell
+          });
         }
         var _record$treeMetaKey2 = record[treeMetaKey],
           isLeaf = _record$treeMetaKey2.isLeaf,
           rowKey = _record$treeMetaKey2.rowKey;
         if (isLeaf) {
-          return prevProps;
+          return mergeCellProps(prevProps, {
+            className: Classes.tableExtendCell
+          });
         }
         return mergeCellProps(prevProps, {
           onClick: function onClick(e) {
@@ -185,18 +214,19 @@ export function treeMode() {
           },
           style: {
             cursor: 'pointer'
-          }
+          },
+          className: Classes.tableExtendCell
         });
       };
       columns[expandColIndex] = _extends(_extends({}, expandCol), {
-        title: ( /*#__PURE__*/React.createElement("span", {
+        title: (/*#__PURE__*/React.createElement("span", {
           style: {
             marginLeft: iconIndent + iconWidth + iconGap,
             display: 'flex'
           }
         }, internals.safeRenderHeader(expandCol))),
         render: render,
-        getCellProps: clickArea === 'cell' ? getCellProps : expandCol.getCellProps
+        getCellProps: getCellProps
       });
       return _toConsumableArray(columns);
     }

package/es/table/pipeline/pipeline.d.ts

@@ -90,6 +90,9 @@ export declare class TablePipeline {
     setFeatureOptions(optionKey: string, value: any): void;
     /** 获取 BaseTable 的 props，结果中包含 dataSource/columns/primaryKey/getRowProps 四个字段 */
     getProps(this: TablePipeline): TableProps;
+    getFeatureApi(featureName: string): any;
+    addFeatureApi(featureName: string): any;
+    getLastPipeline(): any;
 }
 export declare function useTablePipeline(ctx?: Partial<TablePipelineCtx>): TablePipeline;
 export {};

package/es/table/pipeline/pipeline.js

@@ -8,6 +8,7 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instan
 import { useState, useRef } from 'react';
 import { mergeCellProps } from '../utils';
 import { autoFillTableWidth, tableWidthKey } from './features/autoFill';
+import { createFeatureApi } from './features/featureApi/utils';
 /**
  * 表格数据处理流水线。TablePipeline 提供了表格数据处理过程中的一些上下方与工具方法，包括……
  *
@@ -124,6 +125,7 @@ export var TablePipeline = /*#__PURE__*/function () {
       this._isSameInputDataSource = _input.dataSource === this.ref.current._lastInputDataSource;
       this._dataSource = _input.dataSource;
       this.ref.current._lastInputDataSource = _input.dataSource;
+      this.ref.current.lastPipeline = this;
       this._columns = _mapInstanceProperty(_context = _input.columns).call(_context, function (col) {
         return _extends(_extends({}, col), {
           key: _this.guid()
@@ -254,6 +256,25 @@ export var TablePipeline = /*#__PURE__*/function () {
       };
       return result;
     }
+  }, {
+    key: "getFeatureApi",
+    value: function getFeatureApi(featureName) {
+      var _a;
+      return (_a = this.ref.current.featureApi) === null || _a === void 0 ? void 0 : _a[featureName];
+    }
+  }, {
+    key: "addFeatureApi",
+    value: function addFeatureApi(featureName) {
+      if (!this.getFeatureApi(featureName)) {
+        this.ref.current.featureApi[featureName] = createFeatureApi(featureName, this);
+      }
+      return this.ref.current.featureApi[featureName];
+    }
+  }, {
+    key: "getLastPipeline",
+    value: function getLastPipeline() {
+      return this.ref.current.lastPipeline;
+    }
   }]);
 }();
 TablePipeline.defaultIndents = {
@@ -268,7 +289,8 @@ export function useTablePipeline(ctx) {
     state = _useState2[0],
     setState = _useState2[1];
   var ref = useRef({
-    featureOptions: {}
+    featureOptions: {},
+    featureApi: {}
   });
   return new TablePipeline({
     state: state,

package/es/table/style/index.less

@@ -1 +1 @@
-
+

package/es/table/transforms/columnResize.js

@@ -72,7 +72,7 @@ export function makeColumnResizeTransform(_ref) {
     var prevTitle = internals.safeRenderHeader(col);
     return _extends(_extends({}, col), {
       width: sizes[range.start],
-      title: ( /*#__PURE__*/React.createElement(React.Fragment, null, prevTitle, /*#__PURE__*/React.createElement(ResizeHandle, {
+      title: (/*#__PURE__*/React.createElement(React.Fragment, null, prevTitle, /*#__PURE__*/React.createElement(ResizeHandle, {
         className: "resize-handle",
         onMouseDown: function onMouseDown(e) {
           return startResize(range.start, e);

package/es/table/transforms/sort.js

@@ -75,7 +75,7 @@ function DefaultSortHeaderCell(_ref2) {
     },
     size: 16,
     order: sortOrder
-  }), sortOptions.mode === 'multiple' && sortIndex != -1 && ( /*#__PURE__*/React.createElement("div", {
+  }), sortOptions.mode === 'multiple' && sortIndex != -1 && (/*#__PURE__*/React.createElement("div", {
     style: {
       userSelect: 'none',
       marginLeft: 2,

package/es/table/transforms/tips.js

@@ -20,7 +20,7 @@ export function makeTipsTransform(_ref) {
     }
     var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
     return _extends(_extends({}, col), {
-      title: ( /*#__PURE__*/React.createElement(HeaderCellWithTips, {
+      title: (/*#__PURE__*/React.createElement(HeaderCellWithTips, {
         style: {
           justifyContent: justifyContent
         }

package/es/table/transforms/treeMode.js

@@ -183,7 +183,7 @@ export function makeTreeModeTransform(_ref) {
         });
       };
       return _concatInstanceProperty(_context2 = [_extends(_extends({}, firstCol), {
-        title: ( /*#__PURE__*/React.createElement("span", {
+        title: (/*#__PURE__*/React.createElement("span", {
           style: {
             marginLeft: iconIndent + ICON_WIDTH + iconGap
           }