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

package/lib/cjs/table/ColGroup.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
-
 var _utils = require("@douyinfe/semi-foundation/lib/cjs/table/utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class ColGroup extends _react.default.PureComponent {
   render() {
     const {
@@ -27,8 +19,8 @@ class ColGroup extends _react.default.PureComponent {
       style,
       prefixCls,
       components
-    } = this.props; // eslint-disable-next-line @typescript-eslint/no-shadow
-
+    } = this.props;
+    // eslint-disable-next-line @typescript-eslint/no-shadow
     const ColGroup = (0, _get2.default)(components, 'colgroup.wrapper', 'colgroup');
     const Col = (0, _get2.default)(components, 'colgroup.col', 'col');
     const cols = (0, _utils.flattenColumns)(columns).map((column, idx) => {
@@ -36,12 +28,10 @@ class ColGroup extends _react.default.PureComponent {
       /**
        * table width
        */
-
       if (column.width) {
         colStyle.width = column.width;
         colStyle.minWidth = colStyle.width;
       }
-
       return /*#__PURE__*/_react.default.createElement(Col, {
         className: (0, _classnames.default)(`${prefixCls}-col`, column.className),
         key: column.key || column.dataIndex || idx,
@@ -54,9 +44,7 @@ class ColGroup extends _react.default.PureComponent {
       style: style
     }, cols);
   }
-
 }
-
 exports.default = ColGroup;
 ColGroup.propTypes = {
   columns: _propTypes.default.array,

package/lib/cjs/table/Column.js

@@ -4,25 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _ColumnShape = _interopRequireDefault(require("./ColumnShape"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class Column extends _react.default.PureComponent {
   constructor() {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     super(props);
   }
-
   render() {
     return null;
   }
-
 }
-
 exports.default = Column;
 Column.propTypes = Object.assign({}, _ColumnShape.default);
 Column.elementType = 'Column';

package/lib/cjs/table/ColumnFilter.js

@@ -4,32 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ColumnFilter;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
-
 var _dropdown = _interopRequireDefault(require("../dropdown"));
-
 var _radio = require("../radio");
-
 var _checkbox = require("../checkbox");
-
 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 }; }
-
 /* eslint-disable no-nested-ternary */
-
 /* eslint-disable eqeqeq */
+
 function renderDropdown() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let nestedElem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -52,19 +40,16 @@ function renderDropdown() {
     render: /*#__PURE__*/_react.default.createElement(_dropdown.default.Menu, null, Array.isArray(filters) && filters.map((filter, index) => {
       const changeFn = e => {
         const domEvent = e && e.nativeEvent;
-
         if (domEvent) {
           // Block this event to prevent the pop-up layer from closing
-          domEvent.stopImmediatePropagation(); // Prevent bubbling and default events to prevent label click events from triggering twice
-
+          domEvent.stopImmediatePropagation();
+          // Prevent bubbling and default events to prevent label click events from triggering twice
           domEvent.stopPropagation();
           domEvent.preventDefault();
         }
-
         let values = [...filteredValue];
         const included = values.includes(filter.value);
         const idx = values.indexOf(filter.value);
-
         if (idx > -1) {
           values.splice(idx, 1);
         } else if (filterMultiple) {
@@ -72,7 +57,6 @@ function renderDropdown() {
         } else {
           values = [filter.value];
         }
-
         return onSelect({
           value: filter.value,
           filteredValue: values,
@@ -80,7 +64,6 @@ function renderDropdown() {
           domEvent
         });
       };
-
       const checked = filteredValue.includes(filter.value);
       const {
         text
@@ -108,7 +91,6 @@ function renderDropdown() {
       }, text) : /*#__PURE__*/_react.default.createElement(_radio.Radio, {
         checked: checked
       }, text));
-
       if (Array.isArray(filter.children) && filter.children.length) {
         const childrenDropdownProps = Object.assign(Object.assign({}, props), {
           filters: filter.children,
@@ -118,20 +100,16 @@ function renderDropdown() {
         delete childrenDropdownProps.filterDropdownVisible;
         item = renderDropdown(childrenDropdownProps, item, level + 1);
       }
-
       return item;
     }))
   });
-
   if (filterDropdownVisible != null) {
     dropdownProps.visible = filterDropdownVisible;
   }
-
   return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({}, dropdownProps, {
     key: `Dropdown_level_${level}`
   }), nestedElem);
 }
-
 function ColumnFilter() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
@@ -148,7 +126,6 @@ function ColumnFilter() {
     on: Array.isArray(filteredValue) && filteredValue.length
   });
   let iconElem;
-
   if (typeof filterIcon === 'function') {
     iconElem = filterIcon(Array.isArray(filteredValue) && filteredValue.length > 0);
   } else if ( /*#__PURE__*/(0, _react.isValidElement)(filterIcon)) {
@@ -156,9 +133,7 @@ function ColumnFilter() {
   } else {
     iconElem = /*#__PURE__*/_react.default.createElement("div", {
       className: finalCls
-    }, '\u200b'
-    /* ZWSP(zero-width space) */
-    , /*#__PURE__*/_react.default.createElement(_semiIcons.IconFilter, {
+    }, '\u200b' /* ZWSP(zero-width space) */, /*#__PURE__*/_react.default.createElement(_semiIcons.IconFilter, {
       role: "button",
       "aria-label": "Filter data with this column",
       "aria-haspopup": "listbox",
@@ -166,7 +141,6 @@ function ColumnFilter() {
       size: "default"
     }));
   }
-
   const renderProps = Object.assign(Object.assign({}, props), filterDropdownProps);
   filterDropdown = /*#__PURE__*/_react.default.isValidElement(filterDropdown) ? filterDropdown : typeof renderFilterDropdown === 'function' ? renderFilterDropdown(renderProps, {
     iconElem

package/lib/cjs/table/ColumnSelection.js

@@ -4,49 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
-
 var _tableSelectionCellFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/table/tableSelectionCellFoundation"));
-
 var _checkbox = require("../checkbox");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
 
 /**
  * render selection cell
  */
 class TableSelectionCell extends _baseComponent.default {
-  constructor(props) {
-    super(props);
-
-    this.handleChange = e => this.foundation.handleChange(e);
-
-    this.foundation = new _tableSelectionCellFoundation.default(this.adapter);
-  }
-
   get adapter() {
     var _this = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       notifyChange: function () {
         return _this.props.onChange(...arguments);
       }
     });
   }
-
+  constructor(props) {
+    super(props);
+    this.handleChange = e => this.foundation.handleChange(e);
+    this.foundation = new _tableSelectionCellFoundation.default(this.adapter);
+  }
   render() {
     const {
       selected,
@@ -63,11 +48,9 @@ class TableSelectionCell extends _baseComponent.default {
       indeterminate,
       checked: selected
     };
-
     if (typeof getCheckboxProps === 'function') {
       checkboxProps = Object.assign(Object.assign({}, checkboxProps), getCheckboxProps());
     }
-
     const wrapCls = (0, _classnames.default)(`${prefixCls}-selection-wrap`, {
       [`${prefixCls}-selection-disabled`]: disabled
     }, className);
@@ -77,9 +60,7 @@ class TableSelectionCell extends _baseComponent.default {
       "aria-label": ariaLabel
     }, checkboxProps)));
   }
-
 }
-
 exports.default = TableSelectionCell;
 TableSelectionCell.propTypes = {
   columnTitle: _propTypes.default.string,

package/lib/cjs/table/ColumnShape.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = {
   align: _propTypes.default.oneOf(_constants.strings.ALIGNS),
   className: _propTypes.default.string,

package/lib/cjs/table/ColumnSorter.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
-
 var _isEnterPress = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isEnterPress"));
-
 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 }; }
-
 class ColumnSorter extends _react.PureComponent {
   render() {
     const {
@@ -69,9 +58,7 @@ class ColumnSorter extends _react.PureComponent {
       size: iconBtnSize
     }))));
   }
-
 }
-
 exports.default = ColumnSorter;
 ColumnSorter.propTypes = {
   className: _propTypes.default.string,

package/lib/cjs/table/CustomExpandIcon.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CustomExpandIcon;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/table/constants");
-
 var _isEnterPress = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isEnterPress"));
-
 var _cssAnimation = _interopRequireDefault(require("../_cssAnimation"));
-
 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 }; }
-
 /* eslint-disable react-hooks/exhaustive-deps */
 
 /**
@@ -42,7 +31,6 @@ function CustomExpandIcon(props) {
     motion = true
   } = props;
   let icon;
-
   if ( /*#__PURE__*/_react.default.isValidElement(expandIcon)) {
     icon = expandIcon;
   } else if (typeof expandIcon === 'function') {
@@ -56,13 +44,11 @@ function CustomExpandIcon(props) {
   } else {
     icon = expanded && !motion ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, null) : /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronRight, null);
   }
