taro-ui 3.3.3 → 3.4.0

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

@@ -1,20 +1,20 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
-import { AtCountDownProps, AtCountdownState } from '../../../types/countdown';
-export default class AtCountdown extends React.Component<AtCountDownProps, AtCountdownState> {
-    static defaultProps: AtCountDownProps;
-    static propTypes: InferProps<AtCountDownProps>;
-    private seconds;
-    private timer;
-    constructor(props: AtCountDownProps);
-    private setTimer;
-    private clearTimer;
-    private calculateTime;
-    private countdonwn;
-    UNSAFE_componentWillReceiveProps(nextProps: AtCountDownProps): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidHide(): void;
-    componentDidShow(): void;
-    render(): JSX.Element;
+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

@@ -1,137 +1,201 @@
 import classNames from "classnames";
 import PropTypes from "prop-types";
-import React from "react";
+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;
-const defaultFormat = {
-  day: "\u5929",
-  hours: "\u65F6",
-  minutes: "\u5206",
-  seconds: "\u79D2"
-};
-class AtCountdown extends React.Component {
-  constructor(props) {
-    super(props);
-    const { day = 0, hours = 0, minutes = 0, seconds = 0 } = this.props;
-    this.seconds = toSeconds(day, hours, minutes, seconds);
-    const {
-      day: _day,
-      hours: _hours,
-      minutes: _minutes,
-      seconds: _seconds
-    } = this.calculateTime();
-    this.state = {
-      _day,
-      _hours,
-      _minutes,
-      _seconds
-    };
-  }
-  setTimer() {
-    if (!this.timer) this.countdonwn();
-  }
-  clearTimer() {
-    if (this.timer) {
-      clearTimeout(this.timer);
-      this.timer = 0;
-    }
-  }
-  calculateTime() {
-    let [day, hours, minutes, seconds] = [0, 0, 0, 0];
-    if (this.seconds > 0) {
-      day = this.props.isShowDay ? Math.floor(this.seconds / (60 * 60 * 24)) : 0;
-      hours = this.props.isShowHour ? Math.floor(this.seconds / (60 * 60)) - day * 24 : 0;
-      minutes = this.props.isShowMinute ? Math.floor(this.seconds / 60) - day * 24 * 60 - hours * 60 : 0;
-      seconds = Math.floor(this.seconds) - day * 24 * 60 * 60 - hours * 60 * 60 - minutes * 60;
+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,
-      hours,
-      minutes,
-      seconds
+      day: calcDay,
+      hours: calcHours,
+      minutes: calcMinutes,
+      seconds: calcSeconds
     };
-  }
-  countdonwn() {
-    const { day, hours, minutes, seconds } = this.calculateTime();
-    this.setState({
-      _day: day,
-      _hours: hours,
-      _minutes: minutes,
-      _seconds: seconds
-    });
-    this.seconds--;
-    if (this.seconds < 0) {
-      this.clearTimer();
-      this.props.onTimeUp && this.props.onTimeUp();
+  }, [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;
     }
-    this.timer = setTimeout(() => {
-      this.countdonwn();
+    timerRef.current = setTimeout(() => {
+      countdown();
     }, 1e3);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (JSON.stringify(this.props) === JSON.stringify(nextProps)) return;
-    const { day = 0, hours = 0, minutes = 0, seconds = 0 } = nextProps;
-    this.seconds = toSeconds(day, hours, minutes, seconds);
-    this.clearTimer();
-    this.setTimer();
-  }
-  componentDidMount() {
-    this.setTimer();
-  }
-  componentWillUnmount() {
-    this.clearTimer();
-  }
-  componentDidHide() {
-    this.clearTimer();
-  }
-  componentDidShow() {
-    this.setTimer();
-  }
-  render() {
-    const {
+  }, [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,
-      format = defaultFormat,
+      className,
+      format: mergedFormat,
       isCard,
       isShowDay,
       isShowHour,
-      isShowMinute
-    } = this.props;
-    const { _day, _hours, _minutes, _seconds } = this.state;
-    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: (format == null ? void 0 : format.day) || "\u5929" }),
-      isShowHour && /* @__PURE__ */ React.createElement(AtCountdownItem, { num: _hours, separator: (format == null ? void 0 : format.hours) || "" }),
-      isShowMinute && /* @__PURE__ */ React.createElement(AtCountdownItem, { num: _minutes, separator: (format == null ? void 0 : format.minutes) || "" }),
-      /* @__PURE__ */ React.createElement(AtCountdownItem, { num: _seconds, separator: (format == null ? void 0 : format.seconds) || "" })
-    );
-  }
+      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.defaultProps = {
-  customStyle: "",
-  className: "",
-  isCard: false,
-  isShowDay: false,
-  isShowHour: true,
-  isShowMinute: true,
-  format: defaultFormat,
-  day: 0,
-  hours: 0,
-  minutes: 0,
-  seconds: 0
-};
 AtCountdown.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
@@ -146,7 +210,8 @@ AtCountdown.propTypes = {
   seconds: PropTypes.number,
   onTimeUp: PropTypes.func
 };
+var countdown_default = AtCountdown;
 export {
-  AtCountdown as default
+  countdown_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/countdown/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtCountDownProps, AtCountdownState } 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\nconst defaultFormat = {\n  day: '天',\n  hours: '时',\n  minutes: '分',\n  seconds: '秒'\n}\n\nexport default class AtCountdown extends React.Component<\n  AtCountDownProps,\n  AtCountdownState\n> {\n  public static defaultProps: AtCountDownProps\n  public static propTypes: InferProps<AtCountDownProps>\n\n  private seconds: number\n  private timer: NodeJS.Timeout | number | undefined\n\n  public constructor(props: AtCountDownProps) {\n    super(props)\n    const { day = 0, hours = 0, minutes = 0, seconds = 0 } = this.props\n    this.seconds = toSeconds(day, hours, minutes, seconds)\n    const {\n      day: _day,\n      hours: _hours,\n      minutes: _minutes,\n      seconds: _seconds\n    } = this.calculateTime()\n\n    this.state = {\n      _day,\n      _hours,\n      _minutes,\n      _seconds\n    }\n  }\n\n  private setTimer(): void {\n    if (!this.timer) this.countdonwn()\n  }\n\n  private clearTimer(): void {\n    if (this.timer) {\n      clearTimeout(this.timer as number)\n      this.timer = 0\n    }\n  }\n\n  private calculateTime(): TimeObject {\n    let [day, hours, minutes, seconds] = [0, 0, 0, 0]\n\n    if (this.seconds > 0) {\n      day = this.props.isShowDay ? Math.floor(this.seconds / (60 * 60 * 24)) : 0\n      hours = this.props.isShowHour\n        ? Math.floor(this.seconds / (60 * 60)) - day * 24\n        : 0\n      minutes = this.props.isShowMinute\n        ? Math.floor(this.seconds / 60) - day * 24 * 60 - hours * 60\n        : 0\n      seconds =\n        Math.floor(this.seconds) -\n        day * 24 * 60 * 60 -\n        hours * 60 * 60 -\n        minutes * 60\n    }\n    return {\n      day,\n      hours,\n      minutes,\n      seconds\n    }\n  }\n\n  private countdonwn(): void {\n    const { day, hours, minutes, seconds } = this.calculateTime()\n\n    this.setState({\n      _day: day,\n      _hours: hours,\n      _minutes: minutes,\n      _seconds: seconds\n    })\n    this.seconds--\n\n    if (this.seconds < 0) {\n      this.clearTimer()\n      this.props.onTimeUp && this.props.onTimeUp()\n      return\n    }\n\n    this.timer = setTimeout(() => {\n      this.countdonwn()\n    }, 1000)\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtCountDownProps): void {\n    if (JSON.stringify(this.props) === JSON.stringify(nextProps)) return\n\n    const { day = 0, hours = 0, minutes = 0, seconds = 0 } = nextProps\n    this.seconds = toSeconds(day, hours, minutes, seconds)\n    this.clearTimer()\n    this.setTimer()\n  }\n\n  public componentDidMount(): void {\n    this.setTimer()\n  }\n\n  public componentWillUnmount(): void {\n    this.clearTimer()\n  }\n\n  public componentDidHide(): void {\n    this.clearTimer()\n  }\n\n  public componentDidShow(): void {\n    this.setTimer()\n  }\n\n  public render(): JSX.Element {\n    const {\n      className,\n      customStyle,\n      format = defaultFormat,\n      isCard,\n      isShowDay,\n      isShowHour,\n      isShowMinute\n    } = this.props\n\n    const { _day, _hours, _minutes, _seconds } = this.state\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 && (\n          <AtCountdownItem num={_day} separator={format?.day || '天'} />\n        )}\n        {isShowHour && (\n          <AtCountdownItem num={_hours} separator={format?.hours || ''} />\n        )}\n        {isShowMinute && (\n          <AtCountdownItem num={_minutes} separator={format?.minutes || ''} />\n        )}\n        <AtCountdownItem num={_seconds} separator={format?.seconds || ''} />\n      </View>\n    )\n  }\n}\n\nAtCountdown.defaultProps = {\n  customStyle: '',\n  className: '',\n  isCard: false,\n  isShowDay: false,\n  isShowHour: true,\n  isShowMinute: true,\n  format: defaultFormat,\n  day: 0,\n  hours: 0,\n  minutes: 0,\n  seconds: 0\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"],"mappings":"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","names":[]}
+{"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

@@ -1,9 +1,10 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtCountdownItemProps } from '../../../../types/countdown';
-export default class AtCountdownItem extends React.Component<AtCountdownItemProps> {
-    static defaultProps: AtCountdownItemProps;
-    static propTypes: InferProps<AtCountdownItemProps>;
-    private formatNum;
-    render(): JSX.Element;
+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

@@ -1,24 +1,21 @@
 import PropTypes from "prop-types";
 import React from "react";
 import { Text, View } from "@tarojs/components";
-class AtCountdownItem extends React.Component {
-  formatNum(num) {
-    return num <= 9 ? `0${num}` : `${num}`;
-  }
-  render() {
-    const { num, separator } = this.props;
-    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" }, this.formatNum(num))), /* @__PURE__ */ React.createElement(Text, { className: "at-countdown__separator" }, separator));
-  }
+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.defaultProps = {
-  num: 0,
-  separator: ":"
-};
 AtCountdownItem.propTypes = {
   num: PropTypes.number.isRequired,
   separator: PropTypes.string
 };
+var item_default = AtCountdownItem;
 export {
-  AtCountdownItem as default
+  item_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/countdown/item/index.tsx"],"sourcesContent":["import PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { AtCountdownItemProps } from '../../../../types/countdown'\n\nexport default class AtCountdownItem extends React.Component<AtCountdownItemProps> {\n  public static defaultProps: AtCountdownItemProps\n  public static propTypes: InferProps<AtCountdownItemProps>\n\n  private formatNum(num: number): string {\n    return num <= 9 ? `0${num}` : `${num}`\n  }\n\n  public render(): JSX.Element {\n    const { num, separator } = this.props\n\n    return (\n      <View className='at-countdown__item'>\n        <View className='at-countdown__time-box'>\n          <Text className='at-countdown__time'>{this.formatNum(num)}</Text>\n        </View>\n        <Text className='at-countdown__separator'>{separator}</Text>\n      </View>\n    )\n  }\n}\n\nAtCountdownItem.defaultProps = {\n  num: 0,\n  separator: ':'\n}\n\nAtCountdownItem.propTypes = {\n  num: PropTypes.number.isRequired,\n  separator: PropTypes.string\n}\n"],"mappings":"AAAA,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAG3B,MAAO,wBAAsC,MAAM,UAAgC;AAAA,EAIzE,UAAU,KAAqB;AACrC,WAAO,OAAO,IAAI,IAAI,GAAG,KAAK,GAAG,GAAG;AAAA,EACtC;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,KAAK,UAAU,IAAI,KAAK;AAEhC,WACE,oCAAC,QAAK,WAAU,wBACd,oCAAC,QAAK,WAAU,4BACd,oCAAC,QAAK,WAAU,wBAAsB,KAAK,UAAU,GAAG,CAAE,CAC5D,GACA,oCAAC,QAAK,WAAU,6BAA2B,SAAU,CACvD;AAAA,EAEJ;AACF;AAEA,gBAAgB,eAAe;AAAA,EAC7B,KAAK;AAAA,EACL,WAAW;AACb;AAEA,gBAAgB,YAAY;AAAA,EAC1B,KAAK,UAAU,OAAO;AAAA,EACtB,WAAW,UAAU;AACvB;","names":[]}
+{"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

@@ -1,10 +1,13 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtCurtainProps } from '../../../types/curtain';
-export default class AtCurtain extends React.Component<AtCurtainProps> {
-    static defaultProps: AtCurtainProps;
-    static propTypes: InferProps<AtCurtainProps>;
-    private onClose;
-    private _stopPropagation;
-    render(): JSX.Element;
+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

@@ -2,53 +2,43 @@ import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 import { View } from "@tarojs/components";
-class AtCurtain extends React.Component {
-  onClose(e) {
+import { noop } from "../../common/utils";
+function AtCurtain({
+  className = "",
+  customStyle = "",
+  isOpened = false,
+  closeBtnPosition = "bottom",
+  onClose = noop,
+  children
+}) {
+  const handleClose = (e) => {
     e.stopPropagation();
-    this.props.onClose(e);
-  }
-  _stopPropagation(e) {
+    onClose(e);
+  };
+  const stopPropagation = (e) => {
     e.stopPropagation();
-  }
-  render() {
-    const { className, customStyle, isOpened, closeBtnPosition } = this.props;
-    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: this._stopPropagation
-      },
-      /* @__PURE__ */ React.createElement(View, { className: "at-curtain__container" }, /* @__PURE__ */ React.createElement(View, { className: "at-curtain__body" }, this.props.children, /* @__PURE__ */ React.createElement(
-        View,
-        {
-          className: btnCloseClass,
-          onClick: this.onClose.bind(this)
-        }
-      )))
-    );
-  }
+  };
+  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.defaultProps = {
-  customStyle: "",
-  className: "",
-  isOpened: false,
-  closeBtnPosition: "bottom",
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onClose: () => {
-  }
-};
 AtCurtain.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
@@ -56,7 +46,8 @@ AtCurtain.propTypes = {
   closeBtnPosition: PropTypes.string,
   onClose: PropTypes.func
 };
+var curtain_default = AtCurtain;
 export {
-  AtCurtain as default
+  curtain_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/curtain/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtCurtainProps } from '../../../types/curtain'\n\nexport default class AtCurtain extends React.Component<AtCurtainProps> {\n  public static defaultProps: AtCurtainProps\n  public static propTypes: InferProps<AtCurtainProps>\n\n  private onClose(e: CommonEvent): void {\n    e.stopPropagation()\n    this.props.onClose(e)\n  }\n\n  private _stopPropagation(e: CommonEvent): void {\n    e.stopPropagation()\n  }\n\n  public render(): JSX.Element {\n    const { className, customStyle, isOpened, closeBtnPosition } = this.props\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={this._stopPropagation}\n      >\n        <View className='at-curtain__container'>\n          <View className='at-curtain__body'>\n            {this.props.children}\n            <View\n              className={btnCloseClass}\n              onClick={this.onClose.bind(this)}\n            ></View>\n          </View>\n        </View>\n      </View>\n    )\n  }\n}\n\nAtCurtain.defaultProps = {\n  customStyle: '',\n  className: '',\n  isOpened: false,\n  closeBtnPosition: 'bottom',\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onClose: (): void => {}\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"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAIrB,MAAO,kBAAgC,MAAM,UAA0B;AAAA,EAI7D,QAAQ,GAAsB;AACpC,MAAE,gBAAgB;AAClB,SAAK,MAAM,QAAQ,CAAC;AAAA,EACtB;AAAA,EAEQ,iBAAiB,GAAsB;AAC7C,MAAE,gBAAgB;AAAA,EACpB;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,WAAW,aAAa,UAAU,iBAAiB,IAAI,KAAK;AAEpE,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,cAAc;AAAA,QACd,sBAAsB,CAAC;AAAA,MACzB;AAAA,MACA;AAAA,IACF;AACA,UAAM,gBAAgB,WAAW;AAAA,MAC/B,yBAAyB;AAAA,MACzB,CAAC,0BAA0B,gBAAgB,EAAE,GAAG;AAAA,IAClD,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,SAAS,KAAK;AAAA;AAAA,MAEd,oCAAC,QAAK,WAAU,2BACd,oCAAC,QAAK,WAAU,sBACb,KAAK,MAAM,UACZ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,SAAS,KAAK,QAAQ,KAAK,IAAI;AAAA;AAAA,MAChC,CACH,CACF;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,UAAU,eAAe;AAAA,EACvB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB;AAAA;AAAA,EAElB,SAAS,MAAY;AAAA,EAAC;AACxB;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;","names":[]}
+{"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":[]}