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

package/lib/cjs/anchor/index.js

@@ -4,83 +4,55 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _throttle2 = _interopRequireDefault(require("lodash/throttle"));
-
 var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/anchor/constants");
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/anchor/foundation"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _link = _interopRequireDefault(require("./link"));
-
 var _anchorContext = _interopRequireDefault(require("./anchor-context"));
-
 require("@douyinfe/semi-foundation/lib/cjs/anchor/anchor.css");
-
 var _uuid = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/uuid"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class Anchor extends _baseComponent.default {
   constructor(props) {
     var _this;
-
     super(props);
     _this = this;
-
     this.addLink = link => {
       this.foundation.addLink(link);
     };
-
     this.removeLink = link => {
       this.foundation.removeLink(link);
     };
-
     this.handleScroll = () => {
       this.foundation.handleScroll();
     };
-
     this.handleClick = (e, link) => {
       this.foundation.handleClick(e, link);
-    }; // Set click to false after scrolling
-
-
+    };
+    // Set click to false after scrolling
     this.handleClickLink = () => {
       this.foundation.handleClickLink();
     };
-
     this.setChildMap = () => {
       this.foundation.setChildMap();
     };
-
     this.setScrollHeight = () => {
       this.foundation.setScrollHeight();
     };
-
     this.updateScrollHeight = (prevState, state) => {
       this.foundation.updateScrollHeight(prevState, state);
     };
-
     this.updateChildMap = (prevState, state) => {
       this.foundation.updateChildMap(prevState, state);
     };
-
     this.renderChildren = () => {
       const loop = function (children) {
         let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
@@ -95,21 +67,16 @@ class Anchor extends _baseComponent.default {
               children
             } = child.props;
             const hasChildren = children && _react.default.Children.count(children) > 0;
-
             if (hasChildren) {
               childProps.children = loop(children, level + 1);
             }
-
             return /*#__PURE__*/_react.default.cloneElement(child, childProps);
           }
-
           return null;
         });
       };
-
       return loop(this.props.children);
     };
