acud 1.2.2 → 1.2.4

package/es/calendar/Header.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { GenerateConfig } from 'rc-picker/lib/generate';
+import type { Locale } from 'rc-picker/lib/interface';
+import type { CalendarMode } from './generateCalendar';
+export interface CalendarHeaderProps<DateType> {
+    prefixCls: string;
+    value: DateType;
+    validRange?: [DateType, DateType];
+    generateConfig: GenerateConfig<DateType>;
+    locale: Locale;
+    mode: CalendarMode;
+    fullscreen?: boolean;
+    onChange: (date: DateType) => void;
+    onModeChange: (mode: CalendarMode) => void;
+}
+declare function CalendarHeader<DateType>(props: CalendarHeaderProps<DateType>): JSX.Element;
+export default CalendarHeader;

package/es/calendar/Header.js

@@ -0,0 +1,157 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import * as React from 'react';
+import classnames from 'classnames';
+import { useContext, useMemo } from 'react';
+import { FormItemInputContext } from '../form/context';
+import Radio from '../radio';
+import Select from '../select';
+var Button = Radio.Button;
+var Group = Radio.Group;
+var YearSelectOffset = 10;
+var YearSelectTotal = 20;
+function YearSelect(props) {
+  var fullscreen = props.fullscreen,
+    validRange = props.validRange,
+    generateConfig = props.generateConfig,
+    locale = props.locale,
+    prefixCls = props.prefixCls,
+    value = props.value,
+    _onChange = props.onChange,
+    divRef = props.divRef;
+  var year = generateConfig.getYear(value || generateConfig.getNow());
+  var start = year - YearSelectOffset;
+  var end = start + YearSelectTotal;
+  if (validRange) {
+    start = generateConfig.getYear(validRange[0]);
+    end = generateConfig.getYear(validRange[1]) + 1;
+  }
+  var suffix = locale && locale.year === '年' ? '年' : '';
+  var options = [];
+  for (var index = start; index < end; index++) {
+    options.push({
+      label: "".concat(index).concat(suffix),
+      value: index
+    });
+  }
+  return /*#__PURE__*/React.createElement(Select, {
+    size: fullscreen ? undefined : 'small',
+    options: options,
+    value: year,
+    className: "".concat(prefixCls, "-year-select"),
+    onChange: function onChange(numYear) {
+      var newDate = generateConfig.setYear(value, numYear);
+      if (validRange) {
+        var _validRange = _slicedToArray(validRange, 2),
+          startDate = _validRange[0],
+          endDate = _validRange[1];
+        var newYear = generateConfig.getYear(newDate);
+        var newMonth = generateConfig.getMonth(newDate);
+        if (newYear === generateConfig.getYear(endDate) && newMonth > generateConfig.getMonth(endDate)) {
+          newDate = generateConfig.setMonth(newDate, generateConfig.getMonth(endDate));
+        }
+        if (newYear === generateConfig.getYear(startDate) && newMonth < generateConfig.getMonth(startDate)) {
+          newDate = generateConfig.setMonth(newDate, generateConfig.getMonth(startDate));
+        }
+      }
+      _onChange(newDate);
+    },
+    getPopupContainer: function getPopupContainer() {
+      return divRef.current;
+    }
+  });
+}
+function MonthSelect(props) {
+  var prefixCls = props.prefixCls,
+    fullscreen = props.fullscreen,
+    validRange = props.validRange,
+    value = props.value,
+    generateConfig = props.generateConfig,
+    locale = props.locale,
+    _onChange2 = props.onChange,
+    divRef = props.divRef;
+  var month = generateConfig.getMonth(value || generateConfig.getNow());
+  var start = 0;
+  var end = 11;
+  if (validRange) {
+    var _validRange2 = _slicedToArray(validRange, 2),
+      rangeStart = _validRange2[0],
+      rangeEnd = _validRange2[1];
+    var currentYear = generateConfig.getYear(value);
+    if (generateConfig.getYear(rangeEnd) === currentYear) {
+      end = generateConfig.getMonth(rangeEnd);
+    }
+    if (generateConfig.getYear(rangeStart) === currentYear) {
+      start = generateConfig.getMonth(rangeStart);
+    }
+  }
+  var months = locale.shortMonths || generateConfig.locale.getShortMonths(locale.locale);
+  var options = [];
+  for (var index = start; index <= end; index += 1) {
+    options.push({
+      label: months[index],
+      value: index
+    });
+  }
+  return /*#__PURE__*/React.createElement(Select, {
+    size: fullscreen ? undefined : 'small',
+    className: "".concat(prefixCls, "-month-select"),
+    value: month,
+    options: options,
+    onChange: function onChange(newMonth) {
+      _onChange2(generateConfig.setMonth(value, newMonth));
+    },
+    getPopupContainer: function getPopupContainer() {
+      return divRef.current;
+    }
+  });
+}
+function ModeSwitch(props) {
+  var prefixCls = props.prefixCls,
+    locale = props.locale,
+    mode = props.mode,
+    onModeChange = props.onModeChange,
+    fullscreen = props.fullscreen;
+  var groupCls = classnames("".concat(prefixCls, "-mode-switch"), _defineProperty({}, "".concat(prefixCls, "-radio-group-small"), !fullscreen));
+  return /*#__PURE__*/React.createElement(Group, {
+    onChange: function onChange(e) {
+      // @ts-ignore
+      onModeChange(e.target.value);
+    },
+    value: mode,
+    className: groupCls
+  }, /*#__PURE__*/React.createElement(Button, {
+    value: "month"
+  }, locale.month), /*#__PURE__*/React.createElement(Button, {
+    value: "year"
+  }, locale.year));
+}
+function CalendarHeader(props) {
+  var prefixCls = props.prefixCls,
+    fullscreen = props.fullscreen,
+    mode = props.mode,
+    onChange = props.onChange,
+    onModeChange = props.onModeChange;
+  var divRef = React.useRef(null);
+  var formItemInputContext = useContext(FormItemInputContext);
+  var mergedFormItemInputContext = useMemo(function () {
+    return _extends(_extends({}, formItemInputContext), {
+      isFormItemInput: false
+    });
+  }, [formItemInputContext]);
+  var sharedProps = _extends(_extends({}, props), {
+    onChange: onChange,
+    fullscreen: fullscreen,
+    divRef: divRef
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-header"),
+    ref: divRef
+  }, /*#__PURE__*/React.createElement(FormItemInputContext.Provider, {
+    value: mergedFormItemInputContext
+  }, /*#__PURE__*/React.createElement(YearSelect, sharedProps), mode === 'month' && /*#__PURE__*/React.createElement(MonthSelect, sharedProps)), /*#__PURE__*/React.createElement(ModeSwitch, _extends({}, sharedProps, {
+    onModeChange: onModeChange
+  })));
+}
+export default CalendarHeader;

