taro-ui 3.3.2 → 3.4.0

package/dist/components/nav-bar/index.js

@@ -0,0 +1,201 @@
+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 PropTypes from "prop-types";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+import { mergeStyle, pxTransform } from "../../common/utils";
+function AtNavBar({
+  customStyle = "",
+  className = "",
+  fixed = false,
+  border = true,
+  color = "",
+  leftIconType = "",
+  leftText = "",
+  title = "",
+  rightFirstIconType = "",
+  rightSecondIconType = "",
+  children,
+  onClickLeftIcon,
+  onClickRgIconSt,
+  onClickRgIconNd,
+  onClickTitle
+}) {
+  const handleClickLeftView = (event) => {
+    onClickLeftIcon && onClickLeftIcon(event);
+  };
+  const handleClickSt = (event) => {
+    onClickRgIconSt && onClickRgIconSt(event);
+  };
+  const handleClickNd = (event) => {
+    onClickRgIconNd && onClickRgIconNd(event);
+  };
+  const handleClickTitle = (event) => {
+    onClickTitle && onClickTitle(event);
+  };
+  const linkStyle = { color };
+  const defaultIconInfo = {
+    customStyle: "",
+    className: "",
+    prefixClass: "at-icon",
+    value: "",
+    color: "",
+    size: 24
+  };
+  const leftIconInfo = leftIconType instanceof Object ? __spreadValues(__spreadValues({}, defaultIconInfo), leftIconType) : __spreadProps(__spreadValues({}, defaultIconInfo), { value: leftIconType });
+  const leftIconClass = classNames(
+    leftIconInfo.prefixClass,
+    {
+      [`${leftIconInfo.prefixClass}-${leftIconInfo.value}`]: leftIconInfo.value
+    },
+    leftIconInfo.className
+  );
+  const rightFirstIconInfo = rightFirstIconType instanceof Object ? __spreadValues(__spreadValues({}, defaultIconInfo), rightFirstIconType) : __spreadProps(__spreadValues({}, defaultIconInfo), { value: rightFirstIconType });
+  const rightFirstIconClass = classNames(
+    rightFirstIconInfo.prefixClass,
+    {
+      [`${rightFirstIconInfo.prefixClass}-${rightFirstIconInfo.value}`]: rightFirstIconInfo.value
+    },
+    rightFirstIconInfo.className
+  );
+  const rightSecondIconInfo = rightSecondIconType instanceof Object ? __spreadValues(__spreadValues({}, defaultIconInfo), rightSecondIconType) : __spreadProps(__spreadValues({}, defaultIconInfo), { value: rightSecondIconType });
+  const rightSecondIconClass = classNames(
+    rightSecondIconInfo.prefixClass,
+    {
+      [`${rightSecondIconInfo.prefixClass}-${rightSecondIconInfo.value}`]: rightSecondIconInfo.value
+    },
+    rightSecondIconInfo.className
+  );
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(
+        {
+          "at-nav-bar": true,
+          "at-nav-bar--fixed": fixed,
+          "at-nav-bar--no-border": !border
+        },
+        className
+      ),
+      style: customStyle
+    },
+    /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: "at-nav-bar__left-view",
+        onClick: handleClickLeftView,
+        style: linkStyle
+      },
+      leftIconType && /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          className: leftIconClass,
+          style: mergeStyle(
+            {
+              color: leftIconInfo.color,
+              fontSize: `${pxTransform(
+                parseInt(leftIconInfo.size.toString()) * 2
+              )}`
+            },
+            leftIconInfo.customStyle
+          )
+        }
+      ),
+      /* @__PURE__ */ React.createElement(Text, { className: "at-nav-bar__text" }, leftText)
+    ),
+    /* @__PURE__ */ React.createElement(View, { className: "at-nav-bar__title", onClick: handleClickTitle }, title || children),
+    /* @__PURE__ */ React.createElement(View, { className: "at-nav-bar__right-view" }, /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames({
+          "at-nav-bar__container": true,
+          "at-nav-bar__container--hide": !rightSecondIconType
+        }),
+        style: linkStyle,
+        onClick: handleClickNd
+      },
+      rightSecondIconType && /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          className: rightSecondIconClass,
+          style: mergeStyle(
+            {
+              color: rightSecondIconInfo.color,
+              fontSize: `${pxTransform(
+                parseInt(rightSecondIconInfo.size.toString()) * 2
+              )}`
+            },
+            rightSecondIconInfo.customStyle
+          )
+        }
+      )
+    ), /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames({
+          "at-nav-bar__container": true,
+          "at-nav-bar__container--hide": !rightFirstIconType
+        }),
+        style: linkStyle,
+        onClick: handleClickSt
+      },
+      rightFirstIconType && /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          className: rightFirstIconClass,
+          style: mergeStyle(
+            {
+              color: rightFirstIconInfo.color,
+              fontSize: `${pxTransform(
+                parseInt(rightFirstIconInfo.size.toString()) * 2
+              )}`
+            },
+            rightFirstIconInfo.customStyle
+          )
+        }
+      )
+    ))
+  );
+}
+AtNavBar.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  fixed: PropTypes.bool,
+  border: PropTypes.bool,
+  color: PropTypes.string,
+  leftIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  leftText: PropTypes.string,
+  title: PropTypes.string,
+  rightFirstIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  rightSecondIconType: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.object
+  ]),
+  onClickLeftIcon: PropTypes.func,
+  onClickRgIconSt: PropTypes.func,
+  onClickRgIconNd: PropTypes.func,
+  onClickTitle: PropTypes.func
+};
+var nav_bar_default = AtNavBar;
+export {
+  nav_bar_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/nav-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/nav-bar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { ITouchEvent } from '@tarojs/components/types/common'\nimport { AtNavBarProps } from '../../../types/nav-bar'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nfunction AtNavBar({\n  customStyle = '',\n  className = '',\n  fixed = false,\n  border = true,\n  color = '',\n  leftIconType = '',\n  leftText = '',\n  title = '',\n  rightFirstIconType = '',\n  rightSecondIconType = '',\n  children,\n  onClickLeftIcon,\n  onClickRgIconSt,\n  onClickRgIconNd,\n  onClickTitle\n}: AtNavBarProps): JSX.Element {\n  const handleClickLeftView = (event: ITouchEvent): void => {\n    onClickLeftIcon && onClickLeftIcon(event)\n  }\n\n  const handleClickSt = (event: ITouchEvent): void => {\n    onClickRgIconSt && onClickRgIconSt(event)\n  }\n\n  const handleClickNd = (event: ITouchEvent): void => {\n    onClickRgIconNd && onClickRgIconNd(event)\n  }\n\n  const handleClickTitle = (event: ITouchEvent): void => {\n    onClickTitle && onClickTitle(event)\n  }\n\n  const linkStyle = { color }\n\n  const defaultIconInfo = {\n    customStyle: '',\n    className: '',\n    prefixClass: 'at-icon',\n    value: '',\n    color: '',\n    size: 24\n  }\n\n  const leftIconInfo =\n    leftIconType instanceof Object\n      ? { ...defaultIconInfo, ...leftIconType }\n      : { ...defaultIconInfo, value: leftIconType }\n  const leftIconClass = classNames(\n    leftIconInfo.prefixClass,\n    {\n      [`${leftIconInfo.prefixClass}-${leftIconInfo.value}`]: leftIconInfo.value\n    },\n    leftIconInfo.className\n  )\n\n  const rightFirstIconInfo =\n    rightFirstIconType instanceof Object\n      ? { ...defaultIconInfo, ...rightFirstIconType }\n      : { ...defaultIconInfo, value: rightFirstIconType }\n  const rightFirstIconClass = classNames(\n    rightFirstIconInfo.prefixClass,\n    {\n      [`${rightFirstIconInfo.prefixClass}-${rightFirstIconInfo.value}`]:\n        rightFirstIconInfo.value\n    },\n    rightFirstIconInfo.className\n  )\n\n  const rightSecondIconInfo =\n    rightSecondIconType instanceof Object\n      ? { ...defaultIconInfo, ...rightSecondIconType }\n      : { ...defaultIconInfo, value: rightSecondIconType }\n  const rightSecondIconClass = classNames(\n    rightSecondIconInfo.prefixClass,\n    {\n      [`${rightSecondIconInfo.prefixClass}-${rightSecondIconInfo.value}`]:\n        rightSecondIconInfo.value\n    },\n    rightSecondIconInfo.className\n  )\n\n  return (\n    <View\n      className={classNames(\n        {\n          'at-nav-bar': true,\n          'at-nav-bar--fixed': fixed,\n          'at-nav-bar--no-border': !border\n        },\n        className\n      )}\n      style={customStyle}\n    >\n      <View\n        className='at-nav-bar__left-view'\n        onClick={handleClickLeftView}\n        style={linkStyle}\n      >\n        {leftIconType && (\n          <Text\n            className={leftIconClass}\n            style={mergeStyle(\n              {\n                color: leftIconInfo.color,\n                fontSize: `${pxTransform(\n                  parseInt(leftIconInfo.size.toString()) * 2\n                )}`\n              },\n              leftIconInfo.customStyle\n            )}\n          ></Text>\n        )}\n        <Text className='at-nav-bar__text'>{leftText}</Text>\n      </View>\n      <View className='at-nav-bar__title' onClick={handleClickTitle}>\n        {title || children}\n      </View>\n      <View className='at-nav-bar__right-view'>\n        <View\n          className={classNames({\n            'at-nav-bar__container': true,\n            'at-nav-bar__container--hide': !rightSecondIconType\n          })}\n          style={linkStyle}\n          onClick={handleClickNd}\n        >\n          {rightSecondIconType && (\n            <Text\n              className={rightSecondIconClass}\n              style={mergeStyle(\n                {\n                  color: rightSecondIconInfo.color,\n                  fontSize: `${pxTransform(\n                    parseInt(rightSecondIconInfo.size.toString()) * 2\n                  )}`\n                },\n                rightSecondIconInfo.customStyle\n              )}\n            ></Text>\n          )}\n        </View>\n        <View\n          className={classNames({\n            'at-nav-bar__container': true,\n            'at-nav-bar__container--hide': !rightFirstIconType\n          })}\n          style={linkStyle}\n          onClick={handleClickSt}\n        >\n          {rightFirstIconType && (\n            <Text\n              className={rightFirstIconClass}\n              style={mergeStyle(\n                {\n                  color: rightFirstIconInfo.color,\n                  fontSize: `${pxTransform(\n                    parseInt(rightFirstIconInfo.size.toString()) * 2\n                  )}`\n                },\n                rightFirstIconInfo.customStyle\n              )}\n            ></Text>\n          )}\n        </View>\n      </View>\n    </View>\n  )\n}\n\nAtNavBar.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  fixed: PropTypes.bool,\n  border: PropTypes.bool,\n  color: PropTypes.string,\n  leftIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  leftText: PropTypes.string,\n  title: PropTypes.string,\n  rightFirstIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  rightSecondIconType: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.object\n  ]),\n  onClickLeftIcon: PropTypes.func,\n  onClickRgIconSt: PropTypes.func,\n  onClickRgIconNd: PropTypes.func,\n  onClickTitle: PropTypes.func\n}\n\nexport default AtNavBar\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,18 @@
+import PropTypes from 'prop-types';
+import { AtNoticeBarProps } from '../../../types/noticebar';
+declare function AtNoticebar({ close, single, marquee, speed, moreText, showMore, icon, customStyle, className, children, onClose, onGotoMore }: AtNoticeBarProps): JSX.Element | boolean;
+declare namespace AtNoticebar {
+    var propTypes: {
+        close: PropTypes.Requireable<boolean>;
+        single: PropTypes.Requireable<boolean>;
+        marquee: PropTypes.Requireable<boolean>;
+        speed: PropTypes.Requireable<number>;
+        moreText: PropTypes.Requireable<string>;
+        showMore: PropTypes.Requireable<boolean>;
+        icon: PropTypes.Requireable<string>;
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onGotoMore: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtNoticebar;

package/dist/components/noticebar/index.js

@@ -0,0 +1,173 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { Text, View } from "@tarojs/components";
+import Taro from "@tarojs/taro";
+import { useComponentLocale } from "../../hooks/useComponentLocale";
+function AtNoticebar({
+  close = false,
+  single = false,
+  marquee = false,
+  speed = 100,
+  moreText,
+  showMore = false,
+  icon = "",
+  customStyle = {},
+  className,
+  children,
+  onClose,
+  onGotoMore
+}) {
+  const locale = useComponentLocale("NoticeBar");
+  const resolvedMoreText = moreText != null ? moreText : locale.moreText;
+  const [show, setShow] = useState(true);
+  const [animElemId] = useState(
+    () => `J_${Math.ceil(Math.random() * 1e6).toString(36)}`
+  );
+  const [animationData, setAnimationData] = useState({
+    actions: [{}]
+  });
+  const [dura, setDura] = useState(0);
+  const isWEAPP = Taro.getEnv() === Taro.ENV_TYPE.WEAPP;
+  const isALIPAY = Taro.getEnv() === Taro.ENV_TYPE.ALIPAY;
+  const isWEB = Taro.getEnv() === Taro.ENV_TYPE.WEB;
+  const timeoutRef = useRef(null);
+  const intervalRef = useRef(null);
+  const animElemIdRef = useRef(animElemId);
+  const initAnimation = useCallback(() => {
+    timeoutRef.current = setTimeout(() => {
+      timeoutRef.current = null;
+      if (isWEB) {
+        const elem = document.querySelector(`.${animElemIdRef.current}`);
+        if (!elem) return;
+        const width = elem.getBoundingClientRect().width;
+        const animDura = width / +speed;
+        setDura(animDura);
+      } else if (isWEAPP || isALIPAY) {
+        const query = Taro.createSelectorQuery();
+        query.select(`.${animElemIdRef.current}`).boundingClientRect().exec((res) => {
+          const queryRes = res[0];
+          if (!queryRes) return;
+          const { width } = queryRes;
+          const animDura = width / +speed;
+          const animation = Taro.createAnimation({
+            duration: animDura * 1e3,
+            timingFunction: "linear"
+          });
+          const resetAnimation = Taro.createAnimation({
+            duration: 0,
+            timingFunction: "linear"
+          });
+          const resetOpacityAnimation = Taro.createAnimation({
+            duration: 0,
+            timingFunction: "linear"
+          });
+          const animBody = () => {
+            resetOpacityAnimation.opacity(0).step();
+            setAnimationData(resetOpacityAnimation.export());
+            setTimeout(() => {
+              resetAnimation.translateX(0).step();
+              setAnimationData(resetAnimation.export());
+            }, 300);
+            setTimeout(() => {
+              resetOpacityAnimation.opacity(1).step();
+              setAnimationData(resetOpacityAnimation.export());
+            }, 600);
+            setTimeout(() => {
+              animation.translateX(-width).step();
+              setAnimationData(animation.export());
+            }, 900);
+          };
+          animBody();
+          intervalRef.current = setInterval(animBody, animDura * 1e3 + 1e3);
+        });
+      }
+    }, 1e3);
+  }, [isWEB, isWEAPP, isALIPAY, speed]);
+  useEffect(() => {
+    if (!marquee) return;
+    initAnimation();
+  }, [marquee, initAnimation]);
+  useEffect(() => {
+    if (!timeoutRef.current) {
+      intervalRef.current && clearInterval(intervalRef.current);
+      initAnimation();
+    }
+  }, [
+    children,
+    single,
+    marquee,
+    speed,
+    icon,
+    close,
+    showMore,
+    resolvedMoreText,
+    className,
+    customStyle,
+    initAnimation
+  ]);
+  const handleClose = (event) => {
+    setShow(false);
+    onClose && onClose(event);
+  };
+  const handleGotoMore = (event) => {
+    onGotoMore && onGotoMore(event);
+  };
+  let resolvedShowMore = showMore;
+  if (!single) resolvedShowMore = false;
+  const style = {};
+  const innerClassName = ["at-noticebar__content-inner"];
+  let resolvedClose = close;
+  if (marquee) {
+    resolvedClose = false;
+    innerClassName.push(animElemId);
+    style["animation-delay"] = "3s";
+    if (dura > 0) {
+      style["animation-duration"] = `${dura}s`;
+      style["animation-delay"] = "1s";
+    }
+  }
+  const classObject = {
+    "at-noticebar--marquee": marquee,
+    "at-noticebar--weapp": marquee && (isWEAPP || isALIPAY),
+    "at-noticebar--single": !marquee && single
+  };
+  const iconClass = ["at-icon"];
+  if (icon) iconClass.push(`at-icon-${icon}`);
+  return show && /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames("at-noticebar", classObject, className),
+      style: customStyle
+    },
+    resolvedClose && /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__close", onClick: handleClose }, /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-close" })),
+    /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__content" }, icon && /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__content-icon" }, /* @__PURE__ */ React.createElement(Text, { className: classNames(iconClass, iconClass) })), /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__content-text" }, /* @__PURE__ */ React.createElement(
+      View,
+      {
+        id: animElemId,
+        animation: animationData,
+        className: classNames(innerClassName),
+        style
+      },
+      children
+    ))),
+    resolvedShowMore && /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__more", onClick: handleGotoMore }, /* @__PURE__ */ React.createElement(Text, { className: "text" }, resolvedMoreText), /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__more-icon" }, /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-chevron-right" })))
+  );
+}
+AtNoticebar.propTypes = {
+  close: PropTypes.bool,
+  single: PropTypes.bool,
+  marquee: PropTypes.bool,
+  speed: PropTypes.number,
+  moreText: PropTypes.string,
+  showMore: PropTypes.bool,
+  icon: PropTypes.string,
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  onClose: PropTypes.func,
+  onGotoMore: PropTypes.func
+};
+var noticebar_default = AtNoticebar;
+export {
+  noticebar_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/noticebar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { useComponentLocale } from '../../hooks/useComponentLocale'\nimport { AtNoticeBarProps } from '../../../types/noticebar'\n\nfunction AtNoticebar({\n  close = false,\n  single = false,\n  marquee = false,\n  speed = 100,\n  moreText,\n  showMore = false,\n  icon = '',\n  customStyle = {},\n  className,\n  children,\n  onClose,\n  onGotoMore\n}: AtNoticeBarProps): JSX.Element | boolean {\n  const locale = useComponentLocale('NoticeBar')\n  const resolvedMoreText = moreText ?? locale.moreText\n  const [show, setShow] = useState(true)\n  const [animElemId] = useState(\n    () => `J_${Math.ceil(Math.random() * 10e5).toString(36)}`\n  )\n  const [animationData, setAnimationData] = useState<{\n    actions: Record<string, unknown>[]\n  }>({\n    actions: [{}]\n  })\n  const [dura, setDura] = useState(0)\n  const isWEAPP = Taro.getEnv() === Taro.ENV_TYPE.WEAPP\n  const isALIPAY = Taro.getEnv() === Taro.ENV_TYPE.ALIPAY\n  const isWEB = Taro.getEnv() === Taro.ENV_TYPE.WEB\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null)\n  const animElemIdRef = useRef(animElemId)\n\n  const initAnimation = useCallback((): void => {\n    timeoutRef.current = setTimeout(() => {\n      timeoutRef.current = null\n      if (isWEB) {\n        const elem = document.querySelector(`.${animElemIdRef.current}`)\n        if (!elem) return\n        const width = elem.getBoundingClientRect().width\n        const animDura = width / +speed\n        setDura(animDura)\n      } else if (isWEAPP || isALIPAY) {\n        const query = Taro.createSelectorQuery()\n        query\n          .select(`.${animElemIdRef.current}`)\n          .boundingClientRect()\n          .exec(res => {\n            const queryRes = res[0]\n            if (!queryRes) return\n            const { width } = queryRes\n            const animDura = width / +speed\n            const animation = Taro.createAnimation({\n              duration: animDura * 1000,\n              timingFunction: 'linear'\n            })\n            const resetAnimation = Taro.createAnimation({\n              duration: 0,\n              timingFunction: 'linear'\n            })\n            const resetOpacityAnimation = Taro.createAnimation({\n              duration: 0,\n              timingFunction: 'linear'\n            })\n            const animBody = (): void => {\n              resetOpacityAnimation.opacity(0).step()\n              setAnimationData(resetOpacityAnimation.export())\n\n              setTimeout(() => {\n                resetAnimation.translateX(0).step()\n                setAnimationData(resetAnimation.export())\n              }, 300)\n\n              setTimeout(() => {\n                resetOpacityAnimation.opacity(1).step()\n                setAnimationData(resetOpacityAnimation.export())\n              }, 600)\n\n              setTimeout(() => {\n                animation.translateX(-width).step()\n                setAnimationData(animation.export())\n              }, 900)\n            }\n            animBody()\n            intervalRef.current = setInterval(animBody, animDura * 1000 + 1000)\n          })\n      }\n    }, 1000)\n  }, [isWEB, isWEAPP, isALIPAY, speed])\n\n  useEffect(() => {\n    if (!marquee) return\n    initAnimation()\n  }, [marquee, initAnimation])\n\n  useEffect(() => {\n    if (!timeoutRef.current) {\n      intervalRef.current && clearInterval(intervalRef.current)\n      initAnimation()\n    }\n  }, [\n    children,\n    single,\n    marquee,\n    speed,\n    icon,\n    close,\n    showMore,\n    resolvedMoreText,\n    className,\n    customStyle,\n    initAnimation\n  ])\n\n  const handleClose = (event: CommonEvent): void => {\n    setShow(false)\n    onClose && onClose(event)\n  }\n\n  const handleGotoMore = (event: CommonEvent): void => {\n    onGotoMore && onGotoMore(event)\n  }\n\n  let resolvedShowMore = showMore\n  if (!single) resolvedShowMore = false\n\n  const style: Record<string, string> = {}\n  const innerClassName = ['at-noticebar__content-inner']\n  let resolvedClose = close\n  if (marquee) {\n    resolvedClose = false\n    innerClassName.push(animElemId)\n    style['animation-delay'] = '3s'\n\n    if (dura > 0) {\n      style['animation-duration'] = `${dura}s`\n      style['animation-delay'] = '1s'\n    }\n  }\n\n  const classObject = {\n    'at-noticebar--marquee': marquee,\n    'at-noticebar--weapp': marquee && (isWEAPP || isALIPAY),\n    'at-noticebar--single': !marquee && single\n  }\n\n  const iconClass = ['at-icon']\n  if (icon) iconClass.push(`at-icon-${icon}`)\n\n  return (\n    show && (\n      <View\n        className={classNames('at-noticebar', classObject, className)}\n        style={customStyle}\n      >\n        {resolvedClose && (\n          <View className='at-noticebar__close' onClick={handleClose}>\n            <Text className='at-icon at-icon-close'></Text>\n          </View>\n        )}\n        <View className='at-noticebar__content'>\n          {icon && (\n            <View className='at-noticebar__content-icon'>\n              <Text className={classNames(iconClass, iconClass)}></Text>\n            </View>\n          )}\n          <View className='at-noticebar__content-text'>\n            <View\n              id={animElemId}\n              animation={animationData}\n              className={classNames(innerClassName)}\n              style={style}\n            >\n              {children}\n            </View>\n          </View>\n        </View>\n        {resolvedShowMore && (\n          <View className='at-noticebar__more' onClick={handleGotoMore}>\n            <Text className='text'>{resolvedMoreText}</Text>\n            <View className='at-noticebar__more-icon'>\n              <Text className='at-icon at-icon-chevron-right'></Text>\n            </View>\n          </View>\n        )}\n      </View>\n    )\n  )\n}\n\nAtNoticebar.propTypes = {\n  close: PropTypes.bool,\n  single: PropTypes.bool,\n  marquee: PropTypes.bool,\n  speed: PropTypes.number,\n  moreText: PropTypes.string,\n  showMore: PropTypes.bool,\n  icon: PropTypes.string,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  onClose: PropTypes.func,\n  onGotoMore: PropTypes.func\n}\n\nexport default AtNoticebar\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types';
+import { AtPaginationProps } from '../../../types/pagination';
+declare function AtPagination({ current, total, pageSize, icon, customStyle, className, onPageChange }: AtPaginationProps): JSX.Element;
+declare namespace AtPagination {
+    var propTypes: {
+        current: PropTypes.Requireable<number>;
+        total: PropTypes.Requireable<number>;
+        pageSize: PropTypes.Requireable<number>;
+        icon: PropTypes.Requireable<boolean>;
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtPagination;

package/dist/components/pagination/index.js

@@ -0,0 +1,90 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React, { useEffect, useState } from "react";
+import { Text, View } from "@tarojs/components";
+import { useComponentLocale } from "../../hooks/useComponentLocale";
+import AtButton from "../button/index";
+const MIN_MAXPAGE = 1;
+const getMaxPage = (maxPage = 0) => {
+  if (maxPage <= 0) return MIN_MAXPAGE;
+  return maxPage;
+};
+const createPickerRange = (max) => {
+  const range = new Array(max).fill(0).map((_val, index) => index + 1);
+  return range;
+};
+function AtPagination({
+  current = 1,
+  total = 0,
+  pageSize = 20,
+  icon = false,
+  customStyle = {},
+  className,
+  onPageChange
+}) {
+  const locale = useComponentLocale("Pagination");
+  const initialMaxPage = getMaxPage(Math.ceil(total / pageSize));
+  const [currentPage, setCurrentPage] = useState(current || 1);
+  const [maxPage, setMaxPage] = useState(initialMaxPage);
+  const [, setPickerRange] = useState(() => createPickerRange(initialMaxPage));
+  useEffect(() => {
+    const newMaxPage = getMaxPage(Math.ceil(total / pageSize));
+    setMaxPage((prev) => {
+      if (newMaxPage !== prev) {
+        setPickerRange(createPickerRange(newMaxPage));
+        return newMaxPage;
+      }
+      return prev;
+    });
+    if (typeof current === "number") {
+      setCurrentPage((prev) => current !== prev ? current : prev);
+    }
+  }, [total, pageSize, current]);
+  const onPrev = () => {
+    let nextPage = currentPage;
+    const originCur = nextPage;
+    nextPage -= 1;
+    nextPage = Math.max(1, nextPage);
+    if (originCur === nextPage) return;
+    onPageChange && onPageChange({ type: "prev", current: nextPage });
+    setCurrentPage(nextPage);
+  };
+  const onNext = () => {
+    let nextPage = currentPage;
+    const originCur = nextPage;
+    nextPage += 1;
+    nextPage = Math.min(maxPage, nextPage);
+    if (originCur === nextPage) return;
+    onPageChange && onPageChange({ type: "next", current: nextPage });
+    setCurrentPage(nextPage);
+  };
+  const rootClassName = ["at-pagination"];
+  const prevDisabled = maxPage === MIN_MAXPAGE || currentPage === 1;
+  const nextDisabled = maxPage === MIN_MAXPAGE || currentPage === maxPage;
+  const classObject = {
+    "at-pagination--icon": icon
+  };
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(rootClassName, classObject, className),
+      style: customStyle
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "at-pagination__btn-prev" }, icon && /* @__PURE__ */ React.createElement(AtButton, { onClick: onPrev, size: "small", disabled: prevDisabled }, /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-chevron-left" })), !icon && /* @__PURE__ */ React.createElement(AtButton, { onClick: onPrev, size: "small", disabled: prevDisabled }, locale.prev)),
+    /* @__PURE__ */ React.createElement(View, { className: "at-pagination__number" }, /* @__PURE__ */ React.createElement(Text, { className: "at-pagination__number-current" }, currentPage), "/", maxPage),
+    /* @__PURE__ */ React.createElement(View, { className: "at-pagination__btn-next" }, icon && /* @__PURE__ */ React.createElement(AtButton, { onClick: onNext, size: "small", disabled: nextDisabled }, /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-chevron-right" })), !icon && /* @__PURE__ */ React.createElement(AtButton, { onClick: onNext, size: "small", disabled: nextDisabled }, locale.next))
+  );
+}
+AtPagination.propTypes = {
+  current: PropTypes.number,
+  total: PropTypes.number,
+  pageSize: PropTypes.number,
+  icon: PropTypes.bool,
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  onPageChange: PropTypes.func
+};
+var pagination_default = AtPagination;
+export {
+  pagination_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/pagination/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useEffect, useState } from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { useComponentLocale } from '../../hooks/useComponentLocale'\nimport { AtPaginationProps } from '../../../types/pagination'\nimport AtButton from '../button/index'\n\nconst MIN_MAXPAGE = 1\nconst getMaxPage = (maxPage = 0): number => {\n  if (maxPage <= 0) return MIN_MAXPAGE\n  return maxPage\n}\n\nconst createPickerRange = (max: number): number[] => {\n  const range = new Array(max).fill(0).map((_val, index) => index + 1)\n  return range\n}\n\nfunction AtPagination({\n  current = 1,\n  total = 0,\n  pageSize = 20,\n  icon = false,\n  customStyle = {},\n  className,\n  onPageChange\n}: AtPaginationProps): JSX.Element {\n  const locale = useComponentLocale('Pagination')\n  const initialMaxPage = getMaxPage(Math.ceil(total / pageSize))\n  const [currentPage, setCurrentPage] = useState(current || 1)\n  const [maxPage, setMaxPage] = useState(initialMaxPage)\n  const [, setPickerRange] = useState(() => createPickerRange(initialMaxPage))\n\n  useEffect(() => {\n    const newMaxPage = getMaxPage(Math.ceil(total / pageSize))\n    setMaxPage(prev => {\n      if (newMaxPage !== prev) {\n        setPickerRange(createPickerRange(newMaxPage))\n        return newMaxPage\n      }\n      return prev\n    })\n    if (typeof current === 'number') {\n      setCurrentPage(prev => (current !== prev ? current : prev))\n    }\n  }, [total, pageSize, current])\n\n  const onPrev = (): void => {\n    let nextPage = currentPage\n    const originCur = nextPage\n    nextPage -= 1\n    nextPage = Math.max(1, nextPage)\n    if (originCur === nextPage) return\n    onPageChange && onPageChange({ type: 'prev', current: nextPage })\n    setCurrentPage(nextPage)\n  }\n\n  const onNext = (): void => {\n    let nextPage = currentPage\n    const originCur = nextPage\n    nextPage += 1\n    nextPage = Math.min(maxPage, nextPage)\n    if (originCur === nextPage) return\n    onPageChange && onPageChange({ type: 'next', current: nextPage })\n    setCurrentPage(nextPage)\n  }\n\n  const rootClassName = ['at-pagination']\n\n  const prevDisabled = maxPage === MIN_MAXPAGE || currentPage === 1\n  const nextDisabled = maxPage === MIN_MAXPAGE || currentPage === maxPage\n\n  const classObject = {\n    'at-pagination--icon': icon\n  }\n\n  return (\n    <View\n      className={classNames(rootClassName, classObject, className)}\n      style={customStyle}\n    >\n      <View className='at-pagination__btn-prev'>\n        {icon && (\n          <AtButton onClick={onPrev} size='small' disabled={prevDisabled}>\n            <Text className='at-icon at-icon-chevron-left'></Text>\n          </AtButton>\n        )}\n        {!icon && (\n          <AtButton onClick={onPrev} size='small' disabled={prevDisabled}>\n            {locale.prev}\n          </AtButton>\n        )}\n      </View>\n      <View className='at-pagination__number'>\n        <Text className='at-pagination__number-current'>{currentPage}</Text>/\n        {maxPage}\n      </View>\n      <View className='at-pagination__btn-next'>\n        {icon && (\n          <AtButton onClick={onNext} size='small' disabled={nextDisabled}>\n            <Text className='at-icon at-icon-chevron-right'></Text>\n          </AtButton>\n        )}\n        {!icon && (\n          <AtButton onClick={onNext} size='small' disabled={nextDisabled}>\n            {locale.next}\n          </AtButton>\n        )}\n      </View>\n    </View>\n  )\n}\n\nAtPagination.propTypes = {\n  current: PropTypes.number,\n  total: PropTypes.number,\n  pageSize: PropTypes.number,\n  icon: PropTypes.bool,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  onPageChange: PropTypes.func\n}\n\nexport default AtPagination\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+import { AtProgressProps } from '../../../types/progress';
+declare function AtProgress({ color, percent: percentProp, strokeWidth, status, isHidePercent, className }: AtProgressProps): JSX.Element;
+declare namespace AtProgress {
+    var propTypes: {
+        color: PropTypes.Requireable<string>;
+        status: PropTypes.Requireable<string>;
+        percent: PropTypes.Requireable<number>;
+        strokeWidth: PropTypes.Requireable<number>;
+        isHidePercent: PropTypes.Requireable<boolean>;
+    };
+}
+export default AtProgress;

package/dist/components/progress/index.js

@@ -0,0 +1,56 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+function AtProgress({
+  color,
+  percent: percentProp,
+  strokeWidth,
+  status,
+  isHidePercent,
+  className
+}) {
+  let percent = percentProp;
+  if (typeof percent !== "number") {
+    percent = 0;
+  }
+  if (percent < 0) {
+    percent = 0;
+  } else if (percent > 100) {
+    percent = 100;
+  }
+  const rootClass = classNames(
+    "at-progress",
+    {
+      [`at-progress--${status}`]: !!status
+    },
+    className
+  );
+  const iconClass = classNames("at-icon", {
+    "at-icon-close-circle": status === "error",
+    "at-icon-check-circle": status === "success"
+  });
+  const progressStyle = {
+    width: percent && `${+percent}%`,
+    height: strokeWidth && `${+strokeWidth}px`,
+    backgroundColor: color
+  };
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass }, /* @__PURE__ */ React.createElement(View, { className: "at-progress__outer" }, /* @__PURE__ */ React.createElement(View, { className: "at-progress__outer-inner" }, /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: "at-progress__outer-inner-background",
+      style: progressStyle
+    }
+  ))), !isHidePercent && /* @__PURE__ */ React.createElement(View, { className: "at-progress__content" }, !status || status === "progress" ? `${percent}%` : /* @__PURE__ */ React.createElement(Text, { className: iconClass })));
+}
+AtProgress.propTypes = {
+  color: PropTypes.string,
+  status: PropTypes.string,
+  percent: PropTypes.number,
+  strokeWidth: PropTypes.number,
+  isHidePercent: PropTypes.bool
+};
+export {
+  AtProgress as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/progress/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { AtProgressProps } from '../../../types/progress'\n\nexport default function AtProgress({\n  color,\n  percent: percentProp,\n  strokeWidth,\n  status,\n  isHidePercent,\n  className\n}: AtProgressProps): JSX.Element {\n  let percent = percentProp\n  if (typeof percent !== 'number') {\n    percent = 0\n  }\n\n  if (percent < 0) {\n    percent = 0\n  } else if (percent > 100) {\n    percent = 100\n  }\n\n  const rootClass = classNames(\n    'at-progress',\n    {\n      [`at-progress--${status}`]: !!status\n    },\n    className\n  )\n  const iconClass = classNames('at-icon', {\n    'at-icon-close-circle': status === 'error',\n    'at-icon-check-circle': status === 'success'\n  })\n\n  const progressStyle = {\n    width: percent && `${+percent}%`,\n    height: strokeWidth && `${+strokeWidth}px`,\n    backgroundColor: color\n  }\n\n  return (\n    <View className={rootClass}>\n      <View className='at-progress__outer'>\n        <View className='at-progress__outer-inner'>\n          <View\n            className='at-progress__outer-inner-background'\n            style={progressStyle}\n          />\n        </View>\n      </View>\n\n      {!isHidePercent && (\n        <View className='at-progress__content'>\n          {!status || status === 'progress' ? (\n            `${percent}%`\n          ) : (\n            <Text className={iconClass}></Text>\n          )}\n        </View>\n      )}\n    </View>\n  )\n}\n\nAtProgress.propTypes = {\n  color: PropTypes.string,\n  status: PropTypes.string,\n  percent: PropTypes.number,\n  strokeWidth: PropTypes.number,\n  isHidePercent: PropTypes.bool\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAGZ,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,MAAI,UAAU;AACd,MAAI,OAAO,YAAY,UAAU;AAC/B,cAAU;AAAA,EACZ;AAEA,MAAI,UAAU,GAAG;AACf,cAAU;AAAA,EACZ,WAAW,UAAU,KAAK;AACxB,cAAU;AAAA,EACZ;AAEA,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACE,CAAC,gBAAgB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IAChC;AAAA,IACA;AAAA,EACF;AACA,QAAM,YAAY,WAAW,WAAW;AAAA,IACtC,wBAAwB,WAAW;AAAA,IACnC,wBAAwB,WAAW;AAAA,EACrC,CAAC;AAED,QAAM,gBAAgB;AAAA,IACpB,OAAO,WAAW,GAAG,CAAC,OAAO;AAAA,IAC7B,QAAQ,eAAe,GAAG,CAAC,WAAW;AAAA,IACtC,iBAAiB;AAAA,EACnB;AAEA,SACE,oCAAC,QAAK,WAAW,aACf,oCAAC,QAAK,WAAU,wBACd,oCAAC,QAAK,WAAU,8BACd;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA;AAAA,EACT,CACF,CACF,GAEC,CAAC,iBACA,oCAAC,QAAK,WAAU,0BACb,CAAC,UAAU,WAAW,aACrB,GAAG,OAAO,MAEV,oCAAC,QAAK,WAAW,WAAW,CAEhC,CAEJ;AAEJ;AAEA,WAAW,YAAY;AAAA,EACrB,OAAO,UAAU;AAAA,EACjB,QAAQ,UAAU;AAAA,EAClB,SAAS,UAAU;AAAA,EACnB,aAAa,UAAU;AAAA,EACvB,eAAe,UAAU;AAC3B;","names":[]}

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

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