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

package/lib/cjs/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/cjs/datePicker/yearAndMonthFoundation.js

@@ -4,28 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _dateFns = require("date-fns");
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _constants = require("./constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class YearAndMonthFoundation 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() {}
-
   selectYear(item, panelType) {
     // const year = item.value;
     const {
@@ -38,11 +29,10 @@ class YearAndMonthFoundation extends _foundation.default {
     const left = _constants.strings.PANEL_TYPE_LEFT;
     const right = _constants.strings.PANEL_TYPE_RIGHT;
     const year = (0, _cloneDeep2.default)(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
@@ -52,12 +42,9 @@ class YearAndMonthFoundation extends _foundation.default {
         year[left] = item.value - 1;
       }
     }
-
     this._adapter.setCurrentYear(year, () => this.autoSelectMonth(item, panelType, year));
-
     this._adapter.notifySelectYear(year);
   }
-
   selectMonth(item, panelType) {
     const {
       currentMonth,
@@ -69,35 +56,28 @@ class YearAndMonthFoundation extends _foundation.default {
     const left = _constants.strings.PANEL_TYPE_LEFT;
     const right = _constants.strings.PANEL_TYPE_RIGHT;
     const month = (0, _cloneDeep2.default)(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 = (0, _dateFns.setYear)(Date.now(), item.year);
     const isCurrentMonthDisabled = disabledDate((0, _dateFns.setMonth)(currentDate, currentMonth[panelType] - 1));
-
     if (isCurrentMonthDisabled) {
       const currentIndex = months.findIndex(_ref => {
         let {
@@ -105,15 +85,14 @@ class YearAndMonthFoundation extends _foundation.default {
         } = _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((0, _dateFns.setMonth)(currentDate, month - 1));
       });
-
       if (!validMonth) {
         validMonth = months.slice(0, currentIndex).find(_ref3 => {
           let {
@@ -122,22 +101,17 @@ class YearAndMonthFoundation extends _foundation.default {
           return !disabledDate((0, _dateFns.setMonth)(currentDate, month - 1));
         });
       }
-
       if (validMonth) {
         const month = (0, _cloneDeep2.default)(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();
   }
-
 }
-
 exports.default = YearAndMonthFoundation;

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

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

package/lib/cjs/dropdown/constants.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../tooltip/constants");
-
 var _constants2 = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants2.BASE_CLASS_PREFIX}-dropdown`,
   SELECTED: `${_constants2.BASE_CLASS_PREFIX}-dropdown-item-selected`,

package/lib/cjs/dropdown/foundation.js

@@ -4,74 +4,55 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _a11y = require("../utils/a11y");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class DropdownFoundation extends _foundation.default {
   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 && (0, _a11y.setFocusToFirstItem)(menuItemNodes);
   }
-
   setFocusToLastMenuItem(id) {
     const menuItemNodes = this.getMenuItemNodes(id);
     menuItemNodes && (0, _a11y.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);
         (0, _a11y.handlePrevent)(event);
         break;
-
       case 'ArrowUp':
         this.setFocusToLastMenuItem(id);
         (0, _a11y.handlePrevent)(event);
         break;
-
       default:
         break;
     }
   }
-
 }
-
 exports.default = DropdownFoundation;

package/lib/cjs/dropdown/menuFoundation.js

@@ -4,88 +4,69 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _a11y = require("../utils/a11y");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class DropdownMenuFoundation extends _foundation.default {
   constructor() {
     super(...arguments);
     this.menuItemNodes = null;
     this.firstChars = [];
   }
-
   handleEscape(menu) {
     const trigger = this._adapter.getContext('trigger');
-
     if (trigger === 'custom') {
       const menuButton = menu && (0, _a11y.getMenuButton)(document.querySelectorAll(`[data-popupid]`), menu.id);
       menuButton.focus();
     }
   }
-
   setFocusByFirstCharacter(curItem, char) {
     const index = (0, _a11y.findIndexByCharacter)(this.menuItemNodes, curItem, this.firstChars, char);
-
     if (index >= 0) {
       (0, _a11y.setFocusToItem)(this.menuItemNodes, this.menuItemNodes[index]);
     }
   }
-
   onMenuKeydown(event) {
     const menu = (0, _a11y.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':
         (0, _a11y.setFocusToPreviousMenuItem)(this.menuItemNodes, curItem);
         (0, _a11y.handlePrevent)(event);
         break;
-
       case 'ArrowDown':
         (0, _a11y.setFocusToNextMenuitem)(this.menuItemNodes, curItem);
         (0, _a11y.handlePrevent)(event);
         break;
-
       default:
         if ((0, _a11y.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;
     }
   }
-
 }
-
 exports.default = DropdownMenuFoundation;

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

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