package/es/calendar/generateCalendar.d.ts

@@ -0,0 +1,47 @@
+import type { GenerateConfig } from 'rc-picker/lib/generate';
+import type { PickerPanelBaseProps as RCPickerPanelBaseProps, PickerPanelDateProps as RCPickerPanelDateProps, PickerPanelTimeProps as RCPickerPanelTimeProps } from 'rc-picker/lib/PickerPanel';
+import * as React from 'react';
+import enUS from './locale/zh_CN';
+import 'dayjs/locale/zh-cn';
+type InjectDefaultProps<Props> = Omit<Props, 'locale' | 'generateConfig' | 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon'> & {
+    locale?: typeof enUS;
+    size?: 'large' | 'default' | 'small';
+};
+export type PickerPanelBaseProps<DateType> = InjectDefaultProps<RCPickerPanelBaseProps<DateType>>;
+export type PickerPanelDateProps<DateType> = InjectDefaultProps<RCPickerPanelDateProps<DateType>>;
+export type PickerPanelTimeProps<DateType> = InjectDefaultProps<RCPickerPanelTimeProps<DateType>>;
+export type PickerProps<DateType> = PickerPanelBaseProps<DateType> | PickerPanelDateProps<DateType> | PickerPanelTimeProps<DateType>;
+export type CalendarMode = 'year' | 'month';
+export type HeaderRender<DateType> = (config: {
+    value: DateType;
+    type: CalendarMode;
+    onChange: (date: DateType) => void;
+    onTypeChange: (type: CalendarMode) => void;
+}) => React.ReactNode;
+export interface CalendarProps<DateType> {
+    prefixCls?: string;
+    className?: string;
+    rootClassName?: string;
+    style?: React.CSSProperties;
+    locale?: typeof enUS;
+    validRange?: [DateType, DateType];
+    disabledDate?: (date: DateType) => boolean;
+    dateFullCellRender?: (date: DateType) => React.ReactNode;
+    dateCellRender?: (date: DateType) => React.ReactNode;
+    monthFullCellRender?: (date: DateType) => React.ReactNode;
+    monthCellRender?: (date: DateType) => React.ReactNode;
+    headerRender?: HeaderRender<DateType>;
+    value?: DateType;
+    defaultValue?: DateType;
+    mode?: CalendarMode;
+    fullscreen?: boolean;
+    onChange?: (date: DateType) => void;
+    onPanelChange?: (date: DateType, mode: CalendarMode) => void;
+    onSelect?: (date: DateType) => void;
+    crossDate?: Array<DateType>;
+}
+declare function generateCalendar<DateType>(generateConfig: GenerateConfig<DateType>): {
+    (props: CalendarProps<DateType>): JSX.Element;
+    displayName: string;
+};
+export default generateCalendar;

