@kdcloudjs/table 1.2.0-canary.6 → 1.2.0-canary.6-hotfix.2

package/lib/table/pipeline/features/rowDetail.js

@@ -1,56 +1,32 @@
 "use strict";
 
 var _flatMapInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/flat-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.rowDetail = rowDetail;
-
 var _toArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _extends4 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
 var _symbol = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/symbol"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
-
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _commonViews = require("../../common-views");
-
 var _internals = require("../../internals");
-
 var _utils = require("../../utils");
-
 var _others = require("../../utils/others");
-
 var _console = _interopRequireDefault(require("../../utils/console"));
-
 var _renderTemplates = _interopRequireDefault(require("../../base/renderTemplates"));
-
 var _base = require("../../base");
-
 var rowDetailSymbol = (0, _symbol.default)('row-detail');
-
 var fallbackRenderDetail = function fallbackRenderDetail() {
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -62,14 +38,11 @@ var fallbackRenderDetail = function fallbackRenderDetail() {
     }
   }, "\u8BBE\u7F6E ", /*#__PURE__*/_react.default.createElement("code", null, "rowDetail.renderDetail"), " \u6765\u81EA\u5B9A\u4E49\u8BE6\u60C5\u5185\u5BB9"));
 };
-
 function rowDetail() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function rowDetailStep(pipeline) {
     var _context, _context2;
-
     var _a, _b, _c, _d, _e, _f, _g, _h;
-
     var stateKey = 'rowDetail';
     var rowDetailMetaKey = (_a = opts.rowDetailMetaKey) !== null && _a !== void 0 ? _a : rowDetailSymbol;
     var primaryKey = pipeline.ensurePrimaryKey('rowDetail');
@@ -84,33 +57,26 @@ function rowDetail() {
     var openKeys = (_h = (_g = (_f = opts.openKeys) !== null && _f !== void 0 ? _f : pipeline.getStateAtKey(stateKey)) !== null && _g !== void 0 ? _g : opts.defaultOpenAll ? (0, _map.default)(_context = (0, _filter.default)(_context2 = pipeline.getDataSource()).call(_context2, hasDetail)).call(_context, function (row, rowIndex) {
       return _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
     }) : opts.defaultOpenKeys) !== null && _h !== void 0 ? _h : [];
-
     var onChangeOpenKeys = function onChangeOpenKeys(nextKeys, key, action) {
       var _a;
-
       (_a = opts.onChangeOpenKeys) === null || _a === void 0 ? void 0 : _a.call(opts, nextKeys, key, action);
       pipeline.setStateAtKey(stateKey, nextKeys, {
         key: key,
         action: action
       });
     };
-
     var openKeySet = new _set.default(openKeys);
-
     var toggle = function toggle(rowKey) {
       var expanded = openKeySet.has(rowKey);
-
       if (expanded) {
         onChangeOpenKeys((0, _filter.default)(openKeys).call(openKeys, function (key) {
           return key !== rowKey;
         }), rowKey, 'collapse');
       } else {
         var _context3;
-
         onChangeOpenKeys((0, _concat.default)(_context3 = []).call(_context3, (0, _toConsumableArray2.default)(openKeys), [rowKey]), rowKey, 'expand');
       }
     };
-
     var detailPrimaryKey = typeof primaryKey === 'string' ? primaryKey : rowDetailMetaKey.toString() + 'PrimaryKey';
     return pipeline.dataSource((0, _flatMapInstanceProperty(_others))(pipeline.getDataSource(), function (row, rowIndex) {
       if (openKeySet.has(_internals.internals.safeGetRowKey(primaryKey, row, rowIndex))) {
@@ -126,35 +92,27 @@ function rowDetail() {
         };
       }
     });
-
     function processColumns(columns) {
       if (columns.length === 0) {
         return columns;
       }
-
       var expandColumnIndex = 0;
-
       if (opts.expandColumnCode) {
         expandColumnIndex = (0, _findIndex.default)(columns).call(columns, function (col) {
           return col.code === opts.expandColumnCode;
         });
-
         if (expandColumnIndex < 0) {
           _console.default.warn('没找到可展开的列，请检查设置的展开列code');
-
           return columns;
         }
       }
-
       var expandCol = columns[expandColumnIndex];
       var tableColumns = (0, _toConsumableArray2.default)(columns);
-
       var render = function render(value, row, rowIndex) {
         if (row[rowDetailMetaKey]) {
           // 第一列内容已经渲染
           if (expandColumnIndex !== 0) return;
           var renderRowDetail = (0, _renderTemplates.default)('rowDetail');
-
           if (typeof renderRowDetail === 'function') {
             return renderRowDetail({
               row: row,
@@ -163,12 +121,9 @@ function rowDetail() {
               renderDetail: renderDetail
             });
           }
-
           return renderDetail(row, rowIndex);
         }
-
         var content = _internals.internals.safeRender(expandCol, row, rowIndex);
-
         if (!hasDetail(row, rowIndex)) {
           return /*#__PURE__*/_react.default.createElement(_commonViews.InlineFlexCell, {
             style: {
@@ -176,19 +131,14 @@ function rowDetail() {
             }
           }, content);
         }
-
         var rowKey = _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
-
         var expanded = openKeySet.has(rowKey);
-
         var onClick = function onClick(e) {
           if (opts.stopClickEventPropagation) {
             e.stopPropagation();
           }
-
           toggle(rowKey);
         };
-
         var expandCls = expanded ? _base.Classes.expanded : _base.Classes.collapsed;
         var ExpandIcon = opts.expandIcon;
         return /*#__PURE__*/_react.default.createElement(_commonViews.ExpansionCell, {
@@ -210,10 +160,8 @@ function rowDetail() {
           onClick: clickArea === 'icon' ? onClick : undefined
         }), content);
       };
-
       var getCellProps = function getCellProps(value, row, rowIndex) {
         var _a;
-
         if (row[rowDetailMetaKey]) {
           return {
             style: (0, _extends4.default)({
@@ -222,19 +170,15 @@ function rowDetail() {
             }, opts.detailCellStyle)
           };
         }
-
         var prevProps = (_a = expandCol.getCellProps) === null || _a === void 0 ? void 0 : _a.call(expandCol, value, row, rowIndex);
-
         if (!hasDetail(row, rowIndex)) {
           return prevProps;
         }
-
         return (0, _utils.mergeCellProps)(prevProps, {
           onClick: function onClick(e) {
             if (opts.stopClickEventPropagation) {
               e.stopPropagation();
             }
-
             toggle(_internals.internals.safeGetRowKey(primaryKey, row, rowIndex));
           },
           style: {
@@ -242,15 +186,12 @@ function rowDetail() {
           }
         });
       };
-
       var _tableColumns = (0, _toArray2.default)(tableColumns),
-          firstCol = _tableColumns[0],
-          others = (0, _slice.default)(_tableColumns).call(_tableColumns, 1);
-
+        firstCol = _tableColumns[0],
+        others = (0, _slice.default)(_tableColumns).call(_tableColumns, 1);
       var firstColRender = function firstColRender(value, row, rowIndex) {
         if (row[rowDetailMetaKey]) {
           var renderRowDetail = (0, _renderTemplates.default)('rowDetail');
-
           if (typeof renderRowDetail === 'function') {
             return renderRowDetail({
               row: row,
@@ -259,15 +200,11 @@ function rowDetail() {
               renderDetail: renderDetail
             });
           }
-
           return renderDetail(row, rowIndex);
         }
-
         var content = _internals.internals.safeRender(firstCol, row, rowIndex);
-
         return content;
       };
-
       tableColumns[0] = (0, _extends4.default)((0, _extends4.default)({}, firstCol), {
         render: firstColRender,
         getSpanRect: function getSpanRect(value, row, rowIndex) {

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

@@ -1,56 +1,34 @@
 "use strict";
 
 var _flatMapInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/flat-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.rowGrouping = rowGrouping;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
 var _toArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _symbol = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/symbol"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _commonViews = require("../../common-views");
-
 var _internals = require("../../internals");
-
 var _utils = require("../../utils");
-
 var _others = require("../../utils/others");
-
 var _base = require("../../base");
-
 var groupingMetaSymbol = (0, _symbol.default)('row-grouping-meta');
-
 function attachGroupingMeta(row) {
   return (0, _extends3.default)((0, _defineProperty2.default)({}, groupingMetaSymbol, {
     expandable: !(0, _utils.isLeafNode)(row)
   }), row);
 }
-
 function getGroupingMeta(row) {
   if (row[groupingMetaSymbol] == null) {
     return {
@@ -58,13 +36,11 @@ function getGroupingMeta(row) {
       expandable: false
     };
   }
-
   return {
     isGroupHeader: true,
     expandable: row[groupingMetaSymbol].expandable
   };
 }
-
 function rowGroupingRowPropsGetter(row) {
   if (getGroupingMeta(row).isGroupHeader) {
     return {
@@ -72,75 +48,56 @@ function rowGroupingRowPropsGetter(row) {
     };
   }
 }
-
 function rowGrouping() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function (pipeline) {
     var _context;
-
     var _a, _b, _c;
-
     var stateKey = 'rowGrouping';
     var indents = pipeline.ctx.indents;
     var textOffset = indents.iconIndent + indents.iconWidth + indents.iconGap;
     var primaryKey = pipeline.ensurePrimaryKey('rowGrouping');
-
     if (typeof primaryKey !== 'string') {
       throw new Error('rowGrouping 仅支持字符串作为 primaryKey');
     }
-
     var openKeys = (_c = (_b = (_a = opts.openKeys) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : opts.defaultOpenAll ? (0, _map.default)(_context = pipeline.getDataSource()).call(_context, function (row) {
       return row[primaryKey];
     }) : opts.defaultOpenKeys) !== null && _c !== void 0 ? _c : [];
     var openKeySet = new _set.default(openKeys);
-
     var onChangeOpenKeys = function onChangeOpenKeys(nextKeys, key, action) {
       var _a;
-
       (_a = opts.onChangeOpenKeys) === null || _a === void 0 ? void 0 : _a.call(opts, nextKeys, key, action);
       pipeline.setStateAtKey(stateKey, nextKeys, {
         key: key,
         action: action
       });
     };
-
     return pipeline.mapDataSource(processDataSource).mapColumns(processColumns).appendRowPropsGetter(rowGroupingRowPropsGetter);
-
     function processDataSource(input) {
       return (0, _flatMapInstanceProperty(_others))(input, function (row) {
         var result = [attachGroupingMeta(row)];
         var expanded = openKeySet.has(row[primaryKey]);
-
         if (expanded) {
           if (Array.isArray(row.children)) {
             result = (0, _concat.default)(result).call(result, row.children);
           }
         }
-
         return result;
       });
     }
-
     function processColumns(columns) {
       var _context3;
-
       if (columns.length === 0) {
         return columns;
       }
-
       var columnFlatCount = (0, _utils.collectNodes)(columns, 'leaf-only').length;
-
       var _columns = (0, _toArray2.default)(columns),
-          firstCol = _columns[0],
-          others = (0, _slice.default)(_columns).call(_columns, 1);
-
+        firstCol = _columns[0],
+        others = (0, _slice.default)(_columns).call(_columns, 1);
       var render = function render(value, row, rowIndex) {
         var _a, _b;
-
         var content = _internals.internals.safeRender(firstCol, row, rowIndex);
-
         var meta = getGroupingMeta(row);
-
         if (!meta.isGroupHeader || !meta.expandable) {
           var marginLeft = textOffset + (meta.isGroupHeader ? 0 : indents.indentSize);
           return /*#__PURE__*/_react.default.createElement(_commonViews.InlineFlexCell, {
@@ -149,7 +106,6 @@ function rowGrouping() {
             }
           }, meta.isGroupHeader ? (_a = row.groupTitle) !== null && _a !== void 0 ? _a : content : content);
         }
-
         var expanded = openKeySet.has(row[primaryKey]);
         var expandCls = expanded ? _base.Classes.expanded : _base.Classes.collapsed;
         return /*#__PURE__*/_react.default.createElement(_commonViews.ExpansionCell, {
@@ -162,39 +118,31 @@ function rowGrouping() {
           }
         }), (_b = row.groupTitle) !== null && _b !== void 0 ? _b : content);
       };
-
       var getCellProps = function getCellProps(value, row, rowIndex) {
         var _a;
-
         var meta = getGroupingMeta(row);
-
         if (!meta.isGroupHeader) {
           return;
         }
-
         var expandable = meta.expandable;
         var rowKey = row[primaryKey];
         var expanded = openKeySet.has(rowKey);
         var onClick;
-
         if (expandable) {
           onClick = function onClick(e) {
             if (opts.stopClickEventPropagation) {
               e.stopPropagation();
             }
-
             if (expanded) {
               onChangeOpenKeys((0, _filter.default)(openKeys).call(openKeys, function (key) {
                 return key !== rowKey;
               }), rowKey, 'collapse');
             } else {
               var _context2;
-
               onChangeOpenKeys((0, _concat.default)(_context2 = []).call(_context2, (0, _toConsumableArray2.default)(openKeys), [rowKey]), rowKey, 'expand');
             }
           };
         }
-
         var prevProps = (_a = firstCol.getCellProps) === null || _a === void 0 ? void 0 : _a.call(firstCol, value, row, rowIndex);
         return (0, _utils.mergeCellProps)(prevProps, {
           onClick: onClick,
@@ -203,7 +151,6 @@ function rowGrouping() {
           }
         });
       };
-
       return (0, _concat.default)(_context3 = [(0, _extends3.default)((0, _extends3.default)({}, firstCol), {
         title: /*#__PURE__*/_react.default.createElement("div", {
           style: {

package/lib/table/pipeline/features/singleSelect.js

@@ -1,50 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.singleSelect = singleSelect;
-
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _internals = require("../../internals");
-
 var _others = require("../../utils/others");
-
 var _utils = require("../../utils");
-
 function singleSelect() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function singleSelectStep(pipeline) {
     var _context;
-
     var _a, _b, _c, _d, _e;
-
     var Radio = pipeline.ctx.components.Radio;
-
     if (Radio == null) {
       throw new Error('使用 singleSelect 之前需要通过 pipeline context 设置 components.Radio');
     }
-
     var stateKey = 'singleSelect';
     var clickArea = (_a = opts.clickArea) !== null && _a !== void 0 ? _a : 'radio';
     var isDisabled = (_b = opts.isDisabled) !== null && _b !== void 0 ? _b : (0, _others.always)(false);
     var primaryKey = pipeline.ensurePrimaryKey('singleSelect');
     var value = (_d = (_c = opts.value) !== null && _c !== void 0 ? _c : pipeline.getStateAtKey(stateKey)) !== null && _d !== void 0 ? _d : opts.defaultValue;
-
     var onChange = function onChange(rowKey) {
       var _a;
-
       (_a = opts.onChange) === null || _a === void 0 ? void 0 : _a.call(opts, rowKey);
       pipeline.setStateAtKey(stateKey, rowKey);
     };
-
     var radioColumn = (0, _extends2.default)((0, _extends2.default)({
       name: '',
       width: 50,
@@ -52,12 +37,9 @@ function singleSelect() {
     }, opts.radioColumn), {
       getCellProps: function getCellProps(value, row, rowIndex) {
         var _a, _b;
-
         var preCellProps = (_b = (_a = opts.radioColumn) === null || _a === void 0 ? void 0 : _a.getCellProps) === null || _b === void 0 ? void 0 : _b.call(_a, value, row, rowIndex);
-
         if (clickArea === 'cell') {
           var rowKey = _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
-
           var disabled = isDisabled(row, rowIndex);
           return (0, _utils.mergeCellProps)(preCellProps, {
             style: {
@@ -67,33 +49,26 @@ function singleSelect() {
               if (opts.stopClickEventPropagation) {
                 e.stopPropagation();
               }
-
               onChange(rowKey);
             }
           });
         }
-
         return preCellProps;
       },
       render: function render(_, row, rowIndex) {
         if (row[pipeline.getFeatureOptions('footerRowMetaKey')]) {
           return null;
         }
-
         var rowKey = _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
-
         return /*#__PURE__*/_react.default.createElement(Radio, {
           checked: value === rowKey,
           disabled: isDisabled(row, rowIndex),
           onChange: clickArea === 'radio' ? function (arg1, arg2) {
             var _a;
-
             var nativeEvent = (_a = arg2 === null || arg2 === void 0 ? void 0 : arg2.nativeEvent) !== null && _a !== void 0 ? _a : arg1 === null || arg1 === void 0 ? void 0 : arg1.nativeEvent;
-
             if (nativeEvent && opts.stopClickEventPropagation) {
               nativeEvent.stopPropagation();
             }
-
             onChange(rowKey);
           } : undefined
         });
@@ -101,39 +76,31 @@ function singleSelect() {
     });
     var nextColumns = (0, _slice.default)(_context = pipeline.getColumns()).call(_context);
     var radioPlacement = (_e = opts.radioPlacement) !== null && _e !== void 0 ? _e : 'start';
-
     if (radioPlacement === 'start') {
       nextColumns.unshift(radioColumn);
     } else {
       nextColumns.push(radioColumn);
     }
-
     pipeline.columns(nextColumns);
     pipeline.appendRowPropsGetter(function (row, rowIndex) {
       var rowKey = _internals.internals.safeGetRowKey(primaryKey, row, rowIndex);
-
       var style = {};
       var className;
       var onClick;
-
       if (opts.highlightRowWhenSelected) {
         if (value === rowKey) {
           className = 'highlight';
         }
       }
-
       if (clickArea === 'row' && !isDisabled(row, rowIndex)) {
         style.cursor = 'pointer';
-
         onClick = function onClick(e) {
           if (opts.stopClickEventPropagation) {
             e.stopPropagation();
           }
-
           onChange(rowKey);
         };
       }
-
       return {
         className: className,
         style: style,