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

package/lib/cjs/transfer/index.js

@@ -4,53 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
-
 var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactSortableHoc = require("react-sortable-hoc");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/transfer/foundation"));
-
 var _transferUtils = require("@douyinfe/semi-foundation/lib/cjs/transfer/transferUtils");
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/transfer/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/transfer/transfer.css");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
 var _index = require("../checkbox/index");
-
 var _index2 = _interopRequireDefault(require("../input/index"));
-
 var _spin = _interopRequireDefault(require("../spin"));
-
 var _button = _interopRequireDefault(require("../button"));
-
 var _tree = _interopRequireDefault(require("../tree"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const prefixCls = _constants.cssClasses.PREFIX; // SortableItem & SortableList should not be assigned inside of the render function
-
+const prefixCls = _constants.cssClasses.PREFIX;
+// SortableItem & SortableList should not be assigned inside of the render function
 const SortableItem = (0, _reactSortableHoc.SortableElement)(props => props.item.node);
 const SortableList = (0, _reactSortableHoc.SortableContainer)(_ref => {
   let {
@@ -67,13 +44,13 @@ const SortableList = (0, _reactSortableHoc.SortableContainer)(_ref => {
     key: item.key,
     index: index,
     item: item
-  }))) // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  })))
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore see reasons: https://github.com/clauderic/react-sortable-hoc/issues/206
   ;
 }, {
   distance: 10
 });
-
 class Transfer extends _baseComponent.default {
   constructor(props) {
     super(props);
@@ -90,24 +67,20 @@ class Transfer extends _baseComponent.default {
       searchResult: new Set(),
       inputValue: ''
     };
-
     if (Boolean(dataSource) && (0, _isArray2.default)(dataSource)) {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore Avoid reporting errors this.state.xxx is read-only
       this.state.data = (0, _transferUtils._generateDataByType)(dataSource, type);
     }
-
     if (Boolean(defaultValue) && (0, _isArray2.default)(defaultValue)) {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore Avoid reporting errors this.state.xxx is read-only
       this.state.selectedItems = (0, _transferUtils._generateSelectedItems)(defaultValue, this.state.data);
     }
-
     this.onSelectOrRemove = this.onSelectOrRemove.bind(this);
     this.onInputChange = this.onInputChange.bind(this);
     this.onSortEnd = this.onSortEnd.bind(this);
   }
-
   static getDerivedStateFromProps(props, state) {
     const {
       value,
@@ -118,17 +91,14 @@ class Transfer extends _baseComponent.default {
     const mergedState = {};
     let newData = state.data;
     let newSelectedItems = state.selectedItems;
-
     if (Boolean(dataSource) && Array.isArray(dataSource)) {
       newData = (0, _transferUtils._generateDataByType)(dataSource, type);
       mergedState.data = newData;
     }
-
     if (Boolean(value) && Array.isArray(value)) {
       newSelectedItems = (0, _transferUtils._generateSelectedItems)(value, newData);
       mergedState.selectedItems = newSelectedItems;
     }
-
     if (!(0, _isEqual2.default)(state.data, newData)) {
       if (typeof state.inputValue === 'string' && state.inputValue !== '') {
         const filterFunc = typeof filter === 'function' ? item => filter(state.inputValue, item) : item => typeof item.label === 'string' && item.label.includes(state.inputValue);
@@ -137,10 +107,8 @@ class Transfer extends _baseComponent.default {
         mergedState.searchResult = searchResult;
       }
     }
-
     return (0, _isEmpty2.default)(mergedState) ? null : mergedState;
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       getSelected: () => new Map(this.state.selectedItems),
@@ -180,32 +148,26 @@ class Transfer extends _baseComponent.default {
   onInputChange(value) {
     this.foundation.handleInputChange(value, true);
   }
-
   search(value) {
     // The search method is used to provide the user with a manually triggered search
     // Since the method is manually called by the user, setting the second parameter to false does not trigger the onSearch callback to notify the user
     this.foundation.handleInputChange(value, false);
   }
-
   onSelectOrRemove(item) {
     this.foundation.handleSelectOrRemove(item);
   }
-
   onSortEnd(callbackProps) {
     this.foundation.handleSortEnd(callbackProps);
   }
-
   renderFilter(locale) {
     const {
       inputProps,
       filter,
       disabled
     } = this.props;
-
     if (typeof filter === 'boolean' && !filter) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       role: "search",
       "aria-label": "Transfer filter",
@@ -219,7 +181,6 @@ class Transfer extends _baseComponent.default {
       onChange: this.onInputChange
     }, inputProps)));
   }
-
   renderHeader(headerConfig) {
     const {
       disabled,
@@ -238,7 +199,6 @@ class Transfer extends _baseComponent.default {
       [`${prefixCls}-right-header`]: type === 'right',
       [`${prefixCls}-left-header`]: type === 'left'
     });
-
     if (type === 'left' && typeof renderSourceHeader === 'function') {
       const {
         num,
@@ -253,7 +213,6 @@ class Transfer extends _baseComponent.default {
         onAllClick
       });
     }
-
     if (type === 'right' && typeof renderSelectedHeader === 'function') {
       const {
         num,
@@ -266,7 +225,6 @@ class Transfer extends _baseComponent.default {
         onClear
       });
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: headerCls
     }, /*#__PURE__*/_react.default.createElement("span", {
@@ -280,7 +238,6 @@ class Transfer extends _baseComponent.default {
       onClick: onAllClick
     }, allContent) : null);
   }
-
   renderLeftItem(item, index) {
     const {
       renderSourceItem,
@@ -290,14 +247,12 @@ class Transfer extends _baseComponent.default {
       selectedItems
     } = this.state;
     const checked = selectedItems.has(item.key);
-
     if (renderSourceItem) {
       return renderSourceItem(Object.assign(Object.assign({}, item), {
         checked,
         onChange: () => this.onSelectOrRemove(item)
       }));
     }
-
     const leftItemCls = (0, _classnames.default)({
       [`${prefixCls}-item`]: true,
       [`${prefixCls}-item-disabled`]: item.disabled
@@ -312,7 +267,6 @@ class Transfer extends _baseComponent.default {
       "x-semi-children-alias": `dataSource[${index}].label`
     }, item.label);
   }
-
   renderLeft(locale) {
     const {
       data,
@@ -330,11 +284,11 @@ class Transfer extends _baseComponent.default {
     const totalToken = locale.total;
     const inSearchMode = inputValue !== '';
     const showNumber = inSearchMode ? searchResult.size : data.length;
-    const filterData = inSearchMode ? data.filter(item => searchResult.has(item.key)) : data; // Whether to select all should be a judgment, whether the filtered data on the left is a subset of the selected items
+    const filterData = inSearchMode ? data.filter(item => searchResult.has(item.key)) : data;
+    // Whether to select all should be a judgment, whether the filtered data on the left is a subset of the selected items
     // For example, the filtered data on the left is 1, 3, 4;
     // The selected option is 1,2,3,4, it is true
     // The selected option is 2,3,4, then it is false
-
     const leftContainesNotInSelected = Boolean(filterData.find(f => !selectedItems.has(f.key)));
     const totalText = totalToken.replace('${total}', `${showNumber}`);
     const headerConfig = {
@@ -353,37 +307,28 @@ class Transfer extends _baseComponent.default {
     const emptyLeft = emptyContent.left ? emptyContent.left : locale.emptyLeft;
     const emptyDataCom = this.renderEmpty('left', emptyLeft);
     const emptySearchCom = this.renderEmpty('left', emptySearch);
-
     const loadingCom = /*#__PURE__*/_react.default.createElement(_spin.default, null);
-
     let content = null;
-
     switch (true) {
       case loading:
         content = loadingCom;
         break;
-
       case noMatch:
         content = emptySearchCom;
         break;
-
       case data.length === 0:
         content = emptyDataCom;
         break;
-
       case type === _constants.strings.TYPE_TREE_TO_LIST:
         content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, headerCom, this.renderLeftTree());
         break;
-
       case !noMatch && (type === _constants.strings.TYPE_LIST || type === _constants.strings.TYPE_GROUP_LIST):
         content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, headerCom, this.renderLeftList(filterData));
         break;
-
       default:
         content = null;
         break;
     }
-
     const {
       values
     } = this.foundation.getValuesAndItemsFromMap(selectedItems);
@@ -403,16 +348,13 @@ class Transfer extends _baseComponent.default {
       onSearch: this.onInputChange,
       onSelectOrRemove: item => this.onSelectOrRemove(item)
     };
-
     if (renderSourcePanel) {
       return renderSourcePanel(renderProps);
     }
-
     return /*#__PURE__*/_react.default.createElement("section", {
       className: `${prefixCls}-left`
     }, inputCom, content);
   }
-
   renderGroupTitle(group, index) {
     const groupCls = (0, _classnames.default)(`${prefixCls}-group-title`);
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -420,7 +362,6 @@ class Transfer extends _baseComponent.default {
       key: `title-${index}`
     }, group.title);
   }
-
   renderLeftTree() {
     const {
       selectedItems
@@ -433,11 +374,9 @@ class Transfer extends _baseComponent.default {
     const {
       values
     } = this.foundation.getValuesAndItemsFromMap(selectedItems);
-
     const onChange = value => {
       this.foundation.handleSelect(value);
     };
-
     const restTreeProps = (0, _omit2.default)(treeProps, ['value', 'ref', 'onChange']);
     return /*#__PURE__*/_react.default.createElement(_tree.default, Object.assign({
       disabled: disabled,
@@ -460,14 +399,12 @@ class Transfer extends _baseComponent.default {
       onChange: onChange
     }, restTreeProps));
   }
-
   renderLeftList(visibileItems) {
     const content = [];
     const groupStatus = new Map();
     visibileItems.forEach((item, index) => {
       const parentGroup = item._parent;
       const optionContent = this.renderLeftItem(item, index);
-
       if (parentGroup && groupStatus.has(parentGroup.title)) {
         // group content already insert
         content.push(optionContent);
@@ -486,7 +423,6 @@ class Transfer extends _baseComponent.default {
       "aria-label": "Option list"
     }, content);
   }
-
   renderRightItem(item) {
     const {
       renderSelectedItem,
@@ -494,9 +430,7 @@ class Transfer extends _baseComponent.default {
       type,
       showPath
     } = this.props;
-
     const onRemove = () => this.foundation.handleSelectOrRemove(item);
-
     const rightItemCls = (0, _classnames.default)({
       [`${prefixCls}-item`]: true,
       [`${prefixCls}-right-item`]: true,
@@ -504,14 +438,12 @@ class Transfer extends _baseComponent.default {
     });
     const shouldShowPath = type === _constants.strings.TYPE_TREE_TO_LIST && showPath === true;
     const label = shouldShowPath ? this.foundation._generatePath(item) : item.label;
-
     if (renderSelectedItem) {
       return renderSelectedItem(Object.assign(Object.assign({}, item), {
         onRemove,
         sortableHandle: _reactSortableHoc.SortableHandle
       }));
     }
-
     const DragHandle = (0, _reactSortableHoc.SortableHandle)(() => /*#__PURE__*/_react.default.createElement(_semiIcons.IconHandle, {
       role: "button",
       "aria-label": "Drag and sort",
@@ -535,7 +467,6 @@ class Transfer extends _baseComponent.default {
       }))
     );
   }
-
   renderEmpty(type, emptyText) {
     const emptyCls = (0, _classnames.default)({
       [`${prefixCls}-empty`]: true,
@@ -547,23 +478,20 @@ class Transfer extends _baseComponent.default {
       className: emptyCls
     }, emptyText);
   }
-
   renderRightSortableList(selectedData) {
     const sortableListItems = selectedData.map(item => Object.assign(Object.assign({}, item), {
       node: this.renderRightItem(item)
-    })); // helperClass：add styles to the helper(item being dragged) https://github.com/clauderic/react-sortable-hoc/issues/87
+    }));
+    // helperClass：add styles to the helper(item being dragged) https://github.com/clauderic/react-sortable-hoc/issues/87
     // @ts-ignore skip SortableItem type check
-
     const sortList = /*#__PURE__*/_react.default.createElement(SortableList, {
       useDragHandle: true,
       helperClass: `${prefixCls}-right-item-drag-item-move`,
       onSortEnd: this.onSortEnd,
       items: sortableListItems
     });
-
     return sortList;
   }
-
   renderRight(locale) {
     const {
       selectedItems
@@ -573,8 +501,8 @@ class Transfer extends _baseComponent.default {
       renderSelectedPanel,
       draggable
     } = this.props;
-    const selectedData = [...selectedItems.values()]; // when custom render panel
-
+    const selectedData = [...selectedItems.values()];
+    // when custom render panel
     const renderProps = {
       length: selectedData.length,
       selectedData,
@@ -582,11 +510,9 @@ class Transfer extends _baseComponent.default {
       onRemove: item => this.foundation.handleSelectOrRemove(item),
       onSortEnd: props => this.onSortEnd(props)
     };
-
     if (renderSelectedPanel) {
       return renderSelectedPanel(renderProps);
     }
-
     const selectedToken = locale.selected;
     const selectedText = selectedToken.replace('${total}', `${selectedData.length}`);
     const headerConfig = {
@@ -601,36 +527,29 @@ class Transfer extends _baseComponent.default {
     const emptyCom = this.renderEmpty('right', emptyContent.right ? emptyContent.right : locale.emptyRight);
     const panelCls = `${prefixCls}-right`;
     let content = null;
-
     switch (true) {
       // when empty
       case !selectedData.length:
         content = emptyCom;
         break;
-
       case selectedData.length && !draggable:
         const list = /*#__PURE__*/_react.default.createElement("div", {
           className: `${prefixCls}-right-list`,
           role: "list",
           "aria-label": "Selected list"
         }, selectedData.map(item => this.renderRightItem(Object.assign({}, item))));
-
         content = list;
         break;
-
       case selectedData.length && draggable:
         content = this.renderRightSortableList(selectedData);
         break;
-
       default:
         break;
     }
-
     return /*#__PURE__*/_react.default.createElement("section", {
       className: panelCls
     }, headerCom, content);
   }
-
   render() {
     const {
       className,
@@ -650,9 +569,7 @@ class Transfer extends _baseComponent.default {
       style: style
     }, this.renderLeft(locale), this.renderRight(locale)));
   }
-
 }
-
 Transfer.propTypes = {
   style: _propTypes.default.object,
   className: _propTypes.default.string,

package/lib/cjs/tree/autoSizer.js

@@ -4,40 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/tree/constants");
-
 var _resizeObserver = _interopRequireDefault(require("../resizeObserver"));
-
 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 }; }
-
 const prefixcls = _constants.cssClasses.PREFIX;
-
 class AutoSizer extends _react.PureComponent {
   constructor(props) {
     super(props);
-
     this._onResize = entries => {
       // observe parent node height
       const target = entries && entries[1] && entries[1].target;
-
       if (target) {
         const height = (0, _get2.default)(target, 'offsetHeight') || 0;
         const style = window.getComputedStyle(target) || {};
         const paddingTop = parseInt((0, _get2.default)(style, 'paddingTop'), 10) || 0;
         const paddingBottom = parseInt((0, _get2.default)(style, 'paddingBottom'), 10) || 0;
         const newHeight = height - paddingTop - paddingBottom;
-
         if (this.state.height !== newHeight) {
           this.setState({
             height: height - paddingTop - paddingBottom
@@ -45,22 +32,19 @@ class AutoSizer extends _react.PureComponent {
         }
       }
     };
-
     this.state = {
       height: this.props.defaultHeight || 0
     };
   }
-
   componentDidMount() {
     const {
       height
-    } = this.state; // if height is a number, pass it directly to virtual-list
-
+    } = this.state;
+    // if height is a number, pass it directly to virtual-list
     if (typeof height === 'number') {
       return;
     }
   }
-
   render() {
     const {
       children,
@@ -69,15 +53,13 @@ class AutoSizer extends _react.PureComponent {
     } = this.props;
     const {
       height
-    } = this.state; // Avoid rendering children before the initial measurements have been collected.
+    } = this.state;
+    // Avoid rendering children before the initial measurements have been collected.
     // At best this would just be wasting cycles. Refer to https://github.com/bvaughn/react-virtualized-auto-sizer/
-
     let bailoutOnChildren = false;
-
     if (height === 0 || typeof height !== 'number') {
       bailoutOnChildren = true;
     }
-
     return /*#__PURE__*/_react.default.createElement(_resizeObserver.default, {
       observeParent: true,
       onResize: this._onResize
@@ -92,9 +74,7 @@ class AutoSizer extends _react.PureComponent {
       width: defaultWidth
     })));
   }
-
 }
-
 exports.default = AutoSizer;
 AutoSizer.propTypes = {
   defaultHeight: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),