taro-ui 3.3.2 → 3.4.0

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

@@ -1,289 +0,0 @@
-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/lib/components/calendar/body/index.js.map

@@ -1 +0,0 @@
-{"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/lib/components/calendar/controller/index.d.ts

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

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

@@ -1,51 +0,0 @@
-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/lib/components/calendar/controller/index.js.map

@@ -1 +0,0 @@
-{"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/lib/components/calendar/index.d.ts

@@ -1,20 +0,0 @@
-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;
-}

package/lib/components/calendar/index.js

@@ -1,244 +0,0 @@
-import classnames from "classnames";
-import dayjs from "dayjs";
-import React from "react";
-import { View } from "@tarojs/components";
-import AtCalendarBody from "./body/index";
-import AtCalendarController from "./controller/index";
-const defaultProps = {
-  validDates: [],
-  marks: [],
-  isSwiper: true,
-  hideArrow: false,
-  isVertical: false,
-  selectedDates: [],
-  isMultiSelect: false,
-  format: "YYYY-MM-DD",
-  currentDate: Date.now(),
-  monthFormat: "YYYY\u5E74MM\u6708"
-};
-class AtCalendar extends React.Component {
-  constructor(props) {
-    super(props);
-    this.getSingleSelectdState = (value) => {
-      const { generateDate } = this.state;
-      const stateValue = {
-        selectedDate: this.getSelectedDate(value.valueOf())
-      };
-      const dayjsGenerateDate = value.startOf("month");
-      const generateDateValue = dayjsGenerateDate.valueOf();
-      if (generateDateValue !== generateDate) {
-        this.triggerChangeDate(dayjsGenerateDate);
-        stateValue.generateDate = generateDateValue;
-      }
-      return stateValue;
-    };
-    this.getMultiSelectedState = (value) => {
-      const { selectedDate } = this.state;
-      const { end, start } = selectedDate;
-      const valueUnix = value.valueOf();
-      const state = {
-        selectedDate
-      };
-      if (end) {
-        state.selectedDate = this.getSelectedDate(valueUnix, 0);
-      } else {
-        state.selectedDate.end = Math.max(valueUnix, +start);
-        state.selectedDate.start = Math.min(valueUnix, +start);
-      }
-      return state;
-    };
-    this.getSelectedDate = (start, end) => {
-      const stateValue = {
-        start,
-        end: start
-      };
-      if (typeof end !== "undefined") {
-        stateValue.end = end;
-      }
-      return stateValue;
-    };
-    this.triggerChangeDate = (value) => {
-      const { format } = this.props;
-      if (typeof this.props.onMonthChange !== "function") return;
-      this.props.onMonthChange(value.format(format));
-    };
-    this.setMonth = (vectorCount) => {
-      const { format } = this.props;
-      const { generateDate } = this.state;
-      const _generateDate = dayjs(generateDate).add(vectorCount, "month");
-      this.setState({
-        generateDate: _generateDate.valueOf()
-      });
-      if (vectorCount && typeof this.props.onMonthChange === "function") {
-        this.props.onMonthChange(_generateDate.format(format));
-      }
-    };
-    this.handleClickPreMonth = (isMinMonth) => {
-      if (isMinMonth === true) {
-        return;
-      }
-      this.setMonth(-1);
-      if (typeof this.props.onClickPreMonth === "function") {
-        this.props.onClickPreMonth();
-      }
-    };
-    this.handleClickNextMonth = (isMaxMonth) => {
-      if (isMaxMonth === true) {
-        return;
-      }
-      this.setMonth(1);
-      if (typeof this.props.onClickNextMonth === "function") {
-        this.props.onClickNextMonth();
-      }
-    };
-    // picker 选择时间改变时触发
-    this.handleSelectDate = (e) => {
-      const { value } = e.detail;
-      const _generateDate = dayjs(value);
-      const _generateDateValue = _generateDate.valueOf();
-      if (this.state.generateDate === _generateDateValue) return;
-      this.triggerChangeDate(_generateDate);
-      this.setState({
-        generateDate: _generateDateValue
-      });
-    };
-    this.handleDayClick = (item) => {
-      const { isMultiSelect } = this.props;
-      const { isDisabled, value } = item;
-      if (isDisabled) return;
-      const dayjsDate = dayjs(value);
-      let stateValue = {};
-      if (isMultiSelect) {
-        stateValue = this.getMultiSelectedState(dayjsDate);
-      } else {
-        stateValue = this.getSingleSelectdState(dayjsDate);
-      }
-      this.setState(stateValue, () => {
-        this.handleSelectedDate();
-      });
-      if (typeof this.props.onDayClick === "function") {
-        this.props.onDayClick({ value: item.value });
-      }
-    };
-    this.handleSelectedDate = () => {
-      const selectDate = this.state.selectedDate;
-      if (typeof this.props.onSelectDate === "function") {
-        const info = {
-          start: dayjs(selectDate.start).format(this.props.format)
-        };
-        if (selectDate.end) {
-          info.end = dayjs(selectDate.end).format(this.props.format);
-        }
-        this.props.onSelectDate({
-          value: info
-        });
-      }
-    };
-    this.handleDayLongClick = (item) => {
-      if (typeof this.props.onDayLongClick === "function") {
-        this.props.onDayLongClick({ value: item.value });
-      }
-    };
-    const { currentDate, isMultiSelect } = props;
-    this.state = this.getInitializeState(currentDate, isMultiSelect);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { currentDate, isMultiSelect } = nextProps;
-    if (!currentDate || currentDate === this.props.currentDate) return;
-    if (isMultiSelect && this.props.isMultiSelect) {
-      const { start, end } = currentDate;
-      const { start: preStart, end: preEnd } = this.props.currentDate;
-      if (start === preStart && preEnd === end) {
-        return;
-      }
-    }
-    const stateValue = this.getInitializeState(
-      currentDate,
-      isMultiSelect
-    );
-    this.setState(stateValue);
-  }
-  getInitializeState(currentDate, isMultiSelect) {
-    let end;
-    let start;
-    let generateDateValue;
-    if (!currentDate) {
-      const dayjsStart = dayjs();
-      start = dayjsStart.startOf("day").valueOf();
-      generateDateValue = dayjsStart.startOf("month").valueOf();
-      return {
-        generateDate: generateDateValue,
-        selectedDate: {
-          start: ""
-        }
-      };
-    }
-    if (isMultiSelect) {
-      const { start: cStart, end: cEnd } = currentDate;
-      const dayjsStart = dayjs(cStart);
-      start = dayjsStart.startOf("day").valueOf();
-      generateDateValue = dayjsStart.startOf("month").valueOf();
-      end = cEnd ? dayjs(cEnd).startOf("day").valueOf() : start;
-    } else {
-      const dayjsStart = dayjs(currentDate);
-      start = dayjsStart.startOf("day").valueOf();
-      generateDateValue = dayjsStart.startOf("month").valueOf();
-      end = start;
-    }
-    return {
-      generateDate: generateDateValue,
-      selectedDate: this.getSelectedDate(start, end)
-    };
-  }
-  render() {
-    const { generateDate, selectedDate } = this.state;
-    const {
-      validDates,
-      marks,
-      format,
-      minDate,
-      maxDate,
-      isSwiper,
-      className,
-      hideArrow,
-      isVertical,
-      monthFormat,
-      selectedDates
-    } = this.props;
-    return /* @__PURE__ */ React.createElement(View, { className: classnames("at-calendar", className) }, /* @__PURE__ */ React.createElement(
-      AtCalendarController,
-      {
-        minDate,
-        maxDate,
-        hideArrow,
-        monthFormat,
-        generateDate,
-        onPreMonth: this.handleClickPreMonth,
-        onNextMonth: this.handleClickNextMonth,
-        onSelectDate: this.handleSelectDate
-      }
-    ), /* @__PURE__ */ React.createElement(
-      AtCalendarBody,
-      {
-        validDates,
-        marks,
-        format,
-        minDate,
-        maxDate,
-        isSwiper,
-        isVertical,
-        selectedDate,
-        selectedDates,
-        generateDate,
-        onDayClick: this.handleDayClick,
-        onSwipeMonth: this.setMonth,
-        onLongClick: this.handleDayLongClick
-      }
-    ));
-  }
-}
-AtCalendar.defaultProps = defaultProps;
-export {
-  AtCalendar as default
-};
-//# sourceMappingURL=index.js.map