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

package/calendar/calendar.scss

@@ -273,7 +273,7 @@ $module: #{$prefix}-calendar;
                 justify-content: center;
                 align-items: center;
 
-                span {
+                > span {
                     display: flex;
                     align-items: center;
                     justify-content: center;

package/calendar/foundation.ts

@@ -201,7 +201,8 @@ export default class CalendarFoundation<P = Record<string, any>, S = Record<stri
         const { range, weekStartsOn } = this.getProps();
         const len = differenceInCalendarDays(range[1], range[0]);
         data.month = format(value, 'LLL', { locale: dateFnsLocale, weekStartsOn });
-        data.week = calcRangeData(value, range[0], len, 'week', dateFnsLocale, weekStartsOn);
+        const startDate = startOfDay(range[0]);
+        data.week = calcRangeData(value, startDate, len, 'week', dateFnsLocale, weekStartsOn);
         this._adapter.setRangeData(data);
         return data;
     }

package/datePicker/_utils/getYears.ts

@@ -1,6 +1,10 @@
-const getYears = () => {
-    const year = new Date().getFullYear();
-    const startYear = year - 100;
-    return Array.from({ length: 200 }, (v, i) => startYear + i);
+const getYears = (startYear?: number, endYear?: number) => {
+    const currentYear = new Date().getFullYear();
+    let start = typeof startYear === 'number' ? startYear : currentYear - 100;
+    let end = typeof endYear === 'number' ? endYear : currentYear + 100;
+    if (end < start) {
+        [start, end] = [end, start];
+    }
+    return Array.from({ length: end - start + 1 }, (v, i) => start + i);
 };
 export default getYears;

package/datePicker/foundation.ts

@@ -117,7 +117,7 @@ export interface EventHandlerProps {
     onClickOutSide?: () => void
 }
 
-export interface DatePickerFoundationProps extends ElementProps, RenderProps, EventHandlerProps {
+export interface DatePickerFoundationProps extends ElementProps, RenderProps, EventHandlerProps, Pick<MonthsGridFoundationProps, 'startYear' | 'endYear'> {
     autoAdjustOverflow?: boolean;
     autoFocus?: boolean;
     autoSwitchDate?: boolean;

package/datePicker/monthsGridFoundation.ts

@@ -24,6 +24,7 @@ import { BaseValueType, DateInputFoundationProps, PresetPosition, ValueType } fr
 import { MonthDayInfo } from './monthFoundation';
 import { ArrayElement } from '../utils/type';
 import isValidTimeZone from './_utils/isValidTimeZone';
+import { YearAndMonthFoundationProps } from './yearAndMonthFoundation';
 
 const dateDiffFns = {
     month: differenceInCalendarMonths,
@@ -54,7 +55,7 @@ interface MonthsGridElementProps {
 export type PanelType = 'left' | 'right';
 export type YearMonthChangeType = 'prevMonth' | 'nextMonth' | 'prevYear' | 'nextYear';
 
-export interface MonthsGridFoundationProps extends MonthsGridElementProps {
+export interface MonthsGridFoundationProps extends MonthsGridElementProps, Pick<YearAndMonthFoundationProps, 'startYear' | 'endYear'> {
     type?: Type;
     /** may be null if selection is not complete when type is dateRange or dateTimeRange */
     defaultValue?: (Date | null)[];

package/datePicker/yearAndMonthFoundation.ts

@@ -24,7 +24,9 @@ export interface YearAndMonthFoundationProps {
     renderQuickControls?: any;
     renderDateInput?: any;
     type?: Type;
-    yearAndMonthOpts?: any
+    yearAndMonthOpts?: any;
+    startYear?: number;
+    endYear?: number
 }
 
 export interface YearAndMonthFoundationState {

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

package/lib/cjs/anchor/foundation.js

@@ -4,85 +4,58 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _scrollIntoViewIfNeeded = _interopRequireDefault(require("scroll-into-view-if-needed"));
-
 var _constants = require("./constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class AnchorFoundation extends _foundation.default {
   constructor(adapter) {
     var _this;
-
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
     super(Object.assign(Object.assign({}, AnchorFoundation.defaultAdapter), adapter));
     _this = this;
-
+    this.init = () => {};
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    this.init = () => {}; // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
     this.destroy = () => {};
-
     this.addLink = link => {
       this._adapter.addLink(link);
     };
-
     this.removeLink = link => {
       this._adapter.removeLink(link);
     };
-
     this.setActiveLink = function (link, prevLink) {
       let shouldNotify = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
       const activeLink = _this._adapter.getState('activeLink');
-
       const onChange = _this._adapter.getProp('onChange');
-
       if (activeLink !== link) {
         _this._adapter.setActiveLink(link, _this._setActiveSlide);
-
         if (onChange && shouldNotify) {
           _this._adapter.notifyChange(link, prevLink);
         }
       }
-    }; // Adjust rail height according to text link content height
-
-
+    };
+    // Adjust rail height according to text link content height
     this.setScrollHeight = () => {
       const anchorWrapper = `.${prefixCls}-link-wrapper`;
-
       const anchorNode = this._adapter.getAnchorNode(anchorWrapper);
-
       if (anchorNode) {
         const scrollHeight = `${anchorNode.scrollHeight}px`;
-
         this._adapter.setScrollHeight(scrollHeight);
       }
     };
-
     this.updateScrollHeight = (prevState, state) => {
       const prevLinks = prevState.links.join('');
       const links = state.links.join('');
-
       if (prevLinks !== links) {
         this.setScrollHeight();
       }
     };
-
     this.setChildMap = () => {
       const children = this._adapter.getProp('children');
-
       const childMap = {};
-
       if ((0, _isArray2.default)(children)) {
         for (const link of children) {
           this._getLinkToMap(link, [], childMap);
@@ -90,21 +63,16 @@ class AnchorFoundation extends _foundation.default {
       } else {
         this._getLinkToMap(children, [], childMap);
       }
-
       this._adapter.setChildMap(childMap);
     };
-
     this.updateChildMap = (prevState, state) => {
       const prevLinks = prevState.links.join('');
       const links = state.links.join('');
-
       if (prevLinks !== links) {
         this.setChildMap();
       }
     };
-
     this.getLinksTop = () => this._adapter.getLinksBoundingTop();
-
     this.handleScroll = () => {
       const {
         clickLink,
@@ -112,89 +80,67 @@ class AnchorFoundation extends _foundation.default {
         activeLink: prevActiveLink
       } = this.getStates(); // TODO check this._adapter -> this.
       // ActiveLink Determined by the clicked link
-
       if (clickLink) {
         return;
       }
-
       const elTop = this.getLinksTop();
       let lastNegative = -Infinity;
       let lastNegativeIndex = -1;
-
       for (let i = 0; i < elTop.length; i++) {
         if (elTop[i] < 0 && elTop[i] > lastNegative) {
           lastNegative = elTop[i];
           lastNegativeIndex = i;
         }
       }
-
       const activeLink = links[lastNegativeIndex];
       this.setActiveLink(activeLink, prevActiveLink);
     };
-
     this.handleClick = function (e, link) {
       let shouldNotify = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
       const destNode = _this._adapter.getContentNode(link);
-
       const prevLink = _this._adapter.getState('activeLink');
-
       _this.setActiveLink(link, prevLink, shouldNotify);
-
       if (destNode) {
         try {
           _this._adapter.setClickLinkWithCallBack(true, link, _this._scrollIntoView);
         } catch (error) {}
       }
-
       shouldNotify && _this._adapter.notifyClick(e, link);
     };
-
     this.handleClickLink = () => {
       this._adapter.setClickLink(false);
-    }; // Get the child nodes of each link
-
-
+    };
+    // Get the child nodes of each link
     this._getLinkToMap = (link, parents, linkMap) => {
       const node = link && link.props;
-
       if (!node || !node.href) {
         return;
       }
-
       if (!(node.href in linkMap)) {
         linkMap[node.href] = new Set();
-      } // Every ancestor kept a map
-
-
+      }
+      // Every ancestor kept a map
       for (const parent of parents) {
         linkMap[parent].add(node.href);
       }
-
       if (node.children && node.children.length) {
-        parents.push(node.href); // Maintain child node map
-
+        parents.push(node.href);
+        // Maintain child node map
         for (const child of node.children) {
           this._getLinkToMap(child, parents, linkMap);
         }
-
         parents.pop();
       }
     };
-
     this._scrollIntoView = link => {
       const {
         scrollMotion,
         targetOffset
       } = this.getProps(); // TODO check this._adapter -> this.
-
       const behavior = scrollMotion ? 'smooth' : 'auto';
-
       const canSmoothScroll = this._adapter.canSmoothScroll();
-
       if (link) {
         const destNode = this._adapter.getContentNode(link);
-
         const scrollOpts = {
           /**
            * Behavior defines scrolling behavior
@@ -222,10 +168,8 @@ class AnchorFoundation extends _foundation.default {
             const innermostAction = (0, _get2.default)(actions, '0');
             const el = (0, _get2.default)(innermostAction, 'el');
             const top = (0, _get2.default)(innermostAction, 'top');
-
             if (el) {
               const offsetTop = top - targetOffset;
-
               if (el.scroll && canSmoothScroll) {
                 el.scroll({
                   top: offsetTop,
@@ -238,26 +182,19 @@ class AnchorFoundation extends _foundation.default {
           },
           block: 'start'
         };
-
         if (destNode) {
           (0, _scrollIntoViewIfNeeded.default)(destNode, scrollOpts);
         }
       }
     };
-
     this._setActiveSlide = () => {
       const activeClass = `.${_constants.cssClasses.PREFIX}-link-title-active`;
-
       const linkNode = this._adapter.getAnchorNode(activeClass);
-
       if (linkNode) {
         const height = linkNode.offsetTop;
-
         this._adapter.setSlideBarTop(height);
       }
     };
   }
-
 }
-
 exports.default = AnchorFoundation;

package/lib/cjs/anchor/linkFoundation.js

@@ -4,42 +4,30 @@ 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 LinkFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
-  init() {// this.setInitValue();
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
+  init() {
+    // this.setInitValue();
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
-
   handleAddLink() {
     const href = this._adapter.getProp('href');
-
     this._adapter.addLink(href);
   }
-
   handleUpdateLink(href, prevHref) {
     if (href !== prevHref) {
       this._adapter.removeLink(prevHref);
-
       this._adapter.addLink(href);
     }
   }
-
   handleRemoveLink() {
     const href = this._adapter.getProp('href');
-
     this._adapter.removeLink(href);
   }
-
 }
-
 exports.default = LinkFoundation;

package/lib/cjs/autoComplete/constants.js

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

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

@@ -14,7 +14,7 @@ export interface StateOptionItem extends DataItem {
     show?: boolean;
     key?: string | number;
 }
-export declare type AutoCompleteData = Array<DataItem | string>;
+export type AutoCompleteData = Array<DataItem | string>;
 export interface AutoCompleteAdapter<P = Record<string, any>, S = Record<string, any>> extends KeyboardAdapter<P, S> {
     getTriggerWidth: () => number | undefined;
     setOptionWrapperWidth: (width: number) => void;