taro-ui 3.3.2 → 3.4.0

package/dist/components/config-provider/context.d.ts

@@ -0,0 +1,6 @@
+import { Locale } from '../../locale/types';
+export interface ConfigContextValue {
+    locale: Locale;
+}
+export declare const ConfigContext: import("react").Context<ConfigContextValue>;
+export declare function useConfig(): ConfigContextValue;

package/dist/components/config-provider/context.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+import { defaultLocale } from "../../locale";
+const ConfigContext = createContext({
+  locale: defaultLocale
+});
+function useConfig() {
+  return useContext(ConfigContext);
+}
+export {
+  ConfigContext,
+  useConfig
+};
+//# sourceMappingURL=context.js.map

package/dist/components/config-provider/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/config-provider/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport { defaultLocale } from '../../locale'\nimport { Locale } from '../../locale/types'\n\nexport interface ConfigContextValue {\n  locale: Locale\n}\n\nexport const ConfigContext = createContext<ConfigContextValue>({\n  locale: defaultLocale\n})\n\nexport function useConfig() {\n  return useContext(ConfigContext)\n}\n"],"mappings":"AAAA,SAAS,eAAe,kBAAkB;AAC1C,SAAS,qBAAqB;AAOvB,MAAM,gBAAgB,cAAkC;AAAA,EAC7D,QAAQ;AACV,CAAC;AAEM,SAAS,YAAY;AAC1B,SAAO,WAAW,aAAa;AACjC;","names":[]}

package/dist/components/config-provider/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { PartialLocale } from '../../locale/types';
+export interface ConfigProviderProps {
+    locale?: PartialLocale;
+    children?: React.ReactNode;
+}
+export default function ConfigProvider({ locale, children }: ConfigProviderProps): JSX.Element;

package/dist/components/config-provider/index.js

