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

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

@@ -0,0 +1,81 @@
+// 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;
+};
+
+export default 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/es/input/util/getSizingData.d.ts

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

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

@@ -0,0 +1,32 @@
+import _pick from "lodash/pick";
+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 = _pick(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
+  };
+};
+
+export default getSizingData;

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

@@ -0,0 +1,18 @@
+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/es/inputNumber/constants.js

@@ -0,0 +1,11 @@
+import { cssClasses as inputCssClasses, numbers as inputNumbers, strings as inputStrings } from '../input/constants';
+const cssClasses = Object.assign({}, inputCssClasses);
+const numbers = Object.assign(Object.assign({}, inputNumbers), {
+  DEFAULT_STEP: 1,
+  DEFAULT_SHIFT_STEP: 10,
+  DEFAULT_PRESS_TIMEOUT: 250,
+  DEFAULT_PRESS_INTERVAL: 0,
+  MOUSE_BUTTON_LEFT: 0
+});
+const strings = Object.assign({}, inputStrings);
+export { cssClasses, numbers, strings };

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

@@ -0,0 +1,120 @@
+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;