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

package/lib/cjs/datePicker/_utils/getInsetInputFormatToken.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getInsetInputFormatToken;
-
 var _getDefaultFormatToken = require("./getDefaultFormatToken");
-
 /**
  * 获取 insetInput 输入框的 placeholder
  * Get the placeholder of the insetInput input
@@ -31,14 +29,12 @@ function getInsetInputFormatToken(options) {
   const dateTimeReg = /([yMd]{0,4}[^a-z\s]*[yMd]{0,4}[^a-z\s]*[yMd]{0,4}) (H{0,2}[^a-z\s]*m{0,2}[^a-z\s]*s{0,2})/i;
   const defaultToken = (0, _getDefaultFormatToken.getDefaultFormatTokenByType)(type);
   let insetInputFormat;
-
   switch (type) {
     case 'dateTime':
     case 'dateTimeRange':
       const dateTimeResult = dateTimeReg.exec(format);
       insetInputFormat = dateTimeResult && dateTimeResult[1] && dateTimeResult[2] ? `${dateTimeResult[1]} ${dateTimeResult[2]}` : defaultToken;
       break;
-
     case 'date':
     case 'month':
     case 'monthRange':
@@ -48,6 +44,5 @@ function getInsetInputFormatToken(options) {
       insetInputFormat = dateResult && dateResult[1] || defaultToken;
       break;
   }
-
   return insetInputFormat;
 }

package/lib/cjs/datePicker/_utils/getInsetInputValueFromInsetInputStr.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getInsetInputValueFromInsetInputStr;
-
 /**
  * 从 insetInputStr 字符串解析出 insetInputValue 对象
  * Parse the insetInputValue object from the insetInputStr string
@@ -39,26 +38,22 @@ function getInsetInputValueFromInsetInputStr(options) {
       timeInput: ''
     }
   };
-
   switch (type) {
     case 'date':
     case 'month':
     case 'monthRange':
       insetInputValue.monthLeft.dateInput = inputValue;
       break;
-
     case 'dateRange':
       [leftDateInput = '', rightDateInput = ''] = inputValue.split(rangeSeparator);
       insetInputValue.monthLeft.dateInput = leftDateInput;
       insetInputValue.monthRight.dateInput = rightDateInput;
       break;
-
     case 'dateTime':
       [leftDateInput = '', leftTimeInput = ''] = inputValue.split(timeSeparator);
       insetInputValue.monthLeft.dateInput = leftDateInput;
       insetInputValue.monthLeft.timeInput = leftTimeInput;
       break;
-
     case 'dateTimeRange':
       const [leftInput = '', rightInput = ''] = inputValue.split(rangeSeparator);
       [leftDateInput = '', leftTimeInput = ''] = leftInput.split(timeSeparator);
@@ -69,6 +64,5 @@ function getInsetInputValueFromInsetInputStr(options) {
       insetInputValue.monthRight.timeInput = rightTimeInput;
       break;
   }
-
   return insetInputValue;
 }

package/lib/cjs/datePicker/_utils/getMonthTable.d.ts

@@ -2,7 +2,7 @@ declare function formatFullDate(year?: number | string, month?: number | string,
 /**
  * [getWeeks description]
  */
