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

package/lib/es/skeleton/item.js

@@ -1,14 +1,11 @@
 var __rest = this && this.__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;
 };
-
 import React, { PureComponent } from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -17,23 +14,20 @@ import { strings } from '@douyinfe/semi-foundation/lib/es/avatar/constants';
 import '@douyinfe/semi-foundation/lib/es/skeleton/skeleton.css';
 const sizeSet = strings.SIZE;
 const shapeSet = strings.SHAPE;
-
 const generator = type => BasicComponent => props => /*#__PURE__*/React.createElement(BasicComponent, Object.assign({
   type: type
 }, props));
-
 class Generic extends PureComponent {
   render() {
     const _a = this.props,
-          {
-      prefixCls,
-      className,
-      type,
-      size,
-      shape
-    } = _a,
-          others = __rest(_a, ["prefixCls", "className", "type", "size", "shape"]);
-
+      {
+        prefixCls,
+        className,
+        type,
+        size,
+        shape
+      } = _a,
+      others = __rest(_a, ["prefixCls", "className", "type", "size", "shape"]);
     const classString = cls(className, `${prefixCls}-${type}`, {
       [`${prefixCls}-${type}-${size}`]: type.toUpperCase() === 'AVATAR'
     }, {
@@ -43,9 +37,7 @@ class Generic extends PureComponent {
       className: classString
     }, others));
   }
-
 }
-
 Generic.propTypes = {
   type: PropTypes.string,
   prefixCls: PropTypes.string,
@@ -79,7 +71,6 @@ export class Paragraph extends PureComponent {
       key: i
     })));
   }
-
 }
 Paragraph.propTypes = {
   rows: PropTypes.number,

package/lib/es/slider/index.js

@@ -1,8 +1,6 @@
 import _noop from "lodash/noop";
 import _isEqual from "lodash/isEqual";
-
 /* eslint-disable max-lines-per-function */
-
 /* eslint-disable react/no-find-dom-node */
 import React from 'react';
 import ReactDOM from 'react-dom';
@@ -14,19 +12,15 @@ import SliderFoundation from '@douyinfe/semi-foundation/lib/es/slider/foundation
 import Tooltip from '../tooltip/index';
 import '@douyinfe/semi-foundation/lib/es/slider/slider.css';
 const prefixCls = cssClasses.PREFIX;
-
 function domIsInRenderTree(e) {
   if (!e) {
     return false;
   }
-
   return Boolean(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
 }
-
 export default class Slider extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.renderHandle = () => {
       const {
         vertical,
@@ -230,7 +224,6 @@ export default class Slider extends BaseComponent {
       }))));
       return handleContents;
     };
-
     this.renderTrack = () => {
       const {
         range,
@@ -258,7 +251,6 @@ export default class Slider extends BaseComponent {
         })
       );
     };
-
     this.renderStepDot = () => {
       const {
         min,
@@ -289,7 +281,6 @@ export default class Slider extends BaseComponent {
       })) : null;
       return labelContent;
     };
-
     this.renderLabel = () => {
       const {
         min,
@@ -318,22 +309,18 @@ export default class Slider extends BaseComponent {
       })) : null;
       return labelContent;
     };
-
     this._getAriaValueText = (value, index) => {
       const {
         getAriaValueText
       } = this.props;
       return getAriaValueText ? getAriaValueText(value, index) : value;
     };
-
     let {
       value
     } = this.props;
-
     if (!value) {
       value = this.props.defaultValue;
     }