-
   const handleClick = (0, _react.useCallback)(e => {
     if (typeof onClick === 'function') {
       onClick(!expanded, e);
     }
   }, [expanded]);
-
   if (motion) {
     const originIcon = icon;
     icon = /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
@@ -77,7 +63,6 @@ function CustomExpandIcon(props) {
       });
     });
   }
-
   return /*#__PURE__*/_react.default.createElement("span", {
     role: "button",
     "aria-label": "Expand this row",
@@ -89,7 +74,6 @@ function CustomExpandIcon(props) {
     onKeyPress: e => (0, _isEnterPress.default)(e) && handleClick(e)
   }, icon);
 }
-
 CustomExpandIcon.propTypes = {
   expanded: _propTypes.default.bool,
   componentType: _propTypes.default.oneOf(['tree', 'expand']),

package/lib/cjs/table/HeadTable.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _ColGroup = _interopRequireDefault(require("./ColGroup"));
-
 var _TableHeader = _interopRequireDefault(require("./TableHeader"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
 
 /**
@@ -33,7 +24,6 @@ class HeadTable extends _react.default.PureComponent {
     };
     super(props);
   }
-
   render() {
     const {
       scroll,
@@ -49,44 +39,35 @@ class HeadTable extends _react.default.PureComponent {
       bodyHasScrollBar,
       sticky
     } = this.props;
-
     if (!showHeader) {
       return null;
     }
-
     const Table = (0, _get2.default)(components, 'header.outer', 'table');
     const x = (0, _get2.default)(scroll, 'x');
     const headStyle = {};
     const tableStyle = {};
-
     if (x && !fixed) {
       tableStyle.width = x;
     }
-
     if (bodyHasScrollBar) {
       headStyle.overflowY = 'scroll';
     }
-
     const colgroup = /*#__PURE__*/_react.default.createElement(_ColGroup.default, {
       columns: columns,
       prefixCls: prefixCls
     });
-
     const tableHeader = /*#__PURE__*/_react.default.createElement(_TableHeader.default, Object.assign({}, this.props, {
       columns: columns,
       components: components,
       onDidUpdate: onDidUpdate
     }));
-
     const headTableCls = (0, _classnames.default)(`${prefixCls}-header`, {
       [`${prefixCls}-header-sticky`]: sticky
     });
     const stickyTop = (0, _get2.default)(sticky, 'top', 0);
-
     if (typeof stickyTop === 'number') {
       headStyle.top = stickyTop;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       key: "headTable",
       style: headStyle,
@@ -100,9 +81,7 @@ class HeadTable extends _react.default.PureComponent {
       })
     }, colgroup, tableHeader));
   }
