@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.0

package/lib/cjs/table/ResizableTable.js

@@ -4,69 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _find2 = _interopRequireDefault(require("lodash/find"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _merge2 = _interopRequireDefault(require("lodash/merge"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = require("@douyinfe/semi-foundation/lib/cjs/utils/classnames");
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
-
 var _utils = require("@douyinfe/semi-foundation/lib/cjs/table/utils");
-
 var _Table = _interopRequireDefault(require("./Table"));
-
 var _utils2 = require("./utils");
-
 var _getColumns = _interopRequireDefault(require("./getColumns"));
-
 var _ResizableHeaderCell = _interopRequireDefault(require("./ResizableHeaderCell"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
 /* eslint-disable max-len */
-
 /* eslint-disable @typescript-eslint/no-shadow */
-
 /* eslint-disable react-hooks/exhaustive-deps */
-
 /* eslint-disable react/destructuring-assignment */
-
 /* eslint-disable max-lines-per-function */
-
-
 const ResizableTable = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let ref = arguments.length > 1 ? arguments[1] : undefined;
-
   const {
-    components: propComponents,
-    columns: propColumns,
-    resizable
-  } = props,
-        restProps = __rest(props, ["components", "columns", "resizable"]);
-
+      components: propComponents,
+      columns: propColumns,
+      resizable
+    } = props,
+    restProps = __rest(props, ["components", "columns", "resizable"]);
   const childrenColumnName = 'children';
   const onResize = (0, _get2.default)(resizable, 'onResize', _noop2.default);
   const onResizeStart = (0, _get2.default)(resizable, 'onResizeStart', _noop2.default);
@@ -79,7 +53,6 @@ const ResizableTable = function () {
    * 这三个参数加入了【选择列】以及【展开列】
    * 3. columns 是当前组件中存储的 state，一般情况下与 newColumns 相等，但是会保存列当前伸缩的宽度
    */
-
   /**
     * There are three stores for columns here
     *
@@ -88,30 +61,25 @@ const ResizableTable = function () {
     * These three parameters have been added [Select Column] and [Expand Column]
     * 3. columns is the state stored in the current component, which is generally equal to newColumns, but it will save the current stretched width of the column
     */
-
   const parsedColumns = Array.isArray(propColumns) && propColumns.length ? propColumns : (0, _getColumns.default)(props.children);
   const rawColumns = (0, _utils.assignColumnKeys)((0, _utils2.cloneDeep)(parsedColumns), childrenColumnName);
   const newColumns = (0, _utils.assignColumnKeys)((0, _utils2.cloneDeep)(parsedColumns), childrenColumnName);
-
   if (typeof props.expandedRowRender === 'function' && !props.hideExpandedColumn && !(0, _find2.default)(rawColumns, item => item.key === _constants.strings.DEFAULT_KEY_COLUMN_EXPAND)) {
     newColumns.unshift({
       key: _constants.strings.DEFAULT_KEY_COLUMN_EXPAND,
       width: _constants.numbers.DEFAULT_WIDTH_COLUMN_EXPAND
     });
   }
-
   if (props.rowSelection && !(0, _find2.default)(rawColumns, item => item.key === _constants.strings.DEFAULT_KEY_COLUMN_SELECTION)) {
     newColumns.unshift({
       width: (0, _get2.default)(props, 'rowSelection.width', _constants.numbers.DEFAULT_WIDTH_COLUMN_SELECTION),
       key: _constants.strings.DEFAULT_KEY_COLUMN_SELECTION
     });
   }
-
   const [columns, setColumns] = (0, _react.useState)(newColumns);
   (0, _react.useEffect)(() => {
     // If there is a resize value, the width does not use the default value fix#1072
     const _newColumns = (0, _utils.withResizeWidth)(columns, newColumns);
-
     setColumns((0, _utils2.mergeColumns)(columns, _newColumns));
   }, [propColumns, props.expandedRowRender, props.hideExpandedColumn, props.rowSelection]);
   const components = (0, _react.useMemo)(() => (0, _merge2.default)({
@@ -120,7 +88,6 @@ const ResizableTable = function () {
     }
   }, propComponents), [propComponents]);
   const handlerClassName = (0, _get2.default)(resizable, 'handlerClassName', 'resizing');
-
   const handleResize = column => (e, _ref) => {
     let {
       size
@@ -135,7 +102,6 @@ const ResizableTable = function () {
     Object.assign(curColumn, nextColumn);
     setColumns(nextColumns);
   };
-
   const handleResizeStart = column => e => {
     const nextColumns = (0, _utils2.cloneDeep)(columns);
     const curColumn = (0, _utils.findColumn)(nextColumns, column, childrenColumnName);
@@ -147,7 +113,6 @@ const ResizableTable = function () {
     Object.assign(curColumn, nextColumn);
     setColumns(nextColumns);
   };
-
   const handleResizeStop = column => e => {
     const nextColumns = (0, _utils2.cloneDeep)(columns);
     const curColumn = (0, _utils.findColumn)(nextColumns, column, childrenColumnName);
@@ -159,7 +124,6 @@ const ResizableTable = function () {
     Object.assign(curColumn, nextColumn);
     setColumns(nextColumns);
   };
-
   const resizableRender = function (col, index) {
     let level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     return Object.assign(Object.assign({}, col), {
@@ -171,22 +135,18 @@ const ResizableTable = function () {
       })
     });
   };
-
   const assignResizableRender = function () {
     let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     return Array.isArray(columns) && columns.length ? columns.map((col, index) => {
       Object.assign(col, resizableRender(col, index, level));
       const children = col[childrenColumnName];
-
       if (Array.isArray(children) && children.length) {
         col[childrenColumnName] = assignResizableRender(children, level + 1);
       }
-
       return col;
     }) : [];
   };
-
   const finalColumns = (0, _react.useMemo)(() => assignResizableRender(columns), [columns]);
   return /*#__PURE__*/_react.default.createElement(_Table.default, Object.assign({}, restProps, {
     columns: finalColumns,
@@ -194,7 +154,5 @@ const ResizableTable = function () {
     ref: ref
   }));
 };
-
 var _default = /*#__PURE__*/_react.default.forwardRef(ResizableTable);
-
 exports.default = _default;

package/lib/cjs/table/Table.d.ts

@@ -11,7 +11,7 @@ import { HeadTableProps } from './HeadTable';
 import { BodyProps } from './Body';
 import { ColumnProps, TablePaginationProps, BodyScrollEvent, BodyScrollPosition, ExpandIcon, Pagination, RenderPagination, TableProps, TableComponents, RowSelectionProps, Data } from './interface';
 import { ArrayElement } from '../_base/base';
-export declare type NormalTableProps<RecordType extends Record<string, any> = Data> = Omit<TableProps<RecordType>, 'resizable'>;
+export type NormalTableProps<RecordType extends Record<string, any> = Data> = Omit<TableProps<RecordType>, 'resizable'>;
 export interface NormalTableState<RecordType extends Record<string, any> = Data> {
     cachedColumns?: ColumnProps<RecordType>[];
     cachedChildren?: React.ReactNode;
@@ -41,7 +41,7 @@ export interface NormalTableState<RecordType extends Record<string, any> = Data>
      */
     allDisabledRowKeysSet?: Set<BaseRowKeyType>;
 }
-export declare type TableStateRowSelection<RecordType extends Record<string, any> = Data> = (RowSelectionProps<RecordType> & {
+export type TableStateRowSelection<RecordType extends Record<string, any> = Data> = (RowSelectionProps<RecordType> & {
     selectedRowKeysSet?: Set<(string | number)>;
 }) | boolean;
 export interface RenderTableProps<RecordType> extends HeadTableProps, BodyProps {