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

package/lib/cjs/select/option.js

@@ -4,34 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/select/constants");
-
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _index = require("../_utils/index");
-
 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]];
   }
@@ -39,21 +25,18 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable max-len */
 
-
 class Option extends _react.PureComponent {
   onClick(_a, event) {
     var {
-      value,
-      label,
-      children
-    } = _a,
-        rest = __rest(_a, ["value", "label", "children"]);
-
+        value,
+        label,
+        children
+      } = _a,
+      rest = __rest(_a, ["value", "label", "children"]);
     const {
       props
     } = this;
     const isDisabled = props.disabled;
-
     if (!isDisabled) {
       props.onSelect(Object.assign(Object.assign({}, rest), {
         value,
@@ -61,7 +44,6 @@ class Option extends _react.PureComponent {
       }), event);
     }
   }
-
   renderOptionContent(_ref) {
     let {
       config,
@@ -69,37 +51,33 @@ class Option extends _react.PureComponent {
       inputValue,
       prefixCls
     } = _ref;
-
     if ((0, _isString2.default)(children) && inputValue) {
       return (0, _index.getHighLightTextHTML)(config);
     }
-
     return children;
   }
-
   render() {
     const _a = this.props,
-          {
-      children,
-      disabled,
-      value,
-      selected,
-      label,
-      empty,
-      emptyContent,
-      onSelect,
-      focused,
-      showTick,
-      className,
-      style,
-      onMouseEnter,
-      prefixCls,
-      renderOptionItem,
-      inputValue,
-      id
-    } = _a,
-          rest = __rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue", "id"]);
-
+      {
+        children,
+        disabled,
+        value,
+        selected,
+        label,
+        empty,
+        emptyContent,
+        onSelect,
+        focused,
+        showTick,
+        className,
+        style,
+        onMouseEnter,
+        prefixCls,
+        renderOptionItem,
+        inputValue,
+        id
+      } = _a,
+      rest = __rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue", "id"]);
     const optionClassName = (0, _classnames.default)(prefixCls, {
       [`${prefixCls}-disabled`]: disabled,
       [`${prefixCls}-selected`]: selected,
@@ -108,21 +86,18 @@ class Option extends _react.PureComponent {
       [className]: className
     });
     const selectedIconClassName = (0, _classnames.default)([`${prefixCls}-icon`]);
-
     if (empty) {
       if (emptyContent === null) {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "Select"
       }, locale => /*#__PURE__*/_react.default.createElement("div", {
         className: optionClassName,
         "x-semi-prop": "emptyContent"
       }, emptyContent || locale.emptyText));
-    } // Since there are empty, locale and other logic, the custom renderOptionItem is directly converged to the internal option instead of being placed in Select/index
-
-
+    }
+    // Since there are empty, locale and other logic, the custom renderOptionItem is directly converged to the internal option instead of being placed in Select/index
     if (typeof renderOptionItem === 'function') {
       return renderOptionItem(Object.assign({
         disabled,
@@ -140,7 +115,6 @@ class Option extends _react.PureComponent {
         }, rest), e)
       }, rest));
     }
-
     const config = {
       searchWords: inputValue,
       sourceString: children,
@@ -178,9 +152,7 @@ class Option extends _react.PureComponent {
       })) : children)
     );
   }
-
 }
-
 Option.isSelectOption = true;
 Option.propTypes = {
   children: _propTypes.default.node,

package/lib/cjs/select/optionGroup.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/select/constants");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const prefixCls = _constants.cssClasses.PREFIX_GROUP;
-
 class OptionGroup extends _baseComponent.default {
   render() {
     const {
@@ -29,19 +21,15 @@ class OptionGroup extends _baseComponent.default {
     const groupCls = (0, _classnames.default)(className, {
       [prefixCls]: true
     });
-
     if (!label && typeof label !== 'number') {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: groupCls,
       style: style
     }, label);
   }
-
 }
-
 OptionGroup.isSelectOptionGroup = true;
 OptionGroup.propTypes = {
   children: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.node]),

package/lib/cjs/select/utils.js

@@ -4,31 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getOptionsFromGroup = exports.generateOption = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
-
 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;
 };
