taro-ui 3.3.2 → 3.4.0

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

@@ -0,0 +1,55 @@
+import classnames from "classnames";
+import dayjs from "dayjs";
+import React from "react";
+import { Picker, Text, View } from "@tarojs/components";
+function AtCalendarController({
+  generateDate,
+  minDate,
+  maxDate,
+  monthFormat,
+  hideArrow,
+  onPreMonth,
+  onNextMonth,
+  onSelectDate
+}) {
+  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: () => onPreMonth(isMinMonth)
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Picker,
+    {
+      mode: "date",
+      fields: "month",
+      end: maxDateValue,
+      start: minDateValue,
+      onChange: 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: () => onNextMonth(isMaxMonth)
+    }
+  ));
+}
+var controller_default = AtCalendarController;
+export {
+  controller_default 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 { AtCalendarControllerProps } from '../../../../types/calendar'\n\nfunction AtCalendarController({\n  generateDate,\n  minDate,\n  maxDate,\n  monthFormat,\n  hideArrow,\n  onPreMonth,\n  onNextMonth,\n  onSelectDate\n}: AtCalendarControllerProps): JSX.Element {\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={() =>\n            (onPreMonth as (monthDisabled?: boolean) => void)(isMinMonth)\n          }\n        />\n      )}\n      <Picker\n        mode='date'\n        fields='month'\n        end={maxDateValue}\n        start={minDateValue}\n        onChange={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('controller__arrow controller__arrow--right', {\n            'controller__arrow--disabled': isMaxMonth\n          })}\n          onClick={() =>\n            (onNextMonth as (monthDisabled?: boolean) => void)(isMaxMonth)\n          }\n        />\n      )}\n    </View>\n  )\n}\n\nexport default AtCalendarController\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAsB;AAC7B,OAAO,WAAW;AAClB,SAAS,QAAQ,MAAM,YAAY;AAGnC,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2C;AACzC,QAAM,YAAmB,MAAM,YAAY;AAC3C,QAAM,eAAgC,CAAC,CAAC,WAAW,MAAM,OAAO;AAChE,QAAM,eAAgC,CAAC,CAAC,WAAW,MAAM,OAAO;AAEhE,QAAM,aACJ,gBAAgB,aAAa,QAAQ,OAAO,EAAE,OAAO,SAAS;AAEhE,QAAM,aACJ,gBAAgB,aAAa,QAAQ,OAAO,EAAE,OAAO,SAAS;AAEhE,QAAM,eAAuB,eACzB,aAAa,OAAO,SAAS,IAC7B;AACJ,QAAM,eAAuB,eACzB,aAAa,OAAO,SAAS,IAC7B;AAEJ,SACE,oCAAC,QAAK,WAAU,wCACb,YAAY,OACX;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,6CAA6C;AAAA,QACjE,+BAA+B;AAAA,MACjC,CAAC;AAAA,MACD,SAAS,MACN,WAAiD,UAAU;AAAA;AAAA,EAEhE,GAEF;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAO;AAAA,MACP,KAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO,UAAU,OAAO,SAAS;AAAA;AAAA,IAEjC,oCAAC,QAAK,WAAU,sBACb,UAAU,OAAO,WAAW,CAC/B;AAAA,EACF,GACC,YAAY,OACX;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,8CAA8C;AAAA,QAClE,+BAA+B;AAAA,MACjC,CAAC;AAAA,MACD,SAAS,MACN,YAAkD,UAAU;AAAA;AAAA,EAEjE,CAEJ;AAEJ;AAEA,IAAO,qBAAQ;","names":[]}

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

@@ -0,0 +1,3 @@
+import { AtCalendarProps } from '../../../types/calendar';
+declare function AtCalendar(props: AtCalendarProps): JSX.Element;
+export default AtCalendar;

package/dist/components/calendar/index.js

