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

package/lib/cjs/slider/index.js

@@ -4,48 +4,31 @@ 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 _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/slider/constants");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/slider/foundation"));
-
 var _index = _interopRequireDefault(require("../tooltip/index"));
-
 require("@douyinfe/semi-foundation/lib/cjs/slider/slider.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-lines-per-function */
-
 /* eslint-disable react/no-find-dom-node */
-const prefixCls = _constants.cssClasses.PREFIX;
 
+const prefixCls = _constants.cssClasses.PREFIX;
 function domIsInRenderTree(e) {
   if (!e) {
     return false;
   }
-
   return Boolean(e.offsetWidth || e.offsetHeight || e.getClientRects().length);
 }
-
 class Slider extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.renderHandle = () => {
       const {
         vertical,
@@ -249,7 +232,6 @@ class Slider extends _baseComponent.default {
       }))));
       return handleContents;
     };
-
     this.renderTrack = () => {
       const {
         range,
@@ -277,7 +259,6 @@ class Slider extends _baseComponent.default {
         })
       );
     };
-
     this.renderStepDot = () => {
       const {
         min,
@@ -308,7 +289,6 @@ class Slider extends _baseComponent.default {
       })) : null;
       return labelContent;
     };
-
     this.renderLabel = () => {
       const {
         min,
@@ -337,22 +317,18 @@ class Slider extends _baseComponent.default {
       })) : 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,
