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

package/lib/es/_utils/index.js

@@ -1,9 +1,7 @@
 import _get from "lodash/get";
 import _set from "lodash/set";
 import _cloneDeepWith from "lodash/cloneDeepWith";
-
 /* eslint-disable max-len */
-
 /* argus-disable unPkgSensitiveInfo */
 import React from 'react';
 import warning from '@douyinfe/semi-foundation/lib/es/utils/warning';
@@ -15,12 +13,10 @@ import { isHTMLElement } from '@douyinfe/semi-foundation/lib/es/utils/dom';
  * @param {React.MouseEvent<HTMLElement>} e React mouse event object
  * @param {boolean} noImmediate Skip stopping immediate propagation
  */
-
 export function stopPropagation(e, noImmediate) {
   if (e && typeof e.stopPropagation === 'function') {
     e.stopPropagation();
   }
-
   if (!noImmediate && e.nativeEvent && typeof e.nativeEvent.stopImmediatePropagation === 'function') {
     e.nativeEvent.stopImmediatePropagation();
   }
@@ -30,44 +26,37 @@ export function stopPropagation(e, noImmediate) {
  *
  * skip clone function and react element
  */
-
 export function cloneDeep(value, customizer) {
   return _cloneDeepWith(value, v => {
     if (typeof customizer === 'function') {
       return customizer(v);
     }
-
     if (typeof v === 'function' || /*#__PURE__*/React.isValidElement(v)) {
       return v;
     }
-
     if (Object.prototype.toString.call(v) === '[object Error]') {
       return v;
-    } // it is tricky
+    }
+    // it is tricky
     // when array length beyond max length, array.length will be 0
-
-
     if (Array.isArray(v) && v.length === 0) {
       const keys = Object.keys(v);
-
       if (keys.length) {
         const newArray = [];
         keys.forEach(key => {
           _set(newArray, key, v[key]);
-        }); // internal-issues:887
-
+        });
+        // internal-issues:887
         try {
           warning(_get(process, 'env.NODE_ENV') !== 'production', `[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.
                     The maximum length of an array is 4294967295.
                     Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript`);
         } catch (e) {}
-
         return newArray;
       } else {
         return undefined;
       }
     }
-
     return undefined;
   });
 }
