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

package/lib/cjs/tabs/foundation.js

@@ -4,25 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class TabsFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
     this.destroy = _noop2.default;
-
     this.handlePrevent = event => {
       event.stopPropagation();
       event.preventDefault();
     };
-
     this.handleKeyDown = (event, itemKey, closable) => {
       const {
         preventScroll
@@ -30,7 +23,6 @@ class TabsFoundation extends _foundation.default {
       const tabs = [...event.target.parentNode.childNodes].filter(item => {
         return (0, _get2.default)(item, 'attributes.data-tabkey.value', '').includes('semiTab') && (0, _get2.default)(item, 'attributes.aria-disabled.value', '') !== "true";
       });
-
       switch (event.key) {
         case "ArrowLeft":
         case "ArrowRight":
@@ -38,79 +30,62 @@ class TabsFoundation extends _foundation.default {
         case "ArrowDown":
           this.determineOrientation(event, tabs);
           break;
-
         case "Backspace":
         case "Delete":
           this.handleDeleteKeyDown(event, tabs, itemKey, closable);
           break;
-
         case "Enter":
         case " ":
           this.handleTabClick(itemKey, event);
           this.handlePrevent(event);
           break;
-
         case "Home":
           tabs[0].focus({
             preventScroll
           }); // focus first tab
-
           this.handlePrevent(event);
           break;
-
         case "End":
           tabs[tabs.length - 1].focus({
             preventScroll
           }); // focus last tab
-
           this.handlePrevent(event);
           break;
       }
     };
   }
-
   init() {
     this._adapter.collectPane();
   }
-
   _notifyChange(activeKey) {
     const {
       activeKey: stateActiveKey
     } = this.getStates();
-
     if (stateActiveKey !== activeKey) {
       this._adapter.notifyChange(activeKey);
     }
   }
-
   handleTabClick(activeKey, event) {
     const isControlledComponent = this._isInProps('activeKey');
-
     if (isControlledComponent) {
       this._notifyChange(activeKey);
     } else {
       this._notifyChange(activeKey);
-
       this.handleNewActiveKey(activeKey);
     }
-
     this._adapter.notifyTabClick(activeKey, event);
   }
-
   handleNewActiveKey(activeKey) {
     const {
       activeKey: stateActiveKey
     } = this.getStates();
-
     if (stateActiveKey !== activeKey) {
       this._adapter.setNewActiveKey(activeKey);
     }
   }
-
   getDefaultActiveKey() {
     let activeKey;
     const props = this.getProps();
-
     if ('activeKey' in props) {
       activeKey = props.activeKey;
     } else if ('defaultActiveKey' in props) {
@@ -118,30 +93,23 @@ class TabsFoundation extends _foundation.default {
     } else {
       activeKey = this._adapter.getDefaultActiveKeyFromChildren();
     }
-
     return activeKey;
   }
-
   handleTabListChange() {
     this._adapter.collectPane();
   }
-
   handleTabPanesChange() {
     this._adapter.collectPane();
-
     this._adapter.collectActiveKey();
   }
-
   handleTabDelete(tabKey) {
     this._adapter.notifyTabDelete(tabKey);
   }
-
   determineOrientation(event, tabs) {
     const {
       tabPosition
     } = this.getProps();
     const isVertical = tabPosition === 'left';
-
     if (isVertical) {
       if (event.key === "ArrowUp" || event.key === "ArrowDown") {
         this.switchTabOnArrowPress(event, tabs);
@@ -154,17 +122,15 @@ class TabsFoundation extends _foundation.default {
       }
     }
   }
-
   handleDeleteKeyDown(event, tabs, itemKey, closable) {
     const {
       preventScroll
     } = this.getProps();
-
     if (closable) {
       this.handleTabDelete(itemKey);
-      const index = tabs.indexOf(event.target); // Move focus to next element after deletion
+      const index = tabs.indexOf(event.target);
+      // Move focus to next element after deletion
       // If the element is the last removable tab, focus to its previous tab
-
       if (tabs.length !== 1) {
         tabs[index + 1 >= tabs.length ? index - 1 : index + 1].focus({
           preventScroll
@@ -172,7 +138,6 @@ class TabsFoundation extends _foundation.default {
       }
     }
   }
-
   switchTabOnArrowPress(event, tabs) {
     const {
       preventScroll
@@ -184,7 +149,6 @@ class TabsFoundation extends _foundation.default {
       "ArrowRight": 1,
       "ArrowDown": 1
     };
-
     if (direction[event.key]) {
       if (index !== undefined) {
         if (tabs[index + direction[event.key]]) {
@@ -203,8 +167,6 @@ class TabsFoundation extends _foundation.default {
       }
     }
   }
-
 }
-
 var _default = TabsFoundation;
 exports.default = _default;

package/lib/cjs/tag/constants.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 /* eslint-disable max-len */
+
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-tag`
 };

package/lib/cjs/tagInput/constants.js

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

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

@@ -1,8 +1,8 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export declare type TagInputChangeEvent = any;
-export declare type TagInputCursorEvent = any;
-export declare type TagInputKeyboardEvent = any;
-export declare type TagInputMouseEvent = any;
+export type TagInputChangeEvent = any;
+export type TagInputCursorEvent = any;
+export type TagInputKeyboardEvent = any;
+export type TagInputMouseEvent = any;
 export interface OnSortEndProps {
     oldIndex: number;
     newIndex: number;

package/lib/cjs/tagInput/foundation.js

@@ -4,34 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _keyCode = _interopRequireDefault(require("../utils/keyCode"));
-
 var _getSplitedArray = _interopRequireDefault(require("./utils/getSplitedArray"));
-
 var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
-
 var _arrayMove = _interopRequireDefault(require("../utils/arrayMove"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class TagInputFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
     /**
      * handler of input change
      */
-
     this.handleInputChange = e => {
       const {
         value
@@ -39,7 +27,6 @@ class TagInputFoundation extends _foundation.default {
       const {
         entering
       } = this.getStates();
-
       if (entering) {
         // 如果处于输入法输入中，则先不检查输入是否有效，直接更新到inputValue，
         // 因为对于输入法输入中而言，此时更新到 inputValue 的不是最后的结果，比如对于中文，此时 inputValue 中的内容是拼音
@@ -53,14 +40,11 @@ class TagInputFoundation extends _foundation.default {
         this._checkInputChangeValid(value) && this._onInputChange(value, e);
       }
     };
-
     this.handleInputCompositionStart = e => {
       this._adapter.setEntering(true);
     };
-
     this.handleInputCompositionEnd = e => {
       this._adapter.setEntering(false);
-
       const {
         value
       } = e.target;
@@ -73,11 +57,9 @@ class TagInputFoundation extends _foundation.default {
       const {
         inputValue
       } = this.getStates();
-
       if ((0, _isNumber2.default)(maxLength)) {
         const inputArr = (0, _getSplitedArray.default)(inputValue, separator);
         let index = 0;
-
         for (; index < inputArr.length; index++) {
           if (inputArr[index].length > maxLength) {
             allowChange = false;
@@ -85,14 +67,11 @@ class TagInputFoundation extends _foundation.default {
             break;
           }
         }
-
         if (!allowChange) {
           const newInputArr = inputArr.slice(0, index);
-
           if (index < inputArr.length) {
             newInputArr.push(inputArr[index].slice(0, maxLength));
           }
-
           this._adapter.setInputValue(newInputArr.join(separator));
         }
       }
@@ -100,8 +79,6 @@ class TagInputFoundation extends _foundation.default {
     /**
      * check whether the input change is legal
      */
-
-
     this._checkInputChangeValid = value => {
       // e.target.value legitimacy judgment needs to be based on this.state.input Value
       const {
@@ -109,18 +86,14 @@ class TagInputFoundation extends _foundation.default {
         onInputExceed,
         separator
       } = this._adapter.getProps();
-
       const {
         inputValue
       } = this._adapter.getStates();
-
       let allowChange = true;
-
       if ((0, _isNumber2.default)(maxLength)) {
         const valueArr = (0, _getSplitedArray.default)(value, separator);
         const inputArr = (0, _getSplitedArray.default)(inputValue, separator);
         const maxLen = Math.max(valueArr.length, inputArr.length);
-
         for (let i = 0; i < maxLen; i++) {
           // When the input length is increasing
           // eslint-disable-next-line max-len
@@ -135,45 +108,34 @@ class TagInputFoundation extends _foundation.default {
           }
         }
       }
-
       return allowChange;
     };
     /**
      * Input event handler when onKeyDown is triggered
      */
-
-
     this.handleKeyDown = e => {
       const {
         inputValue,
         tagsArray
       } = this._adapter.getStates();
-
       const code = e.keyCode;
-
       if (code === _keyCode.default.ENTER) {
         e.preventDefault(); // prevent trigger submit when using in form
-
         if (inputValue !== '') {
           this._handleAddTags(e);
         }
       }
-
       const {
         length
       } = tagsArray;
-
       if (code === _keyCode.default.BACKSPACE && inputValue === '' && length > 0) {
         const newTagList = tagsArray.slice(0, length - 1);
         const removedTag = tagsArray[length - 1];
-
         this._onRemove(newTagList, removedTag, length - 1);
       }
-
       this._adapter.notifyKeyDown(e);
     };
   }
-
   _handleAddTags(e) {
     const {
       separator,
@@ -181,12 +143,10 @@ class TagInputFoundation extends _foundation.default {
       onExceed,
       allowDuplicates
     } = this._adapter.getProps();
-
     const {
       inputValue,
       tagsArray
     } = this._adapter.getStates();
-
     let addTags = (0, _getSplitedArray.default)(inputValue, separator);
     addTags = addTags.filter((item, idx) => {
       // If allowDuplicates is false, then filter duplicates
@@ -194,136 +154,102 @@ class TagInputFoundation extends _foundation.default {
         if (tagsArray.includes(item) || addTags.indexOf(item) !== idx) {
           return false;
         }
-      } // Filter empty strings and pure space strings in new items
-
-
+      }
+      // Filter empty strings and pure space strings in new items
       return (0, _isString2.default)(item) && item.trim() !== '';
     });
     let newTagList = tagsArray.concat(addTags);
-
     if ((0, _isNumber2.default)(max) && newTagList.length > max) {
       (0, _isFunction2.default)(onExceed) && onExceed(newTagList);
       newTagList = newTagList.slice(0, max);
       addTags = addTags.slice(0, max - tagsArray.length);
     }
-
     if (addTags.length > 0) {
       this._onAdd(newTagList, addTags);
     }
-
     this._onInputChange('', e);
   }
-
   handleInputBlur(e) {
     const {
       addOnBlur
     } = this._adapter.getProps();
-
     if (addOnBlur === true) {
       this._handleAddTags(e);
     }
-
     this._adapter.setFocusing(false);
-
     this._adapter.notifyBlur(e);
   }
-
   handleInputFocus(e) {
     this._adapter.setFocusing(true);
-
     this._adapter.notifyFocus(e);
   }
   /**
    * A11y: simulate clear button click
    */
-
   /* istanbul ignore next */
-
-
   handleClearEnterPress(e) {
     if ((0, _isEnterPress.default)(e)) {
       this.handleClearBtn(e);
     }
   }
-
   handleClearBtn(e) {
     const {
       inputValue,
       tagsArray
     } = this._adapter.getStates();
-
     if (tagsArray.length > 0) {
       this._adapter.setTagsArray([]);
-
       this._adapter.notifyTagChange([]);
     }
-
     if (inputValue.length > 0) {
       this._onInputChange('', e);
-    } // Prevent event propagate to TagInput outermost div
-
-
+    }
+    // Prevent event propagate to TagInput outermost div
     e.stopPropagation();
   }
-
   handleTagClose(index) {
     const {
       tagsArray
     } = this._adapter.getStates();
-
     const newTagList = [...tagsArray];
     newTagList.splice(index, 1);
     const removedTag = tagsArray[index];
-
     this._onRemove(newTagList, removedTag, index);
   }
-
   handleInputMouseEnter() {
     this._adapter.setHovering(true);
   }
-
   handleInputMouseLeave() {
     this._adapter.setHovering(false);
   }
-
   handleClick(e) {
     const {
       disabled
     } = this.getProps();
-
     if (disabled) {
       return;
     }
-
     const clickOutsideHandler = this._adapter.getClickOutsideHandler();
-
     if (!clickOutsideHandler) {
       this._adapter.setActive(true);
-
       this._adapter.registerClickOutsideHandler(e => this.clickOutsideCallBack());
     }
   }
-
   clickOutsideCallBack() {
     this._adapter.unregisterClickOutsideHandler();
-
     this._adapter.setActive(false);
   }
-
   handleClickPrefixOrSuffix(e) {
     const {
       disabled
     } = this._adapter.getProps();
-
     const {
       isFocus
     } = this._adapter.getStates();
-
     if (!disabled && !isFocus) {
       this._adapter.toggleFocusing(true);
     }
   }
-
   handlePreventMouseDown(e) {
     if (e && (0, _isFunction2.default)(e.preventDefault)) {
       e.preventDefault();
@@ -332,42 +258,30 @@ class TagInputFoundation extends _foundation.default {
   /**
    * handler of delete tag
    */
-
-
   _onRemove(newTagList, removedTags, index) {
     if (!this._isControlledComponent()) {
       this._adapter.setTagsArray(newTagList);
     }
-
     this._adapter.notifyTagChange(newTagList);
-
     this._adapter.notifyTagRemove(removedTags, index);
   }
   /**
    * handler of add tag
    */
-
-
   _onAdd(newTagList, addTags) {
     if (!this._isControlledComponent()) {
       this._adapter.setTagsArray(newTagList);
     }
-
     this._adapter.notifyTagChange(newTagList);
-
     this._adapter.notifyTagAdd(addTags);
   }
   /**
    * handler of input change
    */
-
-
   _onInputChange(value, e) {
     this._adapter.setInputValue(value);
-
     this._adapter.notifyInputChange(value, e);
   }
-
   handleSortEnd(callbackProps) {
     const {
       oldIndex,
@@ -377,15 +291,11 @@ class TagInputFoundation extends _foundation.default {
       tagsArray
     } = this.getStates();
     const newTagsArray = (0, _arrayMove.default)(tagsArray, oldIndex, newIndex);
-
     if (!this._isControlledComponent()) {
       this._adapter.setTagsArray(newTagsArray);
     }
-
     this._adapter.notifyTagChange(newTagsArray);
   }
-
 }
-
 var _default = TagInputFoundation;
 exports.default = _default;

package/lib/cjs/tagInput/utils/getSplitedArray.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
 var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * Get the splited array.
  * We expect separators to be string | string[] | null, but users
@@ -20,25 +15,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 const getSplitedArray = (originString, separators) => {
   let splitedValue = [];
-
   if ((0, _isString2.default)(separators) || (0, _isNumber2.default)(separators)) {
     splitedValue = originString.split(separators);
   } else if ((0, _isArray2.default)(separators)) {
     const tempChar = separators[0]; // temporary splitter
-
     splitedValue = originString;
-
     for (let i = 1; i < separators.length; i++) {
       splitedValue = splitedValue.split(separators[i]).join(tempChar);
     }
-
     splitedValue = splitedValue.split(tempChar);
   } else {
     splitedValue.push(originString);
   }
-
   return splitedValue;
 };
-
 var _default = getSplitedArray;
 exports.default = _default;