taro-ui 3.3.1 → 3.3.3

package/dist/components/calendar/body/index.js

@@ -0,0 +1,289 @@
+import classnames from "classnames";
+import dayjs from "dayjs";
+import React from "react";
+import { Swiper, SwiperItem, View } from "@tarojs/components";
+import { delayQuerySelector } from "../../../common/utils";
+import generateCalendarGroup from "../common/helper";
+import AtCalendarDateList from "../ui/date-list/index";
+import AtCalendarDayList from "../ui/day-list/index";
+const ANIMTE_DURATION = 300;
+const defaultProps = {
+  marks: [],
+  selectedDate: {
+    end: Date.now(),
+    start: Date.now()
+  },
+  format: "YYYY-MM-DD",
+  generateDate: Date.now()
+};
+class AtCalendarBody extends React.Component {
+  constructor(props) {
+    super(props);
+    this.changeCount = 0;
+    this.currentSwiperIndex = 1;
+    this.startX = 0;
+    this.swipeStartPoint = 0;
+    this.isPreMonth = false;
+    this.maxWidth = 0;
+    this.isTouching = false;
+    this.getGroups = (generateDate, selectedDate) => {
+      const dayjsDate = dayjs(generateDate);
+      const arr = [];
+      const preList = this.generateFunc(
+        dayjsDate.subtract(1, "month").valueOf(),
+        selectedDate
+      );
+      const nowList = this.generateFunc(
+        generateDate,
+        selectedDate,
+        true
+      );
+      const nextList = this.generateFunc(
+        dayjsDate.add(1, "month").valueOf(),
+        selectedDate
+      );
+      const preListIndex = this.currentSwiperIndex === 0 ? 2 : this.currentSwiperIndex - 1;
+      const nextListIndex = this.currentSwiperIndex === 2 ? 0 : this.currentSwiperIndex + 1;
+      arr[preListIndex] = preList;
+      arr[nextListIndex] = nextList;
+      arr[this.currentSwiperIndex] = nowList;
+      return arr;
+    };
+    this.handleTouchStart = (e) => {
+      if (!this.props.isSwiper) {
+        return;
+      }
+      this.isTouching = true;
+      this.startX = e.touches[0].clientX;
+    };
+    this.handleTouchMove = (e) => {
+      if (!this.props.isSwiper) {
+        return;
+      }
+      if (!this.isTouching) return;
+      const { clientX } = e.touches[0];
+      const offsetSize = clientX - this.startX;
+      this.setState({
+        offsetSize
+      });
+    };
+    this.animateMoveSlide = (offset, callback) => {
+      this.setState(
+        {
+          isAnimate: true
+        },
+        () => {
+          this.setState({
+            offsetSize: offset
+          });
+          setTimeout(() => {
+            this.setState(
+              {
+                isAnimate: false
+              },
+              () => {
+                callback == null ? void 0 : callback();
+              }
+            );
+          }, ANIMTE_DURATION);
+        }
+      );
+    };
+    this.handleTouchEnd = () => {
+      if (!this.props.isSwiper) {
+        return;
+      }
+      const { offsetSize } = this.state;
+      this.isTouching = false;
+      const isRight = offsetSize > 0;
+      const breakpoint = this.maxWidth / 2;
+      const absOffsetSize = Math.abs(offsetSize);
+      if (absOffsetSize > breakpoint) {
+        const res = isRight ? this.maxWidth : -this.maxWidth;
+        return this.animateMoveSlide(res, () => {
+          this.props.onSwipeMonth(isRight ? -1 : 1);
+        });
+      }
+      this.animateMoveSlide(0);
+    };
+    this.handleChange = (e) => {
+      const { current, source } = e.detail;
+      if (source === "touch") {
+        this.currentSwiperIndex = current;
+        this.changeCount += 1;
+      }
+    };
+    this.handleAnimateFinish = () => {
+      if (this.changeCount > 0) {
+        this.props.onSwipeMonth(
+          this.isPreMonth ? -this.changeCount : this.changeCount
+        );
+        this.changeCount = 0;
+      }
+    };
+    this.handleSwipeTouchStart = (e) => {
+      const { clientY, clientX } = e.changedTouches[0];
+      this.swipeStartPoint = this.props.isVertical ? clientY : clientX;
+    };
+    this.handleSwipeTouchEnd = (e) => {
+      const { clientY, clientX } = e.changedTouches[0];
+      this.isPreMonth = this.props.isVertical ? clientY - this.swipeStartPoint > 0 : clientX - this.swipeStartPoint > 0;
+    };
+    const {
+      validDates,
+      marks,
+      format,
+      minDate,
+      maxDate,
+      generateDate,
+      selectedDate,
+      selectedDates
+    } = props;
+    this.generateFunc = generateCalendarGroup({
+      validDates,
+      format,
+      minDate,
+      maxDate,
+      marks,
+      selectedDates
+    });
+    const listGroup = this.getGroups(generateDate, selectedDate);
+    this.state = {
+      listGroup,
+      offsetSize: 0,
+      isAnimate: false
+    };
+  }
+  componentDidMount() {
+    delayQuerySelector(".at-calendar-slider__main").then((res) => {
+      this.maxWidth = res[0].width;
+    });
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const {
+      validDates,
+      marks,
+      format,
+      minDate,
+      maxDate,
+      generateDate,
+      selectedDate,
+      selectedDates
+    } = nextProps;
+    this.generateFunc = generateCalendarGroup({
+      validDates,
+      format,
+      minDate,
+      maxDate,
+      marks,
+      selectedDates
+    });
+    const listGroup = this.getGroups(generateDate, selectedDate);
+    this.setState({
+      offsetSize: 0,
+      listGroup
+    });
+  }
+  render() {
+    const { isSwiper } = this.props;
+    const { isAnimate, offsetSize, listGroup } = this.state;
+    if (!isSwiper) {
+      return /* @__PURE__ */ React.createElement(
+        View,
+        {
+          className: classnames(
+            "main",
+            "at-calendar-slider__main",
+            `at-calendar-slider__main--${process.env.TARO_ENV}`
+          )
+        },
+        /* @__PURE__ */ React.createElement(AtCalendarDayList, null),
+        /* @__PURE__ */ React.createElement(View, { className: "main__body body" }, /* @__PURE__ */ React.createElement(View, { className: "body__slider body__slider--now" }, /* @__PURE__ */ React.createElement(
+          AtCalendarDateList,
+          {
+            list: listGroup[1].list,
+            onClick: this.props.onDayClick,
+            onLongClick: this.props.onLongClick
+          }
+        )))
+      );
+    }
+    if (process.env.TARO_ENV === "h5") {
+      return /* @__PURE__ */ React.createElement(
+        View,
+        {
+          className: classnames(
+            "main",
+            "at-calendar-slider__main",
+            `at-calendar-slider__main--${process.env.TARO_ENV}`
+          ),
+          onTouchEnd: this.handleTouchEnd,
+          onTouchMove: this.handleTouchMove,
+          onTouchStart: this.handleTouchStart
+        },
+        /* @__PURE__ */ React.createElement(AtCalendarDayList, null),
+        /* @__PURE__ */ React.createElement(
+          View,
+          {
+            className: classnames("main__body  body", {
+              "main__body--slider": isSwiper,
+              "main__body--animate": isAnimate
+            }),
+            style: {
+              transform: isSwiper ? `translateX(-100%) translate3d(${offsetSize},0,0)` : "",
+              WebkitTransform: isSwiper ? `translateX(-100%) translate3d(${offsetSize}px,0,0)` : ""
+            }
+          },
+          /* @__PURE__ */ React.createElement(View, { className: "body__slider body__slider--pre" }, /* @__PURE__ */ React.createElement(AtCalendarDateList, { list: listGroup[0].list })),
+          /* @__PURE__ */ React.createElement(View, { className: "body__slider body__slider--now" }, /* @__PURE__ */ React.createElement(
+            AtCalendarDateList,
+            {
+              list: listGroup[1].list,
+              onClick: this.props.onDayClick,
+              onLongClick: this.props.onLongClick
+            }
+          )),
+          /* @__PURE__ */ React.createElement(View, { className: "body__slider body__slider--next" }, /* @__PURE__ */ React.createElement(AtCalendarDateList, { list: listGroup[2].list }))
+        )
+      );
+    }
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classnames(
+          "main",
+          "at-calendar-slider__main",
+          `at-calendar-slider__main--${process.env.TARO_ENV}`
+        )
+      },
+      /* @__PURE__ */ React.createElement(AtCalendarDayList, null),
+      /* @__PURE__ */ React.createElement(
+        Swiper,
+        {
+          circular: true,
+          current: 1,
+          skipHiddenItemLayout: true,
+          className: classnames("main__body"),
+          onChange: this.handleChange,
+          vertical: this.props.isVertical,
+          onAnimationFinish: this.handleAnimateFinish,
+          onTouchEnd: this.handleSwipeTouchEnd,
+          onTouchStart: this.handleSwipeTouchStart
+        },
+        listGroup.map((item, key) => /* @__PURE__ */ React.createElement(SwiperItem, { key, itemId: key.toString() }, /* @__PURE__ */ React.createElement(
+          AtCalendarDateList,
+          {
+            list: item.list,
+            onClick: this.props.onDayClick,
+            onLongClick: this.props.onLongClick
+          }
+        )))
+      )
+    );
+  }
+}
+AtCalendarBody.defaultProps = defaultProps;
+export {
+  AtCalendarBody as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/calendar/body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/calendar/body/index.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport dayjs from 'dayjs'\nimport React from 'react'\nimport { Swiper, SwiperItem, View } from '@tarojs/components'\nimport {\n  BaseEventOrig,\n  ITouch,\n  ITouchEvent\n} from '@tarojs/components/types/common'\nimport {\n  AtCalendarBodyListGroup,\n  AtCalendarBodyProps,\n  AtCalendarBodyState,\n  Calendar\n} from '../../../../types/calendar'\nimport { delayQuerySelector } from '../../../common/utils'\nimport generateCalendarGroup from '../common/helper'\nimport AtCalendarDateList from '../ui/date-list/index'\nimport AtCalendarDayList from '../ui/day-list/index'\n\nconst ANIMTE_DURATION = 300\n\nconst defaultProps: Partial<AtCalendarBodyProps> = {\n  marks: [],\n  selectedDate: {\n    end: Date.now(),\n    start: Date.now()\n  },\n  format: 'YYYY-MM-DD',\n  generateDate: Date.now()\n}\n\nexport default class AtCalendarBody extends React.Component<\n  AtCalendarBodyProps,\n  Readonly<AtCalendarBodyState>\n> {\n  static defaultProps: Partial<AtCalendarBodyProps> = defaultProps\n\n  public constructor(props: AtCalendarBodyProps) {\n    super(props)\n    const {\n      validDates,\n      marks,\n      format,\n      minDate,\n      maxDate,\n      generateDate,\n      selectedDate,\n      selectedDates\n    } = props\n\n    this.generateFunc = generateCalendarGroup({\n      validDates,\n      format,\n      minDate,\n      maxDate,\n      marks,\n      selectedDates\n    })\n    const listGroup = this.getGroups(generateDate, selectedDate)\n\n    this.state = {\n      listGroup,\n      offsetSize: 0,\n      isAnimate: false\n    }\n  }\n\n  public componentDidMount(): void {\n    delayQuerySelector('.at-calendar-slider__main').then(res => {\n      this.maxWidth = res[0].width\n    })\n  }\n\n  public UNSAFE_componentWillReceiveProps(\n    nextProps: AtCalendarBodyProps\n  ): void {\n    const {\n      validDates,\n      marks,\n      format,\n      minDate,\n      maxDate,\n      generateDate,\n      selectedDate,\n      selectedDates\n    } = nextProps\n\n    this.generateFunc = generateCalendarGroup({\n      validDates,\n      format,\n      minDate,\n      maxDate,\n      marks,\n      selectedDates\n    })\n    const listGroup = this.getGroups(generateDate, selectedDate)\n\n    this.setState({\n      offsetSize: 0,\n      listGroup\n    })\n  }\n\n  private changeCount = 0\n  private currentSwiperIndex = 1\n  private startX = 0\n  private swipeStartPoint = 0\n  private isPreMonth = false\n  private maxWidth = 0\n  private isTouching = false\n\n  private generateFunc: (\n    generateDate: number,\n    selectedDate: Calendar.SelectedDate,\n    isShowStatus?: boolean\n  ) => Calendar.ListInfo<Calendar.Item>\n\n  private getGroups = (\n    generateDate: number,\n    selectedDate: Calendar.SelectedDate\n  ): AtCalendarBodyListGroup => {\n    const dayjsDate = dayjs(generateDate)\n    const arr: AtCalendarBodyListGroup = []\n    const preList: Calendar.ListInfo<Calendar.Item> = this.generateFunc(\n      dayjsDate.subtract(1, 'month').valueOf(),\n      selectedDate\n    )\n\n    const nowList: Calendar.ListInfo<Calendar.Item> = this.generateFunc(\n      generateDate,\n      selectedDate,\n      true\n    )\n\n    const nextList: Calendar.ListInfo<Calendar.Item> = this.generateFunc(\n      dayjsDate.add(1, 'month').valueOf(),\n      selectedDate\n    )\n\n    const preListIndex =\n      this.currentSwiperIndex === 0 ? 2 : this.currentSwiperIndex - 1\n    const nextListIndex =\n      this.currentSwiperIndex === 2 ? 0 : this.currentSwiperIndex + 1\n\n    arr[preListIndex] = preList\n    arr[nextListIndex] = nextList\n    arr[this.currentSwiperIndex] = nowList\n\n    return arr\n  }\n\n  private handleTouchStart = (e: ITouchEvent): void => {\n    if (!this.props.isSwiper) {\n      return\n    }\n    this.isTouching = true\n    this.startX = e.touches[0].clientX\n  }\n\n  private handleTouchMove = (e: ITouchEvent): void => {\n    if (!this.props.isSwiper) {\n      return\n    }\n    if (!this.isTouching) return\n\n    const { clientX } = e.touches[0]\n    const offsetSize = clientX - this.startX\n\n    this.setState({\n      offsetSize\n    })\n  }\n\n  private animateMoveSlide = (offset: number, callback?: () => void): void => {\n    this.setState(\n      {\n        isAnimate: true\n      },\n      () => {\n        this.setState({\n          offsetSize: offset\n        })\n        setTimeout(() => {\n          this.setState(\n            {\n              isAnimate: false\n            },\n            () => {\n              callback?.()\n            }\n          )\n        }, ANIMTE_DURATION)\n      }\n    )\n  }\n\n  private handleTouchEnd = (): void => {\n    if (!this.props.isSwiper) {\n      return\n    }\n\n    const { offsetSize } = this.state\n\n    this.isTouching = false\n    const isRight = offsetSize > 0\n\n    const breakpoint = this.maxWidth / 2\n    const absOffsetSize = Math.abs(offsetSize)\n\n    if (absOffsetSize > breakpoint) {\n      const res = isRight ? this.maxWidth : -this.maxWidth\n      return this.animateMoveSlide(res, () => {\n        this.props.onSwipeMonth(isRight ? -1 : 1)\n      })\n    }\n    this.animateMoveSlide(0)\n  }\n\n  private handleChange = (\n    e: BaseEventOrig<{\n      current: number\n      source: string\n    }>\n  ): void => {\n    const { current, source } = e.detail\n\n    if (source === 'touch') {\n      this.currentSwiperIndex = current\n      this.changeCount += 1\n    }\n  }\n\n  private handleAnimateFinish = (): void => {\n    if (this.changeCount > 0) {\n      this.props.onSwipeMonth(\n        this.isPreMonth ? -this.changeCount : this.changeCount\n      )\n      this.changeCount = 0\n    }\n  }\n\n  private handleSwipeTouchStart = (\n    e: ITouchEvent & { changedTouches: Array<ITouch> }\n  ): void => {\n    const { clientY, clientX } = e.changedTouches[0]\n    this.swipeStartPoint = this.props.isVertical ? clientY : clientX\n  }\n\n  private handleSwipeTouchEnd = (\n    e: ITouchEvent & { changedTouches: Array<ITouch> }\n  ): void => {\n    const { clientY, clientX } = e.changedTouches[0]\n    this.isPreMonth = this.props.isVertical\n      ? clientY - this.swipeStartPoint > 0\n      : clientX - this.swipeStartPoint > 0\n  }\n\n  public render(): JSX.Element {\n    const { isSwiper } = this.props\n    const { isAnimate, offsetSize, listGroup } = this.state\n\n    if (!isSwiper) {\n      return (\n        <View\n          className={classnames(\n            'main',\n            'at-calendar-slider__main',\n            `at-calendar-slider__main--${process.env.TARO_ENV}`\n          )}\n        >\n          <AtCalendarDayList />\n          <View className='main__body body'>\n            <View className='body__slider body__slider--now'>\n              <AtCalendarDateList\n                list={listGroup[1].list}\n                onClick={this.props.onDayClick}\n                onLongClick={this.props.onLongClick}\n              />\n            </View>\n          </View>\n        </View>\n      )\n    }\n\n    /* 需要 Taro 组件库维护 Swiper 使 小程序 和 H5 的表现保持一致  */\n    if (process.env.TARO_ENV === 'h5') {\n      return (\n        <View\n          className={classnames(\n            'main',\n            'at-calendar-slider__main',\n            `at-calendar-slider__main--${process.env.TARO_ENV}`\n          )}\n          onTouchEnd={this.handleTouchEnd}\n          onTouchMove={this.handleTouchMove}\n          onTouchStart={this.handleTouchStart}\n        >\n          <AtCalendarDayList />\n          <View\n            className={classnames('main__body  body', {\n              'main__body--slider': isSwiper,\n              'main__body--animate': isAnimate\n            })}\n            style={{\n              transform: isSwiper\n                ? `translateX(-100%) translate3d(${offsetSize},0,0)`\n                : '',\n              WebkitTransform: isSwiper\n                ? `translateX(-100%) translate3d(${offsetSize}px,0,0)`\n                : ''\n            }}\n          >\n            <View className='body__slider body__slider--pre'>\n              <AtCalendarDateList list={listGroup[0].list} />\n            </View>\n            <View className='body__slider body__slider--now'>\n              <AtCalendarDateList\n                list={listGroup[1].list}\n                onClick={this.props.onDayClick}\n                onLongClick={this.props.onLongClick}\n              />\n            </View>\n            <View className='body__slider body__slider--next'>\n              <AtCalendarDateList list={listGroup[2].list} />\n            </View>\n          </View>\n        </View>\n      )\n    }\n\n    return (\n      <View\n        className={classnames(\n          'main',\n          'at-calendar-slider__main',\n          `at-calendar-slider__main--${process.env.TARO_ENV}`\n        )}\n      >\n        <AtCalendarDayList />\n        <Swiper\n          circular\n          current={1}\n          skipHiddenItemLayout\n          className={classnames('main__body')}\n          onChange={this.handleChange}\n          vertical={this.props.isVertical}\n          onAnimationFinish={this.handleAnimateFinish}\n          onTouchEnd={this.handleSwipeTouchEnd}\n          onTouchStart={this.handleSwipeTouchStart}\n        >\n          {listGroup.map((item, key) => (\n            <SwiperItem key={key} itemId={key.toString()}>\n              <AtCalendarDateList\n                list={item.list}\n                onClick={this.props.onDayClick}\n                onLongClick={this.props.onLongClick}\n              />\n            </SwiperItem>\n          ))}\n        </Swiper>\n      </View>\n    )\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/components/calendar/common/constant.d.ts

@@ -0,0 +1,3 @@
+export declare const TYPE_PRE_MONTH = -1;
+export declare const TYPE_NOW_MONTH = 0;
+export declare const TYPE_NEXT_MONTH = 1;

package/dist/components/calendar/common/constant.js

@@ -0,0 +1,9 @@
+const TYPE_PRE_MONTH = -1;
+const TYPE_NOW_MONTH = 0;
+const TYPE_NEXT_MONTH = 1;
+export {
+  TYPE_NEXT_MONTH,
+  TYPE_NOW_MONTH,
+  TYPE_PRE_MONTH
+};
+//# sourceMappingURL=constant.js.map

package/dist/components/calendar/common/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/calendar/common/constant.ts"],"sourcesContent":["export const TYPE_PRE_MONTH = -1\n\nexport const TYPE_NOW_MONTH = 0\n\nexport const TYPE_NEXT_MONTH = 1\n"],"mappings":"AAAO,MAAM,iBAAiB;AAEvB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;","names":[]}

package/dist/components/calendar/common/helper.d.ts

@@ -0,0 +1,4 @@
+import { Dayjs } from 'dayjs';
+import { Calendar } from '../../../../types/calendar';
+export default function generateCalendarGroup(options: Calendar.GroupOptions): (generateDate: number, selectedDate: Calendar.SelectedDate, isShowStatus?: boolean) => Calendar.ListInfo<Calendar.Item>;
+export declare function getGenerateDate(date: Calendar.DateArg | undefined): Dayjs;

package/dist/components/calendar/common/helper.js

@@ -0,0 +1,84 @@
+import dayjs from "dayjs";
+import _flow from "lodash/flow";
+import * as constant from "./constant";
+import plugins from "./plugins";
+const TOTAL = 7 * 6;
+function getFullItem(item, options, selectedDate, isShowStatus) {
+  if (options.marks.find((x) => x.value === item.value)) {
+    item.marks = [
+      {
+        value: item.value
+      }
+    ];
+  }
+  if (!isShowStatus) return item;
+  const bindedPlugins = plugins.map(
+    (fn) => fn.bind(null, {
+      options,
+      selectedDate
+    })
+  );
+  return _flow(bindedPlugins)(item);
+}
+function generateCalendarGroup(options) {
+  return function(generateDate, selectedDate, isShowStatus) {
+    const date = dayjs(generateDate);
+    const { format } = options;
+    const firstDate = date.startOf("month");
+    const lastDate = date.endOf("month");
+    const preMonthDate = date.subtract(1, "month");
+    const list = [];
+    const nowMonthDays = date.daysInMonth();
+    const preMonthLastDay = preMonthDate.endOf("month").day();
+    for (let i2 = 1; i2 <= preMonthLastDay + 1; i2++) {
+      const thisDate = firstDate.subtract(i2, "day").startOf("day");
+      let item = {
+        marks: [],
+        _value: thisDate,
+        text: thisDate.date(),
+        type: constant.TYPE_PRE_MONTH,
+        value: thisDate.format(format)
+      };
+      item = getFullItem(item, options, selectedDate, isShowStatus);
+      list.push(item);
+    }
+    list.reverse();
+    for (let i2 = 0; i2 < nowMonthDays; i2++) {
+      const thisDate = firstDate.add(i2, "day").startOf("day");
+      let item = {
+        marks: [],
+        _value: thisDate,
+        text: thisDate.date(),
+        type: constant.TYPE_NOW_MONTH,
+        value: thisDate.format(format)
+      };
+      item = getFullItem(item, options, selectedDate, isShowStatus);
+      list.push(item);
+    }
+    let i = 1;
+    while (list.length < TOTAL) {
+      const thisDate = lastDate.add(i++, "day").startOf("day");
+      let item = {
+        marks: [],
+        _value: thisDate,
+        text: thisDate.date(),
+        type: constant.TYPE_NEXT_MONTH,
+        value: thisDate.format(format)
+      };
+      item = getFullItem(item, options, selectedDate, isShowStatus);
+      list.push(item);
+    }
+    return {
+      list,
+      value: generateDate
+    };
+  };
+}
+function getGenerateDate(date) {
+  return dayjs(date).startOf("month");
+}
+export {
+  generateCalendarGroup as default,
+  getGenerateDate
+};
+//# sourceMappingURL=helper.js.map

package/dist/components/calendar/common/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/calendar/common/helper.ts"],"sourcesContent":["import dayjs, { Dayjs } from 'dayjs'\nimport _flow from 'lodash/flow'\nimport { Calendar } from '../../../../types/calendar'\nimport * as constant from './constant'\nimport plugins from './plugins'\n\nconst TOTAL = 7 * 6\n\nfunction getFullItem(\n  item: Partial<Calendar.Item>,\n  options: Calendar.GroupOptions,\n  selectedDate: Calendar.SelectedDate,\n  isShowStatus?: boolean\n): any {\n  if (options.marks.find(x => x.value === item.value)) {\n    item.marks = [\n      {\n        value: item.value as string\n      }\n    ]\n  }\n  if (!isShowStatus) return item\n\n  const bindedPlugins = plugins.map(fn =>\n    fn.bind(null, {\n      options,\n      selectedDate\n    })\n  )\n  return _flow(bindedPlugins)(item)\n}\n\nexport default function generateCalendarGroup(\n  options: Calendar.GroupOptions\n): (\n  generateDate: number,\n  selectedDate: Calendar.SelectedDate,\n  isShowStatus?: boolean\n) => Calendar.ListInfo<Calendar.Item> {\n  return function (\n    generateDate: number,\n    selectedDate: Calendar.SelectedDate,\n    isShowStatus?: boolean\n  ): Calendar.ListInfo<Calendar.Item> {\n    const date = dayjs(generateDate)\n\n    const { format } = options\n\n    // 获取生成日期的第一天 和 最后一天\n    const firstDate = date.startOf('month')\n    const lastDate = date.endOf('month')\n\n    const preMonthDate = date.subtract(1, 'month')\n\n    const list: Calendar.List<Calendar.Item> = []\n\n    const nowMonthDays: number = date.daysInMonth() // 获取这个月有多少天\n    const preMonthLastDay = preMonthDate.endOf('month').day() // 获取上个月最后一天是周几\n\n    // 生成上个月的日期\n    for (let i = 1; i <= preMonthLastDay + 1; i++) {\n      const thisDate = firstDate.subtract(i, 'day').startOf('day')\n\n      let item = {\n        marks: [],\n        _value: thisDate,\n        text: thisDate.date(),\n        type: constant.TYPE_PRE_MONTH,\n        value: thisDate.format(format)\n      }\n\n      item = getFullItem(item, options, selectedDate, isShowStatus)\n\n      list.push(item)\n    }\n    list.reverse()\n\n    // 生成这个月的日期\n    for (let i = 0; i < nowMonthDays; i++) {\n      const thisDate = firstDate.add(i, 'day').startOf('day')\n      let item = {\n        marks: [],\n        _value: thisDate,\n        text: thisDate.date(),\n        type: constant.TYPE_NOW_MONTH,\n        value: thisDate.format(format)\n      }\n\n      item = getFullItem(item, options, selectedDate, isShowStatus)\n\n      list.push(item)\n    }\n\n    // 生成下个月的日期\n    let i = 1\n    while (list.length < TOTAL) {\n      const thisDate = lastDate.add(i++, 'day').startOf('day')\n      let item = {\n        marks: [],\n        _value: thisDate,\n        text: thisDate.date(),\n        type: constant.TYPE_NEXT_MONTH,\n        value: thisDate.format(format)\n      }\n\n      item = getFullItem(item, options, selectedDate, isShowStatus)\n\n      list.push(item)\n    }\n\n    return {\n      list,\n      value: generateDate\n    }\n  }\n}\n\nexport function getGenerateDate(date: Calendar.DateArg | undefined): Dayjs {\n  return dayjs(date).startOf('month')\n}\n"],"mappings":"AAAA,OAAO,WAAsB;AAC7B,OAAO,WAAW;AAElB,YAAY,cAAc;AAC1B,OAAO,aAAa;AAEpB,MAAM,QAAQ,IAAI;AAElB,SAAS,YACP,MACA,SACA,cACA,cACK;AACL,MAAI,QAAQ,MAAM,KAAK,OAAK,EAAE,UAAU,KAAK,KAAK,GAAG;AACnD,SAAK,QAAQ;AAAA,MACX;AAAA,QACE,OAAO,KAAK;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACA,MAAI,CAAC,aAAc,QAAO;AAE1B,QAAM,gBAAgB,QAAQ;AAAA,IAAI,QAChC,GAAG,KAAK,MAAM;AAAA,MACZ;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACA,SAAO,MAAM,aAAa,EAAE,IAAI;AAClC;AAEe,SAAR,sBACL,SAKoC;AACpC,SAAO,SACL,cACA,cACA,cACkC;AAClC,UAAM,OAAO,MAAM,YAAY;AAE/B,UAAM,EAAE,OAAO,IAAI;AAGnB,UAAM,YAAY,KAAK,QAAQ,OAAO;AACtC,UAAM,WAAW,KAAK,MAAM,OAAO;AAEnC,UAAM,eAAe,KAAK,SAAS,GAAG,OAAO;AAE7C,UAAM,OAAqC,CAAC;AAE5C,UAAM,eAAuB,KAAK,YAAY;AAC9C,UAAM,kBAAkB,aAAa,MAAM,OAAO,EAAE,IAAI;AAGxD,aAASA,KAAI,GAAGA,MAAK,kBAAkB,GAAGA,MAAK;AAC7C,YAAM,WAAW,UAAU,SAASA,IAAG,KAAK,EAAE,QAAQ,KAAK;AAE3D,UAAI,OAAO;AAAA,QACT,OAAO,CAAC;AAAA,QACR,QAAQ;AAAA,QACR,MAAM,SAAS,KAAK;AAAA,QACpB,MAAM,SAAS;AAAA,QACf,OAAO,SAAS,OAAO,MAAM;AAAA,MAC/B;AAEA,aAAO,YAAY,MAAM,SAAS,cAAc,YAAY;AAE5D,WAAK,KAAK,IAAI;AAAA,IAChB;AACA,SAAK,QAAQ;AAGb,aAASA,KAAI,GAAGA,KAAI,cAAcA,MAAK;AACrC,YAAM,WAAW,UAAU,IAAIA,IAAG,KAAK,EAAE,QAAQ,KAAK;AACtD,UAAI,OAAO;AAAA,QACT,OAAO,CAAC;AAAA,QACR,QAAQ;AAAA,QACR,MAAM,SAAS,KAAK;AAAA,QACpB,MAAM,SAAS;AAAA,QACf,OAAO,SAAS,OAAO,MAAM;AAAA,MAC/B;AAEA,aAAO,YAAY,MAAM,SAAS,cAAc,YAAY;AAE5D,WAAK,KAAK,IAAI;AAAA,IAChB;AAGA,QAAI,IAAI;AACR,WAAO,KAAK,SAAS,OAAO;AAC1B,YAAM,WAAW,SAAS,IAAI,KAAK,KAAK,EAAE,QAAQ,KAAK;AACvD,UAAI,OAAO;AAAA,QACT,OAAO,CAAC;AAAA,QACR,QAAQ;AAAA,QACR,MAAM,SAAS,KAAK;AAAA,QACpB,MAAM,SAAS;AAAA,QACf,OAAO,SAAS,OAAO,MAAM;AAAA,MAC/B;AAEA,aAAO,YAAY,MAAM,SAAS,cAAc,YAAY;AAE5D,WAAK,KAAK,IAAI;AAAA,IAChB;AAEA,WAAO;AAAA,MACL;AAAA,MACA,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,SAAS,gBAAgB,MAA2C;AACzE,SAAO,MAAM,IAAI,EAAE,QAAQ,OAAO;AACpC;","names":["i"]}

package/dist/components/calendar/common/plugins.d.ts

@@ -0,0 +1,11 @@
+import { Calendar } from '../../../../types/calendar';
+interface PluginArg {
+    options: Calendar.GroupOptions;
+    selectedDate: Calendar.SelectedDate;
+}
+export declare function handleActive(args: PluginArg, item: Calendar.Item): Calendar.Item;
+export declare function handleMarks(args: PluginArg, item: Calendar.Item): Calendar.Item;
+export declare function handleDisabled(args: PluginArg, item: Calendar.Item): Calendar.Item;
+export declare function handleValid(args: PluginArg, item: Calendar.Item): Calendar.Item;
+declare const _default: (typeof handleActive)[];
+export default _default;

package/dist/components/calendar/common/plugins.js

@@ -0,0 +1,55 @@
+import dayjs from "dayjs";
+import _isEmpty from "lodash/isEmpty";
+function handleActive(args, item) {
+  const { selectedDate } = args;
+  const { _value } = item;
+  const { start, end } = selectedDate;
+  const dayjsEnd = dayjs(end);
+  const dayjsStart = start ? dayjs(start) : dayjsEnd;
+  item.isSelected = (_value == null ? void 0 : _value.isSame(dayjsEnd)) || (_value == null ? void 0 : _value.isSame(dayjsStart)) || (_value == null ? void 0 : _value.isAfter(dayjsStart)) && (_value == null ? void 0 : _value.isBefore(dayjsEnd));
+  item.isSelectedHead = _value == null ? void 0 : _value.isSame(dayjsStart);
+  item.isSelectedTail = _value == null ? void 0 : _value.isSame(dayjsEnd);
+  item.isToday = (_value == null ? void 0 : _value.diff(dayjs(Date.now()).startOf("day"), "day")) === 0;
+  return item;
+}
+function handleMarks(args, item) {
+  const { options } = args;
+  const { _value } = item;
+  const { marks } = options;
+  const markList = marks.filter(
+    (mark) => _value ? dayjs(mark.value).startOf("day").isSame(_value) : false
+  );
+  item.marks = markList.slice(0, 1);
+  return item;
+}
+function handleDisabled(args, item) {
+  const { options } = args;
+  const { _value } = item;
+  const { minDate, maxDate } = options;
+  const dayjsMinDate = dayjs(minDate);
+  const dayjsMaxDate = dayjs(maxDate);
+  item.isDisabled = !!(minDate && (_value == null ? void 0 : _value.isBefore(dayjsMinDate))) || !!(maxDate && (_value == null ? void 0 : _value.isAfter(dayjsMaxDate)));
+  return item;
+}
+function handleValid(args, item) {
+  const { options } = args;
+  const { _value } = item;
+  const { validDates } = options;
+  if (!_isEmpty(validDates)) {
+    const isInclude = validDates.some(
+      (date) => _value ? dayjs(date.value).startOf("day").isSame(_value) : false
+    );
+    item.isDisabled = !isInclude;
+  }
+  delete item._value;
+  return item;
+}
+var plugins_default = [handleActive, handleMarks, handleDisabled, handleValid];
+export {
+  plugins_default as default,
+  handleActive,
+  handleDisabled,
+  handleMarks,
+  handleValid
+};
+//# sourceMappingURL=plugins.js.map

package/dist/components/calendar/common/plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/calendar/common/plugins.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport _isEmpty from 'lodash/isEmpty'\nimport { Calendar } from '../../../../types/calendar'\n\ninterface PluginArg {\n  options: Calendar.GroupOptions\n\n  selectedDate: Calendar.SelectedDate\n}\n\nexport function handleActive(\n  args: PluginArg,\n  item: Calendar.Item\n): Calendar.Item {\n  const { selectedDate } = args\n  const { _value } = item\n\n  const { start, end } = selectedDate\n\n  const dayjsEnd = dayjs(end)\n  const dayjsStart = start ? dayjs(start) : dayjsEnd\n\n  item.isSelected =\n    _value?.isSame(dayjsEnd) ||\n    _value?.isSame(dayjsStart) ||\n    (_value?.isAfter(dayjsStart) && _value?.isBefore(dayjsEnd))\n\n  item.isSelectedHead = _value?.isSame(dayjsStart)\n  item.isSelectedTail = _value?.isSame(dayjsEnd)\n\n  item.isToday = _value?.diff(dayjs(Date.now()).startOf('day'), 'day') === 0\n\n  return item\n}\n\nexport function handleMarks(\n  args: PluginArg,\n  item: Calendar.Item\n): Calendar.Item {\n  const { options } = args\n  const { _value } = item\n  const { marks } = options\n\n  const markList = marks.filter(mark =>\n    _value ? dayjs(mark.value).startOf('day').isSame(_value) : false\n  )\n\n  item.marks = markList.slice(0, 1)\n\n  return item\n}\n\n// export function handleSelectedDates (args: PluginArg): Calendar.Item {\n// const { item, options } = args\n// const { _value } = item\n// const { selectedDates } = options\n\n// if (selectedDates.length === 0) return args\n\n// _forEach(selectedDates, date => {\n//   const { isSelected, isHead, isTail } = item\n\n//   // 如果当前 Item 已经具备了 三种状态下 无需继续判断 跳出循环\n//   if (isSelected) {\n//     return false\n//   }\n\n//   const { start, end } = date\n\n//   const dayjsEnd = dayjs(end).startOf('day')\n//   const dayjsStart = dayjs(start).startOf('day')\n\n//   item.isSelected =\n//     item.isSelected ||\n//     (_value.isAfter(dayjsStart) && _value.isBefore(dayjsEnd))\n\n//   item.isHead = item.isHead || _value.isSame(dayjsStart)\n\n//   item.isTail = item.isTail || _value.isSame(dayjsEnd)\n// })\n\n//   return item\n// }\n\nexport function handleDisabled(\n  args: PluginArg,\n  item: Calendar.Item\n): Calendar.Item {\n  const { options } = args\n  const { _value } = item\n  const { minDate, maxDate } = options\n\n  const dayjsMinDate = dayjs(minDate)\n  const dayjsMaxDate = dayjs(maxDate)\n\n  item.isDisabled =\n    !!(minDate && _value?.isBefore(dayjsMinDate)) ||\n    !!(maxDate && _value?.isAfter(dayjsMaxDate))\n\n  return item\n}\n\nexport function handleValid(\n  args: PluginArg,\n  item: Calendar.Item\n): Calendar.Item {\n  const { options } = args\n  const { _value } = item\n  const { validDates } = options\n\n  if (!_isEmpty(validDates)) {\n    const isInclude = validDates.some(date =>\n      _value ? dayjs(date.value).startOf('day').isSame(_value) : false\n    )\n\n    item.isDisabled = !isInclude\n  }\n\n  delete item._value\n\n  return item\n}\n\nexport default [handleActive, handleMarks, handleDisabled, handleValid]\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,OAAO,cAAc;AASd,SAAS,aACd,MACA,MACe;AACf,QAAM,EAAE,aAAa,IAAI;AACzB,QAAM,EAAE,OAAO,IAAI;AAEnB,QAAM,EAAE,OAAO,IAAI,IAAI;AAEvB,QAAM,WAAW,MAAM,GAAG;AAC1B,QAAM,aAAa,QAAQ,MAAM,KAAK,IAAI;AAE1C,OAAK,cACH,iCAAQ,OAAO,eACf,iCAAQ,OAAO,iBACd,iCAAQ,QAAQ,iBAAe,iCAAQ,SAAS;AAEnD,OAAK,iBAAiB,iCAAQ,OAAO;AACrC,OAAK,iBAAiB,iCAAQ,OAAO;AAErC,OAAK,WAAU,iCAAQ,KAAK,MAAM,KAAK,IAAI,CAAC,EAAE,QAAQ,KAAK,GAAG,YAAW;AAEzE,SAAO;AACT;AAEO,SAAS,YACd,MACA,MACe;AACf,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,OAAO,IAAI;AACnB,QAAM,EAAE,MAAM,IAAI;AAElB,QAAM,WAAW,MAAM;AAAA,IAAO,UAC5B,SAAS,MAAM,KAAK,KAAK,EAAE,QAAQ,KAAK,EAAE,OAAO,MAAM,IAAI;AAAA,EAC7D;AAEA,OAAK,QAAQ,SAAS,MAAM,GAAG,CAAC;AAEhC,SAAO;AACT;AAkCO,SAAS,eACd,MACA,MACe;AACf,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,OAAO,IAAI;AACnB,QAAM,EAAE,SAAS,QAAQ,IAAI;AAE7B,QAAM,eAAe,MAAM,OAAO;AAClC,QAAM,eAAe,MAAM,OAAO;AAElC,OAAK,aACH,CAAC,EAAE,YAAW,iCAAQ,SAAS,mBAC/B,CAAC,EAAE,YAAW,iCAAQ,QAAQ;AAEhC,SAAO;AACT;AAEO,SAAS,YACd,MACA,MACe;AACf,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,OAAO,IAAI;AACnB,QAAM,EAAE,WAAW,IAAI;AAEvB,MAAI,CAAC,SAAS,UAAU,GAAG;AACzB,UAAM,YAAY,WAAW;AAAA,MAAK,UAChC,SAAS,MAAM,KAAK,KAAK,EAAE,QAAQ,KAAK,EAAE,OAAO,MAAM,IAAI;AAAA,IAC7D;AAEA,SAAK,aAAa,CAAC;AAAA,EACrB;AAEA,SAAO,KAAK;AAEZ,SAAO;AACT;AAEA,IAAO,kBAAQ,CAAC,cAAc,aAAa,gBAAgB,WAAW;","names":[]}

package/dist/components/calendar/controller/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AtCalendarControllerProps, AtCalendarControllerState } from '../../../../types/calendar';
+export default class AtCalendarController extends React.Component<AtCalendarControllerProps, AtCalendarControllerState> {
+    render(): JSX.Element;
+}

package/dist/components/calendar/controller/index.js

@@ -0,0 +1,51 @@
+import classnames from "classnames";
+import dayjs from "dayjs";
+import React from "react";
+import { Picker, Text, View } from "@tarojs/components";
+class AtCalendarController extends React.Component {
+  render() {
+    const { generateDate, minDate, maxDate, monthFormat, hideArrow } = this.props;
+    const dayjsDate = dayjs(generateDate);
+    const dayjsMinDate = !!minDate && dayjs(minDate);
+    const dayjsMaxDate = !!maxDate && dayjs(maxDate);
+    const isMinMonth = dayjsMinDate && dayjsMinDate.startOf("month").isSame(dayjsDate);
+    const isMaxMonth = dayjsMaxDate && dayjsMaxDate.startOf("month").isSame(dayjsDate);
+    const minDateValue = dayjsMinDate ? dayjsMinDate.format("YYYY-MM") : "";
+    const maxDateValue = dayjsMaxDate ? dayjsMaxDate.format("YYYY-MM") : "";
+    return /* @__PURE__ */ React.createElement(View, { className: "at-calendar__controller controller" }, hideArrow ? null : /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classnames("controller__arrow controller__arrow--left", {
+          "controller__arrow--disabled": isMinMonth
+        }),
+        onClick: this.props.onPreMonth.bind(this, isMinMonth)
+      }
+    ), /* @__PURE__ */ React.createElement(
+      Picker,
+      {
+        mode: "date",
+        fields: "month",
+        end: maxDateValue,
+        start: minDateValue,
+        onChange: this.props.onSelectDate,
+        value: dayjsDate.format("YYYY-MM")
+      },
+      /* @__PURE__ */ React.createElement(Text, { className: "controller__info" }, dayjsDate.format(monthFormat))
+    ), hideArrow ? null : /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classnames(
+          "controller__arrow controller__arrow--right",
+          {
+            "controller__arrow--disabled": isMaxMonth
+          }
+        ),
+        onClick: this.props.onNextMonth.bind(this, isMaxMonth)
+      }
+    ));
+  }
+}
+export {
+  AtCalendarController as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/calendar/controller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/calendar/controller/index.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport dayjs, { Dayjs } from 'dayjs'\nimport React from 'react'\nimport { Picker, Text, View } from '@tarojs/components'\nimport {\n  AtCalendarControllerProps,\n  AtCalendarControllerState\n} from '../../../../types/calendar'\n\nexport default class AtCalendarController extends React.Component<\n  AtCalendarControllerProps,\n  AtCalendarControllerState\n> {\n  public render(): JSX.Element {\n    const { generateDate, minDate, maxDate, monthFormat, hideArrow } =\n      this.props\n\n    const dayjsDate: Dayjs = dayjs(generateDate)\n    const dayjsMinDate: Dayjs | boolean = !!minDate && dayjs(minDate)\n    const dayjsMaxDate: Dayjs | boolean = !!maxDate && dayjs(maxDate)\n\n    const isMinMonth: boolean =\n      dayjsMinDate && dayjsMinDate.startOf('month').isSame(dayjsDate)\n\n    const isMaxMonth: boolean =\n      dayjsMaxDate && dayjsMaxDate.startOf('month').isSame(dayjsDate)\n\n    const minDateValue: string = dayjsMinDate\n      ? dayjsMinDate.format('YYYY-MM')\n      : ''\n    const maxDateValue: string = dayjsMaxDate\n      ? dayjsMaxDate.format('YYYY-MM')\n      : ''\n\n    return (\n      <View className='at-calendar__controller controller'>\n        {hideArrow ? null : (\n          <View\n            className={classnames('controller__arrow controller__arrow--left', {\n              'controller__arrow--disabled': isMinMonth\n            })}\n            onClick={this.props.onPreMonth.bind(this, isMinMonth)}\n          />\n        )}\n        <Picker\n          mode='date'\n          fields='month'\n          end={maxDateValue}\n          start={minDateValue}\n          onChange={this.props.onSelectDate}\n          value={dayjsDate.format('YYYY-MM')}\n        >\n          <Text className='controller__info'>\n            {dayjsDate.format(monthFormat)}\n          </Text>\n        </Picker>\n        {hideArrow ? null : (\n          <View\n            className={classnames(\n              'controller__arrow controller__arrow--right',\n              {\n                'controller__arrow--disabled': isMaxMonth\n              }\n            )}\n            onClick={this.props.onNextMonth.bind(this, isMaxMonth)}\n          />\n        )}\n      </View>\n    )\n  }\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAsB;AAC7B,OAAO,WAAW;AAClB,SAAS,QAAQ,MAAM,YAAY;AAMnC,MAAO,6BAA2C,MAAM,UAGtD;AAAA,EACO,SAAsB;AAC3B,UAAM,EAAE,cAAc,SAAS,SAAS,aAAa,UAAU,IAC7D,KAAK;AAEP,UAAM,YAAmB,MAAM,YAAY;AAC3C,UAAM,eAAgC,CAAC,CAAC,WAAW,MAAM,OAAO;AAChE,UAAM,eAAgC,CAAC,CAAC,WAAW,MAAM,OAAO;AAEhE,UAAM,aACJ,gBAAgB,aAAa,QAAQ,OAAO,EAAE,OAAO,SAAS;AAEhE,UAAM,aACJ,gBAAgB,aAAa,QAAQ,OAAO,EAAE,OAAO,SAAS;AAEhE,UAAM,eAAuB,eACzB,aAAa,OAAO,SAAS,IAC7B;AACJ,UAAM,eAAuB,eACzB,aAAa,OAAO,SAAS,IAC7B;AAEJ,WACE,oCAAC,QAAK,WAAU,wCACb,YAAY,OACX;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,6CAA6C;AAAA,UACjE,+BAA+B;AAAA,QACjC,CAAC;AAAA,QACD,SAAS,KAAK,MAAM,WAAW,KAAK,MAAM,UAAU;AAAA;AAAA,IACtD,GAEF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,QAAO;AAAA,QACP,KAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,KAAK,MAAM;AAAA,QACrB,OAAO,UAAU,OAAO,SAAS;AAAA;AAAA,MAEjC,oCAAC,QAAK,WAAU,sBACb,UAAU,OAAO,WAAW,CAC/B;AAAA,IACF,GACC,YAAY,OACX;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,+BAA+B;AAAA,UACjC;AAAA,QACF;AAAA,QACA,SAAS,KAAK,MAAM,YAAY,KAAK,MAAM,UAAU;AAAA;AAAA,IACvD,CAEJ;AAAA,EAEJ;AACF;","names":[]}

package/dist/components/calendar/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { AtCalendarDefaultProps, AtCalendarProps, AtCalendarState } from '../../../types/calendar';
+export default class AtCalendar extends React.Component<AtCalendarProps, Readonly<AtCalendarState>> {
+    static defaultProps: AtCalendarDefaultProps;
+    constructor(props: AtCalendarProps);
+    UNSAFE_componentWillReceiveProps(nextProps: AtCalendarProps): void;
+    private getSingleSelectdState;
+    private getMultiSelectedState;
+    private getSelectedDate;
+    private getInitializeState;
+    private triggerChangeDate;
+    private setMonth;
+    private handleClickPreMonth;
+    private handleClickNextMonth;
+    private handleSelectDate;
+    private handleDayClick;
+    private handleSelectedDate;
+    private handleDayLongClick;
+    render(): JSX.Element;
+}