-
     this.state = {
       // eslint-disable-next-line no-nested-ternary
       currentValue: value ? value : this.props.range ? [0, 0] : 0,
@@ -357,10 +344,8 @@ export default class Slider extends BaseComponent {
     this.foundation = new SliderFoundation(this.adapter);
     this.eventListenerSet = new Set();
   }
-
   get adapter() {
     var _this = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       getSliderLengths: () => {
         if (this.sliderEl && this.sliderEl.current) {
@@ -376,7 +361,6 @@ export default class Slider extends BaseComponent {
             sliderHeight: rect.height
           };
         }
-
         return {
           sliderX: 0,
           sliderY: 0,
@@ -386,11 +370,9 @@ export default class Slider extends BaseComponent {
       },
       getParentRect: () => {
         const parentObj = this.sliderEl && this.sliderEl.current && this.sliderEl.current.offsetParent;
-
         if (!parentObj) {
           return undefined;
         }
-
         return parentObj.getBoundingClientRect();
       },
       getScrollParentVal: () => {
@@ -407,10 +389,8 @@ export default class Slider extends BaseComponent {
           if (!handle) {
             return;
           }
-
           const handleInstance = handle && handle.current;
           const handleDom = ReactDOM.findDOMNode(handleInstance);
-
           if (handleDom && handleDom.contains(e.target)) {
             flag = true;
           }
@@ -425,12 +405,10 @@ export default class Slider extends BaseComponent {
           disabled
         });
       },
-
       transNewPropsToState(stateObj) {
         let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _noop;
         this.setState(stateObj, callback);
       },
-
       notifyChange: cbValue => this.props.onChange(cbValue),
       setDragging: value => {
         this.dragging = value;
@@ -439,7 +417,6 @@ export default class Slider extends BaseComponent {
         const {
           currentValue
         } = this.state;
-
         if (value !== currentValue) {
           this.setState({
             currentValue: value
@@ -453,47 +430,36 @@ export default class Slider extends BaseComponent {
       getMaxHandleEl: () => this.maxHanleEl.current,
       onHandleDown: e => {
         this._addEventListener(document.body, 'mousemove', this.foundation.onHandleMove, false);
-
         this._addEventListener(document.body, 'mouseup', this.foundation.onHandleUp, false);
-
         this._addEventListener(document.body, 'touchmove', this.foundation.onHandleTouchMove, false);
       },
       onHandleMove: function (mousePos, isMin) {
         let stateChangeCallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _noop;
         let clickTrack = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
         let outPutValue = arguments.length > 4 ? arguments[4] : undefined;
-
         const sliderDOMIsInRenderTree = _this.foundation.checkAndUpdateIsInRenderTreeState();
-
         if (!sliderDOMIsInRenderTree) {
           return;
         }
-
         const {
           value
         } = _this.props;
         let finalOutPutValue = outPutValue;
-
         if (finalOutPutValue === undefined) {
           const moveValue = _this.foundation.transPosToValue(mousePos, isMin);
-
           if (moveValue === false) {
             return;
           }
-
           finalOutPutValue = _this.foundation.outPutValue(moveValue);
         }
-
         const {
           currentValue
         } = _this.state;
-
         if (!_isEqual(_this.foundation.outPutValue(currentValue), finalOutPutValue)) {
           if (!clickTrack && _this.foundation.valueFormatIsCorrect(value)) {
             // still require afterChangeCallback when click on the track directly, need skip here
             return false;
           }
-
           _this.setState({
             currentValue: finalOutPutValue
           }, stateChangeCallback);
@@ -510,13 +476,11 @@ export default class Slider extends BaseComponent {
       },
       checkAndUpdateIsInRenderTreeState: () => {
         const sliderDOMIsInRenderTree = domIsInRenderTree(this.sliderEl.current);
-
         if (sliderDOMIsInRenderTree !== this.state.isInRenderTree) {
           this.setState({
             isInRenderTree: sliderDOMIsInRenderTree
           });
         }
-
         return sliderDOMIsInRenderTree;
       },
       onHandleEnter: pos => {
@@ -547,32 +511,26 @@ export default class Slider extends BaseComponent {
       }
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentDidUpdate(prevProps, prevState) {
     const hasPropValueChange = !_isEqual(this.props.value, prevProps.value);
     const hasPropDisabledChange = this.props.disabled !== prevProps.disabled;
-
     if (hasPropDisabledChange) {
       this.foundation.handleDisabledChange(this.props.disabled);
     }
-
     if (hasPropValueChange) {
       const nextValue = this.props.value;
       const prevValue = this.state.currentValue;
-      this.foundation.handleValueChange(prevValue, nextValue); // trigger onAfterChange when value is controlled and changed
-
+      this.foundation.handleValueChange(prevValue, nextValue);
+      // trigger onAfterChange when value is controlled and changed
       this.props.onAfterChange(this.props.value);
     }
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   render() {
     const {
       disabled,
@@ -619,38 +577,31 @@ export default class Slider extends BaseComponent {
     }, min), /*#__PURE__*/React.createElement("span", {
       className: `${prefixCls}-boundary-max`
     }, max)));
-
     if (!vertical) {
       return /*#__PURE__*/React.createElement("div", {
         className: sliderCls
       }, slider);
     }
-
     return slider;
   }
-
   _addEventListener(target, eventName, callback) {
     if (target.addEventListener) {
       for (var _len = arguments.length, rests = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
         rests[_key - 3] = arguments[_key];
       }
-
       target.addEventListener(eventName, callback, ...rests);
-
       const clearSelf = () => {
         target === null || target === void 0 ? void 0 : target.removeEventListener(eventName, callback);
         Promise.resolve().then(() => {
           this.eventListenerSet.delete(clearSelf);
         });
       };
-
       this.eventListenerSet.add(clearSelf);
       return clearSelf;
     } else {
       return _noop;
     }
   }
-
 }
 Slider.propTypes = {
   // allowClear: PropTypes.bool,
@@ -686,9 +637,11 @@ Slider.defaultProps = {
   tipFormatter: value => value,
   vertical: false,
   showBoundary: false,
-  onAfterChange: value => {// console.log(value);
+  onAfterChange: value => {
+    // console.log(value);
   },
-  onChange: value => {// console.log(value);
+  onChange: value => {
+    // console.log(value);
   },
   verticalReverse: false
 };

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

@@ -1,9 +1,9 @@
 import { PureComponent, ReactNode, CSSProperties } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/es/space/space.css';
-export declare type Align = 'start' | 'center' | 'end' | 'baseline';
-export declare type Spacing = 'loose' | 'medium' | 'tight' | number;
-export declare type SpaceProps = {
+export type Align = 'start' | 'center' | 'end' | 'baseline';
+export type Spacing = 'loose' | 'medium' | 'tight' | number;
+export type SpaceProps = {
     wrap?: boolean;
     align?: Align;
     vertical?: boolean;

package/lib/es/space/index.js

@@ -9,7 +9,6 @@ import '@douyinfe/semi-foundation/lib/es/space/space.css';
 import { flatten } from './utils';
 import getDataAttr from '@douyinfe/semi-foundation/lib/es/utils/getDataAttr';
 const prefixCls = cssClasses.PREFIX;
-
 class Space extends PureComponent {
   render() {
     const {
@@ -25,7 +24,6 @@ class Space extends PureComponent {
     const realStyle = Object.assign({}, style);
     let spacingHorizontalType = '';
     let spacingVerticalType = '';
-
     if (_isString(spacing)) {
       spacingHorizontalType = spacing;
       spacingVerticalType = spacing;
@@ -38,14 +36,12 @@ class Space extends PureComponent {
       } else if (_isNumber(spacing[0])) {
         realStyle.columnGap = `${spacing[0]}px`;
       }
-
       if (_isString(spacing[1])) {
         spacingVerticalType = spacing[1];
       } else if (_isNumber(spacing[1])) {
         realStyle.rowGap = `${spacing[1]}px`;
       }
     }
-
     const classNames = cls(prefixCls, className, {
       [`${prefixCls}-align-${align}`]: align,
       [`${prefixCls}-vertical`]: vertical,
@@ -66,9 +62,7 @@ class Space extends PureComponent {
       "x-semi-prop": "children"
     }), childrenNodes);
   }
-
 }
-
 Space.propTypes = {
   wrap: PropTypes.bool,
   align: PropTypes.oneOf(strings.ALIGN_SET),

package/lib/es/space/utils.js

@@ -3,14 +3,12 @@ const REACT_FRAGMENT_TYPE = 'Symbol(react.fragment)';
 /**
  * Flatten the children and return the processed data
  */
-
 export const flatten = children => {
   let res = [];
   React.Children.forEach(children, child => {
     if (child === undefined || child === null) {
       return;
     }
-
     if (Array.isArray(child)) {
       res = res.concat(flatten(child));
     } else if ( /*#__PURE__*/isValidElement(child) && child.type && child.type.toString() === REACT_FRAGMENT_TYPE && child.props) {

package/lib/es/spin/icon.js

@@ -1,37 +1,27 @@
 var __rest = this && this.__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;
 };
 /* eslint-disable no-unused-vars */
-
-
 import React from 'react';
 import isNullOrUndefined from '@douyinfe/semi-foundation/lib/es/utils/isNullOrUndefined';
-
 let _id = -1;
-
 function Icon() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   const {
-    id: propsId,
-    className
-  } = props,
-        rest = __rest(props, ["id", "className"]);
-
+      id: propsId,
+      className
+    } = props,
+    rest = __rest(props, ["id", "className"]);
   let _propsId = propsId;
-
   if (isNullOrUndefined(_propsId)) {
     _id++;
     _propsId = _id;
   }
-
   const id = `linearGradient-${_propsId}`;
   return /*#__PURE__*/React.createElement("svg", Object.assign({}, rest, {
     className: className,
@@ -78,5 +68,4 @@ function Icon() {
     strokeLinecap: "round"
   })));
 }
-
 export default Icon;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/spin/spin.css';
-export declare type SpinSize = 'small' | 'large' | 'middle';
+export type SpinSize = 'small' | 'large' | 'middle';
 export interface SpinProps {
     size?: SpinSize;
     spinning?: boolean;

package/lib/es/spin/index.js

@@ -7,7 +7,6 @@ import SpinFoundation from '@douyinfe/semi-foundation/lib/es/spin/foundation';
 import SpinIcon from './icon';
 import '@douyinfe/semi-foundation/lib/es/spin/spin.css';
 const prefixCls = css.PREFIX;
-
 class Spin extends BaseComponent {
   constructor(props) {
     super(props);
@@ -17,26 +16,22 @@ class Spin extends BaseComponent {
       loading: true
     };
   }
-
   static getDerivedStateFromProps(props) {
     if (!props.delay) {
       return {
         loading: props.spinning
       };
     }
-
     if (props.spinning === false) {
       return {
         delay: 0,
         loading: false
       };
     }
-
     return {
       delay: props.delay
     };
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setLoading: value => {
@@ -46,11 +41,9 @@ class Spin extends BaseComponent {
       }
     });
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   renderSpin() {
     const {
       indicator,
@@ -68,7 +61,6 @@ class Spin extends BaseComponent {
       "x-semi-prop": "tip"
     }, tip) : null) : null;
   }
-
   render() {
     this.foundation.updateLoadingIfNeedDelay();
     const {
@@ -95,9 +87,7 @@ class Spin extends BaseComponent {
       "x-semi-prop": "children"
     }, children));
   }
-
 }
-
 Spin.propTypes = {
   size: PropTypes.oneOf(strings.SIZE),
   spinning: PropTypes.bool,

package/lib/es/steps/basicStep.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-export declare type Status = 'wait' | 'process' | 'finish' | 'error' | 'warning';
-export declare type Size = 'default' | 'small';
+export type Status = 'wait' | 'process' | 'finish' | 'error' | 'warning';
+export type Size = 'default' | 'small';
 export interface BasicStepProps {
     description?: React.ReactNode;
     icon?: React.ReactNode;

package/lib/es/steps/basicStep.js

@@ -4,12 +4,10 @@ import classnames from 'classnames';
 import { stepsClasses as css } from '@douyinfe/semi-foundation/lib/es/steps/constants';
 import { IconTickCircle, IconAlertCircle, IconAlertTriangle } from '@douyinfe/semi-icons';
 export var stepSizeMapIconSize;
-
 (function (stepSizeMapIconSize) {
   stepSizeMapIconSize["small"] = "large";
   stepSizeMapIconSize["default"] = "extra-large";
 })(stepSizeMapIconSize || (stepSizeMapIconSize = {}));
-
 const BasicStep = props => {
   const {
     prefixCls,
@@ -27,10 +25,8 @@ const BasicStep = props => {
     onChange,
     onKeyDown
   } = props;
-
   const renderIcon = () => {
     let inner, progress;
-
     if ('icon' in props) {
       if ( /*#__PURE__*/React.isValidElement(icon)) {
         inner = icon;
@@ -42,38 +38,32 @@ const BasicStep = props => {
             size: stepSizeMapIconSize[size]
           });
           break;
-
         case 'wait':
           inner = /*#__PURE__*/React.createElement("span", {
             className: `${prefixCls}-number-icon`
           }, stepNumber);
           break;
-
         case 'process':
           inner = /*#__PURE__*/React.createElement("span", {
             className: `${prefixCls}-number-icon`
           }, stepNumber);
           progress = true;
           break;
-
         case 'finish':
           inner = /*#__PURE__*/React.createElement(IconTickCircle, {
             size: stepSizeMapIconSize[size]
           });
           break;
-
         case 'warning':
           inner = /*#__PURE__*/React.createElement(IconAlertTriangle, {
             size: stepSizeMapIconSize[size]
           });
           break;
-
         default:
           inner = null;
           break;
       }
     }
-
     const cls = classnames({
       [`${prefixCls}-icon`]: true,
       [`${prefixCls}-custom-icon`]: 'icon' in props,
@@ -83,26 +73,22 @@ const BasicStep = props => {
       className: cls
     }, inner) : null;
   };
-
   const classString = classnames(prefixCls, `${prefixCls}-${status}`, {
     [`${prefixCls}-active`]: active,
     [`${prefixCls}-done`]: done,
     [`${prefixCls}-hover`]: onChange || props.onClick,
     [`${prefixCls}-${status}-hover`]: onChange || props.onClick
   }, className);
-
   const handleClick = e => {
     onClick === null || onClick === void 0 ? void 0 : onClick(e);
     onChange === null || onChange === void 0 ? void 0 : onChange();
   };
-
   const handleKeyDown = e => {
     if (e.key === 'Enter') {
       onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
       onChange === null || onChange === void 0 ? void 0 : onChange();
     }
   };
-
   return /*#__PURE__*/React.createElement("div", {
     role: props["role"],
     "aria-label": props["aria-label"],
@@ -126,7 +112,6 @@ const BasicStep = props => {
     className: `${prefixCls}-description`
   }, description))));
 };
-
 BasicStep.propTypes = {
   prefixCls: PropTypes.string,
   description: PropTypes.node,

package/lib/es/steps/basicSteps.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-export declare type Direction = 'horizontal' | 'vertical';
-export declare type Status = 'wait' | 'process' | 'finish' | 'error' | 'warning';
-export declare type Size = 'default' | 'small';
+export type Direction = 'horizontal' | 'vertical';
+export type Status = 'wait' | 'process' | 'finish' | 'error' | 'warning';
+export type Size = 'default' | 'small';
 export interface BasicStepsProps {
     prefixCls?: string;
     className?: string;