-
     this.state = {
       activeLink: '',
       links: [],
@@ -120,7 +87,6 @@ class Anchor extends _baseComponent.default {
     this.foundation = new _foundation.default(this.adapter);
     this.childMap = {};
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       addLink: value => {
@@ -132,14 +98,12 @@ class Anchor extends _baseComponent.default {
         this.setState(prevState => {
           const links = prevState.links.slice();
           const index = links.indexOf(link);
-
           if (index !== -1) {
             links.splice(index, 1);
             return {
               links
             };
           }
-
           return undefined;
         });
       },
@@ -184,11 +148,9 @@ class Anchor extends _baseComponent.default {
       },
       getContainerBoundingTop: () => {
         const container = this.adapter.getContainer();
-
         if ('getBoundingClientRect' in container) {
           return container.getBoundingClientRect().top;
         }
-
         return 0;
       },
       getLinksBoundingTop: () => {
@@ -201,12 +163,10 @@ class Anchor extends _baseComponent.default {
         const containerTop = this.adapter.getContainerBoundingTop();
         const elTop = links.map(link => {
           let node = null;
-
           try {
             // Get links from containers
             node = document.querySelector(link);
           } catch (e) {}
-
           return node && node.getBoundingClientRect().top - containerTop - offsetTop || -Infinity;
         });
         return elTop;
@@ -221,7 +181,6 @@ class Anchor extends _baseComponent.default {
       canSmoothScroll: () => 'scrollBehavior' in document.body.style
     });
   }
-
   componentDidMount() {
     const {
       defaultAnchor = ''
@@ -236,17 +195,14 @@ class Anchor extends _baseComponent.default {
     this.setChildMap();
     Boolean(defaultAnchor) && this.foundation.handleClick(null, defaultAnchor, false);
   }
-
   componentDidUpdate(prevProps, prevState) {
     this.updateScrollHeight(prevState, this.state);
     this.updateChildMap(prevState, this.state);
   }
-
   componentWillUnmount() {
     this.scrollContainer.removeEventListener('scroll', this.handler);
     this.scrollContainer.removeEventListener('scroll', this.clickHandler);
   }
-
   render() {
     const {
       size,
@@ -314,9 +270,7 @@ class Anchor extends _baseComponent.default {
       role: "list"
     }, this.renderChildren())));
   }
-
 }
-
 Anchor.contextType = _context.default;
 Anchor.Link = _link.default;
 Anchor.PropTypes = {

package/lib/cjs/anchor/link.js

@@ -4,33 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/anchor/constants");
-
 var _linkFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/anchor/linkFoundation"));
-
 var _anchorContext = _interopRequireDefault(require("./anchor-context"));
-
 var _index = _interopRequireDefault(require("../typography/index"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const prefixCls = _constants.cssClasses.PREFIX; // eslint-disable-next-line @typescript-eslint/ban-types
-
+const prefixCls = _constants.cssClasses.PREFIX;
+// eslint-disable-next-line @typescript-eslint/ban-types
 class Link extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.renderTitle = () => {
       const {
         href,
@@ -49,18 +37,16 @@ class Link extends _baseComponent.default {
         [`${prefixCls}-link-tooltip-active`]: active,
         [`${prefixCls}-link-tooltip-disabled`]: disabled
       });
-
       if (showTooltip) {
         const showTooltipObj = (0, _isObject2.default)(showTooltip) ? Object.assign({
           opts: {}
         }, showTooltip) : {
           opts: {}
-        }; // The position can be set through showTooltip, here it is compatible with the position API
-
+        };
+        // The position can be set through showTooltip, here it is compatible with the position API
         if (position) {
           showTooltipObj.opts['position'] = position;
         }
-
         return /*#__PURE__*/_react.default.createElement(_index.default.Text, {
           size: size === 'default' ? 'normal' : 'small',
           ellipsis: {
@@ -73,7 +59,6 @@ class Link extends _baseComponent.default {
         return title;
       }
     };
-
     this.renderChildren = () => {
       const {
         activeLink,
@@ -83,22 +68,18 @@ class Link extends _baseComponent.default {
         href,
         children
       } = this.props;
-
       if (!this.context.autoCollapse) {
         return /*#__PURE__*/_react.default.createElement("div", {
           role: "list"
         }, children);
       }
-
       return activeLink === href || childMap[href] && childMap[href].has(activeLink) ? /*#__PURE__*/_react.default.createElement("div", {
         role: "list"
       }, children) : null;
     };
-
     this.foundation = new _linkFoundation.default(this.adapter);
     this.handleClick = this.handleClick.bind(this);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       addLink: href => {
@@ -109,19 +90,15 @@ class Link extends _baseComponent.default {
       }
     });
   }
-
   handleAddLink() {
     this.foundation.handleAddLink();
   }
-
   handleRemoveLink() {
     this.foundation.handleRemoveLink();
   }
-
   handleUpdateLink(href, prevHref) {
     this.foundation.handleUpdateLink(href, prevHref);
   }
-
   handleClick(e) {
     const {
       disabled,
@@ -132,11 +109,9 @@ class Link extends _baseComponent.default {
     } = this.context;
     !disabled && onClick(e, href);
   }
-
   componentDidMount() {
     this.handleAddLink();
   }
-
   componentDidUpdate(prevProps) {
     const prevHref = prevProps.href;
     const {
@@ -144,11 +119,9 @@ class Link extends _baseComponent.default {
     } = this.props;
     this.handleUpdateLink(href, prevHref);
   }
-
   componentWillUnmount() {
     this.handleRemoveLink();
   }
-
   render() {
     const {
       href,
@@ -176,15 +149,12 @@ class Link extends _baseComponent.default {
         [paddingAttributeKey]: 8 * level
       }
     };
-
     if (active) {
       ariaProps['aria-details'] = 'active';
     }
-
     if (!showTooltip && typeof title === 'string') {
       ariaProps['title'] = title;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: linkCls,
       style: style,
@@ -198,9 +168,7 @@ class Link extends _baseComponent.default {
       onKeyPress: e => this.handleClick(e)
     }), this.renderTitle()), this.renderChildren());
   }
-
 }
-
 exports.default = Link;
 Link.propTypes = {
   href: _propTypes.default.string,

package/lib/cjs/autoComplete/index.d.ts

@@ -15,7 +15,7 @@ import '@douyinfe/semi-foundation/lib/cjs/autoComplete/autoComplete.css';
 export interface BaseDataItem extends DataItem {
     label?: React.ReactNode;
 }
-export declare type AutoCompleteItems = BaseDataItem | string | number;
+export type AutoCompleteItems = BaseDataItem | string | number;
 export interface AutoCompleteProps<T extends AutoCompleteItems> {
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];
     'aria-errormessage'?: React.AriaAttributes['aria-errormessage'];

package/lib/cjs/autoComplete/index.js

@@ -4,67 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/autoComplete/constants");
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/autoComplete/foundation"));
-
 var _constants2 = require("@douyinfe/semi-foundation/lib/cjs/popover/constants");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _spin = _interopRequireDefault(require("../spin"));
-
 var _popover = _interopRequireDefault(require("../popover"));
-
 var _input = _interopRequireDefault(require("../input"));
-
 var _trigger = _interopRequireDefault(require("../trigger"));
-
 var _option = _interopRequireDefault(require("./option"));
-
 var _warning = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/warning"));
-
 require("@douyinfe/semi-foundation/lib/cjs/autoComplete/autoComplete.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable @typescript-eslint/ban-types, max-len */
+
 const prefixCls = _constants.cssClasses.PREFIX;
 const sizeSet = _constants.strings.SIZE;
 const positionSet = _constants.strings.POSITION;
 const statusSet = _constants.strings.STATUS;
-
 class AutoComplete extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.onSelect = (option, optionIndex, e) => {
       this.foundation.handleSelect(option, optionIndex);
     };
-
     this.onSearch = value => {
       this.foundation.handleSearch(value);
     };
-
     this.onBlur = e => this.foundation.handleBlur(e);
-
     this.onFocus = e => this.foundation.handleFocus(e);
-
     this.onInputClear = () => this.foundation.handleClear();
-
     this.handleInputClick = e => this.foundation.handleInputClick(e);
-
     this.foundation = new _foundation.default(this.adapter);
     const initRePosKey = 1;
     this.state = {
@@ -89,7 +64,6 @@ class AutoComplete extends _baseComponent.default {
             Please use 'componentProps' to retrieve these props instead.
             - If you are using 'onBlur', 'onFocus', please try to avoid using them and look for changes in the future.`);
   }
-
   get adapter() {
     const keyboardAdapter = {
       registerKeyDown: cb => {
@@ -176,25 +150,20 @@ class AutoComplete extends _baseComponent.default {
       }
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (!(0, _isEqual2.default)(this.props.data, prevProps.data)) {
       this.foundation.handleDataChange(this.props.data);
     }
-
     if (this.props.value !== prevProps.value) {
       this.foundation.handleValueChange(this.props.value);
     }
   }
-
   renderInput() {
     const {
       size,
@@ -266,14 +235,12 @@ class AutoComplete extends _baseComponent.default {
       value: typeof value !== 'undefined' ? value : inputValue
     })));
   }
-
   renderLoading() {
     const loadingWrapperCls = `${prefixCls}-loading-wrapper`;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: loadingWrapperCls
     }, /*#__PURE__*/_react.default.createElement(_spin.default, null));
   }
-
   renderOption(option, optionIndex) {
     const {
       focusIndex
@@ -288,7 +255,6 @@ class AutoComplete extends _baseComponent.default {
       key: option.key || option.label + option.value + optionIndex
     }, option), option.label);
   }
-
   renderOptionList() {
     const {
       maxHeight,
@@ -305,13 +271,11 @@ class AutoComplete extends _baseComponent.default {
       [`${prefixCls}-option-list`]: true
     }, dropdownClassName);
     let optionsNode;
-
     if (options.length === 0) {
       optionsNode = emptyContent;
     } else {
       optionsNode = options.filter(option => option.show).map((option, i) => this.renderOption(option, i));
     }
-
     const style = Object.assign({
       maxHeight: maxHeight,
       minWidth: dropdownMinWidth
@@ -322,7 +286,6 @@ class AutoComplete extends _baseComponent.default {
       style: style
     }, !loading ? optionsNode : this.renderLoading());
   }
-
   render() {
     const {
       position,
@@ -357,9 +320,7 @@ class AutoComplete extends _baseComponent.default {
       rePosKey: rePosKey
     }, input);
   }
-
 }
-
 AutoComplete.propTypes = {
   'aria-label': _propTypes.default.string,
   'aria-labelledby': _propTypes.default.string,
@@ -437,9 +398,9 @@ AutoComplete.defaultProps = {
   validateStatus: 'default',
   autoFocus: false,
   emptyContent: null,
-  onKeyDown: _noop2.default // onPressEnter: () => undefined,
+  onKeyDown: _noop2.default
+  // onPressEnter: () => undefined,
   // defaultOpen: false,
-
 };
 var _default = AutoComplete;
 exports.default = _default;

package/lib/cjs/autoComplete/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/autoComplete/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,36 +51,32 @@ 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
-    } = _a,
-          rest = __rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue"]);
-
+      {
+        children,
+        disabled,
+        value,
+        selected,
+        label,
+        empty,
+        emptyContent,
+        onSelect,
+        focused,
+        showTick,
+        className,
+        style,
+        onMouseEnter,
+        prefixCls,
+        renderOptionItem,
+        inputValue
+      } = _a,
+      rest = __rest(_a, ["children", "disabled", "value", "selected", "label", "empty", "emptyContent", "onSelect", "focused", "showTick", "className", "style", "onMouseEnter", "prefixCls", "renderOptionItem", "inputValue"]);
     const optionClassName = (0, _classnames.default)(prefixCls, {
       [`${prefixCls}-disabled`]: disabled,
       [`${prefixCls}-selected`]: selected,
@@ -107,21 +85,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,
@@ -139,7 +114,6 @@ class Option extends _react.PureComponent {
         }, rest), e)
       }, rest));
     }
-
     const config = {
       searchWords: inputValue,
       sourceString: children,
@@ -176,9 +150,7 @@ class Option extends _react.PureComponent {
       })) : children)
     );
   }
-
 }
-
 Option.isSelectOption = true;
 Option.propTypes = {
   children: _propTypes.default.node,