package/es/calendar/generateCalendar.js

@@ -0,0 +1,185 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import classNames from 'classnames';
+import { PickerPanel as RCPickerPanel } from 'rc-picker';
+import useMergedState from "rc-util/es/hooks/useMergedState";
+import * as React from 'react';
+import { ConfigContext } from '../config-provider';
+import LocaleReceiver from '../locale-provider/LocaleReceiver';
+import CalendarHeader from './Header';
+import dayjs from 'dayjs';
+import enUS from './locale/zh_CN';
+import 'dayjs/locale/zh-cn';
+dayjs.locale('zh-cn');
+function generateCalendar(generateConfig) {
+  function isSameYear(date1, date2) {
+    return date1 && date2 && generateConfig.getYear(date1) === generateConfig.getYear(date2);
+  }
+  function isSameMonth(date1, date2) {
+    return isSameYear(date1, date2) && generateConfig.getMonth(date1) === generateConfig.getMonth(date2);
+  }
+  function isSameDate(date1, date2) {
+    return isSameMonth(date1, date2) && generateConfig.getDate(date1) === generateConfig.getDate(date2);
+  }
+  function isCrossDate(crossDate, date) {
+    return crossDate && crossDate.some(function (crossDateItem) {
+      return isSameDate(crossDateItem, date);
+    });
+  }
+  var Calendar = function Calendar(props) {
+    var customizePrefixCls = props.prefixCls,
+      className = props.className,
+      rootClassName = props.rootClassName,
+      style = props.style,
+      dateFullCellRender = props.dateFullCellRender,
+      dateCellRender = props.dateCellRender,
+      monthFullCellRender = props.monthFullCellRender,
+      monthCellRender = props.monthCellRender,
+      headerRender = props.headerRender,
+      value = props.value,
+      defaultValue = props.defaultValue,
+      disabledDate = props.disabledDate,
+      mode = props.mode,
+      validRange = props.validRange,
+      _props$fullscreen = props.fullscreen,
+      fullscreen = _props$fullscreen === void 0 ? true : _props$fullscreen,
+      onChange = props.onChange,
+      onPanelChange = props.onPanelChange,
+      onSelect = props.onSelect,
+      crossDate = props.crossDate;
+    var _React$useContext = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction;
+    var prefixCls = getPrefixCls('picker', customizePrefixCls);
+    var calendarPrefixCls = "".concat(prefixCls, "-calendar");
+    var today = generateConfig.getNow();
+    // ====================== State =======================
+    // Value
+    var _useMergedState = useMergedState(function () {
+        return value || generateConfig.getNow();
+      }, {
+        defaultValue: defaultValue,
+        value: value
+      }),
+      _useMergedState2 = _slicedToArray(_useMergedState, 2),
+      mergedValue = _useMergedState2[0],
+      setMergedValue = _useMergedState2[1];
+    // Mode
+    var _useMergedState3 = useMergedState('month', {
+        value: mode
+      }),
+      _useMergedState4 = _slicedToArray(_useMergedState3, 2),
+      mergedMode = _useMergedState4[0],
+      setMergedMode = _useMergedState4[1];
+    var panelMode = React.useMemo(function () {
+      return mergedMode === 'year' ? 'month' : 'date';
+    }, [mergedMode]);
+    // Disabled Date
+    var mergedDisabledDate = React.useCallback(function (date) {
+      var notInRange = validRange ? generateConfig.isAfter(validRange[0], date) || generateConfig.isAfter(date, validRange[1]) : false;
+      return notInRange || !!(disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date));
+    }, [disabledDate, validRange]);
+    // ====================== Events ======================
+    var triggerPanelChange = function triggerPanelChange(date, newMode) {
+      onPanelChange === null || onPanelChange === void 0 ? void 0 : onPanelChange(date, newMode);
+    };
+    var triggerChange = function triggerChange(date) {
+      setMergedValue(date);
+      if (!isSameDate(date, mergedValue)) {
+        // Trigger when month panel switch month
+        if (panelMode === 'date' && !isSameMonth(date, mergedValue) || panelMode === 'month' && !isSameYear(date, mergedValue)) {
+          triggerPanelChange(date, mergedMode);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(date);
+      }
+    };
+    var triggerModeChange = function triggerModeChange(newMode) {
+      setMergedMode(newMode);
+      triggerPanelChange(mergedValue, newMode);
+    };
+    var onInternalSelect = function onInternalSelect(date) {
+      triggerChange(date);
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(date);
+    };
+    // ====================== Render ======================
+    var _dateRender = React.useCallback(function (date) {
+      var _classNames;
+      if (dateFullCellRender) {
+        return dateFullCellRender(date);
+      }
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-cell-inner"), "".concat(calendarPrefixCls, "-date"), (_classNames = {}, _defineProperty(_classNames, "".concat(calendarPrefixCls, "-date-today"), isSameDate(today, date)), _defineProperty(_classNames, "".concat(calendarPrefixCls, "-date-cross"), isCrossDate(crossDate, date)), _classNames))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(calendarPrefixCls, "-date-value")
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(calendarPrefixCls, "-date-value-text")
+      }, String(generateConfig.getDate(date)).padStart(2, '0'))), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(calendarPrefixCls, "-date-content")
+      }, dateCellRender && dateCellRender(date)));
+    }, [dateFullCellRender, dateCellRender, mergedMode]);
+    var monthRender = React.useCallback(function (date, locale) {
+      if (monthFullCellRender) {
+        return monthFullCellRender(date);
+      }
+      var months = locale.shortMonths || generateConfig.locale.getShortMonths(locale.locale);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-cell-inner"), "".concat(calendarPrefixCls, "-date"), _defineProperty({}, "".concat(calendarPrefixCls, "-date-today"), isSameMonth(today, date)))
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(calendarPrefixCls, "-date-value")
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(calendarPrefixCls, "-date-value-text")
+      }, months[generateConfig.getMonth(date)])), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(calendarPrefixCls, "-date-content")
+      }, monthCellRender && monthCellRender(date)));
+    }, [monthFullCellRender, monthCellRender, mergedMode]);
+    var renderCalendar = function renderCalendar(contextLocale) {
+      var _classNames3;
+      var locale = _extends(_extends({}, contextLocale), props.locale || {});
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames(calendarPrefixCls, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(calendarPrefixCls, "-full"), fullscreen), _defineProperty(_classNames3, "".concat(calendarPrefixCls, "-mini"), !fullscreen), _defineProperty(_classNames3, "".concat(calendarPrefixCls, "-rtl"), direction === 'rtl'), _classNames3), className, rootClassName),
+        style: style
+      }, headerRender ? headerRender({
+        value: mergedValue,
+        type: mergedMode,
+        onChange: onInternalSelect,
+        onTypeChange: triggerModeChange
+      }) : /*#__PURE__*/React.createElement(CalendarHeader, {
+        prefixCls: calendarPrefixCls,
+        value: mergedValue,
+        generateConfig: generateConfig,
+        mode: mergedMode,
+        fullscreen: fullscreen,
+        locale: locale === null || locale === void 0 ? void 0 : locale.lang,
+        validRange: validRange,
+        onChange: onInternalSelect,
+        onModeChange: triggerModeChange
+      }), /*#__PURE__*/React.createElement(RCPickerPanel, {
+        value: mergedValue,
+        prefixCls: prefixCls,
+        locale: locale === null || locale === void 0 ? void 0 : locale.lang,
+        generateConfig: generateConfig,
+        dateRender: function dateRender(date) {
+          return _dateRender(date);
+        },
+        monthCellRender: function monthCellRender(date) {
+          return monthRender(date, locale === null || locale === void 0 ? void 0 : locale.lang);
+        },
+        onSelect: onInternalSelect,
+        mode: panelMode,
+        picker: panelMode,
+        disabledDate: mergedDisabledDate,
+        hideHeader: true
+      }));
+    };
+    return /*#__PURE__*/React.createElement(LocaleReceiver, {
+      componentName: "Calendar",
+      defaultLocale: enUS
+    }, renderCalendar);
+  };
+  if (process.env.NODE_ENV !== 'production') {
+    Calendar.displayName = 'Calendar';
+  }
+  return Calendar;
+}
+export default generateCalendar;

