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

package/lib/es/datePicker/yearAndMonthFoundation.d.ts

@@ -3,7 +3,7 @@ import { PresetPosition } from './foundation';
 import { ArrayElement } from '../utils/type';
 import { strings } from './constants';
 import { PanelType } from './monthsGridFoundation';
-declare type Type = ArrayElement<typeof strings.TYPE_SET>;
+type Type = ArrayElement<typeof strings.TYPE_SET>;
 export interface YearAndMonthFoundationProps {
     currentYear: {
         left: number;
@@ -36,6 +36,8 @@ export interface YearAndMonthFoundationProps {
     renderDateInput?: any;
     type?: Type;
     yearAndMonthOpts?: any;
+    startYear?: number;
+    endYear?: number;
 }
 export interface YearAndMonthFoundationState {
     years: Array<{

package/lib/es/datePicker/yearAndMonthFoundation.js

@@ -5,14 +5,11 @@ import { strings } from './constants';
 export default class YearAndMonthFoundation extends BaseFoundation {
   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() {}
-
   selectYear(item, panelType) {
     // const year = item.value;
     const {
@@ -24,14 +21,11 @@ export default class YearAndMonthFoundation extends BaseFoundation {
     } = this.getProps();
     const left = strings.PANEL_TYPE_LEFT;
     const right = strings.PANEL_TYPE_RIGHT;
-
     const year = _cloneDeep(currentYear);
-
-    year[panelType] = item.value; // make sure the right panel time is always less than the left panel time
-
+    year[panelType] = item.value;
+    // make sure the right panel time is always less than the left panel time
     if (type === 'monthRange') {
       const isSameYearIllegalDate = year[left] === year[right] && currentMonth[left] > currentMonth[right];
-
       if (panelType === left && item.value > year[right] || panelType === left && isSameYearIllegalDate) {
         // 1. select left year and left year > right year
         // 2. select left year, left year = right year, but left date > right date
@@ -41,12 +35,9 @@ export default class YearAndMonthFoundation extends BaseFoundation {
         year[left] = item.value - 1;
       }
     }
-
     this._adapter.setCurrentYear(year, () => this.autoSelectMonth(item, panelType, year));
-
     this._adapter.notifySelectYear(year);
   }
-
   selectMonth(item, panelType) {
     const {
       currentMonth,
@@ -57,38 +48,29 @@ export default class YearAndMonthFoundation extends BaseFoundation {
     } = this.getProps();
     const left = strings.PANEL_TYPE_LEFT;
     const right = strings.PANEL_TYPE_RIGHT;
-
     const month = _cloneDeep(currentMonth);
-
-    month[panelType] = item.month; // make sure the right panel time is always less than the left panel time
-
+    month[panelType] = item.month;
+    // make sure the right panel time is always less than the left panel time
     if (type === 'monthRange' && panelType === left && currentYear[left] === currentYear[right] && item.value > month[right]) {
       month[right] = item.month + 1;
     }
-
     this._adapter.setCurrentMonth(month);
-
     this._adapter.notifySelectMonth(month);
   }
   /**
    * After selecting a year, if the currentMonth is disabled, automatically select a non-disabled month
    */
-
-
   autoSelectMonth(item, panelType, year) {
     const {
       disabledDate,
       locale
     } = this._adapter.getProps();
-
     const {
       months,
       currentMonth
     } = this._adapter.getStates();
-
     const currentDate = setYear(Date.now(), item.year);
     const isCurrentMonthDisabled = disabledDate(setMonth(currentDate, currentMonth[panelType] - 1));
-
     if (isCurrentMonthDisabled) {
       const currentIndex = months.findIndex(_ref => {
         let {
@@ -96,15 +78,14 @@ export default class YearAndMonthFoundation extends BaseFoundation {
         } = _ref;
         return month === currentMonth[panelType];
       });
-      let validMonth; // First look in the back, if you can't find it in the back, then look in the front
-
+      let validMonth;
+      // First look in the back, if you can't find it in the back, then look in the front
       validMonth = months.slice(currentIndex).find(_ref2 => {
         let {
           month
         } = _ref2;
         return !disabledDate(setMonth(currentDate, month - 1));
       });
-
       if (!validMonth) {
         validMonth = months.slice(0, currentIndex).find(_ref3 => {
           let {
@@ -113,21 +94,16 @@ export default class YearAndMonthFoundation extends BaseFoundation {
           return !disabledDate(setMonth(currentDate, month - 1));
         });
       }
-
       if (validMonth) {
         const month = _cloneDeep(currentMonth);
-
-        month[panelType] = validMonth.month; // change year and month same time
-
+        month[panelType] = validMonth.month;
+        // change year and month same time
         this._adapter.setCurrentYearAndMonth(year, month);
-
         this._adapter.notifySelectYearAndMonth(year, month);
       }
     }
   }
-
   backToMain() {
     this._adapter.notifyBackToMain();
   }
-
 }

package/lib/es/dropdown/foundation.js

@@ -3,62 +3,48 @@ import { handlePrevent, setFocusToFirstItem, setFocusToLastItem } from '../utils
 export default class DropdownFoundation extends BaseFoundation {
   handleVisibleChange(visible) {
     this._adapter.setPopVisible(visible);
-
     this._adapter.notifyVisibleChange(visible);
-
     const {
       trigger
     } = this.getProps();
-
     if (visible && trigger === "click") {
       const popupId = this._adapter.getPopupId();
-
       this.setFocusToFirstMenuItem(popupId);
     }
   }
-
   getMenuItemNodes(id) {
-    const menuWrapper = document.getElementById(id); // if has dropdown item, the item must wrapped by li
-
+    const menuWrapper = document.getElementById(id);
+    // if has dropdown item, the item must wrapped by li
     return menuWrapper ? Array.from(menuWrapper.getElementsByTagName('li')).filter(item => item.ariaDisabled === "false") : null;
   }
-
   setFocusToFirstMenuItem(id) {
     const menuItemNodes = this.getMenuItemNodes(id);
     menuItemNodes && setFocusToFirstItem(menuItemNodes);
   }
-
   setFocusToLastMenuItem(id) {
     const menuItemNodes = this.getMenuItemNodes(id);
     menuItemNodes && setFocusToLastItem(menuItemNodes);
   }
-
   handleKeyDown(event) {
     var _a, _b;
-
     const id = (_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.attributes['data-popupid']) === null || _b === void 0 ? void 0 : _b.value;
-
     switch (event.key) {
       case ' ':
       case 'Enter':
-        event.target.click(); // user may use input to be the trigger and bind some key event on it, so do not stoppropagation
+        event.target.click();
+        // user may use input to be the trigger and bind some key event on it, so do not stoppropagation
         // handlePrevent(event);
-
         break;
-
       case 'ArrowDown':
         this.setFocusToFirstMenuItem(id);
         handlePrevent(event);
         break;
-
       case 'ArrowUp':
         this.setFocusToLastMenuItem(id);
         handlePrevent(event);
         break;
-
       default:
         break;
     }
   }
-
 }

package/lib/es/dropdown/menuFoundation.js

@@ -6,73 +6,59 @@ export default class DropdownMenuFoundation extends BaseFoundation {
     this.menuItemNodes = null;
     this.firstChars = [];
   }
-
   handleEscape(menu) {
     const trigger = this._adapter.getContext('trigger');
-
     if (trigger === 'custom') {
       const menuButton = menu && getMenuButton(document.querySelectorAll(`[data-popupid]`), menu.id);
       menuButton.focus();
     }
   }
-
   setFocusByFirstCharacter(curItem, char) {
     const index = findIndexByCharacter(this.menuItemNodes, curItem, this.firstChars, char);
-
     if (index >= 0) {
       setFocusToItem(this.menuItemNodes, this.menuItemNodes[index]);
     }
   }
-
   onMenuKeydown(event) {
     const menu = getAncestorNodeByRole(event.target, 'tooltip');
-
     if (!this.menuItemNodes) {
       this.menuItemNodes = [...event.target.parentNode.getElementsByTagName('li')].filter(item => item.ariaDisabled !== "true");
     }
-
     if (this.firstChars.length === 0) {
       this.menuItemNodes.forEach(item => {
-        var _a; // the menuItemNodes can be an component and not exit textContent
-
-
+        var _a;
+        // the menuItemNodes can be an component and not exit textContent
         this.firstChars.push((_a = item.textContent.trim()[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase());
       });
-    } // get the currently focused menu item
-
-
+    }
+    // get the currently focused menu item
     const curItem = this.menuItemNodes.find(item => item.tabIndex === 0);
-
     switch (event.key) {
       case ' ':
       case 'Enter':
-        event.target.click(); // user may use input to be the trigger and bind some key event on it, so do not stoppropagation
+        event.target.click();
+        // user may use input to be the trigger and bind some key event on it, so do not stoppropagation
         // handlePrevent(event);
-
         break;
-
       case 'Escape':
         this.handleEscape(menu);
         break;
-
       case 'ArrowUp':
         setFocusToPreviousMenuItem(this.menuItemNodes, curItem);
         handlePrevent(event);
         break;
-
       case 'ArrowDown':
         setFocusToNextMenuitem(this.menuItemNodes, curItem);
         handlePrevent(event);
         break;
-
       default:
         if (isPrintableCharacter(event.key)) {
-          this.setFocusByFirstCharacter(curItem, event.key); // it can be an input on Dropdown, handlePrevent may affect the input of the component
+          this.setFocusByFirstCharacter(curItem, event.key);
+          // it can be an input on Dropdown, handlePrevent may affect the input of the component
           // handlePrevent(event); 
         }
 
         break;
     }
   }
-
 }