@@ -376,10 +352,8 @@ class Slider extends _baseComponent.default {
     this.foundation = new _foundation.default(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) {
@@ -395,7 +369,6 @@ class Slider extends _baseComponent.default {
             sliderHeight: rect.height
           };
         }
-
         return {
           sliderX: 0,
           sliderY: 0,
@@ -405,11 +378,9 @@ class Slider extends _baseComponent.default {
       },
       getParentRect: () => {
         const parentObj = this.sliderEl && this.sliderEl.current && this.sliderEl.current.offsetParent;
-
         if (!parentObj) {
           return undefined;
         }
-
         return parentObj.getBoundingClientRect();
       },
       getScrollParentVal: () => {
@@ -426,11 +397,8 @@ class Slider extends _baseComponent.default {
           if (!handle) {
             return;
           }
-
           const handleInstance = handle && handle.current;
-
           const handleDom = _reactDom.default.findDOMNode(handleInstance);
-
           if (handleDom && handleDom.contains(e.target)) {
             flag = true;
           }
@@ -445,12 +413,10 @@ class Slider extends _baseComponent.default {
           disabled
         });
       },
-
       transNewPropsToState(stateObj) {
         let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _noop2.default;
         this.setState(stateObj, callback);
       },
-
       notifyChange: cbValue => this.props.onChange(cbValue),
       setDragging: value => {
         this.dragging = value;
@@ -459,7 +425,6 @@ class Slider extends _baseComponent.default {
         const {
           currentValue
         } = this.state;
-
         if (value !== currentValue) {
           this.setState({
             currentValue: value
@@ -473,47 +438,36 @@ class Slider extends _baseComponent.default {
       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] : _noop2.default;
         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 (!(0, _isEqual2.default)(_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);
@@ -530,13 +484,11 @@ class Slider extends _baseComponent.default {
       },
       checkAndUpdateIsInRenderTreeState: () => {
         const sliderDOMIsInRenderTree = domIsInRenderTree(this.sliderEl.current);
-
         if (sliderDOMIsInRenderTree !== this.state.isInRenderTree) {
           this.setState({
             isInRenderTree: sliderDOMIsInRenderTree
           });
         }
-
         return sliderDOMIsInRenderTree;
       },
       onHandleEnter: pos => {
@@ -567,32 +519,26 @@ class Slider extends _baseComponent.default {
       }
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentDidUpdate(prevProps, prevState) {
     const hasPropValueChange = !(0, _isEqual2.default)(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,
@@ -621,7 +567,6 @@ class Slider extends _baseComponent.default {
       [_constants.cssClasses.VERTICAL]: vertical
     });
     const ariaLabel = range ? `Range: ${this._getAriaValueText(currentValue[0], 0)} to ${this._getAriaValueText(currentValue[1], 1)}` : undefined;
-
     const slider = /*#__PURE__*/_react.default.createElement("div", {
       className: wrapperClass,
       style: style,
@@ -640,40 +585,32 @@ class Slider extends _baseComponent.default {
     }, min), /*#__PURE__*/_react.default.createElement("span", {
       className: `${prefixCls}-boundary-max`
     }, max)));
-
     if (!vertical) {
       return /*#__PURE__*/_react.default.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 _noop2.default;
     }
   }
-
 }
-
 exports.default = Slider;
 Slider.propTypes = {
   // allowClear: PropTypes.bool,
@@ -709,9 +646,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/cjs/space/index.d.ts

@@ -1,9 +1,9 @@
 import { PureComponent, ReactNode, CSSProperties } from 'react';
 import PropTypes from 'prop-types';
 import '@douyinfe/semi-foundation/lib/cjs/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/cjs/space/index.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
 var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
-
 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/space/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/space/space.css");
-
 var _utils = require("./utils");
-
 var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
-
 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 Space extends _react.PureComponent {
   render() {
     const {
@@ -48,7 +33,6 @@ class Space extends _react.PureComponent {
     const realStyle = Object.assign({}, style);
     let spacingHorizontalType = '';
     let spacingVerticalType = '';
-
     if ((0, _isString2.default)(spacing)) {
       spacingHorizontalType = spacing;
       spacingVerticalType = spacing;
@@ -61,14 +45,12 @@ class Space extends _react.PureComponent {
       } else if ((0, _isNumber2.default)(spacing[0])) {
         realStyle.columnGap = `${spacing[0]}px`;
       }
-
       if ((0, _isString2.default)(spacing[1])) {
         spacingVerticalType = spacing[1];
       } else if ((0, _isNumber2.default)(spacing[1])) {
         realStyle.rowGap = `${spacing[1]}px`;
       }
     }
-
     const classNames = (0, _classnames.default)(prefixCls, className, {
       [`${prefixCls}-align-${align}`]: align,
       [`${prefixCls}-vertical`]: vertical,
@@ -89,9 +71,7 @@ class Space extends _react.PureComponent {
       "x-semi-prop": "children"
     }), childrenNodes);
   }
-
 }
-
 Space.propTypes = {
   wrap: _propTypes.default.bool,
   align: _propTypes.default.oneOf(_constants.strings.ALIGN_SET),

package/lib/cjs/space/utils.js

@@ -4,26 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.flatten = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 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; }
-
 const REACT_FRAGMENT_TYPE = 'Symbol(react.fragment)';
 /**
  * Flatten the children and return the processed data
  */
-
 const flatten = children => {
   let res = [];
-
   _react.default.Children.forEach(children, child => {
     if (child === undefined || child === null) {
       return;
     }
-
     if (Array.isArray(child)) {
       res = res.concat(flatten(child));
     } else if ( /*#__PURE__*/(0, _react.isValidElement)(child) && child.type && child.type.toString() === REACT_FRAGMENT_TYPE && child.props) {
@@ -32,8 +25,6 @@ const flatten = children => {
       res.push(child);
     }
   });
-
   return res;
 };
-
 exports.flatten = flatten;

package/lib/cjs/spin/icon.js

@@ -4,18 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-
 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]];
   }
@@ -23,25 +17,19 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable no-unused-vars */
 
-
 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 ((0, _isNullOrUndefined.default)(_propsId)) {
     _id++;
     _propsId = _id;
   }
-
   const id = `linearGradient-${_propsId}`;
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
     className: className,
@@ -88,6 +76,5 @@ function Icon() {
     strokeLinecap: "round"
   })));
 }
-
 var _default = Icon;
 exports.default = _default;

package/lib/cjs/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/cjs/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/cjs/spin/index.js

@@ -4,27 +4,16 @@ 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 _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/spin/constants");
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/spin/foundation"));
-
 var _icon = _interopRequireDefault(require("./icon"));
-
 require("@douyinfe/semi-foundation/lib/cjs/spin/spin.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class Spin extends _baseComponent.default {
   constructor(props) {
     super(props);
@@ -34,26 +23,22 @@ class Spin extends _baseComponent.default {
       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 => {
@@ -63,11 +48,9 @@ class Spin extends _baseComponent.default {
       }
     });
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   renderSpin() {
     const {
       indicator,
@@ -85,7 +68,6 @@ class Spin extends _baseComponent.default {
       "x-semi-prop": "tip"
     }, tip) : null) : null;
   }
-
   render() {
     this.foundation.updateLoadingIfNeedDelay();
     const {
@@ -112,9 +94,7 @@ class Spin extends _baseComponent.default {
       "x-semi-prop": "children"
     }, children));
   }
-
 }
-
 Spin.propTypes = {
   size: _propTypes.default.oneOf(_constants.strings.SIZE),
   spinning: _propTypes.default.bool,

package/lib/cjs/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;