@@ -0,0 +1,15 @@
+import merge from "lodash/merge";
+import React, { useMemo } from "react";
+import { defaultLocale } from "../../locale";
+import { ConfigContext } from "./context";
+function ConfigProvider({
+  locale,
+  children
+}) {
+  const mergedLocale = useMemo(() => merge({}, defaultLocale, locale), [locale]);
+  return /* @__PURE__ */ React.createElement(ConfigContext.Provider, { value: { locale: mergedLocale } }, children);
+}
+export {
+  ConfigProvider as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/config-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/config-provider/index.tsx"],"sourcesContent":["import merge from 'lodash/merge'\nimport React, { useMemo } from 'react'\nimport { defaultLocale } from '../../locale'\nimport { PartialLocale } from '../../locale/types'\nimport { ConfigContext } from './context'\n\nexport interface ConfigProviderProps {\n  locale?: PartialLocale\n  children?: React.ReactNode\n}\n\nexport default function ConfigProvider({\n  locale,\n  children\n}: ConfigProviderProps): JSX.Element {\n  const mergedLocale = useMemo(() => merge({}, defaultLocale, locale), [locale])\n\n  return (\n    <ConfigContext.Provider value={{ locale: mergedLocale }}>\n      {children}\n    </ConfigContext.Provider>\n  )\n}\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,OAAO,SAAS,eAAe;AAC/B,SAAS,qBAAqB;AAE9B,SAAS,qBAAqB;AAOf,SAAR,eAAgC;AAAA,EACrC;AAAA,EACA;AACF,GAAqC;AACnC,QAAM,eAAe,QAAQ,MAAM,MAAM,CAAC,GAAG,eAAe,MAAM,GAAG,CAAC,MAAM,CAAC;AAE7E,SACE,oCAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,QAAQ,aAAa,KACnD,QACH;AAEJ;","names":[]}

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

@@ -0,0 +1,20 @@
+import PropTypes from 'prop-types';
+import { AtCountDownProps } from '../../../types/countdown';
+declare function AtCountdown({ customStyle, className, format, isCard, isShowDay, isShowHour, isShowMinute, day, hours, minutes, seconds, onTimeUp }: AtCountDownProps): JSX.Element;
+declare namespace AtCountdown {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        isCard: PropTypes.Requireable<boolean>;
+        isShowDay: PropTypes.Requireable<boolean>;
+        isShowHour: PropTypes.Requireable<boolean>;
+        isShowMinute: PropTypes.Requireable<boolean>;
+        format: PropTypes.Requireable<object>;
+        day: PropTypes.Requireable<number>;
+        hours: PropTypes.Requireable<number>;
+        minutes: PropTypes.Requireable<number>;
+        seconds: PropTypes.Requireable<number>;
+        onTimeUp: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtCountdown;

package/dist/components/countdown/index.js

@@ -0,0 +1,217 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { View } from "@tarojs/components";
+import { useDidHide, useDidShow } from "@tarojs/taro";
+import { useComponentLocale } from "../../hooks/useComponentLocale";
+import AtCountdownItem from "./item";
+const toSeconds = (day, hours, minutes, seconds) => day * 60 * 60 * 24 + hours * 60 * 60 + minutes * 60 + seconds;
+function AtCountdown({
+  customStyle = "",
+  className = "",
+  format,
+  isCard = false,
+  isShowDay = false,
+  isShowHour = true,
+  isShowMinute = true,
+  day = 0,
+  hours = 0,
+  minutes = 0,
+  seconds = 0,
+  onTimeUp
+}) {
+  const locale = useComponentLocale("Countdown");
+  const mergedFormat = useMemo(
+    () => {
+      var _a, _b, _c, _d;
+      return {
+        day: (_a = format == null ? void 0 : format.day) != null ? _a : locale.day,
+        hours: (_b = format == null ? void 0 : format.hours) != null ? _b : locale.hours,
+        minutes: (_c = format == null ? void 0 : format.minutes) != null ? _c : locale.minutes,
+        seconds: (_d = format == null ? void 0 : format.seconds) != null ? _d : locale.seconds
+      };
+    },
+    [
+      format == null ? void 0 : format.day,
+      format == null ? void 0 : format.hours,
+      format == null ? void 0 : format.minutes,
+      format == null ? void 0 : format.seconds,
+      locale.day,
+      locale.hours,
+      locale.minutes,
+      locale.seconds
+    ]
+  );
+  const propsRef = useRef({
+    customStyle,
+    className,
+    format: mergedFormat,
+    isCard,
+    isShowDay,
+    isShowHour,
+    isShowMinute,
+    day,
+    hours,
+    minutes,
+    seconds,
+    onTimeUp
+  });
+  const isMountedRef = useRef(false);
+  const secondsRef = useRef(toSeconds(day, hours, minutes, seconds));
+  const timerRef = useRef();
+  const calculateTime = useCallback(() => {
+    let [calcDay, calcHours, calcMinutes, calcSeconds] = [0, 0, 0, 0];
+    if (secondsRef.current > 0) {
+      calcDay = isShowDay ? Math.floor(secondsRef.current / (60 * 60 * 24)) : 0;
+      calcHours = isShowHour ? Math.floor(secondsRef.current / (60 * 60)) - calcDay * 24 : 0;
+      calcMinutes = isShowMinute ? Math.floor(secondsRef.current / 60) - calcDay * 24 * 60 - calcHours * 60 : 0;
+      calcSeconds = Math.floor(secondsRef.current) - calcDay * 24 * 60 * 60 - calcHours * 60 * 60 - calcMinutes * 60;
+    }
+    return {
+      day: calcDay,
+      hours: calcHours,
+      minutes: calcMinutes,
+      seconds: calcSeconds
+    };
+  }, [isShowDay, isShowHour, isShowMinute]);
+  const initialTime = calculateTime();
+  const [_day, setDay] = useState(initialTime.day);
+  const [_hours, setHours] = useState(initialTime.hours);
+  const [_minutes, setMinutes] = useState(initialTime.minutes);
+  const [_seconds, setSeconds] = useState(initialTime.seconds);
+  const clearTimer = useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = 0;
+    }
+  }, []);
+  const countdown = useCallback(() => {
+    const {
+      day: calcDay,
+      hours: calcHours,
+      minutes: calcMinutes,
+      seconds: calcSeconds
+    } = calculateTime();
+    setDay(calcDay);
+    setHours(calcHours);
+    setMinutes(calcMinutes);
+    setSeconds(calcSeconds);
+    secondsRef.current--;
+    if (secondsRef.current < 0) {
+      clearTimer();
+      onTimeUp && onTimeUp();
+      return;
+    }
+    timerRef.current = setTimeout(() => {
+      countdown();
+    }, 1e3);
+  }, [calculateTime, clearTimer, onTimeUp]);
+  const setTimer = useCallback(() => {
+    if (!timerRef.current) countdown();
+  }, [countdown]);
+  useEffect(() => {
+    propsRef.current = {
+      customStyle,
+      className,
+      format: mergedFormat,
+      isCard,
+      isShowDay,
+      isShowHour,
+      isShowMinute,
+      day,
+      hours,
+      minutes,
+      seconds,
+      onTimeUp
+    };
+  });
+  useEffect(() => {
+    const nextProps = {
+      customStyle,
+      className,
+      format: mergedFormat,
+      isCard,
+      isShowDay,
+      isShowHour,
+      isShowMinute,
+      day,
+      hours,
+      minutes,
+      seconds,
+      onTimeUp
+    };
+    if (!isMountedRef.current) {
+      isMountedRef.current = true;
+      propsRef.current = nextProps;
+      return;
+    }
+    if (JSON.stringify(propsRef.current) === JSON.stringify(nextProps)) return;
+    propsRef.current = nextProps;
+    secondsRef.current = toSeconds(day, hours, minutes, seconds);
+    clearTimer();
+    setTimer();
+  }, [
+    customStyle,
+    className,
+    mergedFormat,
+    isCard,
+    isShowDay,
+    isShowHour,
+    isShowMinute,
+    day,
+    hours,
+    minutes,
+    seconds,
+    onTimeUp,
+    clearTimer,
+    setTimer
+  ]);
+  useEffect(() => {
+    setTimer();
+    return () => {
+      clearTimer();
+    };
+  }, [setTimer, clearTimer]);
+  useDidHide(() => {
+    clearTimer();
+  });
+  useDidShow(() => {
+    setTimer();
+  });
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(
+        {
+          "at-countdown": true,
+          "at-countdown--card": isCard
+        },
+        className
+      ),
+      style: customStyle
+    },
+    isShowDay && /* @__PURE__ */ React.createElement(AtCountdownItem, { num: _day, separator: mergedFormat.day }),
+    isShowHour && /* @__PURE__ */ React.createElement(AtCountdownItem, { num: _hours, separator: mergedFormat.hours }),
+    isShowMinute && /* @__PURE__ */ React.createElement(AtCountdownItem, { num: _minutes, separator: mergedFormat.minutes }),
+    /* @__PURE__ */ React.createElement(AtCountdownItem, { num: _seconds, separator: mergedFormat.seconds })
+  );
+}
+AtCountdown.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  isCard: PropTypes.bool,
+  isShowDay: PropTypes.bool,
+  isShowHour: PropTypes.bool,
+  isShowMinute: PropTypes.bool,
+  format: PropTypes.object,
+  day: PropTypes.number,
+  hours: PropTypes.number,
+  minutes: PropTypes.number,
+  seconds: PropTypes.number,
+  onTimeUp: PropTypes.func
+};
+var countdown_default = AtCountdown;
+export {
+  countdown_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/countdown/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { View } from '@tarojs/components'\nimport { useDidHide, useDidShow } from '@tarojs/taro'\nimport { useComponentLocale } from '../../hooks/useComponentLocale'\nimport { AtCountDownProps } from '../../../types/countdown'\nimport AtCountdownItem from './item'\n\ntype TimeObject = {\n  day: number\n  hours: number\n  minutes: number\n  seconds: number\n}\n\nconst toSeconds = (\n  day: number,\n  hours: number,\n  minutes: number,\n  seconds: number\n): number => day * 60 * 60 * 24 + hours * 60 * 60 + minutes * 60 + seconds\n\nfunction AtCountdown({\n  customStyle = '',\n  className = '',\n  format,\n  isCard = false,\n  isShowDay = false,\n  isShowHour = true,\n  isShowMinute = true,\n  day = 0,\n  hours = 0,\n  minutes = 0,\n  seconds = 0,\n  onTimeUp\n}: AtCountDownProps): JSX.Element {\n  const locale = useComponentLocale('Countdown')\n  const mergedFormat = useMemo(\n    () => ({\n      day: format?.day ?? locale.day,\n      hours: format?.hours ?? locale.hours,\n      minutes: format?.minutes ?? locale.minutes,\n      seconds: format?.seconds ?? locale.seconds\n    }),\n    [\n      format?.day,\n      format?.hours,\n      format?.minutes,\n      format?.seconds,\n      locale.day,\n      locale.hours,\n      locale.minutes,\n      locale.seconds\n    ]\n  )\n  const propsRef = useRef<AtCountDownProps>({\n    customStyle,\n    className,\n    format: mergedFormat,\n    isCard,\n    isShowDay,\n    isShowHour,\n    isShowMinute,\n    day,\n    hours,\n    minutes,\n    seconds,\n    onTimeUp\n  })\n  const isMountedRef = useRef(false)\n  const secondsRef = useRef(toSeconds(day, hours, minutes, seconds))\n  const timerRef = useRef<NodeJS.Timeout | number>()\n\n  const calculateTime = useCallback((): TimeObject => {\n    let [calcDay, calcHours, calcMinutes, calcSeconds] = [0, 0, 0, 0]\n\n    if (secondsRef.current > 0) {\n      calcDay = isShowDay ? Math.floor(secondsRef.current / (60 * 60 * 24)) : 0\n      calcHours = isShowHour\n        ? Math.floor(secondsRef.current / (60 * 60)) - calcDay * 24\n        : 0\n      calcMinutes = isShowMinute\n        ? Math.floor(secondsRef.current / 60) -\n          calcDay * 24 * 60 -\n          calcHours * 60\n        : 0\n      calcSeconds =\n        Math.floor(secondsRef.current) -\n        calcDay * 24 * 60 * 60 -\n        calcHours * 60 * 60 -\n        calcMinutes * 60\n    }\n    return {\n      day: calcDay,\n      hours: calcHours,\n      minutes: calcMinutes,\n      seconds: calcSeconds\n    }\n  }, [isShowDay, isShowHour, isShowMinute])\n\n  const initialTime = calculateTime()\n  const [_day, setDay] = useState(initialTime.day)\n  const [_hours, setHours] = useState(initialTime.hours)\n  const [_minutes, setMinutes] = useState(initialTime.minutes)\n  const [_seconds, setSeconds] = useState(initialTime.seconds)\n\n  const clearTimer = useCallback((): void => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current as number)\n      timerRef.current = 0\n    }\n  }, [])\n\n  const countdown = useCallback((): void => {\n    const {\n      day: calcDay,\n      hours: calcHours,\n      minutes: calcMinutes,\n      seconds: calcSeconds\n    } = calculateTime()\n\n    setDay(calcDay)\n    setHours(calcHours)\n    setMinutes(calcMinutes)\n    setSeconds(calcSeconds)\n    secondsRef.current--\n\n    if (secondsRef.current < 0) {\n      clearTimer()\n      onTimeUp && onTimeUp()\n      return\n    }\n\n    timerRef.current = setTimeout(() => {\n      countdown()\n    }, 1000)\n  }, [calculateTime, clearTimer, onTimeUp])\n\n  const setTimer = useCallback((): void => {\n    if (!timerRef.current) countdown()\n  }, [countdown])\n\n  useEffect(() => {\n    propsRef.current = {\n      customStyle,\n      className,\n      format: mergedFormat,\n      isCard,\n      isShowDay,\n      isShowHour,\n      isShowMinute,\n      day,\n      hours,\n      minutes,\n      seconds,\n      onTimeUp\n    }\n  })\n\n  useEffect(() => {\n    const nextProps = {\n      customStyle,\n      className,\n      format: mergedFormat,\n      isCard,\n      isShowDay,\n      isShowHour,\n      isShowMinute,\n      day,\n      hours,\n      minutes,\n      seconds,\n      onTimeUp\n    }\n    if (!isMountedRef.current) {\n      isMountedRef.current = true\n      propsRef.current = nextProps\n      return\n    }\n    if (JSON.stringify(propsRef.current) === JSON.stringify(nextProps)) return\n\n    propsRef.current = nextProps\n    secondsRef.current = toSeconds(day, hours, minutes, seconds)\n    clearTimer()\n    setTimer()\n  }, [\n    customStyle,\n    className,\n    mergedFormat,\n    isCard,\n    isShowDay,\n    isShowHour,\n    isShowMinute,\n    day,\n    hours,\n    minutes,\n    seconds,\n    onTimeUp,\n    clearTimer,\n    setTimer\n  ])\n\n  useEffect(() => {\n    setTimer()\n    return () => {\n      clearTimer()\n    }\n  }, [setTimer, clearTimer])\n\n  useDidHide(() => {\n    clearTimer()\n  })\n\n  useDidShow(() => {\n    setTimer()\n  })\n\n  return (\n    <View\n      className={classNames(\n        {\n          'at-countdown': true,\n          'at-countdown--card': isCard\n        },\n        className\n      )}\n      style={customStyle}\n    >\n      {isShowDay && <AtCountdownItem num={_day} separator={mergedFormat.day} />}\n      {isShowHour && (\n        <AtCountdownItem num={_hours} separator={mergedFormat.hours} />\n      )}\n      {isShowMinute && (\n        <AtCountdownItem num={_minutes} separator={mergedFormat.minutes} />\n      )}\n      <AtCountdownItem num={_seconds} separator={mergedFormat.seconds} />\n    </View>\n  )\n}\n\nAtCountdown.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  isCard: PropTypes.bool,\n  isShowDay: PropTypes.bool,\n  isShowHour: PropTypes.bool,\n  isShowMinute: PropTypes.bool,\n  format: PropTypes.object,\n  day: PropTypes.number,\n  hours: PropTypes.number,\n  minutes: PropTypes.number,\n  seconds: PropTypes.number,\n  onTimeUp: PropTypes.func\n}\n\nexport default AtCountdown\n"],"mappings":"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","names":[]}

