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

package/lib/cjs/input/textareaFoundation.js

@@ -1,294 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
-var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
-var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
-var _foundation = _interopRequireDefault(require("../base/foundation"));
-
-var _calculateNodeHeight = _interopRequireDefault(require("./util/calculateNodeHeight"));
-
-var _getSizingData = _interopRequireDefault(require("./util/getSizingData"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class TextAreaFoundation extends _foundation.default {
-  constructor(adapter) {
-    super(Object.assign(Object.assign({}, TextAreaFoundation.textAreaDefaultAdapter), adapter));
-
-    this.resizeTextarea = cb => {
-      const {
-        height
-      } = this.getStates();
-      const {
-        rows
-      } = this.getProps();
-
-      const node = this._adapter.getRef();
-
-      const nodeSizingData = (0, _getSizingData.default)(node);
-
-      if (!nodeSizingData) {
-        cb && cb();
-        return;
-      }
-
-      const newHeight = (0, _calculateNodeHeight.default)(nodeSizingData, node.value || node.placeholder || 'x', rows // maxRows,
-      );
-
-      if (height !== newHeight) {
-        this._adapter.notifyHeightUpdate(newHeight);
-
-        node.style.height = "".concat(newHeight, "px");
-        return;
-      }
-
-      cb && cb();
-    };
-  }
-
-  static get textAreaDefaultAdapter() {
-    return {
-      notifyChange: _noop2.default,
-      setValue: _noop2.default,
-      toggleFocusing: _noop2.default,
-      toggleHovering: _noop2.default,
-      notifyFocus: _noop2.default,
-      notifyBlur: _noop2.default,
-      notifyKeyDown: _noop2.default,
-      notifyEnterPress: _noop2.default
-    };
-  }
-
-  init() {
-    this.setInitValue();
-  } // eslint-disable-next-line
-
-
-  destroy() {}
-
-  setInitValue() {
-    const {
-      defaultValue,
-      value
-    } = this.getProps();
-    let v = defaultValue;
-
-    if (this._isControlledComponent()) {
-      v = value;
-    }
-
-    this._adapter.setValue(v);
-  }
-
-  handleValueChange(v) {
-    this._adapter.setValue(v);
-  }
-
-  handleChange(value, e) {
-    const {
-      maxLength,
-      minLength,
-      getValueLength
-    } = this._adapter.getProps();
-
-    let nextValue = value;
-
-    if (maxLength && (0, _isFunction2.default)(getValueLength)) {
-      nextValue = this.handleVisibleMaxLength(value);
-    }
-
-    if (minLength && (0, _isFunction2.default)(getValueLength)) {
-      this.handleVisibleMinLength(nextValue);
-    }
-
-    if (this._isControlledComponent()) {
-      this._adapter.notifyChange(nextValue, e);
-    } else {
-      this._adapter.setValue(nextValue);
-
-      this._adapter.notifyChange(nextValue, e);
-    }
-  }
-  /**
-   * Modify minLength to trigger browser check for minimum length
-   * Controlled mode is not checked
-   * @param {String} value
-   */
-
-
-  handleVisibleMinLength(value) {
-    const {
-      minLength,
-      getValueLength
-    } = this._adapter.getProps();
-
-    const {
-      minLength: stateMinLength
-    } = this._adapter.getStates();
-
-    if ((0, _isNumber2.default)(minLength) && minLength >= 0 && (0, _isFunction2.default)(getValueLength) && (0, _isString2.default)(value)) {
-      const valueLength = getValueLength(value);
-
-      if (valueLength < minLength) {
-        const newMinLength = value.length + (minLength - valueLength);
-        newMinLength !== stateMinLength && this._adapter.setMinLength(newMinLength);
-      } else {
-        stateMinLength !== minLength && this._adapter.setMinLength(minLength);
-      }
-    }
-  }
-  /**
-   * Handle input emoji characters beyond maxLength
-   * Controlled mode is not checked
-   * @param {String} value
-   */
-
-
-  handleVisibleMaxLength(value) {
-    const {
-      maxLength,
-      getValueLength
-    } = this._adapter.getProps();
-
-    if ((0, _isNumber2.default)(maxLength) && maxLength >= 0 && (0, _isFunction2.default)(getValueLength) && (0, _isString2.default)(value)) {
-      const valueLength = getValueLength(value);
-
-      if (valueLength > maxLength) {
-        // eslint-disable-next-line max-len
-        console.warn('[Semi TextArea] The input character is truncated because the input length exceeds the maximum length limit');
-        const truncatedValue = this.handleTruncateValue(value, maxLength);
-        return truncatedValue;
-      } else {
-        return value;
-      }
-    }
-
-    return undefined;
-  }
-  /**
-   * Truncate textarea values based on maximum length
-   * @param {String} value
-   * @param {Number} maxLength
-   * @returns {String}
-   */
-
-
-  handleTruncateValue(value, maxLength) {
-    const {
-      getValueLength
-    } = this._adapter.getProps();
-
-    if ((0, _isFunction2.default)(getValueLength)) {
-      let truncatedValue = '';
-
-      for (let i = 1, len = value.length; i <= len; i++) {
-        const currentValue = value.slice(0, i);
-
-        if (getValueLength(currentValue) > maxLength) {
-          return truncatedValue;
-        } else {
-          truncatedValue = currentValue;
-        }
-      }
-
-      return truncatedValue;
-    } else {
-      return value.slice(0, maxLength);
-    }
-  }
-
-  handleFocus(e) {
-    const {
-      value
-    } = this.getStates();
-
-    this._adapter.toggleFocusing(true);
-
-    this._adapter.notifyFocus(value, e);
-  }
-
-  handleBlur(e) {
-    const {
-      value
-    } = this.getStates();
-
-    this._adapter.toggleFocusing(false);
-
-    this._adapter.notifyBlur(value, e);
-  }
-
-  handleKeyDown(e) {
-    this._adapter.notifyKeyDown(e);
-
-    if (e.keyCode === 13) {
-      this._adapter.notifyPressEnter(e);
-    }
-  } // e: MouseEvent
-
-
-  handleMouseEnter(e) {
-    this._adapter.toggleHovering(true);
-  } // e: MouseEvent
-
-
-  handleMouseLeave(e) {
-    this._adapter.toggleHovering(false);
-  }
-
-  isAllowClear() {
-    const {
-      value,
-      isFocus,
-      isHover
-    } = this._adapter.getStates();
-
-    const {
-      showClear,
-      disabled,
-      readonly
-    } = this._adapter.getProps();
-
-    const allowClear = value && showClear && !disabled && (isFocus || isHover) && !readonly;
-    return allowClear;
-  }
-
-  handleClear(e) {
-    const {
-      isFocus
-    } = this.getStates();
-
-    if (this._isControlledComponent('value')) {
-      this._adapter.setState({
-        isFocus: false
-      });
-    } else {
-      this._adapter.setState({
-        value: '',
-        isFocus: false
-      });
-    }
-
-    if (isFocus) {
-      this._adapter.notifyBlur('', e);
-    }
-
-    this._adapter.notifyChange('', e);
-
-    this._adapter.notifyClear(e);
-
-    this.stopPropagation(e);
-  }
-
-}
-
-exports.default = TextAreaFoundation;

package/lib/cjs/input/util/calculateNodeHeight.d.ts

@@ -1 +0,0 @@
-export default function calculateNodeHeight(sizingData: any, value: string, minRows?: number, maxRows?: number): any;

package/lib/cjs/input/util/calculateNodeHeight.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = calculateNodeHeight;
-// Reference to https://github.com/andreypopp/react-textarea-autosize/
-let hiddenTextarea = null;
-const HIDDEN_TEXTAREA_STYLE = {
-  'min-height': '0',
-  'max-height': 'none',
-  height: '0',
-  visibility: 'hidden',
-  overflow: 'hidden',
-  position: 'absolute',
-  'z-index': '-1000',
-  top: '0',
-  right: '0'
-};
-
-const forceHiddenStyles = node => {
-  Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(key => {
-    node.style.setProperty(key, HIDDEN_TEXTAREA_STYLE[key], 'important');
-  });
-};
-
-const getContentHeight = (node, sizingData) => {
-  const height = node.scrollHeight;
-
-  if (sizingData.sizingStyle.boxSizing === 'border-box') {
-    // border-box: add border, since height = content + padding + border
-    return height + sizingData.borderSize;
-  } // remove padding, since height = content
-
-
-  return height - sizingData.paddingSize;
-};
-
-function calculateNodeHeight(sizingData, value) {
-  let minRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  let maxRows = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : Infinity;
-
-  if (!hiddenTextarea) {
-    hiddenTextarea = document.createElement('textarea');
-    hiddenTextarea.setAttribute('tab-index', '-1');
-    hiddenTextarea.setAttribute('aria-hidden', 'true');
-    forceHiddenStyles(hiddenTextarea);
-  }
-
-  if (hiddenTextarea.parentNode === null) {
-    document.body.appendChild(hiddenTextarea);
-  }
-
-  const {
-    paddingSize,
-    borderSize,
-    sizingStyle
-  } = sizingData;
-  const {
-    boxSizing
-  } = sizingStyle;
-  Object.keys(sizingStyle).forEach(key => {
-    hiddenTextarea.style[key] = sizingStyle[key];
-  });
-  forceHiddenStyles(hiddenTextarea);
-  hiddenTextarea.value = value;
-  let height = getContentHeight(hiddenTextarea, sizingData); // measure height of a textarea with a single row
-
-  hiddenTextarea.value = 'x'; // calc single row need to remove padding and border to avoid duplicated calc
-
-  const rowHeight = getContentHeight(hiddenTextarea, sizingData) - paddingSize - borderSize;
-  let minHeight = rowHeight * minRows;
-
-  if (boxSizing === 'border-box') {
-    minHeight = minHeight + paddingSize + borderSize;
-  }
-
-  height = Math.max(minHeight, height);
-  let maxHeight = rowHeight * maxRows;
-
-  if (boxSizing === 'border-box') {
-    maxHeight = maxHeight + paddingSize + borderSize;
-  }
-
-  height = Math.min(maxHeight, height);
-  return height;
-}

package/lib/cjs/input/util/getSizingData.d.ts

@@ -1,6 +0,0 @@
-declare const getSizingData: (node: any) => {
-    sizingStyle: Partial<CSSStyleDeclaration>;
-    paddingSize: number;
-    borderSize: number;
-};
-export default getSizingData;

package/lib/cjs/input/util/getSizingData.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _pick2 = _interopRequireDefault(require("lodash/pick"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const SIZING_STYLE = ['borderBottomWidth', 'borderLeftWidth', 'borderRightWidth', 'borderTopWidth', 'boxSizing', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'letterSpacing', 'lineHeight', 'paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop', // non-standard
-'tabSize', 'textIndent', // non-standard
-'textRendering', 'textTransform', 'width'];
-
-const getSizingData = node => {
-  const style = window.getComputedStyle(node);
-
-  if (style === null) {
-    return null;
-  }
-
-  const sizingStyle = (0, _pick2.default)(style, SIZING_STYLE);
-  const {
-    boxSizing
-  } = sizingStyle; // probably node is detached from DOM, can't read computed dimensions
-
-  if (boxSizing === '') {
-    return null;
-  }
-
-  const paddingSize = parseFloat(sizingStyle.paddingBottom) + parseFloat(sizingStyle.paddingTop);
-  const borderSize = parseFloat(sizingStyle.borderBottomWidth) + parseFloat(sizingStyle.borderTopWidth);
-  return {
-    sizingStyle,
-    paddingSize,
-    borderSize
-  };
-};
-
-var _default = getSizingData;
-exports.default = _default;

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

@@ -1,18 +0,0 @@
-declare const cssClasses: {
-    PREFIX: "semi-input";
-};
-declare const numbers: {
-    DEFAULT_STEP: number;
-    DEFAULT_SHIFT_STEP: number;
-    DEFAULT_PRESS_TIMEOUT: number;
-    DEFAULT_PRESS_INTERVAL: number;
-    MOUSE_BUTTON_LEFT: number;
-};
-declare const strings: {
-    SIZE: readonly ["small", "large", "default"];
-    DEFAULT_SIZE: "default";
-    STATUS: readonly ["default", "error", "warning", "success"];
-    CLEARBTN_CLICKED_EVENT_FLAG: "__fromClearBtn";
-    MODE: readonly ["password"];
-};
-export { cssClasses, numbers, strings };

package/lib/cjs/inputNumber/constants.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.strings = exports.numbers = exports.cssClasses = void 0;
-
-var _constants = require("../input/constants");
-
-const cssClasses = Object.assign({}, _constants.cssClasses);
-exports.cssClasses = cssClasses;
-const numbers = Object.assign(Object.assign({}, _constants.numbers), {
-  DEFAULT_STEP: 1,
-  DEFAULT_SHIFT_STEP: 10,
-  DEFAULT_PRESS_TIMEOUT: 250,
-  DEFAULT_PRESS_INTERVAL: 0,
-  MOUSE_BUTTON_LEFT: 0
-});
-exports.numbers = numbers;
-const strings = Object.assign({}, _constants.strings);
-exports.strings = strings;

package/lib/cjs/inputNumber/foundation.d.ts

@@ -1,120 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export interface InputNumberAdapter extends DefaultAdapter {
-    setValue: (value: number | string, cb?: (...args: any[]) => void) => void;
-    setNumber: (number: number | null, cb?: (...args: any[]) => void) => void;
-    setFocusing: (focusing: boolean, cb?: (...args: any[]) => void) => void;
-    setHovering: (hovering: boolean) => void;
-    notifyChange: (value: string | number, e?: any) => void;
-    notifyNumberChange: (value: number, e?: any) => void;
-    notifyBlur: (e: any) => void;
-    notifyFocus: (e: any) => void;
-    notifyUpClick: (value: string, e: any) => void;
-    notifyDownClick: (value: string, e: any) => void;
-    notifyKeyDown: (e: any) => void;
-    registerGlobalEvent: (eventName: string, handler: (...args: any[]) => void) => void;
-    unregisterGlobalEvent: (eventName: string) => void;
-    recordCursorPosition: () => void;
-    restoreByAfter: (str?: string) => boolean;
-    restoreCursor: (str?: string) => boolean;
-    fixCaret: (start: number, end: number) => void;
-    setClickUpOrDown: (clicked: boolean) => void;
-    updateStates: (states: BaseInputNumberState, callback?: () => void) => void;
-}
-export interface BaseInputNumberState {
-    value?: number | string;
-    number?: number | null;
-    focusing?: boolean;
-    hovering?: boolean;
-}
-declare class InputNumberFoundation extends BaseFoundation<InputNumberAdapter> {
-    _intervalHasRegistered: boolean;
-    _interval: any;
-    _timerHasRegistered: boolean;
-    _timer: any;
-    init(): void;
-    destroy(): void;
-    isControlled(): boolean;
-    _doInput(v?: string, event?: any, updateCb?: any): void;
-    _registerInterval(cb?: (...args: any) => void): void;
-    _unregisterInterval(): void;
-    _registerTimer(cb: (...args: any[]) => void): void;
-    _unregisterTimer(): void;
-    handleInputFocus(e: any): void;
-    /**
-     * Input box content update processing
-     * @param {String} value
-     * @param {*} event
-     */
-    handleInputChange(value: string, event: any): void;
-    handleInputKeyDown(event: any): void;
-    handleInputBlur(e: any): void;
-    handleInputMouseEnter(event?: any): void;
-    handleInputMouseLeave(event?: any): void;
-    handleInputMouseMove(event?: any): void;
-    handleMouseUp(e?: any): void;
-    handleUpClick(event: any): void;
-    handleDownClick(event: any): void;
-    /**
-     * Whether it is a left mouse button click
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
-     */
-    _isMouseButtonLeft(event: any): boolean;
-    _preventDefault(event: any): void;
-    handleMouseLeave(event: any): void;
-    upClick(event: any): void;
-    downClick(event: any): void;
-    _setInitValue(): void;
-    add(step?: number, event?: any): string;
-    minus(step?: number, event?: any): string;
-    /**
-     * get decimal length
-     * @param {number} num
-     * @returns {number}
-     */
-    _getPrecLen(num: string | number): number;
-    _adjustPrec(num: string | number): string;
-    /**
-     * format number to string
-     * @param {string|number} value
-     * @param {boolean} needAdjustPrec
-     * @returns {string}
-     */
-    doFormat(value?: string | number, needAdjustPrec?: boolean): string;
-    /**
-     *
-     * @param {number} current
-     * @returns {number}
-     */
-    fetchMinOrMax(current: number): any;
-    /**
-     * parse to number
-     * @param {string|number} value
-     * @param {boolean} needCheckPrec
-     * @param {boolean} needAdjustPrec
-     * @param {boolean} needAdjustMaxMin
-     * @returns {number}
-     */
-    doParse(value: string | number, needCheckPrec?: boolean, needAdjustPrec?: boolean, needAdjustMaxMin?: boolean): any;
-    /**
-     * Parsing the input value
-     * @param {string} value
-     * @returns {string}
-     */
-    afterParser(value: string): string;
-    toNumber(value: number | string, needAdjustPrec?: boolean): number;
-    /**
-     * 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: number, needCheckPrec?: boolean): boolean;
-    isValidString(str: string): boolean;
-    notifyChange(value: string, e: any): void;
-    notifyNumberChange(value: number, e: any): void;
-    updateStates(states: BaseInputNumberState, callback?: () => void): void;
-}
-export default InputNumberFoundation;