@hi-ui/table 4.0.0-alpha.17 → 4.0.0-alpha.20

package/lib/cjs/BaseTable.js

@@ -0,0 +1,245 @@
+/** @LICENSE
+ * @hi-ui/table
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/table#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var tslib = require('tslib');
+
+var React = require('react');
+
+var classname = require('@hi-ui/classname');
+
+var env = require('@hi-ui/env');
+
+var TableBody = require('./TableBody.js');
+
+var TableHeader = require('./TableHeader.js');
+
+var useTable = require('./use-table.js');
+
+var context = require('./context.js');
+
+var typeAssertion = require('@hi-ui/type-assertion');
+
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+
+var useCheck = require('@hi-ui/use-check');
+
+var iconButton = require('@hi-ui/icon-button');
+
+var icons = require('@hi-ui/icons');
+
+var index = require('./icons/index.js');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _role = 'table';
+
+var _prefix = classname.getPrefixCls('table');
+
+var DEFAULT_COLUMNS = [];
+/**
+ * TODO: What is BaseTable
+ */
+
+var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  // ********************** 内嵌式面板 *********************** //
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
+      _a$role = _a.role,
+      role = _a$role === void 0 ? _role : _a$role,
+      className = _a.className,
+      borderedProp = _a.bordered,
+      _a$columns = _a.columns,
+      columns = _a$columns === void 0 ? DEFAULT_COLUMNS : _a$columns,
+      _a$striped = _a.striped,
+      striped = _a$striped === void 0 ? false : _a$striped,
+      _a$rowExpandable = _a.rowExpandable,
+      rowExpandable = _a$rowExpandable === void 0 ? true : _a$rowExpandable,
+      expandEmbedRowKeysProp = _a.expandEmbedRowKeys,
+      onEmbedExpand = _a.onEmbedExpand,
+      expandedRender = _a.expandedRender,
+      extra = _a.extra,
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "bordered", "columns", "striped", "rowExpandable", "expandEmbedRowKeys", "onEmbedExpand", "expandedRender", "extra"]);
+  /**
+   * 行内嵌面板展开
+   */
+
+
+  var _useUncontrolledState = useUncontrolledState.useUncontrolledState([], expandEmbedRowKeysProp, onEmbedExpand),
+      expandEmbedRows = _useUncontrolledState[0],
+      trySetExpandEmbedRows = _useUncontrolledState[1];
+
+  var _useCheck = useCheck.useCheck({
+    checkedIds: expandEmbedRows,
+    onCheck: trySetExpandEmbedRows
+  }),
+      onExpandEmbedRowsChange = _useCheck[0],
+      isExpandEmbedRows = _useCheck[1]; // 异步展开内嵌面板
+
+  /**
+   * 表格列展开折叠操作区
+   */
+
+
+  var getEmbedPanelColumn = React.useCallback(function (embedExpandable) {
+    var renderSwitcher = function renderSwitcher(_ref) {
+      var prefixCls = _ref.prefixCls,
+          rowExpand = _ref.rowExpand,
+          expanded = _ref.expanded,
+          onNodeExpand = _ref.onNodeExpand,
+          expandIcon = _ref.expandIcon,
+          collapseIcon = _ref.collapseIcon;
+
+      if ( /*#__PURE__*/React__default['default'].isValidElement(rowExpand)) {
+        return rowExpand;
+      }
+
+      if (rowExpand) {
+        // @ts-ignore
+        if (expanded === 'loading') {
+          return /*#__PURE__*/React__default['default'].createElement(iconButton.IconButton, {
+            className: classname.cx(prefixCls + "__switcher", prefixCls + "__switcher--loading"),
+            icon: index.defaultLoadingIcon
+          });
+        } else {
+          return /*#__PURE__*/React__default['default'].createElement(iconButton.IconButton, {
+            tabIndex: -1,
+            className: classname.cx(prefixCls + "__switcher", expanded ? prefixCls + "__switcher--expanded" : prefixCls + "__switcher--collapse"),
+            icon: expanded ? expandIcon : collapseIcon,
+            onClick: function onClick() {
+              return onNodeExpand(!expanded);
+            }
+          });
+        }
+      }
+
+      return null;
+    };
+
+    var embedPanelColumn = {
+      title: '',
+      dataKey: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
+      width: 50,
+      align: 'center',
+      render: function render(_, rowItem, index) {
+        // const rowKey = getRowKey(rowItem, index)
+        var rowKey = rowItem.id;
+        var sticky = true;
+        var rowExpand = typeAssertion.isFunction(rowExpandable) ? rowExpandable(rowItem) : rowExpandable;
+        var expanded = isExpandEmbedRows(rowKey);
+        var switcherIcon = renderSwitcher({
+          prefixCls: prefixCls,
+          rowExpand: rowExpand,
+          sticky: sticky,
+          expanded: expanded,
+          onNodeExpand: function onNodeExpand(shouldExpanded) {
+            onExpandEmbedRowsChange(rowItem, shouldExpanded);
+          },
+          expandIcon: /*#__PURE__*/React__default['default'].createElement(icons.MinusSquareOutlined, null),
+          collapseIcon: /*#__PURE__*/React__default['default'].createElement(icons.PlusSquareOutlined, null)
+        });
+        return switcherIcon;
+      }
+    };
+    return embedPanelColumn;
+  }, [prefixCls, isExpandEmbedRows, onExpandEmbedRowsChange, rowExpandable]);
+  var embedExpandable = React.useMemo(function () {
+    if (!expandedRender) return false;
+    return {
+      rowExpandable: rowExpandable,
+      expandEmbedRowKeys: expandEmbedRowKeysProp,
+      onEmbedExpand: onEmbedExpand,
+      expandedRender: expandedRender
+    };
+  }, [rowExpandable, expandEmbedRowKeysProp, onEmbedExpand, expandedRender]);
+  var mergedColumns = React__default['default'].useMemo(function () {
+    if (embedExpandable) {
+      var embedColumn = getEmbedPanelColumn(embedExpandable);
+      return [embedColumn].concat(columns);
+    }
+
+    return columns;
+  }, [embedExpandable, getEmbedPanelColumn, columns]);
+  var providedValue = useTable.useTable(Object.assign(Object.assign({}, rest), {
+    columns: mergedColumns,
+    expandedRender: expandedRender
+  }));
+  var bordered = providedValue.bordered,
+      size = providedValue.size,
+      leftFrozenColKeys = providedValue.leftFrozenColKeys,
+      rightFrozenColKeys = providedValue.rightFrozenColKeys,
+      leftFixedColumnsWidth = providedValue.leftFixedColumnsWidth,
+      rightFixedColumnsWidth = providedValue.rightFixedColumnsWidth,
+      scrollLeft = providedValue.scrollLeft,
+      scrollRight = providedValue.scrollRight;
+  var hasBorder = borderedProp !== null && borderedProp !== void 0 ? borderedProp : bordered;
+  var extraHeader = extra && extra.header;
+  var extraFooter = extra && extra.footer;
+  var cls = classname.cx(prefixCls, className, hasBorder && prefixCls + "--bordered", striped && prefixCls + "--striped", size && prefixCls + "--size-" + size);
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    ref: ref,
+    role: role,
+    className: cls
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: prefixCls + "__wrapper"
+  }, /*#__PURE__*/React__default['default'].createElement(context.TableProvider, {
+    value: Object.assign(Object.assign({}, providedValue), {
+      expandedRender: expandedRender,
+      // @ts-ignore
+      isExpandEmbedRows: isExpandEmbedRows,
+      onExpandEmbedRowsChange: onExpandEmbedRowsChange
+    })
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(TableHeader.TableHeader, {
+    prefixCls: prefixCls
+  }), extraHeader ? /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      position: 'absolute',
+      right: 0,
+      zIndex: 11,
+      bottom: 0,
+      top: 0
+    }
+  }, extraHeader) : null), /*#__PURE__*/React__default['default'].createElement(TableBody.TableBody, {
+    prefixCls: prefixCls
+  })), scrollLeft > 0 && leftFrozenColKeys.length > 0 ? /*#__PURE__*/React__default['default'].createElement("div", {
+    className: prefixCls + "-freeze-shadow  " + prefixCls + "-freeze-shadow--left",
+    style: {
+      width: leftFixedColumnsWidth + 'px'
+    }
+  }) : null, scrollRight > 0 && rightFrozenColKeys.length > 0 ? /*#__PURE__*/React__default['default'].createElement("div", {
+    className: prefixCls + "-freeze-shadow " + prefixCls + "-freeze-shadow--right",
+    style: {
+      width: rightFixedColumnsWidth + 'px'
+    }
+  }) : null), extraFooter);
+});
+
+if (env.__DEV__) {
+  BaseTable.displayName = 'BaseTable';
+}
+
+exports.BaseTable = BaseTable;
+//# sourceMappingURL=BaseTable.js.map