package/dist/components/countdown/item/index.d.ts

@@ -0,0 +1,10 @@
+import PropTypes from 'prop-types';
+import { AtCountdownItemProps } from '../../../../types/countdown';
+declare function AtCountdownItem({ num, separator }: AtCountdownItemProps): JSX.Element;
+declare namespace AtCountdownItem {
+    var propTypes: {
+        num: PropTypes.Validator<number>;
+        separator: PropTypes.Requireable<string>;
+    };
+}
+export default AtCountdownItem;

package/dist/components/countdown/item/index.js

@@ -0,0 +1,21 @@
+import PropTypes from "prop-types";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+function formatNum(num) {
+  return num <= 9 ? `0${num}` : `${num}`;
+}
+function AtCountdownItem({
+  num = 0,
+  separator = ":"
+}) {
+  return /* @__PURE__ */ React.createElement(View, { className: "at-countdown__item" }, /* @__PURE__ */ React.createElement(View, { className: "at-countdown__time-box" }, /* @__PURE__ */ React.createElement(Text, { className: "at-countdown__time" }, formatNum(num))), /* @__PURE__ */ React.createElement(Text, { className: "at-countdown__separator" }, separator));
+}
+AtCountdownItem.propTypes = {
+  num: PropTypes.number.isRequired,
+  separator: PropTypes.string
+};
+var item_default = AtCountdownItem;
+export {
+  item_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/countdown/item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/countdown/item/index.tsx"],"sourcesContent":["import PropTypes from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { AtCountdownItemProps } from '../../../../types/countdown'\n\nfunction formatNum(num: number): string {\n  return num <= 9 ? `0${num}` : `${num}`\n}\n\nfunction AtCountdownItem({\n  num = 0,\n  separator = ':'\n}: AtCountdownItemProps): JSX.Element {\n  return (\n    <View className='at-countdown__item'>\n      <View className='at-countdown__time-box'>\n        <Text className='at-countdown__time'>{formatNum(num)}</Text>\n      </View>\n      <Text className='at-countdown__separator'>{separator}</Text>\n    </View>\n  )\n}\n\nAtCountdownItem.propTypes = {\n  num: PropTypes.number.isRequired,\n  separator: PropTypes.string\n}\n\nexport default AtCountdownItem\n"],"mappings":"AAAA,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAG3B,SAAS,UAAU,KAAqB;AACtC,SAAO,OAAO,IAAI,IAAI,GAAG,KAAK,GAAG,GAAG;AACtC;AAEA,SAAS,gBAAgB;AAAA,EACvB,MAAM;AAAA,EACN,YAAY;AACd,GAAsC;AACpC,SACE,oCAAC,QAAK,WAAU,wBACd,oCAAC,QAAK,WAAU,4BACd,oCAAC,QAAK,WAAU,wBAAsB,UAAU,GAAG,CAAE,CACvD,GACA,oCAAC,QAAK,WAAU,6BAA2B,SAAU,CACvD;AAEJ;AAEA,gBAAgB,YAAY;AAAA,EAC1B,KAAK,UAAU,OAAO;AAAA,EACtB,WAAW,UAAU;AACvB;AAEA,IAAO,eAAQ;","names":[]}

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

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+import { AtCurtainProps } from '../../../types/curtain';
+declare function AtCurtain({ className, customStyle, isOpened, closeBtnPosition, onClose, children }: AtCurtainProps): JSX.Element;
+declare namespace AtCurtain {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        isOpened: PropTypes.Requireable<boolean>;
+        closeBtnPosition: PropTypes.Requireable<string>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtCurtain;

package/dist/components/curtain/index.js

@@ -0,0 +1,53 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+import { noop } from "../../common/utils";
+function AtCurtain({
+  className = "",
+  customStyle = "",
+  isOpened = false,
+  closeBtnPosition = "bottom",
+  onClose = noop,
+  children
+}) {
+  const handleClose = (e) => {
+    e.stopPropagation();
+    onClose(e);
+  };
+  const stopPropagation = (e) => {
+    e.stopPropagation();
+  };
+  const curtainClass = classNames(
+    {
+      "at-curtain": true,
+      "at-curtain--closed": !isOpened
+    },
+    className
+  );
+  const btnCloseClass = classNames({
+    "at-curtain__btn-close": true,
+    [`at-curtain__btn-close--${closeBtnPosition}`]: closeBtnPosition
+  });
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: curtainClass,
+      style: customStyle,
+      onClick: stopPropagation
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "at-curtain__container" }, /* @__PURE__ */ React.createElement(View, { className: "at-curtain__body" }, children, /* @__PURE__ */ React.createElement(View, { className: btnCloseClass, onClick: handleClose })))
+  );
+}
+AtCurtain.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  isOpened: PropTypes.bool,
+  closeBtnPosition: PropTypes.string,
+  onClose: PropTypes.func
+};
+var curtain_default = AtCurtain;
+export {
+  curtain_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/curtain/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtCurtainProps } from '../../../types/curtain'\nimport { noop } from '../../common/utils'\n\nfunction AtCurtain({\n  className = '',\n  customStyle = '',\n  isOpened = false,\n  closeBtnPosition = 'bottom',\n  onClose = noop,\n  children\n}: AtCurtainProps): JSX.Element {\n  const handleClose = (e: CommonEvent): void => {\n    e.stopPropagation()\n    onClose(e)\n  }\n\n  const stopPropagation = (e: CommonEvent): void => {\n    e.stopPropagation()\n  }\n\n  const curtainClass = classNames(\n    {\n      'at-curtain': true,\n      'at-curtain--closed': !isOpened\n    },\n    className\n  )\n  const btnCloseClass = classNames({\n    'at-curtain__btn-close': true,\n    [`at-curtain__btn-close--${closeBtnPosition}`]: closeBtnPosition\n  })\n\n  return (\n    <View\n      className={curtainClass}\n      style={customStyle}\n      onClick={stopPropagation}\n    >\n      <View className='at-curtain__container'>\n        <View className='at-curtain__body'>\n          {children}\n          <View className={btnCloseClass} onClick={handleClose}></View>\n        </View>\n      </View>\n    </View>\n  )\n}\n\nAtCurtain.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  isOpened: PropTypes.bool,\n  closeBtnPosition: PropTypes.string,\n  onClose: PropTypes.func\n}\n\nexport default AtCurtain\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,YAAY;AAErB,SAAS,UAAU;AAAA,EACjB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV;AACF,GAAgC;AAC9B,QAAM,cAAc,CAAC,MAAyB;AAC5C,MAAE,gBAAgB;AAClB,YAAQ,CAAC;AAAA,EACX;AAEA,QAAM,kBAAkB,CAAC,MAAyB;AAChD,MAAE,gBAAgB;AAAA,EACpB;AAEA,QAAM,eAAe;AAAA,IACnB;AAAA,MACE,cAAc;AAAA,MACd,sBAAsB,CAAC;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AACA,QAAM,gBAAgB,WAAW;AAAA,IAC/B,yBAAyB;AAAA,IACzB,CAAC,0BAA0B,gBAAgB,EAAE,GAAG;AAAA,EAClD,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,MACP,SAAS;AAAA;AAAA,IAET,oCAAC,QAAK,WAAU,2BACd,oCAAC,QAAK,WAAU,sBACb,UACD,oCAAC,QAAK,WAAW,eAAe,SAAS,aAAa,CACxD,CACF;AAAA,EACF;AAEJ;AAEA,UAAU,YAAY;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,UAAU,UAAU;AAAA,EACpB,kBAAkB,UAAU;AAAA,EAC5B,SAAS,UAAU;AACrB;AAEA,IAAO,kBAAQ;","names":[]}

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

