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

package/lib/cjs/image/utils.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isTargetEmit = exports.getPreloadImagArr = exports.downloadImage = exports.crossMerge = void 0;
-
 const isTargetEmit = (event, targetClasses) => {
   // event.path usage is discouraged, use event.composedPath() as it's standard and is more future-proof
   // path is the event-triggered bubbling path, which stores each node through which bubbling passes.
@@ -14,19 +13,15 @@ const isTargetEmit = (event, targetClasses) => {
     if (node.className && typeof node.className === "string") {
       return targetClasses.some(c => node.className.includes(c));
     }
-
     return false;
   });
   return isTarget;
 };
-
 exports.isTargetEmit = isTargetEmit;
-
 const downloadImage = (src, filename) => {
   const image = new Image();
   image.src = src;
   image.crossOrigin = "anonymous";
-
   image.onload = e => {
     const eleLink = document.createElement("a");
     eleLink.download = filename;
@@ -44,9 +39,7 @@ const downloadImage = (src, filename) => {
     document.body.removeChild(eleLink);
   };
 };
-
 exports.downloadImage = downloadImage;
-
 const crossMerge = function () {
   let leftArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let rightArr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -58,25 +51,20 @@ const crossMerge = function () {
     newArr.push(rightArr[index]);
     newArr.push(leftArr[index]);
   });
-
   if (leftLen > rightLen) {
     newArr = newArr.concat(leftArr.slice(rightLen, leftLen));
   } else if (leftLen < rightLen) {
     newArr = newArr.concat(rightArr.slice(leftLen, rightLen));
   }
-
   return newArr;
 };
-
 exports.crossMerge = crossMerge;
-
 const getPreloadImagArr = (imgSrc, currentIndex, preLoadGap, infinite) => {
   const beginIndex = currentIndex - preLoadGap;
   const endIndex = currentIndex + preLoadGap;
   const srcLength = imgSrc.length;
   let leftArr = [];
   let rightArr = [];
-
   if (preLoadGap >= Math.floor(srcLength / 2)) {
     if (infinite) {
       leftArr = imgSrc.concat(imgSrc).slice(beginIndex + srcLength < 0 ? 0 : beginIndex + srcLength, currentIndex + srcLength);
@@ -102,10 +90,8 @@ const getPreloadImagArr = (imgSrc, currentIndex, preLoadGap, infinite) => {
       }
     }
   }
-
   const result = crossMerge(leftArr.reverse(), rightArr);
   const duplicateResult = Array.from(new Set(result));
   return duplicateResult;
 };
-
 exports.getPreloadImagArr = getPreloadImagArr;

