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

package/lib/es/datePicker/_utils/getYears.js

@@ -1,9 +1,12 @@
-const getYears = () => {
-  const year = new Date().getFullYear();
-  const startYear = year - 100;
+const getYears = (startYear, endYear) => {
+  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: 200
-  }, (v, i) => startYear + i);
+    length: end - start + 1
+  }, (v, i) => start + i);
 };
-
 export default getYears;

package/lib/es/datePicker/_utils/isBetween.js

@@ -7,7 +7,6 @@ import isString from '../../utils/isString';
  * @param {Object} { start: string|Date, end: string|Date}
  * @returns {Boolean}
  */
-
 export default function isBetween(day, _ref) {
   let {
     start,

package/lib/es/datePicker/_utils/parser.js

@@ -6,10 +6,8 @@ import { isValid, parseISO, parse } from 'date-fns';
 /**
  * Parsing value to Date object
  */
-
 export function compatibleParse(value, formatToken, baseDate, locale) {
   let result = null;
-
   if (value) {
     if (formatToken) {
       baseDate = baseDate || new Date();
@@ -17,22 +15,17 @@ export function compatibleParse(value, formatToken, baseDate, locale) {
         locale
       });
     }
-
     if (!isValid(result)) {
       result = parseISO(value);
     }
-
     if (!isValid(result)) {
       result = new Date(Date.parse(value));
     }
-
     const yearInvalid = isValid(result) && String(result.getFullYear()).length > 4;
-
     if (!isValid(result) || yearInvalid) {
       result = null;
     }
   }
-
   return result;
 }
 /**
@@ -43,7 +36,6 @@ export function compatibleParse(value, formatToken, baseDate, locale) {
  * isValueParseValid({ value: '2021-01-0', formatToken: 'yyyy-MM-dd' }); // false
  * isValueParseValid({ value: '2021-01', formatToken: 'yyyy-MM-dd' }); // false
  */
-
 export function isValueParseValid(options) {
   const {
     value,

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

@@ -4,12 +4,12 @@ import type { ArrayElement } from '../utils/type';
 import type { Type, DateInputFoundationProps, InsetInputValue } from './inputFoundation';
 import type { MonthsGridFoundationProps } from './monthsGridFoundation';
 import type { WeekStartNumber } from './_utils/getMonthTable';
-export declare type ValidateStatus = ArrayElement<typeof strings.STATUS>;
-export declare type InputSize = ArrayElement<typeof strings.SIZE_SET>;
-export declare type Position = ArrayElement<typeof strings.POSITION_SET>;
-export declare type PresetPosition = ArrayElement<typeof strings.PRESET_POSITION_SET>;
-export declare type BaseValueType = string | number | Date;
-export declare type DayStatusType = {
+export type ValidateStatus = ArrayElement<typeof strings.STATUS>;
+export type InputSize = ArrayElement<typeof strings.SIZE_SET>;
+export type Position = ArrayElement<typeof strings.POSITION_SET>;
+export type PresetPosition = ArrayElement<typeof strings.PRESET_POSITION_SET>;
+export type BaseValueType = string | number | Date;
+export type DayStatusType = {
     isToday?: boolean;
     isSelected?: boolean;
     isDisabled?: boolean;
@@ -21,7 +21,7 @@ export declare type DayStatusType = {
     isOffsetRangeEnd?: boolean;
     isHoverInOffsetRange?: boolean;
 };
-export declare type DisabledDateOptions = {
+export type DisabledDateOptions = {
     rangeStart?: string;
     rangeEnd?: string;
     /**
@@ -29,12 +29,12 @@ export declare type DisabledDateOptions = {
      */
     rangeInputFocus?: 'rangeStart' | 'rangeEnd' | false;
 };
-export declare type PresetType = {
+export type PresetType = {
     start?: string | Date | number;
     end?: string | Date | number;
     text?: string;
 };
-export declare type TriggerRenderProps = {
+export type TriggerRenderProps = {
     [x: string]: any;
     value?: ValueType;
     inputValue?: string;
@@ -45,24 +45,24 @@ export declare type TriggerRenderProps = {
     inputReadOnly?: boolean;
     componentProps?: DatePickerFoundationProps;
 };
-export declare type DateOffsetType = (selectedDate?: Date) => Date;
-export declare type DensityType = 'default' | 'compact';
-export declare type DisabledDateType = (date?: Date, options?: DisabledDateOptions) => boolean;
-export declare type DisabledTimeType = (date?: Date | Date[], panelType?: string) => ({
+export type DateOffsetType = (selectedDate?: Date) => Date;
+export type DensityType = 'default' | 'compact';
+export type DisabledDateType = (date?: Date, options?: DisabledDateOptions) => boolean;
+export type DisabledTimeType = (date?: Date | Date[], panelType?: string) => ({
     disabledHours?: () => number[];
     disabledMinutes?: (hour: number) => number[];
     disabledSeconds?: (hour: number, minute: number) => number[];
 });
-export declare type OnCancelType = (date: Date | Date[], dateStr: string | string[]) => void;
-export declare type OnPanelChangeType = (date: Date | Date[], dateStr: string | string[]) => void;
-export declare type OnChangeType = (date?: Date | Date[] | string | string[], dateStr?: string | string[] | Date | Date[]) => void;
-export declare type OnConfirmType = (date: Date | Date[], dateStr: string | string[]) => void;
-export declare type OnPresetClickType = (item: PresetType, e: any) => void;
-export declare type PresetsType = Array<PresetType | (() => PresetType)>;
-export declare type RenderDateType = (dayNumber?: number, fullDate?: string) => any;
-export declare type RenderFullDateType = (dayNumber?: number, fullDate?: string, dayStatus?: DayStatusType) => any;
-export declare type TriggerRenderType = (props: TriggerRenderProps) => any;
-export declare type ValueType = BaseValueType | BaseValueType[];
+export type OnCancelType = (date: Date | Date[], dateStr: string | string[]) => void;
+export type OnPanelChangeType = (date: Date | Date[], dateStr: string | string[]) => void;
+export type OnChangeType = (date?: Date | Date[] | string | string[], dateStr?: string | string[] | Date | Date[]) => void;
+export type OnConfirmType = (date: Date | Date[], dateStr: string | string[]) => void;
+export type OnPresetClickType = (item: PresetType, e: any) => void;
+export type PresetsType = Array<PresetType | (() => PresetType)>;
+export type RenderDateType = (dayNumber?: number, fullDate?: string) => any;
+export type RenderFullDateType = (dayNumber?: number, fullDate?: string, dayStatus?: DayStatusType) => any;
+export type TriggerRenderType = (props: TriggerRenderProps) => any;
+export type ValueType = BaseValueType | BaseValueType[];
 export interface ElementProps {
     bottomSlot?: any;
     insetLabel?: any;
@@ -74,7 +74,7 @@ export interface RenderProps {
     renderFullDate?: RenderFullDateType;
     triggerRender?: TriggerRenderType;
 }
-export declare type RangeType = 'rangeStart' | 'rangeEnd' | false;
+export type RangeType = 'rangeStart' | 'rangeEnd' | false;
 export interface EventHandlerProps {
     onCancel?: OnCancelType;
     onChange?: OnChangeType;
@@ -87,7 +87,7 @@ export interface EventHandlerProps {
     onPresetClick?: OnPresetClickType;
     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;