@@ -0,0 +1,15 @@
+import PropTypes from 'prop-types';
+import { AtDividerProps } from '../../../types/divider';
+declare function AtDivider({ className, customStyle, content, height, fontColor, fontSize, lineColor, children }: AtDividerProps): JSX.Element;
+declare namespace AtDivider {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        content: PropTypes.Requireable<string>;
+        height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        fontColor: PropTypes.Requireable<string>;
+        fontSize: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        lineColor: PropTypes.Requireable<string>;
+    };
+}
+export default AtDivider;

package/dist/components/divider/index.js

@@ -0,0 +1,48 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+import { mergeStyle, pxTransform } from "../../common/utils";
+function AtDivider({
+  className,
+  customStyle,
+  content = "",
+  height = 0,
+  fontColor = "",
+  fontSize = 0,
+  lineColor = "",
+  children
+}) {
+  const rootStyle = {
+    height: height ? `${pxTransform(Number(height))}` : ""
+  };
+  const fontStyle = {
+    color: fontColor,
+    fontSize: fontSize ? `${pxTransform(Number(fontSize))}` : ""
+  };
+  const lineStyle = {
+    backgroundColor: lineColor
+  };
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames("at-divider", className),
+      style: mergeStyle(rootStyle, customStyle)
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "at-divider__content", style: fontStyle }, content === "" ? children : content),
+    /* @__PURE__ */ React.createElement(View, { className: "at-divider__line", style: lineStyle })
+  );
+}
+AtDivider.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  content: PropTypes.string,
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  fontColor: PropTypes.string,
+  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  lineColor: PropTypes.string
+};
+export {
+  AtDivider as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/divider/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtDividerProps } from '../../../types/divider'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nexport default function AtDivider({\n  className,\n  customStyle,\n  content = '',\n  height = 0,\n  fontColor = '',\n  fontSize = 0,\n  lineColor = '',\n  children\n}: AtDividerProps): JSX.Element {\n  const rootStyle = {\n    height: height ? `${pxTransform(Number(height))}` : ''\n  }\n\n  const fontStyle = {\n    color: fontColor,\n    fontSize: fontSize ? `${pxTransform(Number(fontSize))}` : ''\n  }\n\n  const lineStyle: React.CSSProperties = {\n    backgroundColor: lineColor\n  }\n\n  return (\n    <View\n      className={classNames('at-divider', className)}\n      style={mergeStyle(rootStyle, customStyle as object)}\n    >\n      <View className='at-divider__content' style={fontStyle}>\n        {content === '' ? children : content}\n      </View>\n      <View className='at-divider__line' style={lineStyle}></View>\n    </View>\n  )\n}\n\nAtDivider.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  content: PropTypes.string,\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  fontColor: PropTypes.string,\n  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  lineColor: PropTypes.string\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAErB,SAAS,YAAY,mBAAmB;AAEzB,SAAR,UAA2B;AAAA,EAChC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AACF,GAAgC;AAC9B,QAAM,YAAY;AAAA,IAChB,QAAQ,SAAS,GAAG,YAAY,OAAO,MAAM,CAAC,CAAC,KAAK;AAAA,EACtD;AAEA,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,IACP,UAAU,WAAW,GAAG,YAAY,OAAO,QAAQ,CAAC,CAAC,KAAK;AAAA,EAC5D;AAEA,QAAM,YAAiC;AAAA,IACrC,iBAAiB;AAAA,EACnB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,cAAc,SAAS;AAAA,MAC7C,OAAO,WAAW,WAAW,WAAqB;AAAA;AAAA,IAElD,oCAAC,QAAK,WAAU,uBAAsB,OAAO,aAC1C,YAAY,KAAK,WAAW,OAC/B;AAAA,IACA,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW;AAAA,EACvD;AAEJ;AAEA,UAAU,YAAY;AAAA,EACpB,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,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAChE,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAClE,WAAW,UAAU;AACvB;","names":[]}

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