package/lib/cjs/BaseTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTable.js","sources":["../../src/BaseTable.tsx"],"sourcesContent":[null],"names":["_role","_prefix","getPrefixCls","DEFAULT_COLUMNS","BaseTable","forwardRef","_a","ref","prefixCls","role","className","borderedProp","bordered","columns","striped","rowExpandable","expandEmbedRowKeysProp","expandEmbedRowKeys","onEmbedExpand","expandedRender","extra","rest","useUncontrolledState","expandEmbedRows","trySetExpandEmbedRows","useCheck","checkedIds","onCheck","onExpandEmbedRowsChange","isExpandEmbedRows","getEmbedPanelColumn","useCallback","embedExpandable","renderSwitcher","rowExpand","expanded","onNodeExpand","expandIcon","collapseIcon","React","isValidElement","IconButton","cx","icon","defaultLoadingIcon","tabIndex","onClick","embedPanelColumn","title","dataKey","width","align","render","_","rowItem","index","rowKey","id","sticky","isFunction","switcherIcon","shouldExpanded","MinusSquareOutlined","PlusSquareOutlined","useMemo","mergedColumns","embedColumn","providedValue","useTable","size","leftFrozenColKeys","rightFrozenColKeys","leftFixedColumnsWidth","rightFixedColumnsWidth","scrollLeft","scrollRight","hasBorder","extraHeader","header","extraFooter","footer","cls","TableProvider","value","style","position","TableHeader","right","zIndex","bottom","top","TableBody","length","__DEV__","displayName"],"mappings":"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"}