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

package/lib/cjs/inputNumber/index.js

@@ -4,179 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.InputNumber = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _isNaN2 = _interopRequireDefault(require("lodash/isNaN"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _input = _interopRequireDefault(require("../input"));
-
 var _object = require("@douyinfe/semi-foundation/lib/cjs/utils/object");
-
 var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-
 var _isBothNaN = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isBothNaN"));
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/inputNumber/foundation"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/inputNumber/constants");
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 require("@douyinfe/semi-foundation/lib/cjs/inputNumber/inputNumber.css");
-
 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;
 };
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-
 /* eslint-disable @typescript-eslint/no-unused-vars */
-
 /* eslint-disable no-unused-vars */
-
 /* eslint-disable max-depth */
-
 /* eslint-disable react/no-did-update-set-state */
-
 /* eslint-disable max-len */
-
-
 class InputNumber extends _baseComponent.default {
-  constructor(props) {
-    super(props);
-
-    this.setInputRef = node => {
-      const {
-        forwardedRef
-      } = this.props;
-      this.inputNode = node;
-
-      if (forwardedRef && typeof forwardedRef === 'object') {
-        forwardedRef.current = node;
-      } else if (typeof forwardedRef === 'function') {
-        forwardedRef(node);
-      }
-    };
-
-    this.handleInputFocus = e => this.foundation.handleInputFocus(e);
-
-    this.handleInputChange = (value, event) => this.foundation.handleInputChange(value, event);
-
-    this.handleInputBlur = e => this.foundation.handleInputBlur(e);
-
-    this.handleInputKeyDown = e => this.foundation.handleInputKeyDown(e);
-
-    this.handleInputMouseEnter = e => this.foundation.handleInputMouseEnter(e);
-
-    this.handleInputMouseLeave = e => this.foundation.handleInputMouseLeave(e);
-
-    this.handleInputMouseMove = e => this.foundation.handleInputMouseMove(e);
-
-    this.handleUpClick = e => this.foundation.handleUpClick(e);
-
-    this.handleDownClick = e => this.foundation.handleDownClick(e);
-
-    this.handleMouseUp = e => this.foundation.handleMouseUp(e);
-
-    this.handleMouseLeave = e => this.foundation.handleMouseLeave(e);
-
-    this.renderButtons = () => {
-      const {
-        prefixCls,
-        disabled,
-        innerButtons,
-        max,
-        min
-      } = this.props;
-      const {
-        hovering,
-        focusing,
-        number
-      } = this.state;
-      const notAllowedUp = disabled ? disabled : number === max;
-      const notAllowedDown = disabled ? disabled : number === min;
-      const suffixChildrenCls = (0, _classnames.default)(`${prefixCls}-number-suffix-btns`, {
-        [`${prefixCls}-number-suffix-btns-inner`]: innerButtons,
-        [`${prefixCls}-number-suffix-btns-inner-hover`]: innerButtons && hovering && !focusing
-      });
-      const upClassName = (0, _classnames.default)(`${prefixCls}-number-button`, `${prefixCls}-number-button-up`, {
-        [`${prefixCls}-number-button-up-disabled`]: disabled,
-        [`${prefixCls}-number-button-up-not-allowed`]: notAllowedUp
-      });
-      const downClassName = (0, _classnames.default)(`${prefixCls}-number-button`, `${prefixCls}-number-button-down`, {
-        [`${prefixCls}-number-button-down-disabled`]: disabled,
-        [`${prefixCls}-number-button-down-not-allowed`]: notAllowedDown
-      });
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: suffixChildrenCls
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: upClassName,
-        onMouseDown: notAllowedUp ? _noop2.default : this.handleUpClick,
-        onMouseUp: this.handleMouseUp,
-        onMouseLeave: this.handleMouseLeave
-      }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronUp, {
-        size: "extra-small"
-      })), /*#__PURE__*/_react.default.createElement("span", {
-        className: downClassName,
-        onMouseDown: notAllowedDown ? _noop2.default : this.handleDownClick,
-        onMouseUp: this.handleMouseUp,
-        onMouseLeave: this.handleMouseLeave
-      }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, {
-        size: "extra-small"
-      })));
-    };
-
-    this.renderSuffix = () => {
-      const {
-        innerButtons,
-        suffix
-      } = this.props;
-      const {
-        hovering,
-        focusing
-      } = this.state;
-
-      if (innerButtons && (hovering || focusing)) {
-        const buttons = this.renderButtons();
-        return buttons;
-      }
-
-      return suffix;
-    };
-
-    this.state = {
-      value: '',
-      number: null,
-      focusing: Boolean(props.autofocus) || false,
-      hovering: false
-    };
-    this.inputNode = null;
-    this.foundation = new _foundation.default(this.adapter);
-    this.clickUpOrDown = false;
-  }
-
   get adapter() {
     var _this = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       setValue: (value, cb) => this.setState({
         value
@@ -226,41 +86,37 @@ class InputNumber extends _baseComponent.default {
             this.cursorAfter = this.inputNode.value.substring(this.cursorEnd);
           }
         } catch (e) {
-          console.warn(e); // Fix error in Chrome:
+          console.warn(e);
+          // Fix error in Chrome:
           // Failed to read the 'selectionStart' property from 'HTMLInputElement'
           // http://stackoverflow.com/q/21177489/3040605
         }
       },
+
       restoreByAfter: str => {
         if ((0, _isNullOrUndefined.default)(str)) {
           return false;
         }
-
         const fullStr = this.inputNode.value;
         const index = fullStr.lastIndexOf(str);
-
         if (index === -1) {
           return false;
         }
-
         if (index + str.length === fullStr.length) {
           this.adapter.fixCaret(index, index);
           return true;
         }
-
         return false;
       },
       restoreCursor: function () {
         let str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.cursorAfter;
-
         if ((0, _isNullOrUndefined.default)(str)) {
           return false;
-        } // For loop from full str to the str with last char to map. e.g. 123
+        }
+        // For loop from full str to the str with last char to map. e.g. 123
         // -> 123
         // -> 23
         // -> 3
-
-
         return Array.prototype.some.call(str, (_, start) => {
           const partStr = str.substring(start);
           return _this.adapter.restoreByAfter(partStr);
@@ -270,15 +126,14 @@ class InputNumber extends _baseComponent.default {
         if (start === undefined || end === undefined || !this.inputNode || !this.inputNode.value) {
           return;
         }
-
         try {
           const currentStart = this.inputNode.selectionStart;
           const currentEnd = this.inputNode.selectionEnd;
-
           if (start !== currentStart || end !== currentEnd) {
             this.inputNode.setSelectionRange(start, end);
           }
-        } catch (e) {// Fix error in Chrome:
+        } catch (e) {
+          // Fix error in Chrome:
           // Failed to read the 'selectionStart' property from 'HTMLInputElement'
           // http://stackoverflow.com/q/21177489/3040605
         }
@@ -291,7 +146,100 @@ class InputNumber extends _baseComponent.default {
       }
     });
   }
-
+  constructor(props) {
+    super(props);
+    this.setInputRef = node => {
+      const {
+        forwardedRef
+      } = this.props;
+      this.inputNode = node;
+      if (forwardedRef && typeof forwardedRef === 'object') {
+        forwardedRef.current = node;
+      } else if (typeof forwardedRef === 'function') {
+        forwardedRef(node);
+      }
+    };
+    this.handleInputFocus = e => this.foundation.handleInputFocus(e);
+    this.handleInputChange = (value, event) => this.foundation.handleInputChange(value, event);
+    this.handleInputBlur = e => this.foundation.handleInputBlur(e);
+    this.handleInputKeyDown = e => this.foundation.handleInputKeyDown(e);
+    this.handleInputMouseEnter = e => this.foundation.handleInputMouseEnter(e);
+    this.handleInputMouseLeave = e => this.foundation.handleInputMouseLeave(e);
+    this.handleInputMouseMove = e => this.foundation.handleInputMouseMove(e);
+    this.handleUpClick = e => this.foundation.handleUpClick(e);
+    this.handleDownClick = e => this.foundation.handleDownClick(e);
+    this.handleMouseUp = e => this.foundation.handleMouseUp(e);
+    this.handleMouseLeave = e => this.foundation.handleMouseLeave(e);
+    this.renderButtons = () => {
+      const {
+        prefixCls,
+        disabled,
+        innerButtons,
+        max,
+        min
+      } = this.props;
+      const {
+        hovering,
+        focusing,
+        number
+      } = this.state;
+      const notAllowedUp = disabled ? disabled : number === max;
+      const notAllowedDown = disabled ? disabled : number === min;
+      const suffixChildrenCls = (0, _classnames.default)(`${prefixCls}-number-suffix-btns`, {
+        [`${prefixCls}-number-suffix-btns-inner`]: innerButtons,
+        [`${prefixCls}-number-suffix-btns-inner-hover`]: innerButtons && hovering && !focusing
+      });
+      const upClassName = (0, _classnames.default)(`${prefixCls}-number-button`, `${prefixCls}-number-button-up`, {
+        [`${prefixCls}-number-button-up-disabled`]: disabled,
+        [`${prefixCls}-number-button-up-not-allowed`]: notAllowedUp
+      });
+      const downClassName = (0, _classnames.default)(`${prefixCls}-number-button`, `${prefixCls}-number-button-down`, {
+        [`${prefixCls}-number-button-down-disabled`]: disabled,
+        [`${prefixCls}-number-button-down-not-allowed`]: notAllowedDown
+      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: suffixChildrenCls
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: upClassName,
+        onMouseDown: notAllowedUp ? _noop2.default : this.handleUpClick,
+        onMouseUp: this.handleMouseUp,
+        onMouseLeave: this.handleMouseLeave
+      }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronUp, {
+        size: "extra-small"
+      })), /*#__PURE__*/_react.default.createElement("span", {
+        className: downClassName,
+        onMouseDown: notAllowedDown ? _noop2.default : this.handleDownClick,
+        onMouseUp: this.handleMouseUp,
+        onMouseLeave: this.handleMouseLeave
+      }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconChevronDown, {
+        size: "extra-small"
+      })));
+    };
+    this.renderSuffix = () => {
+      const {
+        innerButtons,
+        suffix
+      } = this.props;
+      const {
+        hovering,
+        focusing
+      } = this.state;
+      if (innerButtons && (hovering || focusing)) {
+        const buttons = this.renderButtons();
+        return buttons;
+      }
+      return suffix;
+    };
+    this.state = {
+      value: '',
+      number: null,
+      focusing: Boolean(props.autofocus) || false,
+      hovering: false
+    };
+    this.inputNode = null;
+    this.foundation = new _foundation.default(this.adapter);
+    this.clickUpOrDown = false;
+  }
   componentDidUpdate(prevProps) {
     const {
       value,
@@ -305,7 +253,6 @@ class InputNumber extends _baseComponent.default {
      * To determine whether the front and back are equal
      * NaN need to check whether both are NaN
      */
-
     if (value !== prevProps.value && !(0, _isBothNaN.default)(value, prevProps.value)) {
       if ((0, _isNullOrUndefined.default)(value) || value === '') {
         newValue = '';
@@ -315,11 +262,9 @@ class InputNumber extends _baseComponent.default {
         });
       } else {
         let valueStr = value;
-
         if (typeof value === 'number') {
           valueStr = value.toString();
         }
-
         const parsedNum = this.foundation.doParse(valueStr, false, true, true);
         const toNum = typeof value === 'number' ? value : this.foundation.doParse(valueStr, false, false, false);
         /**
@@ -353,7 +298,6 @@ class InputNumber extends _baseComponent.default {
          * 2. Keyboard click on the up and down button (input value is changed according to the controlled value)
          * 3.keepFocus + mouse click on the up and down button (input value is changed according to the controlled value)
          */
-
         if (focusing) {
           if (this.foundation.isValidNumber(parsedNum) && parsedNum !== this.state.number) {
             const obj = {
@@ -363,12 +307,10 @@ class InputNumber extends _baseComponent.default {
              * If you are clicking the button, it will automatically format once
              * We need to set the status to false after trigger focus event
              */
-
             if (this.clickUpOrDown) {
               obj.value = this.foundation.doFormat(valueStr, true);
               newValue = obj.value;
             }
-
             this.foundation.updateStates(obj, () => this.adapter.restoreCursor());
           } else if (!(0, _isNaN2.default)(toNum)) {
             // Update input content when controlled input is illegal and not NaN
@@ -398,16 +340,13 @@ class InputNumber extends _baseComponent.default {
           });
         }
       }
-
       if (newValue && (0, _isString2.default)(newValue) && newValue !== String(this.props.value)) {
         this.foundation.notifyChange(newValue, null);
       }
     }
-
     if (!this.clickUpOrDown) {
       return;
     }
-
     if (this.props.keepFocus && this.state.focusing) {
       if (document.activeElement !== this.inputNode) {
         this.inputNode.focus({
@@ -416,36 +355,34 @@ class InputNumber extends _baseComponent.default {
       }
     }
   }
-
   render() {
     const _a = this.props,
-          {
-      disabled,
-      className,
-      prefixCls,
-      min,
-      max,
-      step,
-      shiftStep,
-      precision,
-      formatter,
-      parser,
-      forwardedRef,
-      onUpClick,
-      onDownClick,
-      pressInterval,
-      pressTimeout,
-      suffix,
-      size,
-      hideButtons,
-      innerButtons,
-      style,
-      onNumberChange,
-      keepFocus,
-      defaultValue
-    } = _a,
-          rest = __rest(_a, ["disabled", "className", "prefixCls", "min", "max", "step", "shiftStep", "precision", "formatter", "parser", "forwardedRef", "onUpClick", "onDownClick", "pressInterval", "pressTimeout", "suffix", "size", "hideButtons", "innerButtons", "style", "onNumberChange", "keepFocus", "defaultValue"]);
-
+      {
+        disabled,
+        className,
+        prefixCls,
+        min,
+        max,
+        step,
+        shiftStep,
+        precision,
+        formatter,
+        parser,
+        forwardedRef,
+        onUpClick,
+        onDownClick,
+        pressInterval,
+        pressTimeout,
+        suffix,
+        size,
+        hideButtons,
+        innerButtons,
+        style,
+        onNumberChange,
+        keepFocus,
+        defaultValue
+      } = _a,
+      rest = __rest(_a, ["disabled", "className", "prefixCls", "min", "max", "step", "shiftStep", "precision", "formatter", "parser", "forwardedRef", "onUpClick", "onDownClick", "pressInterval", "pressTimeout", "suffix", "size", "hideButtons", "innerButtons", "style", "onNumberChange", "keepFocus", "defaultValue"]);
     const {
       value,
       number
@@ -458,19 +395,15 @@ class InputNumber extends _baseComponent.default {
       'aria-disabled': disabled,
       step
     };
-
     if (number) {
       ariaProps['aria-valuenow'] = number;
     }
-
     if (max !== Infinity) {
       ariaProps['aria-valuemax'] = max;
     }
-
     if (min !== -Infinity) {
       ariaProps['aria-valuemin'] = min;
     }
-
     const input = /*#__PURE__*/_react.default.createElement("div", {
       className: inputNumberCls,
       style: style,
@@ -490,12 +423,9 @@ class InputNumber extends _baseComponent.default {
       onKeyDown: this.handleInputKeyDown,
       suffix: this.renderSuffix()
     })), hideButtons || innerButtons ? null : buttons);
-
     return input;
   }
-
 }
-
 exports.InputNumber = InputNumber;
 InputNumber.propTypes = {
   'aria-label': _propTypes.default.string,
@@ -556,11 +486,9 @@ InputNumber.defaultProps = {
   onNumberChange: _noop2.default,
   onUpClick: _noop2.default
 };
-
 var _default = (0, _object.forwardStatics)( /*#__PURE__*/_react.default.forwardRef(function SemiInputNumber(props, ref) {
   return /*#__PURE__*/_react.default.createElement(InputNumber, Object.assign({}, props, {
     forwardedRef: ref
   }));
 }), InputNumber);
-
 exports.default = _default;

package/lib/cjs/layout/Sider.js

@@ -4,34 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/layout/constants");
-
 var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
-
 var _layoutContext = _interopRequireDefault(require("./layout-context"));
-
 var _utils = require("../_utils");
-
 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 responsiveMap = {
   xs: '(max-width: 575px)',
   sm: '(min-width: 576px)',
@@ -40,7 +28,6 @@ const responsiveMap = {
   xl: '(min-width: 1200px)',
   xxl: '(min-width: 1600px)'
 };
-
 const generateId = (() => {
   let i = 0;
   return () => {
@@ -48,9 +35,7 @@ const generateId = (() => {
     return `${_constants.cssClasses.PREFIX}-sider-${i}`;
   };
 })();
-
 const bpt = _constants.strings.BREAKPOINT;
-
 class Sider extends _react.default.PureComponent {
   constructor(props) {
     super(props);
@@ -58,7 +43,6 @@ class Sider extends _react.default.PureComponent {
     this.uniqueId = '';
     this.uniqueId = generateId();
   }
-
   componentDidMount() {
     const {
       breakpoint
@@ -73,40 +57,33 @@ class Sider extends _react.default.PureComponent {
       }
     }));
     this.unRegisters = unRegisters;
-
     if (this.context.siderHook) {
       this.context.siderHook.addSider(this.uniqueId);
     }
   }
-
   componentWillUnmount() {
     this.unRegisters.forEach(unRegister => unRegister());
-
     if (this.context.siderHook) {
       this.context.siderHook.removeSider(this.uniqueId);
     }
   }
-
   responsiveHandler(screen, matches) {
     const {
       onBreakpoint
     } = this.props;
-
     if (onBreakpoint) {
       onBreakpoint(screen, matches);
     }
   }
-
   render() {
     const _a = this.props,
-          {
-      prefixCls,
-      className,
-      children,
-      style
-    } = _a,
-          others = __rest(_a, ["prefixCls", "className", "children", "style"]);
-
+      {
+        prefixCls,
+        className,
+        children,
+        style
+      } = _a,
+      others = __rest(_a, ["prefixCls", "className", "children", "style"]);
     const classString = (0, _classnames.default)(className, {
       [`${prefixCls}-sider`]: true
     });
@@ -118,9 +95,7 @@ class Sider extends _react.default.PureComponent {
       className: `${prefixCls}-sider-children`
     }, children));
   }
-
 }
-
 Sider.propTypes = {
   prefixCls: _propTypes.default.string,
   style: _propTypes.default.object,