@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types';
+import { AtDrawerProps } from '../../../types/drawer';
+declare function AtDrawer({ show, mask, width, right, items, className, children, onItemClick, onClose }: AtDrawerProps): JSX.Element;
+declare namespace AtDrawer {
+    var propTypes: {
+        show: PropTypes.Requireable<boolean>;
+        mask: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<string>;
+        items: PropTypes.Requireable<(string | null | undefined)[]>;
+        onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtDrawer;

package/dist/components/drawer/index.js

@@ -0,0 +1,121 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React, { useEffect, useRef, useState } from "react";
+import { View } from "@tarojs/components";
+import AtList from "../list/index";
+import AtListItem from "../list/item/index";
+function AtDrawer({
+  show = false,
+  mask = true,
+  width = "",
+  right = false,
+  items = [],
+  className,
+  children,
+  onItemClick,
+  onClose
+}) {
+  const [animShow, setAnimShow] = useState(false);
+  const [_show, setShow] = useState(show);
+  const showStateRef = useRef(show);
+  const isMountRef = useRef(true);
+  const hideTimerRef = useRef();
+  const showTimerRef = useRef();
+  const onHide = () => {
+    setShow(false);
+    onClose && onClose();
+  };
+  const animHide = () => {
+    setAnimShow(false);
+    if (hideTimerRef.current) {
+      clearTimeout(hideTimerRef.current);
+    }
+    hideTimerRef.current = setTimeout(() => {
+      onHide();
+    }, 300);
+  };
+  const runAnimShow = () => {
+    setShow(true);
+    if (showTimerRef.current) {
+      clearTimeout(showTimerRef.current);
+    }
+    showTimerRef.current = setTimeout(() => {
+      setAnimShow(true);
+    }, 200);
+  };
+  useEffect(() => {
+    showStateRef.current = _show;
+  }, [_show]);
+  useEffect(() => {
+    if (isMountRef.current) {
+      isMountRef.current = false;
+      if (show) {
+        runAnimShow();
+      }
+      return;
+    }
+    if (show !== showStateRef.current) {
+      show ? runAnimShow() : animHide();
+    }
+  }, [show]);
+  useEffect(() => {
+    return () => {
+      if (hideTimerRef.current) {
+        clearTimeout(hideTimerRef.current);
+      }
+      if (showTimerRef.current) {
+        clearTimeout(showTimerRef.current);
+      }
+    };
+  }, []);
+  const onItemClickHandler = (index) => {
+    onItemClick && onItemClick(index);
+    animHide();
+  };
+  const onMaskClick = () => {
+    animHide();
+  };
+  const maskStyle = {
+    display: mask ? "block" : "none",
+    opacity: animShow ? 1 : 0
+  };
+  const listStyle = {
+    width,
+    transition: animShow ? "all 225ms cubic-bezier(0, 0, 0.2, 1)" : "all 195ms cubic-bezier(0.4, 0, 0.6, 1)"
+  };
+  const classObject = {
+    "at-drawer--show": animShow,
+    "at-drawer--right": right,
+    "at-drawer--left": !right
+  };
+  return _show ? /* @__PURE__ */ React.createElement(View, { className: classNames(["at-drawer"], classObject, className) }, /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: "at-drawer__mask",
+      style: maskStyle,
+      onClick: onMaskClick
+    }
+  ), /* @__PURE__ */ React.createElement(View, { className: "at-drawer__content", style: listStyle }, !!items && items.length ? /* @__PURE__ */ React.createElement(AtList, null, items.map((name, index) => /* @__PURE__ */ React.createElement(
+    AtListItem,
+    {
+      key: `${name}-${index}`,
+      "data-index": index,
+      onClick: () => onItemClickHandler(index),
+      title: name,
+      arrow: "right"
+    }
+  ))) : children)) : /* @__PURE__ */ React.createElement(View, null);
+}
+AtDrawer.propTypes = {
+  show: PropTypes.bool,
+  mask: PropTypes.bool,
+  width: PropTypes.string,
+  items: PropTypes.arrayOf(PropTypes.string),
+  onItemClick: PropTypes.func,
+  onClose: PropTypes.func
+};
+var drawer_default = AtDrawer;
+export {
+  drawer_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { View } from '@tarojs/components'\nimport { AtDrawerProps } from '../../../types/drawer'\nimport AtList from '../list/index'\nimport AtListItem from '../list/item/index'\n\nfunction AtDrawer({\n  show = false,\n  mask = true,\n  width = '',\n  right = false,\n  items = [],\n  className,\n  children,\n  onItemClick,\n  onClose\n}: AtDrawerProps): JSX.Element {\n  const [animShow, setAnimShow] = useState(false)\n  const [_show, setShow] = useState(show)\n  const showStateRef = useRef(show)\n  const isMountRef = useRef(true)\n  const hideTimerRef = useRef<ReturnType<typeof setTimeout>>()\n  const showTimerRef = useRef<ReturnType<typeof setTimeout>>()\n\n  const onHide = (): void => {\n    setShow(false)\n    onClose && onClose()\n  }\n\n  const animHide = (): void => {\n    setAnimShow(false)\n    if (hideTimerRef.current) {\n      clearTimeout(hideTimerRef.current)\n    }\n    hideTimerRef.current = setTimeout(() => {\n      onHide()\n    }, 300)\n  }\n\n  const runAnimShow = (): void => {\n    setShow(true)\n    if (showTimerRef.current) {\n      clearTimeout(showTimerRef.current)\n    }\n    showTimerRef.current = setTimeout(() => {\n      setAnimShow(true)\n    }, 200)\n  }\n\n  useEffect(() => {\n    showStateRef.current = _show\n  }, [_show])\n\n  useEffect(() => {\n    if (isMountRef.current) {\n      isMountRef.current = false\n      if (show) {\n        runAnimShow()\n      }\n      return\n    }\n    if (show !== showStateRef.current) {\n      show ? runAnimShow() : animHide()\n    }\n  }, [show])\n\n  useEffect(() => {\n    return () => {\n      if (hideTimerRef.current) {\n        clearTimeout(hideTimerRef.current)\n      }\n      if (showTimerRef.current) {\n        clearTimeout(showTimerRef.current)\n      }\n    }\n  }, [])\n\n  const onItemClickHandler = (index: number): void => {\n    onItemClick && onItemClick(index)\n    animHide()\n  }\n\n  const onMaskClick = (): void => {\n    animHide()\n  }\n\n  const maskStyle = {\n    display: mask ? 'block' : 'none',\n    opacity: animShow ? 1 : 0\n  }\n  const listStyle = {\n    width,\n    transition: animShow\n      ? 'all 225ms cubic-bezier(0, 0, 0.2, 1)'\n      : 'all 195ms cubic-bezier(0.4, 0, 0.6, 1)'\n  }\n\n  const classObject = {\n    'at-drawer--show': animShow,\n    'at-drawer--right': right,\n    'at-drawer--left': !right\n  }\n\n  return _show ? (\n    <View className={classNames(['at-drawer'], classObject, className)}>\n      <View\n        className='at-drawer__mask'\n        style={maskStyle}\n        onClick={onMaskClick}\n      ></View>\n\n      <View className='at-drawer__content' style={listStyle}>\n        {!!items && items.length ? (\n          <AtList>\n            {items.map((name, index) => (\n              <AtListItem\n                key={`${name}-${index}`}\n                data-index={index}\n                onClick={() => onItemClickHandler(index)}\n                title={name}\n                arrow='right'\n              ></AtListItem>\n            ))}\n          </AtList>\n        ) : (\n          children\n        )}\n      </View>\n    </View>\n  ) : (\n    <View></View>\n  )\n}\n\nAtDrawer.propTypes = {\n  show: PropTypes.bool,\n  mask: PropTypes.bool,\n  width: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.string),\n  onItemClick: PropTypes.func,\n  onClose: PropTypes.func\n}\n\nexport default AtDrawer\n"],"mappings":"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","names":[]}