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

package/lib/cjs/autoComplete/foundation.js

@@ -4,77 +4,58 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _warning = _interopRequireDefault(require("../utils/warning"));
-
 var _keyCode = _interopRequireDefault(require("../utils/keyCode"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable prefer-const, max-len */
+
 class AutoCompleteFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
     this.isPanelOpen = false;
   }
-
   init() {
     this._setDropdownWidth();
-
     const {
       defaultOpen,
       data,
       defaultValue,
       value
     } = this.getProps();
-
     if (data && data.length) {
       const initOptions = this._generateList(data);
-
       this._adapter.updateOptionList(initOptions);
     }
-
     if (defaultOpen) {
       this.openDropdown();
-    } // When both defaultValue and value exist, finally the value of value will be taken as initValue
-
-
+    }
+    // When both defaultValue and value exist, finally the value of value will be taken as initValue
     let initValue;
-
     if (typeof defaultValue !== 'undefined') {
       initValue = defaultValue;
     }
-
     if (typeof value !== 'undefined') {
       initValue = value;
     }
-
     if (typeof initValue !== 'undefined') {
       this.handleValueChange(initValue);
     }
   }
-
-  destroy() {// this._adapter.unregisterClickOutsideHandler();
+  destroy() {
+    // this._adapter.unregisterClickOutsideHandler();
     // this.unBindKeyBoardEvent();
   }
-
   _setDropdownWidth() {
     const {
       style,
       dropdownMatchSelectWidth
     } = this.getProps();
     let width;
-
     if (dropdownMatchSelectWidth) {
       if (style && (0, _isNumber2.default)(style.width)) {
         width = style.width;
@@ -83,11 +64,9 @@ class AutoCompleteFoundation extends _foundation.default {
       } else {
         width = this._adapter.getTriggerWidth();
       }
-
       this._adapter.setOptionWrapperWidth(width);
     }
   }
-
   handleInputClick(e) {
     const {
       options
@@ -95,7 +74,6 @@ class AutoCompleteFoundation extends _foundation.default {
     const {
       disabled
     } = this.getProps();
-
     if (!disabled) {
       if (this.isPanelOpen) {
         this.closeDropdown();
@@ -104,43 +82,32 @@ class AutoCompleteFoundation extends _foundation.default {
       }
     }
   }
-
   openDropdown() {
     this.isPanelOpen = true;
-
     this._adapter.toggleListVisible(true);
-
-    this._setDropdownWidth(); // this._adapter.registerClickOutsideHandler(e => this.closeDropdown(e));
-
-
+    this._setDropdownWidth();
+    // this._adapter.registerClickOutsideHandler(e => this.closeDropdown(e));
     this._adapter.notifyDropdownVisibleChange(true);
-
     this._modifyFocusIndexOnPanelOpen();
   }
-
   closeDropdown(e) {
     this.isPanelOpen = false;
-
-    this._adapter.toggleListVisible(false); // this._adapter.unregisterClickOutsideHandler();
-
-
-    this._adapter.notifyDropdownVisibleChange(false); // After closing the panel, you can still open the panel by pressing the enter key
+    this._adapter.toggleListVisible(false);
+    // this._adapter.unregisterClickOutsideHandler();
+    this._adapter.notifyDropdownVisibleChange(false);
+    // After closing the panel, you can still open the panel by pressing the enter key
     // this.unBindKeyBoardEvent();
-
-  } // props.data => optionList
-
-
+  }
+  // props.data => optionList
   _generateList(data) {
     const {
       renderItem
     } = this.getProps();
     const options = [];
-
     if (data && data.length) {
       data.forEach((item, i) => {
         const key = String(new Date().getTime()) + i;
         let option = {};
-
         if ((0, _isString2.default)(item) || (0, _isNumber2.default)(item)) {
           option = {
             value: item,
@@ -153,47 +120,36 @@ class AutoCompleteFoundation extends _foundation.default {
             show: true
           }, item);
         }
-
         if (renderItem && typeof renderItem === 'function') {
           option.label = renderItem(item);
         }
-
         options.push(option);
       });
     }
-
     return options;
   }
-
   handleSearch(inputValue) {
     this._adapter.updateInputValue(inputValue);
-
     this._adapter.notifySearch(inputValue);
-
     this._adapter.notifyChange(inputValue);
-
     this._modifyFocusIndex(inputValue);
-
     if (!this.isPanelOpen) {
       this.openDropdown();
     }
   }
-
   handleSelect(option, optionIndex) {
     const {
       renderSelectedItem
     } = this.getProps();
     let newInputValue = '';
-
     if (renderSelectedItem && typeof renderSelectedItem === 'function') {
       newInputValue = renderSelectedItem(option);
       (0, _warning.default)(typeof newInputValue !== 'string', 'Warning: [Semi AutoComplete] renderSelectedItem must return string, please check your function return');
     } else {
       newInputValue = option.value;
-    } // 1. trigger onSelect
+    }
+    // 1. trigger onSelect
     // 2. close Dropdown
-
-
     if (this._isControlledComponent()) {
       this.closeDropdown();
       this.notifySelect(option);
@@ -203,27 +159,20 @@ class AutoCompleteFoundation extends _foundation.default {
       // 3. trigger onSelect
       // 4. close Dropdown
       this._adapter.updateInputValue(newInputValue);
-
       this.updateSelection(option);
       this.notifySelect(option);
       this.closeDropdown();
     }
-
     this._adapter.notifyChange(newInputValue);
-
     this._adapter.updateFocusIndex(optionIndex);
   }
-
   updateSelection(option) {
     const selection = new Map();
-
     if (option) {
       selection.set(option.label, option);
     }
-
     this._adapter.updateSelection(selection);
   }
-
   notifySelect(option) {
     if (this._backwardLabelInValue()) {
       this._adapter.notifySelect(option);
@@ -231,7 +180,6 @@ class AutoCompleteFoundation extends _foundation.default {
       this._adapter.notifySelect(option.value);
     }
   }
-
   _backwardLabelInValue() {
     const props = this.getProps();
     let {
@@ -239,38 +187,29 @@ class AutoCompleteFoundation extends _foundation.default {
     } = props;
     return onSelectWithObject;
   }
-
   handleDataChange(newData) {
     const options = this._generateList(newData);
-
     this._adapter.updateOptionList(options);
-
     this._adapter.rePositionDropdown();
   }
-
   handleValueChange(propValue) {
     let {
       data,
       defaultActiveFirstOption
     } = this.getProps();
     let selectedValue = '';
-
     if (this._backwardLabelInValue() && Object.prototype.toString.call(propValue) === '[object Object]') {
       selectedValue = propValue.value;
     } else {
       selectedValue = propValue;
     }
-
     let renderSelectedItem = this._getRenderSelectedItem();
-
-    const options = this._generateList(data); // Get the option whose value match from options
-
-
+    const options = this._generateList(data);
+    // Get the option whose value match from options
     let selectedOption = options.filter(option => renderSelectedItem(option) === selectedValue);
     const canMatchInData = selectedOption.length;
     const selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === selectedValue);
     let inputValue = '';
-
     if (canMatchInData) {
       selectedOption = selectedOption[0];
       inputValue = renderSelectedItem(selectedOption);
@@ -281,18 +220,14 @@ class AutoCompleteFoundation extends _foundation.default {
       };
       inputValue = renderSelectedItem(cbItem);
     }
-
     this._adapter.updateInputValue(inputValue);
-
     this.updateSelection(canMatchInData ? selectedOption : null);
-
     if (selectedOptionIndex === -1 && defaultActiveFirstOption) {
       this._adapter.updateFocusIndex(0);
     } else {
       this._adapter.updateFocusIndex(selectedOptionIndex);
     }
   }
-
   _modifyFocusIndex(searchValue) {
     let {
       focusIndex
@@ -301,13 +236,9 @@ class AutoCompleteFoundation extends _foundation.default {
       data,
       defaultActiveFirstOption
     } = this.getProps();
-
     let renderSelectedItem = this._getRenderSelectedItem();
-
     const options = this._generateList(data);
-
     const selectedOptionIndex = options.findIndex(option => renderSelectedItem(option) === searchValue);
-
     if (selectedOptionIndex === -1 && defaultActiveFirstOption) {
       if (focusIndex !== 0) {
         this._adapter.updateFocusIndex(0);
@@ -318,87 +249,66 @@ class AutoCompleteFoundation extends _foundation.default {
       }
     }
   }
-
   _modifyFocusIndexOnPanelOpen() {
     let {
       inputValue
     } = this.getStates();
-
     this._modifyFocusIndex(inputValue);
   }
-
   _getRenderSelectedItem() {
     let {
       renderSelectedItem
     } = this.getProps();
-
     if (typeof renderSelectedItem === 'undefined') {
       renderSelectedItem = option => option.value;
-    } else if (renderSelectedItem && typeof renderSelectedItem === 'function') {// do nothing
+    } else if (renderSelectedItem && typeof renderSelectedItem === 'function') {
+      // do nothing
     }
-
     return renderSelectedItem;
   }
-
   handleClear() {
     this._adapter.notifyClear();
   }
-
   bindKeyBoardEvent() {
     this._keydownHandler = event => {
       this._handleKeyDown(event);
     };
-
     this._adapter.registerKeyDown(this._keydownHandler);
-  } // unBindKeyBoardEvent() {
+  }
+  // unBindKeyBoardEvent() {
   //     if (this._keydownHandler) {
   //         this._adapter.unregisterKeyDown(this._keydownHandler);
   //     }
   // }
-
-
   _handleKeyDown(event) {
     const key = event.keyCode;
     const {
       visible
     } = this.getStates();
-
     switch (key) {
       case _keyCode.default.UP:
         // Prevent Input's cursor from following the movement
         event.preventDefault();
-
         this._handleArrowKeyDown(-1);
-
         break;
-
       case _keyCode.default.DOWN:
         // Prevent Input's cursor from following the movement
         event.preventDefault();
-
         this._handleArrowKeyDown(1);
-
         break;
-
       case _keyCode.default.ENTER:
         // when custom trigger, prevent outer open panel again
         event.preventDefault();
-
         this._handleEnterKeyDown();
-
         break;
-
       case _keyCode.default.ESC:
         this.closeDropdown();
         break;
-
       default:
         break;
     }
-
     this._adapter.notifyKeyDown(event);
   }
-
   _getEnableFocusIndex(offset) {
     const {
       focusIndex,
@@ -407,72 +317,56 @@ class AutoCompleteFoundation extends _foundation.default {
     const visibleOptions = options.filter(item => item.show);
     const optionsLength = visibleOptions.length;
     let index = focusIndex + offset;
-
     if (index < 0) {
       index = optionsLength - 1;
     }
-
     if (index >= optionsLength) {
       index = 0;
-    } // avoid newIndex option is disabled
-
-
+    }
+    // avoid newIndex option is disabled
     if (offset > 0) {
       let nearestActiveOption = -1;
-
       for (let i = 0; i < visibleOptions.length; i++) {
         const optionIsActive = !visibleOptions[i].disabled;
-
         if (optionIsActive) {
           nearestActiveOption = i;
         }
-
         if (nearestActiveOption >= index) {
           break;
         }
       }
-
       index = nearestActiveOption;
     } else {
       let nearestActiveOption = visibleOptions.length;
-
       for (let i = optionsLength - 1; i >= 0; i--) {
         const optionIsActive = !visibleOptions[i].disabled;
-
         if (optionIsActive) {
           nearestActiveOption = i;
         }
-
         if (nearestActiveOption <= index) {
           break;
         }
       }
-
       index = nearestActiveOption;
     }
-
     this._adapter.updateFocusIndex(index);
   }
-
   _handleArrowKeyDown(offset) {
     const {
       visible
     } = this.getStates();
-
     if (!visible) {
       this.openDropdown();
     } else {
       this._getEnableFocusIndex(offset);
     }
   }
-
   _handleEnterKeyDown() {
     const {
       visible,
       options,
       focusIndex
     } = this.getStates();
-
     if (!visible) {
       this.openDropdown();
     } else {
@@ -485,34 +379,26 @@ class AutoCompleteFoundation extends _foundation.default {
       }
     }
   }
-
   handleOptionMouseEnter(optionIndex) {
     this._adapter.updateFocusIndex(optionIndex);
   }
-
   handleFocus(e) {
     // If you get the focus through the tab key, you need to manually bind keyboard events
     // Then you can open the panel by pressing the enter key
     this.bindKeyBoardEvent();
-
     this._adapter.notifyFocus(e);
   }
-
   handleBlur(e) {
     // only need persist on react adapter
     // https://reactjs.org/docs/legacy-event-pooling.html
-    this._persistEvent(e); // In order to handle the problem of losing onClick binding when clicking on the padding area, the onBlur event is triggered first to cause the react view to be updated
+    this._persistEvent(e);
+    // In order to handle the problem of losing onClick binding when clicking on the padding area, the onBlur event is triggered first to cause the react view to be updated
     // internal-issues:1231
-
-
     setTimeout(() => {
       this._adapter.notifyBlur(e);
-
       this.closeDropdown();
     }, 100);
   }
-
 }
-
 var _default = AutoCompleteFoundation;
 exports.default = _default;

package/lib/cjs/autoComplete/optionFoundation.js

@@ -4,34 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class OptionFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
-  init() {} // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  init() {}
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
-
   onOptionClick(option) {
     const isDisabled = this._isDisabled();
-
     if (!isDisabled) {
       this._adapter.notifyClick(option);
     }
   }
-
   _isDisabled() {
     return this.getProp('disabled');
   }
-
 }
-
 exports.default = OptionFoundation;

package/lib/cjs/avatar/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}-avatar`
 };

package/lib/cjs/avatar/foundation.js

@@ -4,22 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _warning = _interopRequireDefault(require("../utils/warning"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class AvatarFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
-
     this.handleFocusVisible = event => {
       const {
         target
       } = event;
-
       try {
         if (target.matches(':focus-visible')) {
           this._adapter.setFocusVisible(true);
@@ -28,37 +22,26 @@ class AvatarFoundation extends _foundation.default {
         (0, _warning.default)(true, 'Warning: [Semi Avatar] The current browser does not support the focus-visible');
       }
     };
-
     this.handleBlur = () => {
       this._adapter.setFocusVisible(false);
     };
   }
-
   init() {} // eslint-disable-line
-
-
   destroy() {} // eslint-disable-line
-
-
   handleImgLoadError() {
     const {
       onError
     } = this.getProps();
     const errorFlag = onError ? onError() : undefined;
-
     if (errorFlag !== false) {
       this._adapter.notifyImgState(false);
     }
   }
-
   handleEnter(e) {
     this._adapter.notifyEnter(e);
   }
-
   handleLeave(e) {
     this._adapter.notifyLeave(e);
   }
-
 }
-
 exports.default = AvatarFoundation;

package/lib/cjs/backtop/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}-backtop`
 };

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

@@ -1,6 +1,6 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export declare type BackTopClickEvent = any;
-export declare type Target = any;
+export type BackTopClickEvent = any;
+export type Target = any;
 export interface BackTopAdapter extends DefaultAdapter {
     updateVisible: (visible: boolean) => void;
     notifyClick: (e: BackTopClickEvent) => void;