@douyinfe/semi-foundation 2.36.0-alpha.0 → 2.36.0

package/lib/cjs/inputNumber/foundation.js

@@ -4,47 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _toString2 = _interopRequireDefault(require("lodash/toString"));
-
 var _toNumber2 = _interopRequireDefault(require("lodash/toNumber"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _keyCode = _interopRequireDefault(require("../utils/keyCode"));
-
 var _constants = require("./constants");
-
 var _number = require("../utils/number");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
-
 /* eslint-disable no-param-reassign */
-
 /* eslint-disable eqeqeq */
+
 class InputNumberFoundation extends _foundation.default {
   init() {
     this._setInitValue();
   }
-
   destroy() {
     this._unregisterInterval();
-
     this._unregisterTimer();
-
     this._adapter.unregisterGlobalEvent('mouseup');
   }
-
   isControlled() {
     return this._isControlledComponent('value');
   }
-
   _doInput() {
     let v = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     let event = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -52,37 +36,30 @@ class InputNumberFoundation extends _foundation.default {
     let notifyVal = v;
     let number = v;
     let isValidNumber = true;
-    const isControlled = this.isControlled(); // console.log(v);
-
+    const isControlled = this.isControlled();
+    // console.log(v);
     if (typeof v !== 'number') {
       number = this.doParse(v, false);
       isValidNumber = !isNaN(number);
     }
-
     if (isValidNumber) {
       notifyVal = number;
-
       if (!isControlled) {
         this._adapter.setNumber(number);
       }
     }
-
     if (!isControlled) {
       this._adapter.setValue(v, updateCb);
     }
-
     if (this.getProp('keepFocus')) {
       this._adapter.setFocusing(true, () => {
         this._adapter.setClickUpOrDown(true);
       });
     }
-
     this.notifyChange(notifyVal, event);
   }
-
   _registerInterval(cb) {
     const pressInterval = this.getProp('pressInterval') || _constants.numbers.DEFAULT_PRESS_INTERVAL;
-
     this._intervalHasRegistered = true;
     this._interval = setInterval(() => {
       if (typeof cb === 'function' && this._intervalHasRegistered) {
@@ -90,7 +67,6 @@ class InputNumberFoundation extends _foundation.default {
       }
     }, pressInterval);
   }
-
   _unregisterInterval() {
     if (this._interval) {
       this._intervalHasRegistered = false;
@@ -98,10 +74,8 @@ class InputNumberFoundation extends _foundation.default {
       this._interval = null;
     }
   }
-
   _registerTimer(cb) {
     const pressTimeout = this.getProp('pressTimeout') || _constants.numbers.DEFAULT_PRESS_TIMEOUT;
-
     this._timerHasRegistered = true;
     this._timer = setTimeout(() => {
       if (this._timerHasRegistered && typeof cb === 'function') {
@@ -109,7 +83,6 @@ class InputNumberFoundation extends _foundation.default {
       }
     }, pressTimeout);
   }
-
   _unregisterTimer() {
     if (this._timer) {
       this._timerHasRegistered = false;
@@ -117,20 +90,15 @@ class InputNumberFoundation extends _foundation.default {
       this._timer = null;
     }
   }
-
   handleInputFocus(e) {
     const value = this.getState('value');
-
-    if (value !== '') {// let parsedStr = this.doParse(this.getState('value'));
+    if (value !== '') {
+      // let parsedStr = this.doParse(this.getState('value'));
       // this._adapter.setValue(Number(parsedStr));
     }
-
     this._adapter.recordCursorPosition();
-
     this._adapter.setFocusing(true, null);
-
     this._adapter.setClickUpOrDown(false);
-
     this._adapter.notifyFocus(e);
   }
   /**
@@ -138,23 +106,18 @@ class InputNumberFoundation extends _foundation.default {
    * @param {String} value
    * @param {*} event
    */
-
-
   handleInputChange(value, event) {
     // Check accuracy, adjust accuracy, adjust maximum and minimum values, call parser to parse the number
-    const parsedNum = this.doParse(value, true, true, true); // Parser parsed number, type Number (normal number or NaN)
-
-    const toNum = this.doParse(value, false, false, false); // String converted from parser parsed numbers or directly converted without parser
-
+    const parsedNum = this.doParse(value, true, true, true);
+    // Parser parsed number, type Number (normal number or NaN)
+    const toNum = this.doParse(value, false, false, false);
+    // String converted from parser parsed numbers or directly converted without parser
     const valueAfterParser = this.afterParser(value);
-
     this._adapter.recordCursorPosition();
-
     let notifyVal;
-    let num = toNum; // The formatted input value
-
+    let num = toNum;
+    // The formatted input value
     let formattedNum = value;
-
     if (value === '') {
       if (!this.isControlled()) {
         num = null;
@@ -167,13 +130,11 @@ class InputNumberFoundation extends _foundation.default {
        * This logic is used to solve the problem that parsedNum is not a valid number
        */
       if (typeof toNum === 'number' && !isNaN(toNum)) {
-        formattedNum = this.doFormat(toNum, false); // console.log(`parsedStr: `, parsedStr, `toNum: `, toNum);
-
+        formattedNum = this.doFormat(toNum, false);
+        // console.log(`parsedStr: `, parsedStr, `toNum: `, toNum);
         const dotIndex = valueAfterParser.lastIndexOf('.');
         const lengthAfterDot = valueAfterParser.length - 1 - dotIndex;
-
         const precLength = this._getPrecLen(toNum);
-
         if (!precLength) {
           const dotBeginStr = dotIndex > -1 ? valueAfterParser.slice(dotIndex) : '';
           formattedNum += dotBeginStr;
@@ -182,9 +143,8 @@ class InputNumberFoundation extends _foundation.default {
           for (let i = 0; i < lengthAfterDot - precLength; i++) {
             formattedNum += '0';
           }
-        } // NOUSE:
-
-
+        }
+        // NOUSE:
         num = toNum;
       } else {
         /**
@@ -196,162 +156,120 @@ class InputNumberFoundation extends _foundation.default {
          */
         formattedNum = this.doFormat(valueAfterParser, false);
       }
-
       notifyVal = valueAfterParser;
     }
-
     if (!this.isControlled() && (num === null || typeof num === 'number' && !isNaN(num))) {
       this._adapter.setNumber(num);
     }
-
     this._adapter.setValue(this.isControlled() ? formattedNum : this.doFormat(valueAfterParser, false), () => {
       this._adapter.restoreCursor();
     });
-
     this.notifyChange(notifyVal, event);
   }
-
   handleInputKeyDown(event) {
     const code = event.keyCode;
-
     if (code === _keyCode.default.UP || code === _keyCode.default.DOWN) {
       this._adapter.setClickUpOrDown(true);
-
       this._adapter.recordCursorPosition();
-
       const formattedVal = code === _keyCode.default.UP ? this.add(null, event) : this.minus(null, event);
-
       this._doInput(formattedVal, event, () => {
         this._adapter.restoreCursor();
       });
-
       event.preventDefault();
     }
-
     this._adapter.notifyKeyDown(event);
   }
-
   handleInputBlur(e) {
     const currentValue = (0, _toString2.default)(this.getState('value'));
     let currentNumber = this.getState('number');
-
     if (currentNumber != null || currentValue != null && currentValue !== '') {
       const parsedNum = this.doParse(currentValue, false, true, true);
       let numHasChanged = false;
       let strHasChanged = false;
       let willSetNum, willSetVal;
-
       if (this.isValidNumber(parsedNum) && currentNumber !== parsedNum) {
         willSetNum = parsedNum;
-
         if (!this.isControlled()) {
           currentNumber = willSetNum;
         }
-
         numHasChanged = true;
       }
-
       const currentFormattedNum = this.doFormat(currentNumber, true);
-
       if (currentFormattedNum !== currentValue) {
         willSetVal = currentFormattedNum;
         strHasChanged = true;
       }
-
       if (strHasChanged || numHasChanged) {
         const notifyVal = willSetVal != null ? willSetVal : willSetNum;
-
         if (willSetVal != null) {
-          this._adapter.setValue(willSetVal); // this.notifyChange(willSetVal);
-
+          this._adapter.setValue(willSetVal);
+          // this.notifyChange(willSetVal);
         }
 
         if (willSetNum != null) {
           // eslint-disable-next-line max-depth
           if (!this._isControlledComponent('value')) {
             this._adapter.setNumber(willSetNum);
-          } // this.notifyChange(willSetNum);
-
+          }
+          // this.notifyChange(willSetNum);
         }
 
         this.notifyChange(notifyVal, e);
       }
     }
-
     this._adapter.setFocusing(false);
-
     this._adapter.notifyBlur(e);
   }
-
   handleInputMouseEnter(event) {
     this._adapter.setHovering(true);
   }
-
   handleInputMouseLeave(event) {
     this._adapter.setHovering(false);
   }
-
   handleInputMouseMove(event) {
     this._adapter.setHovering(true);
   }
-
   handleMouseUp(e) {
     this._unregisterInterval();
-
     this._unregisterTimer();
-
     this._adapter.unregisterGlobalEvent('mouseup');
   }
-
   handleUpClick(event) {
     const {
       readonly
     } = this.getProps();
-
     if (!this._isMouseButtonLeft(event) || readonly) {
       return;
     }
-
     this._adapter.setClickUpOrDown(true);
-
     if (event) {
       this._persistEvent(event);
-
-      event.stopPropagation(); // Prevent native blurring events
-
+      event.stopPropagation();
+      // Prevent native blurring events
       this._preventDefault(event);
     }
-
-    this.upClick(event); // Cannot access event objects asynchronously https://reactjs.org/docs/events.html#event-pooling
-
+    this.upClick(event);
+    // Cannot access event objects asynchronously https://reactjs.org/docs/events.html#event-pooling
     this._registerTimer(() => {
       this._registerInterval(() => {
         this.upClick(event);
       });
     });
   }
-
   handleDownClick(event) {
     const {
       readonly
     } = this.getProps();
-
     if (!this._isMouseButtonLeft(event) || readonly) {
       return;
     }
-
     this._adapter.setClickUpOrDown(true);
-
     if (event) {
       this._persistEvent(event);
-
       event.stopPropagation();
-
       this._preventDefault(event);
     }
-
     this.downClick(event);
-
     this._registerTimer(() => {
       this._registerInterval(() => {
         this.downClick(event);
@@ -362,44 +280,31 @@ class InputNumberFoundation extends _foundation.default {
    * Whether it is a left mouse button click
    * @see https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
    */
-
-
   _isMouseButtonLeft(event) {
     return (0, _get2.default)(event, 'button') === _constants.numbers.MOUSE_BUTTON_LEFT;
   }
-
   _preventDefault(event) {
     const keepFocus = this._adapter.getProp('keepFocus');
-
     const innerButtons = this._adapter.getProp('innerButtons');
-
     if (keepFocus || innerButtons) {
       event.preventDefault();
     }
   }
-
   handleMouseLeave(event) {
     this._adapter.registerGlobalEvent('mouseup', () => {
       this.handleMouseUp(event);
     });
   }
-
   upClick(event) {
     const value = this.add(null, event);
-
     this._doInput(value, event);
-
     this._adapter.notifyUpClick(value, event);
   }
-
   downClick(event) {
     const value = this.minus(null, event);
-
     this._doInput(value, event);
-
     this._adapter.notifyDownClick(value, event);
   }
-
   _setInitValue() {
     const {
       defaultValue,
@@ -408,22 +313,16 @@ class InputNumberFoundation extends _foundation.default {
     const propsValue = this._isControlledComponent('value') ? value : defaultValue;
     const tmpNumber = this.doParse((0, _toString2.default)(propsValue), false, true, true);
     let number = null;
-
     if (typeof tmpNumber === 'number' && !isNaN(tmpNumber)) {
       number = tmpNumber;
     }
-
     const formattedValue = typeof number === 'number' ? this.doFormat(number, true) : '';
-
     this._adapter.setNumber(number);
-
     this._adapter.setValue(formattedValue);
-
     if ((0, _isString2.default)(formattedValue) && formattedValue !== String(propsValue !== null && propsValue !== void 0 ? propsValue : '')) {
       this.notifyChange(formattedValue, null);
     }
   }
-
   add(step, event) {
     const pressShift = event && event.shiftKey;
     const propStep = pressShift ? this.getProp('shiftStep') : this.getProp('step');
@@ -433,17 +332,11 @@ class InputNumberFoundation extends _foundation.default {
     let curNum = this.toNumber(curVal) || 0;
     const min = this.getProp('min');
     const max = this.getProp('max');
-
     const minPrecLen = this._getPrecLen(min);
-
     const maxPrecLen = this._getPrecLen(max);
-
     const curPrecLen = this._getPrecLen(curNum);
-
     const stepPrecLen = this._getPrecLen(step);
-
     const scale = Math.pow(10, Math.max(minPrecLen, maxPrecLen, curPrecLen, stepPrecLen));
-
     if (step < 0) {
       // Js accuracy problem
       if (Math.abs((0, _number.minus)(min, curNum)) >= stepAbs) {
@@ -454,19 +347,15 @@ class InputNumberFoundation extends _foundation.default {
         curNum = (curNum * scale + step * scale) / scale;
       }
     }
-
     if (typeof min === 'number' && min > curNum) {
       curNum = min;
     }
-
     if (typeof max === 'number' && max < curNum) {
       curNum = max;
-    } // console.log('scale: ', scale, 'curNum: ', curNum);
-
-
+    }
+    // console.log('scale: ', scale, 'curNum: ', curNum);
     return this.doFormat(curNum, true);
   }
-
   minus(step, event) {
     const pressShift = event && event.shiftKey;
     const propStep = pressShift ? this.getProp('shiftStep') : this.getProp('step');
@@ -478,24 +367,18 @@ class InputNumberFoundation extends _foundation.default {
    * @param {number} num
    * @returns {number}
    */
-
-
   _getPrecLen(num) {
     if (typeof num !== 'string') {
       num = String(Math.abs(Number(num || '')));
     }
-
     const idx = num.indexOf('.') + 1;
     return idx ? num.length - idx : 0;
   }
-
   _adjustPrec(num) {
     const precision = this.getProp('precision');
-
     if (typeof precision === 'number' && num !== '' && num !== null && !Number.isNaN(Number(num))) {
       num = Number(num).toFixed(precision);
     }
-
     return (0, _toString2.default)(num);
   }
   /**
@@ -504,8 +387,6 @@ class InputNumberFoundation extends _foundation.default {
    * @param {boolean} needAdjustPrec
    * @returns {string}
    */
-
-
   doFormat() {
     let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     let needAdjustPrec = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
@@ -514,17 +395,14 @@ class InputNumberFoundation extends _foundation.default {
     // }
     let str;
     const formatter = this.getProp('formatter');
-
     if (needAdjustPrec) {
       str = this._adjustPrec(value);
     } else {
       str = (0, _toString2.default)(value);
     }
-
     if (typeof formatter === 'function') {
       str = formatter(str);
     }
-
     return str;
   }
   /**
@@ -532,20 +410,16 @@ class InputNumberFoundation extends _foundation.default {
    * @param {number} current
    * @returns {number}
    */
-
-
   fetchMinOrMax(current) {
     const {
       min,
       max
     } = this.getProps();
-
     if (current < min) {
       return min;
     } else if (current > max) {
       return max;
     }
-
     return current;
   }
   /**
@@ -556,49 +430,38 @@ class InputNumberFoundation extends _foundation.default {
    * @param {boolean} needAdjustMaxMin
    * @returns {number}
    */
-
-
   doParse(value) {
     let needCheckPrec = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     let needAdjustPrec = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let needAdjustMaxMin = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-
     if (typeof value === 'number') {
       if (needAdjustMaxMin) {
         value = this.fetchMinOrMax(value);
       }
-
       if (needAdjustPrec) {
         value = this._adjustPrec(value);
       }
-
       return (0, _toNumber2.default)(value);
     }
-
     const parser = this.getProp('parser');
-
     if (typeof parser === 'function') {
       value = parser(value);
     }
-
     if (needCheckPrec && typeof value === 'string') {
       const zeroIsValid = value.indexOf('.') === -1 || value.indexOf('.') > -1 && (value === '0' || value.lastIndexOf('0') < value.length - 1);
       const dotIsValid = value.lastIndexOf('.') < value.length - 1 && value.split('').filter(v => v === '.').length < 2;
-
-      if (!zeroIsValid || !dotIsValid // (this.getProp('precision') > 0 && this._getPrecLen(value) > this.getProp('precision'))
+      if (!zeroIsValid || !dotIsValid
+      // (this.getProp('precision') > 0 && this._getPrecLen(value) > this.getProp('precision'))
       ) {
         return NaN;
       }
     }
-
     if (needAdjustPrec) {
       value = this._adjustPrec(value);
     }
-
     if (typeof value === 'string' && value.length) {
       return needAdjustMaxMin ? this.fetchMinOrMax((0, _toNumber2.default)(value)) : (0, _toNumber2.default)(value);
     }
-
     return NaN;
   }
   /**
@@ -606,37 +469,27 @@ class InputNumberFoundation extends _foundation.default {
    * @param {string} value
    * @returns {string}
    */
-
-
   afterParser(value) {
     const parser = this.getProp('parser');
-
     if (typeof value === 'string' && typeof parser === 'function') {
       return (0, _toString2.default)(parser(value));
     }
-
     return (0, _toString2.default)(value);
   }
-
   toNumber(value) {
     let needAdjustPrec = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
     if (typeof value === 'number') {
       return value;
     }
-
     if (typeof value === 'string') {
       const parser = this.getProp('parser');
-
       if (typeof parser === 'function') {
         value = parser(value);
       }
-
       if (needAdjustPrec) {
         value = this._adjustPrec(value);
       }
     }
-
     return (0, _toNumber2.default)(value);
   }
   /**
@@ -648,71 +501,55 @@ class InputNumberFoundation extends _foundation.default {
    * @param {*} needCheckPrec
    * @returns
    */
-
-
   isValidNumber(num) {
     let needCheckPrec = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
     if (typeof num === 'number' && !isNaN(num)) {
       const {
         min,
         max,
         precision
       } = this.getProps();
-
       const numPrec = this._getPrecLen(num);
-
       const precIsValid = needCheckPrec ? typeof precision === 'number' && numPrec <= precision || typeof precision !== 'number' : true;
-
       if (num >= min && num <= max && precIsValid) {
         return true;
       }
     }
-
     return false;
   }
-
   isValidString(str) {
     if (typeof str === 'string' && str.length) {
       const parsedNum = this.doParse(str);
       return this.isValidNumber(parsedNum);
     }
-
     return false;
   }
-
   notifyChange(value, e) {
     if (value == null || value === '') {
       this._adapter.notifyChange('', e);
     } else {
       const parsedNum = this.toNumber(value, true);
-
       if (typeof parsedNum === 'number' && !isNaN(parsedNum)) {
         // this._adapter.notifyChange(typeof value === 'number' ? parsedNum : this.afterParser(value), e);
         this._adapter.notifyChange(parsedNum, e);
-
         this.notifyNumberChange(parsedNum, e);
       } else {
         this._adapter.notifyChange(this.afterParser(value), e);
       }
     }
   }
-
   notifyNumberChange(value, e) {
     const {
       number
-    } = this.getStates(); // Does not trigger numberChange if value is not a significant number
-
+    } = this.getStates();
+    // Does not trigger numberChange if value is not a significant number
     if (this.isValidNumber(value) && value !== number) {
       this._adapter.notifyNumberChange(value, e);
     }
   }
-
   updateStates(states, callback) {
     this._adapter.updateStates(states, callback);
   }
-
 }
-
 var _default = InputNumberFoundation;
 exports.default = _default;