-export declare type WeekStartNumber = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export type WeekStartNumber = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 declare const getMonthTable: (month: Date, weekStartsOn: WeekStartNumber) => {
     monthText: string;
     weeks: any[];

package/lib/cjs/datePicker/_utils/getMonthTable.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.formatFullDate = formatFullDate;
-
 var _dateFns = require("date-fns");
-
 /**
  *
  * @param {string} month
  */
+
 function formatFullDate() {
   let year = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let month = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -22,7 +21,6 @@ function formatFullDate() {
   dateStr = `${String(year)}-${monthFull}-${dayNumberFull}`;
   return dateStr;
 }
-
 function getWeeks(date) {
   let weekStartsOn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   const weekDayNotInMonth = {
@@ -30,27 +28,22 @@ function getWeeks(date) {
     dateNumberFull: '',
     fullDate: ''
   }; // For the first or last week epmtyDays
-
   const daysInMonth = (0, _dateFns.getDaysInMonth)(date); // Get the total number of days in the month
-
   const year = (0, _dateFns.format)(date, 'yyyy');
   const month = (0, _dateFns.format)(date, 'MM');
   const lastday = (0, _dateFns.lastDayOfMonth)(date); // Get the last day of the month
-
   const firstDay = (0, _dateFns.startOfMonth)(date); // Get the first day of the month
   // Const firstDayInWeek = getDay (firstDay);//The first day belongs to the day of the week
   // What is the first day of the month in the first row?
-
   const firstDayInWeek = Number((0, _dateFns.format)(firstDay, 'e', {
     weekStartsOn
   }));
   const weeks = [];
-  let week = []; // add empty days to set first day in correct position
-
+  let week = [];
+  // add empty days to set first day in correct position
   for (let s = 1; s < firstDayInWeek; s++) {
     week.push(weekDayNotInMonth);
   }
-
   for (let d = 0; d < daysInMonth; d++) {
     const dayNumber = d + 1;
     const dayNumberFull = dayNumber < 10 ? `0${dayNumber}` : dayNumber.toString();
@@ -60,7 +53,6 @@ function getWeeks(date) {
       dayNumberFull,
       fullDate
     });
-
     if (week.length === 7) {
       weeks.push(week);
       week = [];
@@ -70,10 +62,8 @@ function getWeeks(date) {
       week = [];
     }
   }
-
   return weeks;
 }
-
 const getMonthTable = (month, weekStartsOn) => {
   const weeks = getWeeks(month, weekStartsOn);
   const monthText = (0, _dateFns.format)(month, 'yyyy-MM');
@@ -83,6 +73,5 @@ const getMonthTable = (month, weekStartsOn) => {
     month
   };
 };
-
 var _default = getMonthTable;
 exports.default = _default;

package/lib/cjs/datePicker/_utils/getMonthsInYear.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 const getMonthsInYear = year => Array.from({
   length: 12
 }, (v, i) => `${year}-${i + 1}`);
-
 var _default = getMonthsInYear;
 exports.default = _default;

package/lib/cjs/datePicker/_utils/getYears.d.ts

@@ -1,2 +1,2 @@
-declare const getYears: () => number[];
+declare const getYears: (startYear?: number, endYear?: number) => number[];
 export default getYears;

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

@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
-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);
 };
-
 var _default = getYears;
 exports.default = _default;

package/lib/cjs/datePicker/_utils/index.js

@@ -75,29 +75,16 @@ Object.defineProperty(exports, "isWithinInterval", {
     return _isWithinInterval.default;
   }
 });
-
 var _isAfter = _interopRequireDefault(require("./isAfter"));
-
 var _isBefore = _interopRequireDefault(require("./isBefore"));
-
 var _isBetween = _interopRequireDefault(require("./isBetween"));
-
 var _isWithinInterval = _interopRequireDefault(require("./isWithinInterval"));
-
 var _isSameDay = _interopRequireDefault(require("./isSameDay"));
-
 var _isTimestamp = _interopRequireDefault(require("./isTimestamp"));
-
 var _isUnixTimestamp = _interopRequireDefault(require("./isUnixTimestamp"));
-
 var _isValidDate = _interopRequireDefault(require("./isValidDate"));
-
 var _getDefaultFormatToken = _interopRequireDefault(require("./getDefaultFormatToken"));
-
 var _getYears = _interopRequireDefault(require("./getYears"));
-
 var _getMonthsInYear = _interopRequireDefault(require("./getMonthsInYear"));