package/es/calendar/index.d.ts

@@ -0,0 +1,8 @@
+import type { Dayjs } from 'dayjs';
+import type { CalendarProps } from './generateCalendar';
+declare const Calendar: {
+    (props: CalendarProps<Dayjs>): JSX.Element;
+    displayName: string;
+};
+export type { CalendarProps };
+export default Calendar;

package/es/calendar/index.js

@@ -0,0 +1,4 @@
+import dayjsGenerateConfig from "rc-picker/es/generate/dayjs";
+import generateCalendar from './generateCalendar';
+var Calendar = generateCalendar(dayjsGenerateConfig);
+export default Calendar;

package/es/calendar/interface.d.ts

@@ -0,0 +1,54 @@
+export type AdditionalPickerLocaleLangProps = {
+    placeholder: string;
+    yearPlaceholder?: string;
+    quarterPlaceholder?: string;
+    monthPlaceholder?: string;
+    weekPlaceholder?: string;
+    rangeYearPlaceholder?: [string, string];
+    rangeMonthPlaceholder?: [string, string];
+    rangeWeekPlaceholder?: [string, string];
+    rangePlaceholder?: [string, string];
+};
+export type AdditionalPickerLocaleProps = {
+    dateFormat?: string;
+    dateTimeFormat?: string;
+    weekFormat?: string;
+    monthFormat?: string;
+};
+export type Locale = {
+    locale: string;
+    /** Display month before year in date panel header */
+    monthBeforeYear?: boolean;
+    yearFormat: string;
+    monthFormat?: string;
+    quarterFormat?: string;
+    today: string;
+    now: string;
+    backToToday: string;
+    ok: string;
+    timeSelect: string;
+    dateSelect: string;
+    weekSelect?: string;
+    clear: string;
+    month: string;
+    year: string;
+    previousMonth: string;
+    nextMonth: string;
+    monthSelect: string;
+    yearSelect: string;
+    decadeSelect: string;
+    dayFormat: string;
+    dateFormat: string;
+    dateTimeFormat: string;
+    previousYear: string;
+    nextYear: string;
+    previousDecade: string;
+    nextDecade: string;
+    previousCentury: string;
+    nextCentury: string;
+    shortWeekDays?: string[];
+    shortMonths?: string[];
+};
+export type PickerLocale = {
+    lang: Locale & AdditionalPickerLocaleLangProps;
+} & AdditionalPickerLocaleProps;

package/es/calendar/interface.js

@@ -0,0 +1 @@
+export {};

package/es/calendar/locale/en_US.d.ts

@@ -0,0 +1,2 @@
+import enUS from '../../date-picker/locale/en_US';
+export default enUS;

package/es/calendar/locale/en_US.js

@@ -0,0 +1,2 @@
+import enUS from '../../date-picker/locale/en_US';
+export default enUS;

package/es/calendar/locale/zh_CN.d.ts

@@ -0,0 +1,2 @@
+import zhCN from '../../date-picker/locale/zh_CN';
+export default zhCN;

package/es/calendar/locale/zh_CN.js

@@ -0,0 +1,2 @@
+import zhCN from '../../date-picker/locale/zh_CN';
+export default zhCN;

package/es/calendar/style/css.js

@@ -0,0 +1,5 @@
+import '../../style/index.css';
+import './index.css';
+// style dependencies
+import '../../radio/style/css';
+import '../../select/style/css';