-
 const generateOption = (child, parent, index) => {
   const childProps = child.props;
-
   if (!child || !childProps) {
     return null;
   }
-
   const option = Object.assign(Object.assign({
     value: childProps.value,
     // Drop-down menu rendering priority label value, children, value in turn downgrade
@@ -41,9 +32,7 @@ const generateOption = (child, parent, index) => {
   });
   return option;
 };
-
 exports.generateOption = generateOption;
-
 const getOptionsFromGroup = selectChildren => {
   let optionGroups = [];
   let options = [];
@@ -51,11 +40,10 @@ const getOptionsFromGroup = selectChildren => {
     label: '',
     children: [],
     _show: false
-  }; // avoid null
+  };
+  // avoid null
   // eslint-disable-next-line max-len
-
   let childNodes = _react.default.Children.toArray(selectChildren);
-
   childNodes = childNodes.filter(childNode => childNode && childNode.props);
   let type = '';
   let optionIndex = -1;
@@ -67,15 +55,14 @@ const getOptionsFromGroup = selectChildren => {
       emptyGroup.children.push(option);
       options.push(option);
     } else if (child.type.isSelectOptionGroup) {
-      type = 'group'; // Avoid saving children (reactNode) by... removing other props from the group except children, causing performance problems
+      type = 'group';
+      // Avoid saving children (reactNode) by... removing other props from the group except children, causing performance problems
       // eslint-disable-next-line prefer-const
-
       let _a = child.props,
-          {
-        children
-      } = _a,
-          restGroupProps = __rest(_a, ["children"]);
-
+        {
+          children
+        } = _a,
+        restGroupProps = __rest(_a, ["children"]);
       children = _react.default.Children.toArray(children);
       const childrenOption = children.map(option => {
         optionIndex++;
@@ -91,15 +78,12 @@ const getOptionsFromGroup = selectChildren => {
       (0, _warning.default)(true, '[Semi Select] The children of `Select` should be `Select.Option` or `Select.OptionGroup`');
     }
   });
-
   if (type === 'option') {
     optionGroups = [emptyGroup];
   }
-
   return {
     optionGroups,
     options
   };
 };
-
 exports.getOptionsFromGroup = getOptionsFromGroup;

package/lib/cjs/select/virtualRow.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 const VirtualRow = _ref => {
   let {
     index,
@@ -18,6 +17,5 @@ const VirtualRow = _ref => {
   const option = visibleOptions[index];
   return renderOption(option, index, style);
 };
-
 var _default = VirtualRow;
 exports.default = _default;

package/lib/cjs/sideSheet/SideSheetContent.js

@@ -4,47 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/sideSheet/constants");
-
 var _iconButton = _interopRequireDefault(require("../iconButton"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 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;
 };
-
 let uuid = 0;
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class SideSheetContent extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
-
     this.onMaskClick = e => {
       if (e.target === e.currentTarget) {
         this.close(e);
       }
     };
-
     this.close = e => {
       const {
         onClose
@@ -52,24 +37,19 @@ class SideSheetContent extends _react.default.PureComponent {
       onClose && onClose(e);
     };
   }
-
   componentDidMount() {
     this.sideSheetId = `sidesheet-${uuid++}`;
   }
-
   componentWillUnmount() {
     clearTimeout(this.timeoutId);
   }
-
   getMaskElement() {
     var _a;
-
     const {
       mask,
       maskStyle,
       maskClosable
     } = this.props;
-
     if (mask) {
       return /*#__PURE__*/_react.default.createElement("div", Object.assign({
         "aria-hidden": true,
@@ -79,10 +59,8 @@ class SideSheetContent extends _react.default.PureComponent {
         onClick: maskClosable ? this.onMaskClick : null
       }, this.props.maskExtraProps));
     }
-
     return null;
   }
-
   renderHeader() {
     const {
       title,
@@ -90,14 +68,12 @@ class SideSheetContent extends _react.default.PureComponent {
       headerStyle
     } = this.props;
     let header, closer;
-
     if (title) {
       header = /*#__PURE__*/_react.default.createElement("div", {
         className: `${prefixCls}-title`,
         "x-semi-prop": "title"
       }, this.props.title);
     }
-
     if (closable) {
       closer = /*#__PURE__*/_react.default.createElement(_iconButton.default, {
         className: `${prefixCls}-close`,
@@ -109,7 +85,6 @@ class SideSheetContent extends _react.default.PureComponent {
         size: "small"
       });
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: `${prefixCls}-header`,
       role: 'heading',
@@ -117,28 +92,21 @@ class SideSheetContent extends _react.default.PureComponent {
       style: Object.assign({}, headerStyle)
     }, header, closer);
   }
-
   getDialogElement() {
     var _a;
-
     const props = __rest(this.props, []);
-
     const style = {};
-
     if (props.width) {
-      style.width = props.width; // When the mask is false, the width is set on the wrapper. At this time, sidesheet-inner does not need to set the width again, otherwise, the percentage will be accumulated repeatedly when the width is a percentage
-
+      style.width = props.width;
+      // When the mask is false, the width is set on the wrapper. At this time, sidesheet-inner does not need to set the width again, otherwise, the percentage will be accumulated repeatedly when the width is a percentage
       if (!props.mask) {
         style.width = '100%';
       }
     }
-
     if (props.height) {
       style.height = props.height;
     }
-
     const header = this.renderHeader();
-
     const dialogElement = /*#__PURE__*/_react.default.createElement("div", Object.assign({
       key: "dialog-element",
       role: "dialog",
@@ -156,10 +124,8 @@ class SideSheetContent extends _react.default.PureComponent {
       className: `${prefixCls}-footer`,
       "x-semi-prop": "footer"
     }, props.footer) : null));
-
     return dialogElement;
   }
-
   render() {
     const {
       mask,
@@ -171,19 +137,15 @@ class SideSheetContent extends _react.default.PureComponent {
       [`${prefixCls}-size-${this.props.size}`]: !mask
     });
     const wrapperStyle = {};
-
     if (!mask && width) {
       wrapperStyle.width = width;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: wrapperCls,
       style: wrapperStyle
     }, this.getMaskElement(), this.getDialogElement());
   }
-
 }
-
 exports.default = SideSheetContent;
 SideSheetContent.propTypes = {
   onClose: _propTypes.default.func