@douyinfe/semi-foundation 2.27.1 → 2.28.0-beta.0

package/lib/cjs/inputNumber/foundation.js

@@ -1,718 +0,0 @@
-"use strict";
-
-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;
-    let updateCb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    let notifyVal = v;
-    let number = v;
-    let isValidNumber = true;
-    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) {
-        cb();
-      }
-    }, pressInterval);
-  }
-
-  _unregisterInterval() {
-    if (this._interval) {
-      this._intervalHasRegistered = false;
-      clearInterval(this._interval);
-      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') {
-        cb();
-      }
-    }, pressTimeout);
-  }
-
-  _unregisterTimer() {
-    if (this._timer) {
-      this._timerHasRegistered = false;
-      clearTimeout(this._timer);
-      this._timer = null;
-    }
-  }
-
-  handleInputFocus(e) {
-    const value = 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);
-  }
-  /**
-   * Input box content update processing
-   * @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 valueAfterParser = this.afterParser(value);
-
-    this._adapter.recordCursorPosition();
-
-    let notifyVal;
-    let num = toNum; // The formatted input value
-
-    let formattedNum = value;
-
-    if (value === '') {
-      if (!this.isControlled()) {
-        num = null;
-      }
-    } else if (this.isValidNumber(toNum) && this.isValidNumber(parsedNum)) {
-      notifyVal = toNum;
-      formattedNum = this.doFormat(toNum, false);
-    } else {
-      /**
-       * 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);
-
-        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;
-        } else if (precLength < lengthAfterDot) {
-          // eslint-disable-next-line max-depth
-          for (let i = 0; i < lengthAfterDot - precLength; i++) {
-            formattedNum += '0';
-          }
-        } // NOUSE:
-
-
-        num = toNum;
-      } else {
-        /**
-         * When the user enters an illegal character, it needs to go through parser and format before displaying
-         * Ensure that all input is processed by parser and format
-         *
-         * 用户输入非法字符时，需要经过 parser 和 format 一下再显示
-         * 保证所有的输入都经过 parser 和 format 处理
-         */
-        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);
-
-        }
-
-        if (willSetNum != null) {
-          // eslint-disable-next-line max-depth
-          if (!this._isControlledComponent('value')) {
-            this._adapter.setNumber(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
-
-      this._preventDefault(event);
-    }
-
-    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);
-      });
-    });
-  }
-  /**
-   * 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,
-      value
-    } = this.getProps();
-    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');
-    step = step == null ? propStep : Number(step);
-    const stepAbs = Math.abs((0, _toNumber2.default)(step));
-    const curVal = this.getState('number');
-    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) {
-        curNum = (curNum * scale + step * scale) / scale;
-      }
-    } else if (step > 0) {
-      if (Math.abs((0, _number.minus)(max, curNum)) >= stepAbs) {
-        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);
-
-
-    return this.doFormat(curNum, true);
-  }
-
-  minus(step, event) {
-    const pressShift = event && event.shiftKey;
-    const propStep = pressShift ? this.getProp('shiftStep') : this.getProp('step');
-    step = step == null ? propStep : Number(step);
-    return this.add(-step, event);
-  }
-  /**
-   * get decimal length
-   * @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);
-  }
-  /**
-   * format number to string
-   * @param {string|number} value
-   * @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;
-    // if (typeof value === 'string') {
-    //     return value;
-    // }
-    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;
-  }
-  /**
-   *
-   * @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;
-  }
-  /**
-   * parse to number
-   * @param {string|number} value
-   * @param {boolean} needCheckPrec
-   * @param {boolean} needAdjustPrec
-   * @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'))
-      ) {
-        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;
-  }
-  /**
-   * Parsing the input value
-   * @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);
-  }
-  /**
-   * Returning true requires both:
-   * 1.type is number and not equal to NaN
-   * 2.min < = value < = max
-   * 3.length after decimal point requires < = precision | | No precision
-   * @param {*} um
-   * @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
-
-    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;

package/lib/cjs/layout/constants.d.ts

@@ -1,7 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-};
-declare const strings: {
-    BREAKPOINT: string[];
-};
-export { cssClasses, strings };