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

package/lib/cjs/input/textareaFoundation.js

@@ -4,27 +4,29 @@ 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 {
+  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
+    };
+  }
   constructor(adapter) {
     super(Object.assign(Object.assign({}, TextAreaFoundation.textAreaDefaultAdapter), adapter));
-
     this.resizeTextarea = cb => {
       const {
         height
@@ -32,90 +34,60 @@ class TextAreaFoundation extends _foundation.default {
       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,
+      const newHeight = (0, _calculateNodeHeight.default)(nodeSizingData, node.value || node.placeholder || 'x', rows
+      // maxRows,
       );
 
       if (height !== newHeight) {
         this._adapter.notifyHeightUpdate(newHeight);
-
         node.style.height = `${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
-
-
+  }
+  // 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);
     }
   }
@@ -124,21 +96,16 @@ class TextAreaFoundation extends _foundation.default {
    * 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);
@@ -152,17 +119,13 @@ class TextAreaFoundation extends _foundation.default {
    * 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');
@@ -172,7 +135,6 @@ class TextAreaFoundation extends _foundation.default {
         return value;
       }
     }
-
     return undefined;
   }
   /**
@@ -181,92 +143,71 @@ class TextAreaFoundation extends _foundation.default {
    * @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
-
-
+  }
+  // e: MouseEvent
   handleMouseEnter(e) {
     this._adapter.toggleHovering(true);
-  } // e: MouseEvent
-
-
+  }
+  // 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
@@ -277,18 +218,12 @@ class TextAreaFoundation extends _foundation.default {
         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.js

@@ -17,40 +17,32 @@ const HIDDEN_TEXTAREA_STYLE = {
   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
-
-
+  }
+  // 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,
@@ -64,24 +56,20 @@ function calculateNodeHeight(sizingData, value) {
   });
   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
-
+  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.js

@@ -4,31 +4,28 @@ 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 }; }
+// Reference to https://github.com/andreypopp/react-textarea-autosize/
 
-const SIZING_STYLE = ['borderBottomWidth', 'borderLeftWidth', 'borderRightWidth', 'borderTopWidth', 'boxSizing', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'letterSpacing', 'lineHeight', 'paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop', // non-standard
-'tabSize', 'textIndent', // non-standard
+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
-
+  } = 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 {
@@ -37,6 +34,5 @@ const getSizingData = node => {
     borderSize
   };
 };
-
 var _default = getSizingData;
 exports.default = _default;

package/lib/cjs/inputNumber/constants.js

@@ -4,9 +4,7 @@ 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), {