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

package/lib/es/tagInput/foundation.js

@@ -7,14 +7,12 @@ import keyCode from '../utils/keyCode';
 import getSplitedArray from './utils/getSplitedArray';
 import isEnterPress from '../utils/isEnterPress';
 import arrayMove from '../utils/arrayMove';
-
 class TagInputFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
     /**
      * handler of input change
      */
-
     this.handleInputChange = e => {
       const {
         value
@@ -22,7 +20,6 @@ class TagInputFoundation extends BaseFoundation {
       const {
         entering
       } = this.getStates();
-
       if (entering) {
         // 如果处于输入法输入中，则先不检查输入是否有效，直接更新到inputValue，
         // 因为对于输入法输入中而言，此时更新到 inputValue 的不是最后的结果，比如对于中文，此时 inputValue 中的内容是拼音
@@ -36,14 +33,11 @@ class TagInputFoundation extends BaseFoundation {
         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;
@@ -56,11 +50,9 @@ class TagInputFoundation extends BaseFoundation {
       const {
         inputValue
       } = this.getStates();
-
       if (_isNumber(maxLength)) {
         const inputArr = getSplitedArray(inputValue, separator);
         let index = 0;
-
         for (; index < inputArr.length; index++) {
           if (inputArr[index].length > maxLength) {
             allowChange = false;
@@ -68,14 +60,11 @@ class TagInputFoundation extends BaseFoundation {
             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));
         }
       }
@@ -83,8 +72,6 @@ class TagInputFoundation extends BaseFoundation {
     /**
      * 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 {
@@ -92,18 +79,14 @@ class TagInputFoundation extends BaseFoundation {
         onInputExceed,
         separator
       } = this._adapter.getProps();
-
       const {
         inputValue
       } = this._adapter.getStates();
-
       let allowChange = true;
-
       if (_isNumber(maxLength)) {
         const valueArr = getSplitedArray(value, separator);
         const inputArr = getSplitedArray(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
@@ -118,45 +101,34 @@ class TagInputFoundation extends BaseFoundation {
           }
         }
       }
-
       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.ENTER) {
         e.preventDefault(); // prevent trigger submit when using in form
-
         if (inputValue !== '') {
           this._handleAddTags(e);
         }
       }
-
       const {
         length
       } = tagsArray;
-
       if (code === keyCode.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,
@@ -164,12 +136,10 @@ class TagInputFoundation extends BaseFoundation {
       onExceed,
       allowDuplicates
     } = this._adapter.getProps();
-
     const {
       inputValue,
       tagsArray
     } = this._adapter.getStates();
-
     let addTags = getSplitedArray(inputValue, separator);
     addTags = addTags.filter((item, idx) => {
       // If allowDuplicates is false, then filter duplicates
@@ -177,136 +147,102 @@ class TagInputFoundation extends BaseFoundation {
         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 _isString(item) && item.trim() !== '';
     });
     let newTagList = tagsArray.concat(addTags);
-
     if (_isNumber(max) && newTagList.length > max) {
       _isFunction(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 (isEnterPress(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 && _isFunction(e.preventDefault)) {
       e.preventDefault();
@@ -315,42 +251,30 @@ class TagInputFoundation extends BaseFoundation {
   /**
    * 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,
@@ -360,14 +284,10 @@ class TagInputFoundation extends BaseFoundation {
       tagsArray
     } = this.getStates();
     const newTagsArray = arrayMove(tagsArray, oldIndex, newIndex);
-
     if (!this._isControlledComponent()) {
       this._adapter.setTagsArray(newTagsArray);
     }
-
     this._adapter.notifyTagChange(newTagsArray);
   }
-
 }
-
 export default TagInputFoundation;

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

@@ -1,7 +1,6 @@
 import _isNumber from "lodash/isNumber";
 import _isArray from "lodash/isArray";
 import _isString from "lodash/isString";
-
 /**
  * Get the splited array.
  * We expect separators to be string | string[] | null, but users
@@ -9,24 +8,18 @@ import _isString from "lodash/isString";
  */
 const getSplitedArray = (originString, separators) => {
   let splitedValue = [];
-
   if (_isString(separators) || _isNumber(separators)) {
     splitedValue = originString.split(separators);
   } else if (_isArray(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;
 };
-
 export default getSplitedArray;

package/lib/es/timePicker/ComboxFoundation.js

@@ -3,49 +3,39 @@ import BaseFoundation from '../base/foundation';
 import { isValidDate } from '../datePicker/_utils/index';
 import isNullOrUndefined from '../utils/isNullOrUndefined';
 const HOUR = 1000 * 60 * 60;
-const DAY = 24 * HOUR; // TODO: move to utils
-
+const DAY = 24 * HOUR;
+// TODO: move to utils
 export const formatOption = (option, disabledOptions) => {
   let value = `${option}`;
-
   if (option < 10) {
     value = `0${option}`;
   }
-
   let disabled = false;
-
   if (disabledOptions && disabledOptions.indexOf(option) >= 0) {
     disabled = true;
   }
-
   return {
     value,
     disabled
   };
 };
-
 function generateOptions(length, disabledOptions, hideDisabledOptions) {
   let step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
   const arr = [];
-
   for (let value = 0; value < length; value += step) {
     if (!disabledOptions || disabledOptions.indexOf(value) < 0 || !hideDisabledOptions) {
       arr.push(value);
     }
   }
-
   return arr;
 }
-
 class ComboboxFoundation extends BaseFoundation {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
   isAM() {
     return this.getProp('isAM');
   }
-
   initData() {
     const {
       timeStampValue,
@@ -73,13 +63,11 @@ class ComboboxFoundation extends BaseFoundation {
       secondOptions
     };
   }
-
   getPosition() {
     const position = this.getProp('position');
     const type = this.getProp('type') || strings.DEFAULT_TYPE;
     return position || strings.DEFAULT_POSITION[type];
   }
-
   getDefaultFormatIfNeed() {
     if (this._isInProps('format')) {
       return this.getProp('format');
@@ -89,14 +77,12 @@ class ComboboxFoundation extends BaseFoundation {
       return strings.DEFAULT_FORMAT;
     }
   }
-
   disabledHours() {
     const {
       use12Hours,
       disabledHours
     } = this.getProps();
     let disabledOptions = disabledHours && disabledHours();
-
     if (use12Hours && Array.isArray(disabledOptions)) {
       if (this.isAM()) {
         disabledOptions = disabledOptions.filter(h => h < 12).map(h => h === 0 ? 12 : h);
@@ -104,15 +90,13 @@ class ComboboxFoundation extends BaseFoundation {
         disabledOptions = disabledOptions.map(h => h === 12 ? 12 : h - 12);
       }
     }
-
     return disabledOptions;
   }
-
   getValidFormat(format) {
     let _format = isNullOrUndefined(format) ? this.getProp('format') : format;
-
     _format = this.getDefaultFormatIfNeed();
-    _format = typeof _format === 'string' ? _format : strings.DEFAULT_FORMAT; // if (use12Hours) {
+    _format = typeof _format === 'string' ? _format : strings.DEFAULT_FORMAT;
+    // if (use12Hours) {
     //     format = format.replace(/H/g, 'h');
     //     if (!/(\s+)a/i.test(format)) {
     //         format += ' a';
@@ -120,37 +104,27 @@ class ComboboxFoundation extends BaseFoundation {
     //         format = format.replace(/(\s+)A/i, '$1a');
     //     }
     // }
-
     return _format;
   }
   /**
    * from 13-bit timestamp  -> get display date
    * by combobox use
    */
-
-
   getDisplayDateFromTimeStamp(timeStamp) {
     let date;
-
     if (timeStamp) {
       date = new Date(timeStamp);
     }
-
     if (!timeStamp || !isValidDate(date)) {
       return this.createDateDefault();
     }
-
     return date;
   }
   /**
    * create a date at 00:00:00
    */
-
-
   createDateDefault() {
     return new Date(parseInt(String(Date.now() / DAY), 10) * DAY - 8 * HOUR);
   }
-
 }
-
 export default ComboboxFoundation;

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

@@ -1,5 +1,5 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export declare type Position = 'top' | 'topLeft' | 'topRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'leftTopOver' | 'rightTopOver';
+export type Position = 'top' | 'topLeft' | 'topRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'leftTopOver' | 'rightTopOver';
 export interface TimePickerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     togglePanel: (show: boolean) => void;
     registerClickOutSide: () => void;