-
 var _getFullDateOffset = _interopRequireDefault(require("./getFullDateOffset"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/cjs/datePicker/_utils/isAfter.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isAfter;
-
 var _dateFns = require("date-fns");
-
 var _isString = _interopRequireDefault(require("../../utils/isString"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function isAfter(date, dateToCompare) {
   const dayOne = (0, _isString.default)(date) ? (0, _dateFns.parseISO)(date) : date;
   const dayTwo = (0, _isString.default)(dateToCompare) ? (0, _dateFns.parseISO)(dateToCompare) : dateToCompare;

package/lib/cjs/datePicker/_utils/isBefore.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isBefore;
-
 var _dateFns = require("date-fns");
-
 var _isString = _interopRequireDefault(require("../../utils/isString"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function isBefore(date, dateToCompare) {
   const dayOne = (0, _isString.default)(date) ? (0, _dateFns.parseISO)(date) : date;
   const dayTwo = (0, _isString.default)(dateToCompare) ? (0, _dateFns.parseISO)(dateToCompare) : dateToCompare;

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

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isBetween;
-
 var _dateFns = require("date-fns");
-
 var _isString = _interopRequireDefault(require("../../utils/isString"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * is the date between start and end?(not including start and end)
  *   - if start > end, return false

package/lib/cjs/datePicker/_utils/isDate.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isDate;
-
 function isDate(date) {
   return Object.prototype.toString.call(date) === '[object Date]';
 }

package/lib/cjs/datePicker/_utils/isSameDay.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isSameDay;
-
 var _dateFns = require("date-fns");
-
 var _isString = _interopRequireDefault(require("../../utils/isString"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function isSameDay(date, dateToCompare) {
   const dayOne = (0, _isString.default)(date) ? (0, _dateFns.parseISO)(date) : date;
   const dayTwo = (0, _isString.default)(dateToCompare) ? (0, _dateFns.parseISO)(dateToCompare) : dateToCompare;

package/lib/cjs/datePicker/_utils/isTimestamp.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isTimestamp;
-
 var _isValidDate = _interopRequireDefault(require("./isValidDate"));
-
 var _isNumber = _interopRequireDefault(require("../../utils/isNumber"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function isTimestamp(ts) {
   return (0, _isNumber.default)(ts) && (0, _isValidDate.default)(new Date(ts));
 }

package/lib/cjs/datePicker/_utils/isUnixTimestamp.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isUnixTimestamp;
-
 var _isNumber = _interopRequireDefault(require("../../utils/isNumber"));
-
 var _isValidDate = _interopRequireDefault(require("./isValidDate"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function isUnixTimestamp(ts) {
   return (0, _isNumber.default)(ts) && ts.toString().length === 10 && (0, _isValidDate.default)(new Date(ts * 1000));
 }

package/lib/cjs/datePicker/_utils/isValidDate.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isValidDate;
-
 function isValidDate(date) {
   return date && Object.prototype.toString.call(date) === '[object Date]' && !isNaN(date);
 }

package/lib/cjs/datePicker/_utils/isValidTimeZone.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isValidTimeZone;
-
 function isValidTimeZone(timeZone) {
   return ['string', 'number'].includes(typeof timeZone) && timeZone !== '';
 }

package/lib/cjs/datePicker/_utils/isWithinInterval.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = isWithinInterval;
-
 var _dateFns = require("date-fns");
-
 var _isString = _interopRequireDefault(require("../../utils/isString"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function isWithinInterval(day, _ref) {
   let {
     start,

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

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.compatibleParse = compatibleParse;
 exports.isValueParseValid = isValueParseValid;
-
 var _dateFns = require("date-fns");
-
 /**
  * @file
  * Various date-related analysis methods
@@ -18,7 +16,6 @@ var _dateFns = require("date-fns");
  */
 function compatibleParse(value, formatToken, baseDate, locale) {
   let result = null;
-
   if (value) {
     if (formatToken) {
       baseDate = baseDate || new Date();
@@ -26,22 +23,17 @@ function compatibleParse(value, formatToken, baseDate, locale) {
         locale
       });
     }
-
     if (!(0, _dateFns.isValid)(result)) {
       result = (0, _dateFns.parseISO)(value);
     }
-
     if (!(0, _dateFns.isValid)(result)) {
       result = new Date(Date.parse(value));
     }
-
     const yearInvalid = (0, _dateFns.isValid)(result) && String(result.getFullYear()).length > 4;
-
     if (!(0, _dateFns.isValid)(result) || yearInvalid) {
       result = null;
     }
   }
-
   return result;
 }
 /**
@@ -52,8 +44,6 @@ 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
  */
-
-
 function isValueParseValid(options) {
   const {
     value,

package/lib/cjs/datePicker/constants.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 var _constants2 = require("../popover/constants");
-
 const dayItemClasses = {
   DAY_TODAY: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-today`,
   DAY_IN_RANGE: `${_constants.BASE_CLASS_PREFIX}-datepicker-day-inrange`,

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