package/lib/cjs/input/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-input`
 };

package/lib/cjs/input/foundation.js

@@ -4,88 +4,67 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
 var _set2 = _interopRequireDefault(require("lodash/set"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _constants = require("./constants");
-
 var _keyCode = require("./../utils/keyCode");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class InputFoundation extends _foundation.default {
-  constructor(adapter) {
-    super(Object.assign(Object.assign({}, InputFoundation.inputDefaultAdapter), adapter));
-  }
-
   static get inputDefaultAdapter() {
     return {
       notifyChange: _noop2.default,
-      setValue: _noop2.default // toggleAllowClear: noop,
-
+      setValue: _noop2.default
+      // toggleAllowClear: noop,
     };
   }
 
+  constructor(adapter) {
+    super(Object.assign(Object.assign({}, InputFoundation.inputDefaultAdapter), adapter));
+  }
   init() {
     this._setInitValue();
   }
-
   destroy() {
     if (this._timer) {
       clearTimeout(this._timer);
       this._timer = null;
     }
-  } // eslint-disable-next-line
-
-
+  }
+  // eslint-disable-next-line
   setDisable() {}
-
   _setInitValue() {
     const {
       defaultValue,
       value
     } = this.getProps();
     let v = defaultValue;
-
     if (this._isControlledComponent()) {
       v = value;
     }
-
-    this._adapter.setValue(v); // this.checkAllowClear(v);
-
+    this._adapter.setValue(v);
+    // this.checkAllowClear(v);
   }
 
   setValue(value) {
     this._adapter.setValue(value);
   }
-
   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()) {
       /**
        * If it is a controlled component, directly notify the caller of the modified value.
@@ -95,9 +74,8 @@ class InputFoundation extends _foundation.default {
       this._adapter.notifyChange(nextValue, e);
     } else {
       this._adapter.setValue(nextValue);
-
-      this._adapter.notifyChange(nextValue, e); // this.checkAllowClear(value);
-
+      this._adapter.notifyChange(nextValue, e);
+      // this.checkAllowClear(value);
     }
   }
   /**
@@ -105,21 +83,16 @@ class InputFoundation 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);
@@ -133,17 +106,13 @@ class InputFoundation 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 Input] The input character is truncated because the input length exceeds the maximum length limit');
@@ -160,36 +129,29 @@ class InputFoundation 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);
     }
   }
-
   handleClear(e) {
     let eventObj = e;
-    const value = ''; // let input = this._adapter.getInput();
-
+    const value = '';
+    // let input = this._adapter.getInput();
     if (this._isControlledComponent('value')) {
       this._adapter.setState({
         isFocus: false
@@ -200,17 +162,12 @@ class InputFoundation extends _foundation.default {
         isFocus: false
       });
     }
-
     if (!eventObj || typeof eventObj !== 'object') {
       eventObj = {};
     }
-
     (0, _set2.default)(eventObj, _constants.strings.CLEARBTN_CLICKED_EVENT_FLAG, true); // this is useful for DateInput
-
     this._adapter.notifyChange(value, eventObj);
-
     this._adapter.notifyClear(eventObj);
-
     if (eventObj) {
       // When input is in popover and popover needs to judge clickOutSide, such as TreeSelect
       // If the click event bubbles up, it will mistakenly trigger clickOutSide's judgment.
@@ -223,29 +180,22 @@ class InputFoundation extends _foundation.default {
    * trigger when click input wrapper
    * @param {Event} e
    */
-
-
   handleClick(e) {
     const {
       disabled
     } = this._adapter.getProps();
-
     const {
       isFocus
     } = this._adapter.getStates();
-
     if (disabled || isFocus) {
       return;
-    } // do not handle bubbling up events
-
-
+    }
+    // do not handle bubbling up events
     if (this._adapter.isEventTarget(e)) {
       this._adapter.focusInput();
-
       this._adapter.toggleFocusing(true);
     }
   }
-
   handleModeChange(mode) {
     if (mode === 'password') {
       this._adapter.setEyeClosed(true);
@@ -253,106 +203,78 @@ class InputFoundation extends _foundation.default {
       this._adapter.setEyeClosed(false);
     }
   }
-
   handleClickEye(e) {
     const eyeClosed = this._adapter.getState('eyeClosed');
-
     this._adapter.focusInput();
-
     this._adapter.toggleFocusing(true);
-
     this._adapter.setEyeClosed(!eyeClosed);
   }
-
   handleInputType(type) {
     const mode = this._adapter.getProp('mode');
-
     const eyeClosed = this._adapter.getState('eyeClosed');
-
     if (mode === 'password') {
       return eyeClosed ? 'password' : 'text';
     }
-
     return type;
   }
-
   handleMouseDown(e) {
     e.preventDefault();
   }
-
   handleMouseUp(e) {
     e.preventDefault();
   }
-
   handleBlur(e) {
     const {
       value
     } = this.getStates();
-
     this._adapter.toggleFocusing(false);
-
     this._adapter.notifyBlur(value, e);
   }
-
   handleFocus(e) {
     const {
       value
     } = this.getStates();
-
-    this._adapter.toggleFocusing(true); // this.checkAllowClear(this.getState('value'), true);
-
-
+    this._adapter.toggleFocusing(true);
+    // this.checkAllowClear(this.getState('value'), true);
     this._adapter.notifyFocus(value, e);
   }
-
   handleInput(e) {
     this._adapter.notifyInput(e);
   }
-
   handleKeyDown(e) {
     this._adapter.notifyKeyDown(e);
   }
-
   handleKeyUp(e) {
     this._adapter.notifyKeyUp(e);
   }
-
   handleKeyPress(e) {
     this._adapter.notifyKeyPress(e);
-
     if (e.key === _keyCode.ENTER_KEY) {
       this._adapter.notifyEnterPress(e);
     }
   }
-
   isAllowClear() {
     const {
       value,
       isFocus,
       isHovering
     } = this._adapter.getStates();
-
     const {
       showClear,
       disabled
     } = this._adapter.getProps();
-
     const allowClear = value && showClear && !disabled && (isFocus || isHovering);
     return allowClear;
   }
-
   handleClickPrefixOrSuffix(e) {
     const {
       disabled
     } = this._adapter.getProps();
-
     const {
       isFocus
     } = this._adapter.getStates();
-
     if (!disabled && !isFocus) {
       this._adapter.focusInput();
-
       this._adapter.toggleFocusing(true);
     }
   }
@@ -360,8 +282,6 @@ class InputFoundation extends _foundation.default {
    * Blocking mousedown events prevents input from losing focus
    * @param {Event} e
    */
-
-
   handlePreventMouseDown(e) {
     if (e && (0, _isFunction2.default)(e.preventDefault)) {
       e.preventDefault();
@@ -370,8 +290,6 @@ class InputFoundation extends _foundation.default {
   /**
    * A11y: simulate password button click
    */
-
-
   handleModeEnterPress(e) {
     // trigger by Enter or Space key
     if (['Enter', ' '].includes(e === null || e === void 0 ? void 0 : e.key)) {
@@ -379,8 +297,6 @@ class InputFoundation extends _foundation.default {
       this.handleClickEye(e);
     }
   }
-
 }
-
 var _default = InputFoundation;
 exports.default = _default;