-
 }
-
 HeadTable.propTypes = {
   tableLayout: _propTypes.default.string,
   bodyHasScrollBar: _propTypes.default.bool,
@@ -125,9 +104,7 @@ HeadTable.propTypes = {
 HeadTable.defaultProps = {
   handleBodyScroll: _noop2.default
 };
-
 var _default = /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(HeadTable, Object.assign({}, props, {
   forwardedRef: ref
 })));
-
 exports.default = _default;

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

@@ -9,5 +9,5 @@ export interface ResizableHeaderCellProps {
 declare class ResizableHeaderCell extends React.PureComponent<ResizableHeaderCellProps> {
     render(): JSX.Element;
 }
-export declare type ResizeFn = (e: React.SyntheticEvent) => any;
+export type ResizeFn = (e: React.SyntheticEvent) => any;
 export default ResizableHeaderCell;

package/lib/cjs/table/ResizableHeaderCell.js

@@ -4,43 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactResizable = require("react-resizable");
-
 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;
 };
-
 class ResizableHeaderCell extends _react.default.PureComponent {
   render() {
     const _a = this.props,
-          {
-      onResize,
-      onResizeStart,
-      onResizeStop,
-      width
-    } = _a,
-          restProps = __rest(_a, ["onResize", "onResizeStart", "onResizeStop", "width"]);
-
+      {
+        onResize,
+        onResizeStart,
+        onResizeStop,
+        width
+      } = _a,
+      restProps = __rest(_a, ["onResize", "onResizeStart", "onResizeStop", "width"]);
     if (typeof width !== 'number') {
       return /*#__PURE__*/_react.default.createElement("th", Object.assign({}, restProps));
     }
-
     let {
       children
-    } = restProps; // Fragment must be used here, otherwise there will be an error (seemingly a react-resizable@1.9.0 problem)
-
+    } = restProps;
+    // Fragment must be used here, otherwise there will be an error (seemingly a react-resizable@1.9.0 problem)
     children = _react.default.Children.map(children, (child, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: index
     }, child));
@@ -55,8 +46,6 @@ class ResizableHeaderCell extends _react.default.PureComponent {
       }
     }, /*#__PURE__*/_react.default.createElement("th", Object.assign({}, restProps), children));
   }
-
 }
-
 var _default = ResizableHeaderCell;
 exports.default = _default;