@@ -84,7 +73,6 @@ export function cloneDeep(value, customizer) {
  *
  * @return  {Array<object>}
  */
-
 export const getHighLightTextHTML = _ref => {
   let {
     sourceString = '',
@@ -108,7 +96,6 @@ export const getHighLightTextHTML = _ref => {
       highlight
     } = chunk;
     const text = sourceString.substr(start, end - start);
-
     if (highlight) {
       return /*#__PURE__*/React.createElement(markEle, {
         style: highlightStyle,
@@ -126,17 +113,14 @@ export const getHighLightTextHTML = _ref => {
  * @param {object} param param object
  * @returns function
  */
-
 export const registerMediaQuery = (media, _ref2) => {
   let {
     match,
     unmatch,
     callInInit = true
   } = _ref2;
-
   if (typeof window !== 'undefined') {
     const mediaQueryList = window.matchMedia(media);
-
     function handlerMediaChange(e) {
       if (e.matches) {
         match && match(e);
@@ -144,18 +128,14 @@ export const registerMediaQuery = (media, _ref2) => {
         unmatch && unmatch(e);
       }
     }
-
     callInInit && handlerMediaChange(mediaQueryList);
-
     if (Object.prototype.hasOwnProperty.call(mediaQueryList, 'addEventListener')) {
       mediaQueryList.addEventListener('change', handlerMediaChange);
       return () => mediaQueryList.removeEventListener('change', handlerMediaChange);
     }
-
     mediaQueryList.addListener(handlerMediaChange);
     return () => mediaQueryList.removeListener(handlerMediaChange);
   }
-
   return () => undefined;
 };
 /**
@@ -163,7 +143,6 @@ export const registerMediaQuery = (media, _ref2) => {
  * @param icon 元素
  * @returns boolean
  */
-
 export const isSemiIcon = icon => /*#__PURE__*/React.isValidElement(icon) && _get(icon.type, 'elementType') === 'Icon';
 export function getActiveElement() {
   return document ? document.activeElement : null;
@@ -176,10 +155,9 @@ export function getFocusableElements(node) {
   if (!isHTMLElement(node)) {
     return [];
   }
-
   const focusableSelectorsList = ["input:not([disabled]):not([tabindex='-1'])", "textarea:not([disabled]):not([tabindex='-1'])", "button:not([disabled]):not([tabindex='-1'])", "a[href]:not([tabindex='-1'])", "select:not([disabled]):not([tabindex='-1'])", "area[href]:not([tabindex='-1'])", "iframe:not([tabindex='-1'])", "object:not([tabindex='-1'])", "*[tabindex]:not([tabindex='-1'])", "*[contenteditable]:not([tabindex='-1'])"];
-  const focusableSelectorsStr = focusableSelectorsList.join(','); // we are not filtered elements which are invisible
-
+  const focusableSelectorsStr = focusableSelectorsList.join(',');
+  // we are not filtered elements which are invisible
   const focusableElements = Array.from(node.querySelectorAll(focusableSelectorsStr));
   return focusableElements;
 }

package/lib/es/anchor/anchor-context.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import Anchor, { AnchorProps, AnchorState } from '.';
-export declare type AnchorContextType = Pick<AnchorProps, 'showTooltip' | 'position' | 'autoCollapse' | 'size'> & Pick<AnchorState, 'activeLink'> & Pick<Anchor, 'addLink' | 'removeLink' | 'childMap'> & {
+export type AnchorContextType = Pick<AnchorProps, 'showTooltip' | 'position' | 'autoCollapse' | 'size'> & Pick<AnchorState, 'activeLink'> & Pick<Anchor, 'addLink' | 'removeLink' | 'childMap'> & {
     onClick: Anchor['handleClick'];
 };
 declare const AnchorContext: React.Context<AnchorContextType>;

package/lib/es/anchor/index.js

@@ -13,51 +13,39 @@ import '@douyinfe/semi-foundation/lib/es/anchor/anchor.css';
 import getUuid from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 import ConfigContext from '../configProvider/context';
 const prefixCls = cssClasses.PREFIX;
-
 class Anchor extends BaseComponent {
   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;
@@ -72,21 +60,16 @@ class Anchor extends BaseComponent {
               children
             } = child.props;
             const hasChildren = children && React.Children.count(children) > 0;
-
             if (hasChildren) {
               childProps.children = loop(children, level + 1);
             }
-
             return /*#__PURE__*/React.cloneElement(child, childProps);
           }
-
           return null;
         });
       };
-
       return loop(this.props.children);
     };
-
     this.state = {
       activeLink: '',
       links: [],
@@ -97,7 +80,6 @@ class Anchor extends BaseComponent {
     this.foundation = new AnchorFoundation(this.adapter);
     this.childMap = {};
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       addLink: value => {
@@ -109,14 +91,12 @@ class Anchor extends BaseComponent {
         this.setState(prevState => {
           const links = prevState.links.slice();
           const index = links.indexOf(link);
-
           if (index !== -1) {
             links.splice(index, 1);
             return {
               links
             };
           }
-
           return undefined;
         });
       },
@@ -161,11 +141,9 @@ class Anchor extends BaseComponent {
       },
       getContainerBoundingTop: () => {
         const container = this.adapter.getContainer();
-
         if ('getBoundingClientRect' in container) {
           return container.getBoundingClientRect().top;
         }
-
         return 0;
       },
       getLinksBoundingTop: () => {
@@ -178,12 +156,10 @@ class Anchor extends BaseComponent {
         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;
@@ -198,7 +174,6 @@ class Anchor extends BaseComponent {
       canSmoothScroll: () => 'scrollBehavior' in document.body.style
     });
   }
-
   componentDidMount() {
     const {
       defaultAnchor = ''
@@ -213,17 +188,14 @@ class Anchor extends BaseComponent {
     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,
@@ -291,9 +263,7 @@ class Anchor extends BaseComponent {
       role: "list"
     }, this.renderChildren())));
   }
-
 }
-
 Anchor.contextType = ConfigContext;
 Anchor.Link = Link;
 Anchor.PropTypes = {

package/lib/es/anchor/link.js

@@ -7,12 +7,11 @@ import { cssClasses } from '@douyinfe/semi-foundation/lib/es/anchor/constants';
 import LinkFoundation from '@douyinfe/semi-foundation/lib/es/anchor/linkFoundation';
 import AnchorContext from './anchor-context';
 import Typography from '../typography/index';
-const prefixCls = cssClasses.PREFIX; // eslint-disable-next-line @typescript-eslint/ban-types
-
+const prefixCls = cssClasses.PREFIX;
+// eslint-disable-next-line @typescript-eslint/ban-types
 export default class Link extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.renderTitle = () => {
       const {
         href,
@@ -31,18 +30,16 @@ export default class Link extends BaseComponent {
         [`${prefixCls}-link-tooltip-active`]: active,
         [`${prefixCls}-link-tooltip-disabled`]: disabled
       });
-
       if (showTooltip) {
         const showTooltipObj = _isObject(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.createElement(Typography.Text, {
           size: size === 'default' ? 'normal' : 'small',
           ellipsis: {
@@ -55,7 +52,6 @@ export default class Link extends BaseComponent {
         return title;
       }
     };
-
     this.renderChildren = () => {
       const {
         activeLink,
@@ -65,22 +61,18 @@ export default class Link extends BaseComponent {
         href,
         children
       } = this.props;
-
       if (!this.context.autoCollapse) {
         return /*#__PURE__*/React.createElement("div", {
           role: "list"
         }, children);
       }
-
       return activeLink === href || childMap[href] && childMap[href].has(activeLink) ? /*#__PURE__*/React.createElement("div", {
         role: "list"
       }, children) : null;
     };
-
     this.foundation = new LinkFoundation(this.adapter);
     this.handleClick = this.handleClick.bind(this);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       addLink: href => {
@@ -91,19 +83,15 @@ export default class Link extends BaseComponent {
       }
     });
   }
-
   handleAddLink() {
     this.foundation.handleAddLink();
   }
-
   handleRemoveLink() {
     this.foundation.handleRemoveLink();
   }
-
   handleUpdateLink(href, prevHref) {
     this.foundation.handleUpdateLink(href, prevHref);
   }
-
   handleClick(e) {
     const {
       disabled,
@@ -114,11 +102,9 @@ export default class Link extends BaseComponent {
     } = this.context;
     !disabled && onClick(e, href);
   }
-
   componentDidMount() {
     this.handleAddLink();
   }
-
   componentDidUpdate(prevProps) {
     const prevHref = prevProps.href;
     const {
@@ -126,11 +112,9 @@ export default class Link extends BaseComponent {
     } = this.props;
     this.handleUpdateLink(href, prevHref);
   }
-
   componentWillUnmount() {
     this.handleRemoveLink();
   }
-
   render() {
     const {
       href,
@@ -158,15 +142,12 @@ export default class Link extends BaseComponent {
         [paddingAttributeKey]: 8 * level
       }
     };
-
     if (active) {
       ariaProps['aria-details'] = 'active';
     }
-
     if (!showTooltip && typeof title === 'string') {
       ariaProps['title'] = title;
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: linkCls,
       style: style,
@@ -180,7 +161,6 @@ export default class Link extends BaseComponent {
       onKeyPress: e => this.handleClick(e)
     }), this.renderTitle()), this.renderChildren());
   }
-
 }
 Link.propTypes = {
   href: PropTypes.string,

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

@@ -15,7 +15,7 @@ import '@douyinfe/semi-foundation/lib/es/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/es/autoComplete/index.js

@@ -1,6 +1,5 @@
 import _noop from "lodash/noop";
 import _isEqual from "lodash/isEqual";
-
 /* eslint-disable @typescript-eslint/ban-types, max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
@@ -20,27 +19,19 @@ const prefixCls = cssClasses.PREFIX;
 const sizeSet = strings.SIZE;
 const positionSet = strings.POSITION;
 const statusSet = strings.STATUS;
-
 class AutoComplete extends BaseComponent {
   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 AutoCompleteFoundation(this.adapter);
     const initRePosKey = 1;
     this.state = {
@@ -65,7 +56,6 @@ class AutoComplete extends BaseComponent {
             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 => {
@@ -152,25 +142,20 @@ class AutoComplete extends BaseComponent {
       }
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (!_isEqual(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,
@@ -242,14 +227,12 @@ class AutoComplete extends BaseComponent {
       value: typeof value !== 'undefined' ? value : inputValue
     })));
   }
-
   renderLoading() {
     const loadingWrapperCls = `${prefixCls}-loading-wrapper`;
     return /*#__PURE__*/React.createElement("div", {
       className: loadingWrapperCls
     }, /*#__PURE__*/React.createElement(Spin, null));
   }
-
   renderOption(option, optionIndex) {
     const {
       focusIndex
@@ -264,7 +247,6 @@ class AutoComplete extends BaseComponent {
       key: option.key || option.label + option.value + optionIndex
     }, option), option.label);
   }
-
   renderOptionList() {
     const {
       maxHeight,
@@ -281,13 +263,11 @@ class AutoComplete extends BaseComponent {
       [`${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
@@ -298,7 +278,6 @@ class AutoComplete extends BaseComponent {
       style: style
     }, !loading ? optionsNode : this.renderLoading());
   }
-
   render() {
     const {
       position,
@@ -333,9 +312,7 @@ class AutoComplete extends BaseComponent {
       rePosKey: rePosKey
     }, input);
   }
-
 }
-
 AutoComplete.propTypes = {
   'aria-label': PropTypes.string,
   'aria-labelledby': PropTypes.string,
@@ -413,8 +390,9 @@ AutoComplete.defaultProps = {
   validateStatus: 'default',
   autoFocus: false,
   emptyContent: null,
-  onKeyDown: _noop // onPressEnter: () => undefined,
+  onKeyDown: _noop
+  // onPressEnter: () => undefined,
   // defaultOpen: false,
-
 };
+
 export default AutoComplete;