@@ -0,0 +1,262 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import classnames from "classnames";
+import dayjs from "dayjs";
+import React, { useEffect, useRef, useState } from "react";
+import { View } from "@tarojs/components";
+import { useComponentLocale } from "../../hooks/useComponentLocale";
+import AtCalendarBody from "./body/index";
+import AtCalendarController from "./controller/index";
+function AtCalendar(props) {
+  const calendarLocale = useComponentLocale("Calendar");
+  const {
+    validDates = [],
+    marks = [],
+    isSwiper = true,
+    hideArrow = false,
+    isVertical = false,
+    selectedDates = [],
+    isMultiSelect = false,
+    format = "YYYY-MM-DD",
+    currentDate = Date.now(),
+    monthFormat,
+    minDate,
+    maxDate,
+    className,
+    onMonthChange,
+    onClickPreMonth,
+    onClickNextMonth,
+    onDayClick,
+    onSelectDate,
+    onDayLongClick
+  } = props;
+  const resolvedMonthFormat = monthFormat != null ? monthFormat : calendarLocale.monthFormat;
+  const getSelectedDate = (start, end) => {
+    const stateValue = {
+      start,
+      end: start
+    };
+    if (typeof end !== "undefined") {
+      stateValue.end = end;
+    }
+    return stateValue;
+  };
+  const getInitializeState = (date, multiSelect) => {
+    let end;
+    let start;
+    let generateDateValue;
+    if (!date) {
+      const dayjsStart = dayjs();
+      start = dayjsStart.startOf("day").valueOf();
+      generateDateValue = dayjsStart.startOf("month").valueOf();
+      return {
+        generateDate: generateDateValue,
+        selectedDate: {
+          start: ""
+        }
+      };
+    }
+    if (multiSelect) {
+      const { start: cStart, end: cEnd } = date;
+      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(date);
+      start = dayjsStart.startOf("day").valueOf();
+      generateDateValue = dayjsStart.startOf("month").valueOf();
+      end = start;
+    }
+    return {
+      generateDate: generateDateValue,
+      selectedDate: getSelectedDate(start, end)
+    };
+  };
+  const [generateDate, setGenerateDate] = useState(
+    () => getInitializeState(currentDate, isMultiSelect).generateDate
+  );
+  const [selectedDate, setSelectedDate] = useState(
+    () => getInitializeState(currentDate, isMultiSelect).selectedDate
+  );
+  const prevCurrentDateRef = useRef(currentDate);
+  const prevIsMultiSelectRef = useRef(isMultiSelect);
+  useEffect(() => {
+    if (!currentDate || currentDate === prevCurrentDateRef.current) {
+      prevCurrentDateRef.current = currentDate;
+      prevIsMultiSelectRef.current = isMultiSelect;
+      return;
+    }
+    if (isMultiSelect && prevIsMultiSelectRef.current) {
+      const { start, end } = currentDate;
+      const { start: preStart, end: preEnd } = prevCurrentDateRef.current;
+      if (start === preStart && preEnd === end) {
+        prevCurrentDateRef.current = currentDate;
+        prevIsMultiSelectRef.current = isMultiSelect;
+        return;
+      }
+    }
+    const stateValue = getInitializeState(currentDate, isMultiSelect);
+    setGenerateDate(stateValue.generateDate);
+    setSelectedDate(stateValue.selectedDate);
+    prevCurrentDateRef.current = currentDate;
+    prevIsMultiSelectRef.current = isMultiSelect;
+  }, [currentDate, isMultiSelect]);
+  const triggerChangeDate = (value) => {
+    if (typeof onMonthChange !== "function") return;
+    onMonthChange(value.format(format));
+  };
+  const setMonth = (vectorCount) => {
+    const _generateDate = dayjs(generateDate).add(vectorCount, "month");
+    const nextGenerateDate = _generateDate.valueOf();
+    setGenerateDate(nextGenerateDate);
+    if (vectorCount && typeof onMonthChange === "function") {
+      onMonthChange(_generateDate.format(format));
+    }
+  };
+  const handleClickPreMonth = (isMinMonth) => {
+    if (isMinMonth === true) {
+      return;
+    }
+    setMonth(-1);
+    if (typeof onClickPreMonth === "function") {
+      onClickPreMonth();
+    }
+  };
+  const handleClickNextMonth = (isMaxMonth) => {
+    if (isMaxMonth === true) {
+      return;
+    }
+    setMonth(1);
+    if (typeof onClickNextMonth === "function") {
+      onClickNextMonth();
+    }
+  };
+  const handleSelectDate = (e) => {
+    const { value } = e.detail;
+    const _generateDate = dayjs(value);
+    const _generateDateValue = _generateDate.valueOf();
+    if (generateDate === _generateDateValue) return;
+    triggerChangeDate(_generateDate);
+    setGenerateDate(_generateDateValue);
+  };
+  const notifySelectedDate = (selectDate) => {
+    if (typeof onSelectDate === "function") {
+      const info = {
+        start: dayjs(selectDate.start).format(format)
+      };
+      if (selectDate.end) {
+        info.end = dayjs(selectDate.end).format(format);
+      }
+      onSelectDate({
+        value: info
+      });
+    }
+  };
+  const getSingleSelectdState = (value, currentGenerateDate) => {
+    const stateValue = {
+      selectedDate: getSelectedDate(value.valueOf())
+    };
+    const dayjsGenerateDate = value.startOf("month");
+    const generateDateValue = dayjsGenerateDate.valueOf();
+    if (generateDateValue !== currentGenerateDate) {
+      triggerChangeDate(dayjsGenerateDate);
+      stateValue.generateDate = generateDateValue;
+    }
+    return stateValue;
+  };
+  const getMultiSelectedState = (value, currentSelectedDate) => {
+    const { end, start } = currentSelectedDate;
+    const valueUnix = value.valueOf();
+    const state = {
+      selectedDate: currentSelectedDate
+    };
+    if (end) {
+      state.selectedDate = getSelectedDate(valueUnix, 0);
+    } else {
+      state.selectedDate = __spreadProps(__spreadValues({}, currentSelectedDate), {
+        end: Math.max(valueUnix, +start),
+        start: Math.min(valueUnix, +start)
+      });
+    }
+    return state;
+  };
+  const handleDayClick = (item) => {
+    const { isDisabled, value } = item;
+    if (isDisabled) return;
+    const dayjsDate = dayjs(value);
+    let stateValue = {};
+    if (isMultiSelect) {
+      stateValue = getMultiSelectedState(dayjsDate, selectedDate);
+    } else {
+      stateValue = getSingleSelectdState(dayjsDate, generateDate);
+    }
+    if (stateValue.generateDate != null) {
+      setGenerateDate(stateValue.generateDate);
+    }
+    if (stateValue.selectedDate != null) {
+      setSelectedDate(stateValue.selectedDate);
+      notifySelectedDate(stateValue.selectedDate);
+    }
+    if (typeof onDayClick === "function") {
+      onDayClick({ value: item.value });
+    }
+  };
+  const handleDayLongClick = (item) => {
+    if (typeof onDayLongClick === "function") {
+      onDayLongClick({ value: item.value });
+    }
+  };
+  return /* @__PURE__ */ React.createElement(View, { className: classnames("at-calendar", className) }, /* @__PURE__ */ React.createElement(
+    AtCalendarController,
+    {
+      minDate,
+      maxDate,
+      hideArrow,
+      monthFormat: resolvedMonthFormat,
+      generateDate,
+      onPreMonth: handleClickPreMonth,
+      onNextMonth: handleClickNextMonth,
+      onSelectDate: handleSelectDate
+    }
+  ), /* @__PURE__ */ React.createElement(
+    AtCalendarBody,
+    {
+      validDates,
+      marks,
+      format,
+      minDate,
+      maxDate,
+      isSwiper,
+      isVertical,
+      selectedDate,
+      selectedDates,
+      generateDate,
+      onDayClick: handleDayClick,
+      onSwipeMonth: setMonth,
+      onLongClick: handleDayLongClick
+    }
+  ));
+}
+var calendar_default = AtCalendar;
+export {
+  calendar_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/calendar/index.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport dayjs, { Dayjs } from 'dayjs'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { View } from '@tarojs/components'\nimport { BaseEventOrig } from '@tarojs/components/types/common'\nimport {\n  AtCalendarProps,\n  AtCalendarPropsWithDefaults,\n  AtCalendarState,\n  Calendar\n} from '../../../types/calendar'\nimport { useComponentLocale } from '../../hooks/useComponentLocale'\nimport AtCalendarBody from './body/index'\nimport AtCalendarController from './controller/index'\n\nfunction AtCalendar(props: AtCalendarProps): JSX.Element {\n  const calendarLocale = useComponentLocale('Calendar')\n  const {\n    validDates = [],\n    marks = [],\n    isSwiper = true,\n    hideArrow = false,\n    isVertical = false,\n    selectedDates = [],\n    isMultiSelect = false,\n    format = 'YYYY-MM-DD',\n    currentDate = Date.now(),\n    monthFormat,\n    minDate,\n    maxDate,\n    className,\n    onMonthChange,\n    onClickPreMonth,\n    onClickNextMonth,\n    onDayClick,\n    onSelectDate,\n    onDayLongClick\n  } = props as AtCalendarPropsWithDefaults\n  const resolvedMonthFormat = monthFormat ?? calendarLocale.monthFormat\n  const getSelectedDate = (\n    start: number,\n    end?: number\n  ): Calendar.SelectedDate => {\n    const stateValue: Calendar.SelectedDate = {\n      start,\n      end: start\n    }\n\n    if (typeof end !== 'undefined') {\n      stateValue.end = end\n    }\n\n    return stateValue\n  }\n\n  const getInitializeState = (\n    date: Calendar.DateArg | Calendar.SelectedDate,\n    multiSelect?: boolean\n  ): AtCalendarState => {\n    let end: number\n    let start: number\n    let generateDateValue: number\n\n    if (!date) {\n      const dayjsStart = dayjs()\n      start = dayjsStart.startOf('day').valueOf()\n      generateDateValue = dayjsStart.startOf('month').valueOf()\n      return {\n        generateDate: generateDateValue,\n        selectedDate: {\n          start: ''\n        }\n      }\n    }\n\n    if (multiSelect) {\n      const { start: cStart, end: cEnd } = date as Calendar.SelectedDate\n\n      const dayjsStart = dayjs(cStart)\n\n      start = dayjsStart.startOf('day').valueOf()\n      generateDateValue = dayjsStart.startOf('month').valueOf()\n\n      end = cEnd ? dayjs(cEnd).startOf('day').valueOf() : start\n    } else {\n      const dayjsStart = dayjs(date as Calendar.DateArg)\n\n      start = dayjsStart.startOf('day').valueOf()\n      generateDateValue = dayjsStart.startOf('month').valueOf()\n\n      end = start\n    }\n\n    return {\n      generateDate: generateDateValue,\n      selectedDate: getSelectedDate(start, end)\n    }\n  }\n\n  const [generateDate, setGenerateDate] = useState<number>(\n    () => getInitializeState(currentDate, isMultiSelect).generateDate\n  )\n  const [selectedDate, setSelectedDate] = useState<Calendar.SelectedDate>(\n    () => getInitializeState(currentDate, isMultiSelect).selectedDate\n  )\n\n  const prevCurrentDateRef = useRef(currentDate)\n  const prevIsMultiSelectRef = useRef(isMultiSelect)\n\n  useEffect(() => {\n    if (!currentDate || currentDate === prevCurrentDateRef.current) {\n      prevCurrentDateRef.current = currentDate\n      prevIsMultiSelectRef.current = isMultiSelect\n      return\n    }\n\n    if (isMultiSelect && prevIsMultiSelectRef.current) {\n      const { start, end } = currentDate as Calendar.SelectedDate\n      const { start: preStart, end: preEnd } =\n        prevCurrentDateRef.current as Calendar.SelectedDate\n\n      if (start === preStart && preEnd === end) {\n        prevCurrentDateRef.current = currentDate\n        prevIsMultiSelectRef.current = isMultiSelect\n        return\n      }\n    }\n\n    const stateValue = getInitializeState(currentDate, isMultiSelect)\n\n    setGenerateDate(stateValue.generateDate)\n    setSelectedDate(stateValue.selectedDate)\n    prevCurrentDateRef.current = currentDate\n    prevIsMultiSelectRef.current = isMultiSelect\n  }, [currentDate, isMultiSelect])\n\n  const triggerChangeDate = (value: Dayjs): void => {\n    if (typeof onMonthChange !== 'function') return\n\n    onMonthChange(value.format(format))\n  }\n\n  const setMonth = (vectorCount: number): void => {\n    const _generateDate: Dayjs = dayjs(generateDate).add(vectorCount, 'month')\n    const nextGenerateDate = _generateDate.valueOf()\n\n    setGenerateDate(nextGenerateDate)\n\n    if (vectorCount && typeof onMonthChange === 'function') {\n      onMonthChange(_generateDate.format(format))\n    }\n  }\n\n  const handleClickPreMonth = (isMinMonth?: boolean): void => {\n    if (isMinMonth === true) {\n      return\n    }\n\n    setMonth(-1)\n\n    if (typeof onClickPreMonth === 'function') {\n      onClickPreMonth()\n    }\n  }\n\n  const handleClickNextMonth = (isMaxMonth?: boolean): void => {\n    if (isMaxMonth === true) {\n      return\n    }\n\n    setMonth(1)\n\n    if (typeof onClickNextMonth === 'function') {\n      onClickNextMonth()\n    }\n  }\n\n  const handleSelectDate = (e: BaseEventOrig<{ value: string }>): void => {\n    const { value } = e.detail\n\n    const _generateDate: Dayjs = dayjs(value)\n    const _generateDateValue: number = _generateDate.valueOf()\n\n    if (generateDate === _generateDateValue) return\n\n    triggerChangeDate(_generateDate)\n    setGenerateDate(_generateDateValue)\n  }\n\n  const notifySelectedDate = (selectDate: Calendar.SelectedDate): void => {\n    if (typeof onSelectDate === 'function') {\n      const info: Calendar.SelectedDate = {\n        start: dayjs(selectDate.start).format(format)\n      }\n\n      if (selectDate.end) {\n        info.end = dayjs(selectDate.end).format(format)\n      }\n\n      onSelectDate({\n        value: info\n      })\n    }\n  }\n\n  const getSingleSelectdState = (\n    value: Dayjs,\n    currentGenerateDate: number\n  ): Partial<AtCalendarState> => {\n    const stateValue: Partial<AtCalendarState> = {\n      selectedDate: getSelectedDate(value.valueOf())\n    }\n\n    const dayjsGenerateDate: Dayjs = value.startOf('month')\n    const generateDateValue: number = dayjsGenerateDate.valueOf()\n\n    if (generateDateValue !== currentGenerateDate) {\n      triggerChangeDate(dayjsGenerateDate)\n      stateValue.generateDate = generateDateValue\n    }\n\n    return stateValue\n  }\n\n  const getMultiSelectedState = (\n    value: Dayjs,\n    currentSelectedDate: Calendar.SelectedDate\n  ): Pick<AtCalendarState, 'selectedDate'> => {\n    const { end, start } = currentSelectedDate\n\n    const valueUnix: number = value.valueOf()\n    const state: Pick<AtCalendarState, 'selectedDate'> = {\n      selectedDate: currentSelectedDate\n    }\n\n    if (end) {\n      state.selectedDate = getSelectedDate(valueUnix, 0)\n    } else {\n      state.selectedDate = {\n        ...currentSelectedDate,\n        end: Math.max(valueUnix, +start),\n        start: Math.min(valueUnix, +start)\n      }\n    }\n\n    return state\n  }\n\n  const handleDayClick = (item: Calendar.Item): void => {\n    const { isDisabled, value } = item\n\n    if (isDisabled) return\n\n    const dayjsDate: Dayjs = dayjs(value)\n\n    let stateValue: Partial<AtCalendarState> = {}\n\n    if (isMultiSelect) {\n      stateValue = getMultiSelectedState(dayjsDate, selectedDate)\n    } else {\n      stateValue = getSingleSelectdState(dayjsDate, generateDate)\n    }\n\n    if (stateValue.generateDate != null) {\n      setGenerateDate(stateValue.generateDate)\n    }\n    if (stateValue.selectedDate != null) {\n      setSelectedDate(stateValue.selectedDate)\n      notifySelectedDate(stateValue.selectedDate)\n    }\n\n    if (typeof onDayClick === 'function') {\n      onDayClick({ value: item.value })\n    }\n  }\n\n  const handleDayLongClick = (item: Calendar.Item): void => {\n    if (typeof onDayLongClick === 'function') {\n      onDayLongClick({ value: item.value })\n    }\n  }\n\n  return (\n    <View className={classnames('at-calendar', className)}>\n      <AtCalendarController\n        minDate={minDate}\n        maxDate={maxDate}\n        hideArrow={hideArrow}\n        monthFormat={resolvedMonthFormat}\n        generateDate={generateDate}\n        onPreMonth={handleClickPreMonth}\n        onNextMonth={handleClickNextMonth}\n        onSelectDate={handleSelectDate}\n      />\n      <AtCalendarBody\n        validDates={validDates}\n        marks={marks}\n        format={format}\n        minDate={minDate}\n        maxDate={maxDate}\n        isSwiper={isSwiper}\n        isVertical={isVertical}\n        selectedDate={selectedDate}\n        selectedDates={selectedDates}\n        generateDate={generateDate}\n        onDayClick={handleDayClick}\n        onSwipeMonth={setMonth}\n        onLongClick={handleDayLongClick}\n      />\n    </View>\n  )\n}\n\nexport default AtCalendar\n"],"mappings":"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","names":[]}

package/{lib → dist}/components/calendar/ui/date-list/index.d.ts

@@ -1,12 +1,8 @@
-import React from 'react';
 import { Calendar } from '../../../../../types/calendar';
 export interface Props {
     list: Calendar.List<Calendar.Item>;
     onClick?: (item: Calendar.Item) => void;
     onLongClick?: (item: Calendar.Item) => void;
 }
-export default class AtCalendarList extends React.Component<Props> {
-    private handleClick;
-    private handleLongClick;
-    render(): JSX.Element | null;
-}
+declare function AtCalendarList({ list, onClick, onLongClick }: Props): JSX.Element | null;
+export default AtCalendarList;

package/dist/components/calendar/ui/date-list/index.js

@@ -0,0 +1,49 @@
+import classnames from "classnames";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+import * as constant from "../../common/constant";
+const MAP = {
+  [constant.TYPE_PRE_MONTH]: "pre",
+  [constant.TYPE_NOW_MONTH]: "now",
+  [constant.TYPE_NEXT_MONTH]: "next"
+};
+function AtCalendarList({
+  list,
+  onClick,
+  onLongClick
+}) {
+  const handleClick = (item) => {
+    if (typeof onClick === "function") {
+      onClick(item);
+    }
+  };
+  const handleLongClick = (item) => {
+    if (typeof onLongClick === "function") {
+      onLongClick(item);
+    }
+  };
+  if (!list || list.length === 0) return null;
+  return /* @__PURE__ */ React.createElement(View, { className: "at-calendar__list flex" }, list.map((item) => /* @__PURE__ */ React.createElement(
+    View,
+    {
+      key: `list-item-${item.value}`,
+      onClick: () => handleClick(item),
+      onLongPress: () => handleLongClick(item),
+      className: classnames("flex__item", `flex__item--${MAP[item.type]}`, {
+        "flex__item--today": item.isToday,
+        "flex__item--active": item.isActive,
+        "flex__item--selected": item.isSelected,
+        "flex__item--selected-head": item.isSelectedHead,
+        "flex__item--selected-tail": item.isSelectedTail,
+        "flex__item--blur": item.isDisabled || item.type === constant.TYPE_PRE_MONTH || item.type === constant.TYPE_NEXT_MONTH
+      })
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "flex__item-container" }, /* @__PURE__ */ React.createElement(View, { className: "container-text" }, item.text)),
+    /* @__PURE__ */ React.createElement(View, { className: "flex__item-extra extra" }, item.marks && item.marks.length > 0 ? /* @__PURE__ */ React.createElement(View, { className: "extra-marks" }, item.marks.map((mark, key) => /* @__PURE__ */ React.createElement(Text, { key, className: "mark" }, mark.value))) : null)
+  )));
+}
+var date_list_default = AtCalendarList;
+export {
+  date_list_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/calendar/ui/date-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/calendar/ui/date-list/index.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { Calendar } from '../../../../../types/calendar'\nimport * as constant from '../../common/constant'\n\nconst MAP: { [key: number]: string } = {\n  [constant.TYPE_PRE_MONTH]: 'pre',\n  [constant.TYPE_NOW_MONTH]: 'now',\n  [constant.TYPE_NEXT_MONTH]: 'next'\n}\n\nexport interface Props {\n  list: Calendar.List<Calendar.Item>\n\n  onClick?: (item: Calendar.Item) => void\n\n  onLongClick?: (item: Calendar.Item) => void\n}\n\nfunction AtCalendarList({\n  list,\n  onClick,\n  onLongClick\n}: Props): JSX.Element | null {\n  const handleClick = (item: Calendar.Item): void => {\n    if (typeof onClick === 'function') {\n      onClick(item)\n    }\n  }\n\n  const handleLongClick = (item: Calendar.Item): void => {\n    if (typeof onLongClick === 'function') {\n      onLongClick(item)\n    }\n  }\n\n  if (!list || list.length === 0) return null\n\n  return (\n    <View className='at-calendar__list flex'>\n      {list.map((item: Calendar.Item) => (\n        <View\n          key={`list-item-${item.value}`}\n          onClick={() => handleClick(item)}\n          onLongPress={() => handleLongClick(item)}\n          className={classnames('flex__item', `flex__item--${MAP[item.type]}`, {\n            'flex__item--today': item.isToday,\n            'flex__item--active': item.isActive,\n            'flex__item--selected': item.isSelected,\n            'flex__item--selected-head': item.isSelectedHead,\n            'flex__item--selected-tail': item.isSelectedTail,\n            'flex__item--blur':\n              item.isDisabled ||\n              item.type === constant.TYPE_PRE_MONTH ||\n              item.type === constant.TYPE_NEXT_MONTH\n          })}\n        >\n          <View className='flex__item-container'>\n            <View className='container-text'>{item.text}</View>\n          </View>\n          <View className='flex__item-extra extra'>\n            {item.marks && item.marks.length > 0 ? (\n              <View className='extra-marks'>\n                {item.marks.map((mark, key) => (\n                  <Text key={key} className='mark'>\n                    {mark.value}\n                  </Text>\n                ))}\n              </View>\n            ) : null}\n          </View>\n        </View>\n      ))}\n    </View>\n  )\n}\n\nexport default AtCalendarList\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAE3B,YAAY,cAAc;AAE1B,MAAM,MAAiC;AAAA,EACrC,CAAC,SAAS,cAAc,GAAG;AAAA,EAC3B,CAAC,SAAS,cAAc,GAAG;AAAA,EAC3B,CAAC,SAAS,eAAe,GAAG;AAC9B;AAUA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,cAAc,CAAC,SAA8B;AACjD,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,IAAI;AAAA,IACd;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,SAA8B;AACrD,QAAI,OAAO,gBAAgB,YAAY;AACrC,kBAAY,IAAI;AAAA,IAClB;AAAA,EACF;AAEA,MAAI,CAAC,QAAQ,KAAK,WAAW,EAAG,QAAO;AAEvC,SACE,oCAAC,QAAK,WAAU,4BACb,KAAK,IAAI,CAAC,SACT;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,aAAa,KAAK,KAAK;AAAA,MAC5B,SAAS,MAAM,YAAY,IAAI;AAAA,MAC/B,aAAa,MAAM,gBAAgB,IAAI;AAAA,MACvC,WAAW,WAAW,cAAc,eAAe,IAAI,KAAK,IAAI,CAAC,IAAI;AAAA,QACnE,qBAAqB,KAAK;AAAA,QAC1B,sBAAsB,KAAK;AAAA,QAC3B,wBAAwB,KAAK;AAAA,QAC7B,6BAA6B,KAAK;AAAA,QAClC,6BAA6B,KAAK;AAAA,QAClC,oBACE,KAAK,cACL,KAAK,SAAS,SAAS,kBACvB,KAAK,SAAS,SAAS;AAAA,MAC3B,CAAC;AAAA;AAAA,IAED,oCAAC,QAAK,WAAU,0BACd,oCAAC,QAAK,WAAU,oBAAkB,KAAK,IAAK,CAC9C;AAAA,IACA,oCAAC,QAAK,WAAU,4BACb,KAAK,SAAS,KAAK,MAAM,SAAS,IACjC,oCAAC,QAAK,WAAU,iBACb,KAAK,MAAM,IAAI,CAAC,MAAM,QACrB,oCAAC,QAAK,KAAU,WAAU,UACvB,KAAK,KACR,CACD,CACH,IACE,IACN;AAAA,EACF,CACD,CACH;AAEJ;AAEA,IAAO,oBAAQ;","names":[]}

package/dist/components/calendar/ui/day-list/index.d.ts

@@ -0,0 +1,2 @@
+declare function AtCalendarHeader(): JSX.Element;
+export default AtCalendarHeader;

package/dist/components/calendar/ui/day-list/index.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { View } from "@tarojs/components";
+import { useComponentLocale } from "../../../../hooks/useComponentLocale";
+function AtCalendarHeader() {
+  const { weekdays } = useComponentLocale("Calendar");
+  return /* @__PURE__ */ React.createElement(View, { className: "at-calendar__header header" }, /* @__PURE__ */ React.createElement(View, { className: "header__flex" }, weekdays.map((weekday) => /* @__PURE__ */ React.createElement(View, { key: weekday, className: "header__flex-item" }, weekday))));
+}
+var day_list_default = AtCalendarHeader;
+export {
+  day_list_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/calendar/ui/day-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/calendar/ui/day-list/index.tsx"],"sourcesContent":["import React from 'react'\nimport { View } from '@tarojs/components'\nimport { useComponentLocale } from '../../../../hooks/useComponentLocale'\n\nfunction AtCalendarHeader(): JSX.Element {\n  const { weekdays } = useComponentLocale('Calendar')\n\n  return (\n    <View className='at-calendar__header header'>\n      <View className='header__flex'>\n        {weekdays.map(weekday => (\n          <View key={weekday} className='header__flex-item'>\n            {weekday}\n          </View>\n        ))}\n      </View>\n    </View>\n  )\n}\n\nexport default AtCalendarHeader\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,0BAA0B;AAEnC,SAAS,mBAAgC;AACvC,QAAM,EAAE,SAAS,IAAI,mBAAmB,UAAU;AAElD,SACE,oCAAC,QAAK,WAAU,gCACd,oCAAC,QAAK,WAAU,kBACb,SAAS,IAAI,aACZ,oCAAC,QAAK,KAAK,SAAS,WAAU,uBAC3B,OACH,CACD,CACH,CACF;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}

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

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+import { AtCardProps } from '../../../types/card';
+declare function AtCard({ title, note, extra, extraStyle, thumb, isFull, icon, renderIcon, className, children, onClick }: AtCardProps): JSX.Element;
+declare namespace AtCard {
+    var propTypes: {
+        note: PropTypes.Requireable<string>;
+        isFull: PropTypes.Requireable<boolean>;
+        thumb: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        extra: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
+        icon: PropTypes.Requireable<object>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        renderIcon: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
+        extraStyle: PropTypes.Requireable<object>;
+    };
+}
+export default AtCard;

package/dist/components/card/index.js

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Image, Text, View } from "@tarojs/components";
+function AtCard({
+  title = "",
+  note = "",
+  extra,
+  extraStyle = {},
+  thumb = "",
+  isFull = false,
+  icon,
+  renderIcon,
+  className,
+  children,
+  onClick
+}) {
+  const handleClick = (args) => {
+    if (typeof onClick === "function") {
+      onClick(args);
+    }
+  };
+  const rootClass = classNames(
+    "at-card",
+    {
+      "at-card--full": isFull
+    },
+    className
+  );
+  const iconClass = classNames({
+    "at-icon": true,
+    [`at-icon-${icon && icon.value}`]: icon && icon.value,
+    "at-card__header-icon": true
+  });
+  const iconStyle = {
+    color: icon && icon.color || "",
+    fontSize: icon && `${icon.size}px` || ""
+  };
+  return /* @__PURE__ */ React.createElement(View, { onClick: handleClick, className: rootClass }, /* @__PURE__ */ React.createElement(View, { className: "at-card__header" }, thumb && /* @__PURE__ */ React.createElement(View, { className: "at-card__header-thumb" }, /* @__PURE__ */ React.createElement(
+    Image,
+    {
+      className: "at-card__header-thumb-info",
+      mode: "scaleToFill",
+      src: thumb
+    }
+  )), renderIcon || "", !thumb && icon && icon.value && /* @__PURE__ */ React.createElement(Text, { className: iconClass, style: iconStyle }), /* @__PURE__ */ React.createElement(Text, { className: "at-card__header-title" }, title), extra && /* @__PURE__ */ React.createElement(View, { style: __spreadValues({}, extraStyle), className: "at-card__header-extra" }, extra)), /* @__PURE__ */ React.createElement(View, { className: "at-card__content" }, /* @__PURE__ */ React.createElement(View, { className: "at-card__content-info" }, children), note && /* @__PURE__ */ React.createElement(View, { className: "at-card__content-note" }, note)));
+}
+AtCard.propTypes = {
+  note: PropTypes.string,
+  isFull: PropTypes.bool,
+  thumb: PropTypes.string,
+  title: PropTypes.string,
+  extra: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  icon: PropTypes.object,
+  onClick: PropTypes.func,
+  renderIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  extraStyle: PropTypes.object
+  // 自定义extra样式
+};
+export {
+  AtCard as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Image, Text, View } from '@tarojs/components'\nimport { AtCardProps } from '../../../types/card'\n\nexport default function AtCard({\n  title = '',\n  note = '',\n  extra,\n  extraStyle = {},\n  thumb = '',\n  isFull = false,\n  icon,\n  renderIcon,\n  className,\n  children,\n  onClick\n}: AtCardProps): JSX.Element {\n  const handleClick = (args: any): void => {\n    if (typeof onClick === 'function') {\n      onClick(args)\n    }\n  }\n\n  const rootClass = classNames(\n    'at-card',\n    {\n      'at-card--full': isFull\n    },\n    className\n  )\n  const iconClass = classNames({\n    'at-icon': true,\n    [`at-icon-${icon && icon.value}`]: icon && icon.value,\n    'at-card__header-icon': true\n  })\n\n  const iconStyle = {\n    color: (icon && icon.color) || '',\n    fontSize: (icon && `${icon.size}px`) || ''\n  }\n\n  return (\n    <View onClick={handleClick} className={rootClass}>\n      <View className='at-card__header'>\n        {thumb && (\n          <View className='at-card__header-thumb'>\n            <Image\n              className='at-card__header-thumb-info'\n              mode='scaleToFill'\n              src={thumb}\n            />\n          </View>\n        )}\n        {renderIcon || ''}\n        {!thumb && icon && icon.value && (\n          <Text className={iconClass} style={iconStyle}></Text>\n        )}\n\n        <Text className='at-card__header-title'>{title}</Text>\n        {extra && (\n          <View style={{ ...extraStyle }} className='at-card__header-extra'>\n            {extra}\n          </View>\n        )}\n      </View>\n      <View className='at-card__content'>\n        <View className='at-card__content-info'>{children}</View>\n        {note && <View className='at-card__content-note'>{note}</View>}\n      </View>\n    </View>\n  )\n}\n\nAtCard.propTypes = {\n  note: PropTypes.string,\n  isFull: PropTypes.bool,\n  thumb: PropTypes.string,\n  title: PropTypes.string,\n  extra: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  icon: PropTypes.object,\n  onClick: PropTypes.func,\n  renderIcon: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  extraStyle: PropTypes.object // 自定义extra样式\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,OAAO,MAAM,YAAY;AAGnB,SAAR,OAAwB;AAAA,EAC7B,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA,aAAa,CAAC;AAAA,EACd,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,cAAc,CAAC,SAAoB;AACvC,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,IAAI;AAAA,IACd;AAAA,EACF;AAEA,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACE,iBAAiB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACA,QAAM,YAAY,WAAW;AAAA,IAC3B,WAAW;AAAA,IACX,CAAC,WAAW,QAAQ,KAAK,KAAK,EAAE,GAAG,QAAQ,KAAK;AAAA,IAChD,wBAAwB;AAAA,EAC1B,CAAC;AAED,QAAM,YAAY;AAAA,IAChB,OAAQ,QAAQ,KAAK,SAAU;AAAA,IAC/B,UAAW,QAAQ,GAAG,KAAK,IAAI,QAAS;AAAA,EAC1C;AAEA,SACE,oCAAC,QAAK,SAAS,aAAa,WAAW,aACrC,oCAAC,QAAK,WAAU,qBACb,SACC,oCAAC,QAAK,WAAU,2BACd;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,KAAK;AAAA;AAAA,EACP,CACF,GAED,cAAc,IACd,CAAC,SAAS,QAAQ,KAAK,SACtB,oCAAC,QAAK,WAAW,WAAW,OAAO,WAAW,GAGhD,oCAAC,QAAK,WAAU,2BAAyB,KAAM,GAC9C,SACC,oCAAC,QAAK,OAAO,mBAAK,aAAc,WAAU,2BACvC,KACH,CAEJ,GACA,oCAAC,QAAK,WAAU,sBACd,oCAAC,QAAK,WAAU,2BAAyB,QAAS,GACjD,QAAQ,oCAAC,QAAK,WAAU,2BAAyB,IAAK,CACzD,CACF;AAEJ;AAEA,OAAO,YAAY;AAAA,EACjB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA,EAClB,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,EAChE,MAAM,UAAU;AAAA,EAChB,SAAS,UAAU;AAAA,EACnB,YAAY,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,EACrE,YAAY,UAAU;AAAA;AACxB;","names":[]}

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

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+import { AtCheckboxProps } from '../../../types/checkbox';
+declare function AtCheckbox({ customStyle, className, options, selectedList, onChange }: AtCheckboxProps<any>): JSX.Element;
+declare namespace AtCheckbox {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        options: PropTypes.Requireable<any[]>;
+        selectedList: PropTypes.Requireable<any[]>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtCheckbox;

package/dist/components/checkbox/index.js

@@ -0,0 +1,54 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+import { noop } from "../../common/utils";
+function AtCheckbox({
+  customStyle = "",
+  className = "",
+  options = [],
+  selectedList = [],
+  onChange = noop
+}) {
+  const handleClick = (idx) => {
+    const option = options[idx];
+    const { disabled, value } = option;
+    if (disabled) return;
+    const selectedSet = new Set(selectedList);
+    if (!selectedSet.has(value)) {
+      selectedSet.add(value);
+    } else {
+      selectedSet.delete(value);
+    }
+    onChange([...selectedSet]);
+  };
+  const rootCls = classNames("at-checkbox", className);
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, options.map((option, idx) => {
+    const { value, disabled, label, desc } = option;
+    const optionCls = classNames("at-checkbox__option", {
+      "at-checkbox__option--disabled": disabled,
+      "at-checkbox__option--selected": selectedList.includes(value)
+    });
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: optionCls,
+        key: value,
+        onClick: () => handleClick(idx)
+      },
+      /* @__PURE__ */ React.createElement(View, { className: "at-checkbox__option-wrap" }, /* @__PURE__ */ React.createElement(View, { className: "at-checkbox__option-cnt" }, /* @__PURE__ */ React.createElement(View, { className: "at-checkbox__icon-cnt" }, /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-check" })), /* @__PURE__ */ React.createElement(View, { className: "at-checkbox__title" }, label)), desc && /* @__PURE__ */ React.createElement(View, { className: "at-checkbox__desc" }, desc))
+    );
+  }));
+}
+AtCheckbox.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  options: PropTypes.array,
+  selectedList: PropTypes.array,
+  onChange: PropTypes.func
+};
+var checkbox_default = AtCheckbox;
+export {
+  checkbox_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/checkbox/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { AtCheckboxProps } from '../../../types/checkbox'\nimport { noop } from '../../common/utils'\n\nfunction AtCheckbox({\n  customStyle = '',\n  className = '',\n  options = [],\n  selectedList = [],\n  onChange = noop\n}: AtCheckboxProps<any>): JSX.Element {\n  const handleClick = (idx: number): void => {\n    const option = options[idx]\n    const { disabled, value } = option\n    if (disabled) return\n\n    const selectedSet = new Set(selectedList)\n    if (!selectedSet.has(value)) {\n      selectedSet.add(value)\n    } else {\n      selectedSet.delete(value)\n    }\n    onChange([...selectedSet])\n  }\n\n  const rootCls = classNames('at-checkbox', className)\n\n  return (\n    <View className={rootCls} style={customStyle}>\n      {options.map((option, idx) => {\n        const { value, disabled, label, desc } = option\n        const optionCls = classNames('at-checkbox__option', {\n          'at-checkbox__option--disabled': disabled,\n          'at-checkbox__option--selected': selectedList.includes(value)\n        })\n\n        return (\n          <View\n            className={optionCls}\n            key={value}\n            onClick={() => handleClick(idx)}\n          >\n            <View className='at-checkbox__option-wrap'>\n              <View className='at-checkbox__option-cnt'>\n                <View className='at-checkbox__icon-cnt'>\n                  <Text className='at-icon at-icon-check'></Text>\n                </View>\n                <View className='at-checkbox__title'>{label}</View>\n              </View>\n              {desc && <View className='at-checkbox__desc'>{desc}</View>}\n            </View>\n          </View>\n        )\n      })}\n    </View>\n  )\n}\n\nAtCheckbox.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  options: PropTypes.array,\n  selectedList: PropTypes.array,\n  onChange: PropTypes.func\n}\n\nexport default AtCheckbox\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAE3B,SAAS,YAAY;AAErB,SAAS,WAAW;AAAA,EAClB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,UAAU,CAAC;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,WAAW;AACb,GAAsC;AACpC,QAAM,cAAc,CAAC,QAAsB;AACzC,UAAM,SAAS,QAAQ,GAAG;AAC1B,UAAM,EAAE,UAAU,MAAM,IAAI;AAC5B,QAAI,SAAU;AAEd,UAAM,cAAc,IAAI,IAAI,YAAY;AACxC,QAAI,CAAC,YAAY,IAAI,KAAK,GAAG;AAC3B,kBAAY,IAAI,KAAK;AAAA,IACvB,OAAO;AACL,kBAAY,OAAO,KAAK;AAAA,IAC1B;AACA,aAAS,CAAC,GAAG,WAAW,CAAC;AAAA,EAC3B;AAEA,QAAM,UAAU,WAAW,eAAe,SAAS;AAEnD,SACE,oCAAC,QAAK,WAAW,SAAS,OAAO,eAC9B,QAAQ,IAAI,CAAC,QAAQ,QAAQ;AAC5B,UAAM,EAAE,OAAO,UAAU,OAAO,KAAK,IAAI;AACzC,UAAM,YAAY,WAAW,uBAAuB;AAAA,MAClD,iCAAiC;AAAA,MACjC,iCAAiC,aAAa,SAAS,KAAK;AAAA,IAC9D,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,KAAK;AAAA,QACL,SAAS,MAAM,YAAY,GAAG;AAAA;AAAA,MAE9B,oCAAC,QAAK,WAAU,8BACd,oCAAC,QAAK,WAAU,6BACd,oCAAC,QAAK,WAAU,2BACd,oCAAC,QAAK,WAAU,yBAAwB,CAC1C,GACA,oCAAC,QAAK,WAAU,wBAAsB,KAAM,CAC9C,GACC,QAAQ,oCAAC,QAAK,WAAU,uBAAqB,IAAK,CACrD;AAAA,IACF;AAAA,EAEJ,CAAC,CACH;AAEJ;AAEA,WAAW,YAAY;AAAA,EACrB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,SAAS,UAAU;AAAA,EACnB,cAAc,UAAU;AAAA,EACxB,UAAU,UAAU;AACtB;AAEA,IAAO,mBAAQ;","names":[]}