taro-ui 3.3.2 → 3.4.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2018 koppt
+Copyright (c) 2018-2026 koppt
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -0,0 +1,85 @@
+# Taro UI
+
+[![NPM][npm-version-image]][npm-version-url] [![NPM Downloads][npm-downloads-image]][npm-downloads-url] [![david-dm][david-dm-image]][david-dm-url] [![License][license-image]][license-url]
+
+一款基于 `Taro` 框架开发的多端 UI 组件库
+
+## 特性
+
+- 基于 `Taro` 开发 UI 组件
+- 一套组件可以在 `微信小程序`，`支付宝小程序`，`百度小程序`，`H5`，`ReactNative` 多端适配运行
+- 提供友好的 API，可灵活的使用组件
+
+## 关于 Taro
+
+Taro 是由 [凹凸实验室](https://aotu.io) 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样，Web、ReactNative、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
+
+使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码。
+
+## 体验
+
+请使用微信扫一扫以下体验码
+
+![QRCode](https://user-images.githubusercontent.com/1240899/46650700-25a4e600-cbd0-11e8-90ff-905edb39c340.jpg)
+
+## 相关链接
+
+- [Taro UI 使用文档](https://jd-opensource.github.io/taro-ui/#/)
+- [Taro UI 官方示例](https://github.com/NervJS/taro-ui-demo)
+- [Taro](https://taro.jd.com/)
+- [Taro 物料市场](https://taro-ext.jd.com)
+- [Taro 论坛 Taro-UI 板块](https://taro-club.jd.com/category/11/taro-ui)
+
+## 安装
+
+### 2.x
+当 Taro 版本 < 3 时，使用 2.x 版本
+
+```bash
+$ npm install taro-ui@2.3.4
+```
+
+### 3.x
+当 Taro 版本 ≥ 3 时，使用 3.x 版本
+
+```bash
+$ npm install taro-ui@latest
+```
+
+## 使用
+
+在代码中 `import` 需要的组件并按照文档说明使用
+
+```js
+import { AtButton } from 'taro-ui'
+```
+
+## 开发交流
+
+[官方微信交流群](https://github.com/NervJS/taro-ui/issues/16)
+
+## 开发计划
+
+[查看 Roadmap →](../../ROADMAP.md)
+
+## 路线图
+
+Taro UI 正在积极恢复维护中，当前重点完成 Monorepo 重构、CSS 预编译和 Taro v4 兼容性验证。详细规划请查看 [ROADMAP.md](../../ROADMAP.md)。
+
+## 贡献
+
+如果你在使用 `Taro UI` 时遇到问题，或者有好的建议，欢迎给我们提 `Issue` 或 `Pull Request`。在开始之前，请阅读 [贡献指南](../../.github/CONTRIBUTING.md)
+
+## License
+
+MIT
+
+[npm-version-image]: https://img.shields.io/npm/v/taro-ui.svg?style=flat-square
+[npm-version-url]: https://www.npmjs.com/package/taro-ui
+[npm-downloads-image]: https://img.shields.io/npm/dm/taro-ui?style=flat-square
+[npm-downloads-url]: https://www.npmjs.com/package/taro-ui
+[david-dm-image]: https://david-dm.org/NervJS/taro-ui.svg?style=flat-square
+[david-dm-url]: https://david-dm.org/NervJS/taro-ui
+[license-image]: https://img.shields.io/github/license/jd-opensource/taro-ui?style=flat-square
+[license-url]: ../../LICENSE
+[roadmap-image]: ../../docs/assets/taro-ui-roadmap.svg

package/{lib → dist}/common/utils.d.ts

@@ -38,4 +38,5 @@ declare function mergeStyle(style1: object | string, style2: object | string): o
  * @returns
  */
 declare function isJSXElement(props: any, propName: any, componentName: any): Error | undefined;
-export { delay, delayQuerySelector, uuid, getEventDetail, initTestEnv, isTest, pxTransform, handleTouchScroll, delayGetClientRect, delayGetScrollOffset, mergeStyle, isJSXElement };
+declare function noop(): void;
+export { delay, delayQuerySelector, uuid, getEventDetail, initTestEnv, isTest, pxTransform, handleTouchScroll, delayGetClientRect, delayGetScrollOffset, mergeStyle, isJSXElement, noop };

package/{lib → dist}/common/utils.js

@@ -186,6 +186,8 @@ function isJSXElement(props, propName, componentName) {
     );
   }
 }
+function noop() {
+}
 export {
   delay,
   delayGetClientRect,
@@ -197,6 +199,7 @@ export {
   isJSXElement,
   isTest,
   mergeStyle,
+  noop,
   pxTransform,
   uuid
 };

package/{lib → dist}/common/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/common/utils.ts"],"sourcesContent":["import Taro from '@tarojs/taro'\nimport React from 'react'\nimport { SelectorQuery } from '@tarojs/taro/types/index'\n\nconst ENV = Taro.getEnv()\n\nfunction delay(delayTime = 25): Promise<void> {\n  return new Promise(resolve => {\n    setTimeout(() => {\n      resolve()\n    }, delayTime)\n  })\n}\n\nfunction delayQuerySelector(\n  selectorStr: string,\n  delayTime = 500\n): Promise<any[]> {\n  return new Promise(resolve => {\n    Taro.nextTick(() => {\n      const selector: SelectorQuery = Taro.createSelectorQuery()\n      delay(delayTime).then(() => {\n        selector\n          .select(selectorStr)\n          .boundingClientRect()\n          .exec((res: any[]) => {\n            resolve(res)\n          })\n      })\n    })\n  })\n}\n\nfunction delayGetScrollOffset({ delayTime = 500 }): Promise<any[]> {\n  return new Promise(resolve => {\n    delay(delayTime).then(() => {\n      Taro.createSelectorQuery()\n        .selectViewport()\n        .scrollOffset()\n        .exec((res: any[]) => {\n          resolve(res)\n        })\n    })\n  })\n}\n\nfunction delayGetClientRect({ selectorStr, delayTime = 500 }): Promise<any[]> {\n  const selector: SelectorQuery = Taro.createSelectorQuery()\n\n  return new Promise(resolve => {\n    delay(delayTime).then(() => {\n      selector\n        .select(selectorStr)\n        .boundingClientRect()\n        .exec((res: any[]) => {\n          resolve(res)\n        })\n    })\n  })\n}\n\nfunction uuid(len = 8, radix = 16): string {\n  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('')\n  const value: string[] = []\n  let i = 0\n  radix = radix || chars.length\n\n  if (len) {\n    // Compact form\n    for (i = 0; i < len; i++) value[i] = chars[0 | (Math.random() * radix)]\n  } else {\n    // rfc4122, version 4 form\n    let r\n\n    // rfc4122 requires these characters\n    /* eslint-disable-next-line */\n    value[8] = value[13] = value[18] = value[23] = '-'\n    value[14] = '4'\n\n    // Fill in random data.  At i==19 set the high bits of clock sequence as\n    // per rfc4122, sec. 4.1.5\n    for (i = 0; i < 36; i++) {\n      if (!value[i]) {\n        r = 0 | (Math.random() * 16)\n        value[i] = chars[i === 19 ? (r & 0x3) | 0x8 : r]\n      }\n    }\n  }\n\n  return value.join('')\n}\n\ninterface EventDetail {\n  pageX: number\n  pageY: number\n  clientX: number\n  clientY: number\n  offsetX: number\n  offsetY: number\n  x: number\n  y: number\n}\n\nfunction getEventDetail(event: any): EventDetail {\n  let detail: EventDetail\n  switch (ENV) {\n    case Taro.ENV_TYPE.WEB:\n      detail = {\n        pageX: event.pageX,\n        pageY: event.pageY,\n        clientX: event.clientX,\n        clientY: event.clientY,\n        offsetX: event.offsetX,\n        offsetY: event.offsetY,\n        x: event.x,\n        y: event.y\n      }\n      break\n\n    case Taro.ENV_TYPE.WEAPP:\n      detail = {\n        pageX: event.touches[0].pageX,\n        pageY: event.touches[0].pageY,\n        clientX: event.touches[0].clientX,\n        clientY: event.touches[0].clientY,\n        offsetX: event.target.offsetLeft,\n        offsetY: event.target.offsetTop,\n        x: event.target.x,\n        y: event.target.y\n      }\n      break\n\n    case Taro.ENV_TYPE.ALIPAY:\n      detail = {\n        pageX: event.target.pageX,\n        pageY: event.target.pageY,\n        clientX: event.target.clientX,\n        clientY: event.target.clientY,\n        offsetX: event.target.offsetLeft,\n        offsetY: event.target.offsetTop,\n        x: event.target.x,\n        y: event.target.y\n      }\n      break\n\n    case Taro.ENV_TYPE.SWAN:\n      detail = {\n        pageX: event.changedTouches[0].pageX,\n        pageY: event.changedTouches[0].pageY,\n        clientX: event.target.clientX,\n        clientY: event.target.clientY,\n        offsetX: event.target.offsetLeft,\n        offsetY: event.target.offsetTop,\n        x: event.detail.x,\n        y: event.detail.y\n      }\n      break\n\n    default:\n      detail = {\n        pageX: 0,\n        pageY: 0,\n        clientX: 0,\n        clientY: 0,\n        offsetX: 0,\n        offsetY: 0,\n        x: 0,\n        y: 0\n      }\n      console.warn('getEventDetail暂未支持该环境')\n      break\n  }\n  return detail\n}\n\nfunction initTestEnv(): void {\n  if (process.env.NODE_ENV === 'test') {\n    Taro.initPxTransform({\n      designWidth: 750,\n      deviceRatio: {\n        '640': 2.34 / 2,\n        '750': 1,\n        '828': 1.81 / 2\n      }\n    })\n  }\n}\n\nfunction isTest(): boolean {\n  return process.env.NODE_ENV === 'test'\n}\n\nlet scrollTop = 0\n\nfunction handleTouchScroll(flag: any): void {\n  if (ENV !== Taro.ENV_TYPE.WEB) {\n    return\n  }\n  if (flag) {\n    scrollTop = document.documentElement.scrollTop\n\n    // 使body脱离文档流\n    document.body.classList.add('at-frozen')\n\n    // 把脱离文档流的body拉上去！否则页面会回到顶部！\n    document.body.style.top = `${-scrollTop}px`\n  } else {\n    document.body.style.top = ''\n    document.body.classList.remove('at-frozen')\n\n    document.documentElement.scrollTop = scrollTop\n  }\n}\n\nfunction pxTransform(size: number): string {\n  if (!size) return ''\n\n  return Taro.pxTransform(size)\n}\n\nfunction objectToString(style: object | string): string {\n  if (style && typeof style === 'object') {\n    let styleStr = ''\n    Object.keys(style).forEach(key => {\n      const lowerCaseKey = key.replace(/([A-Z])/g, '-$1').toLowerCase()\n      styleStr += `${lowerCaseKey}:${style[key]};`\n    })\n    return styleStr\n  } else if (style && typeof style === 'string') {\n    return style\n  }\n  return ''\n}\n\n/**\n * 合并 style\n * @param {Object|String} style1\n * @param {Object|String} style2\n * @returns {String}\n */\nfunction mergeStyle(\n  style1: object | string,\n  style2: object | string\n): object | string {\n  if (\n    style1 &&\n    typeof style1 === 'object' &&\n    style2 &&\n    typeof style2 === 'object'\n  ) {\n    return Object.assign({}, style1, style2)\n  }\n  return objectToString(style1) + objectToString(style2)\n}\n\n/**\n * 自定义验证器，用于验证参数是否是 JSX.Element\n * @param {any} props\n * @param {string} propName\n * @param {string} componentName\n * @returns\n */\nfunction isJSXElement(props, propName, componentName) {\n  if (!React.isValidElement(props[propName])) {\n    return new Error(\n      `Invalid prop ${propName} supplied to ${componentName}. It must be a valid JSX element.`\n    )\n  }\n}\n\nexport {\n  delay,\n  delayQuerySelector,\n  uuid,\n  getEventDetail,\n  initTestEnv,\n  isTest,\n  pxTransform,\n  handleTouchScroll,\n  delayGetClientRect,\n  delayGetScrollOffset,\n  mergeStyle,\n  isJSXElement\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/common/utils.ts"],"sourcesContent":["import Taro from '@tarojs/taro'\nimport React from 'react'\nimport { SelectorQuery } from '@tarojs/taro/types/index'\n\nconst ENV = Taro.getEnv()\n\nfunction delay(delayTime = 25): Promise<void> {\n  return new Promise(resolve => {\n    setTimeout(() => {\n      resolve()\n    }, delayTime)\n  })\n}\n\nfunction delayQuerySelector(\n  selectorStr: string,\n  delayTime = 500\n): Promise<any[]> {\n  return new Promise(resolve => {\n    Taro.nextTick(() => {\n      const selector: SelectorQuery = Taro.createSelectorQuery()\n      delay(delayTime).then(() => {\n        selector\n          .select(selectorStr)\n          .boundingClientRect()\n          .exec((res: any[]) => {\n            resolve(res)\n          })\n      })\n    })\n  })\n}\n\nfunction delayGetScrollOffset({ delayTime = 500 }): Promise<any[]> {\n  return new Promise(resolve => {\n    delay(delayTime).then(() => {\n      Taro.createSelectorQuery()\n        .selectViewport()\n        .scrollOffset()\n        .exec((res: any[]) => {\n          resolve(res)\n        })\n    })\n  })\n}\n\nfunction delayGetClientRect({ selectorStr, delayTime = 500 }): Promise<any[]> {\n  const selector: SelectorQuery = Taro.createSelectorQuery()\n\n  return new Promise(resolve => {\n    delay(delayTime).then(() => {\n      selector\n        .select(selectorStr)\n        .boundingClientRect()\n        .exec((res: any[]) => {\n          resolve(res)\n        })\n    })\n  })\n}\n\nfunction uuid(len = 8, radix = 16): string {\n  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('')\n  const value: string[] = []\n  let i = 0\n  radix = radix || chars.length\n\n  if (len) {\n    // Compact form\n    for (i = 0; i < len; i++) value[i] = chars[0 | (Math.random() * radix)]\n  } else {\n    // rfc4122, version 4 form\n    let r\n\n    // rfc4122 requires these characters\n    /* eslint-disable-next-line */\n    value[8] = value[13] = value[18] = value[23] = '-'\n    value[14] = '4'\n\n    // Fill in random data.  At i==19 set the high bits of clock sequence as\n    // per rfc4122, sec. 4.1.5\n    for (i = 0; i < 36; i++) {\n      if (!value[i]) {\n        r = 0 | (Math.random() * 16)\n        value[i] = chars[i === 19 ? (r & 0x3) | 0x8 : r]\n      }\n    }\n  }\n\n  return value.join('')\n}\n\ninterface EventDetail {\n  pageX: number\n  pageY: number\n  clientX: number\n  clientY: number\n  offsetX: number\n  offsetY: number\n  x: number\n  y: number\n}\n\nfunction getEventDetail(event: any): EventDetail {\n  let detail: EventDetail\n  switch (ENV) {\n    case Taro.ENV_TYPE.WEB:\n      detail = {\n        pageX: event.pageX,\n        pageY: event.pageY,\n        clientX: event.clientX,\n        clientY: event.clientY,\n        offsetX: event.offsetX,\n        offsetY: event.offsetY,\n        x: event.x,\n        y: event.y\n      }\n      break\n\n    case Taro.ENV_TYPE.WEAPP:\n      detail = {\n        pageX: event.touches[0].pageX,\n        pageY: event.touches[0].pageY,\n        clientX: event.touches[0].clientX,\n        clientY: event.touches[0].clientY,\n        offsetX: event.target.offsetLeft,\n        offsetY: event.target.offsetTop,\n        x: event.target.x,\n        y: event.target.y\n      }\n      break\n\n    case Taro.ENV_TYPE.ALIPAY:\n      detail = {\n        pageX: event.target.pageX,\n        pageY: event.target.pageY,\n        clientX: event.target.clientX,\n        clientY: event.target.clientY,\n        offsetX: event.target.offsetLeft,\n        offsetY: event.target.offsetTop,\n        x: event.target.x,\n        y: event.target.y\n      }\n      break\n\n    case Taro.ENV_TYPE.SWAN:\n      detail = {\n        pageX: event.changedTouches[0].pageX,\n        pageY: event.changedTouches[0].pageY,\n        clientX: event.target.clientX,\n        clientY: event.target.clientY,\n        offsetX: event.target.offsetLeft,\n        offsetY: event.target.offsetTop,\n        x: event.detail.x,\n        y: event.detail.y\n      }\n      break\n\n    default:\n      detail = {\n        pageX: 0,\n        pageY: 0,\n        clientX: 0,\n        clientY: 0,\n        offsetX: 0,\n        offsetY: 0,\n        x: 0,\n        y: 0\n      }\n      console.warn('getEventDetail暂未支持该环境')\n      break\n  }\n  return detail\n}\n\nfunction initTestEnv(): void {\n  if (process.env.NODE_ENV === 'test') {\n    Taro.initPxTransform({\n      designWidth: 750,\n      deviceRatio: {\n        '640': 2.34 / 2,\n        '750': 1,\n        '828': 1.81 / 2\n      }\n    })\n  }\n}\n\nfunction isTest(): boolean {\n  return process.env.NODE_ENV === 'test'\n}\n\nlet scrollTop = 0\n\nfunction handleTouchScroll(flag: any): void {\n  if (ENV !== Taro.ENV_TYPE.WEB) {\n    return\n  }\n  if (flag) {\n    scrollTop = document.documentElement.scrollTop\n\n    // 使body脱离文档流\n    document.body.classList.add('at-frozen')\n\n    // 把脱离文档流的body拉上去！否则页面会回到顶部！\n    document.body.style.top = `${-scrollTop}px`\n  } else {\n    document.body.style.top = ''\n    document.body.classList.remove('at-frozen')\n\n    document.documentElement.scrollTop = scrollTop\n  }\n}\n\nfunction pxTransform(size: number): string {\n  if (!size) return ''\n\n  return Taro.pxTransform(size)\n}\n\nfunction objectToString(style: object | string): string {\n  if (style && typeof style === 'object') {\n    let styleStr = ''\n    Object.keys(style).forEach(key => {\n      const lowerCaseKey = key.replace(/([A-Z])/g, '-$1').toLowerCase()\n      styleStr += `${lowerCaseKey}:${style[key]};`\n    })\n    return styleStr\n  } else if (style && typeof style === 'string') {\n    return style\n  }\n  return ''\n}\n\n/**\n * 合并 style\n * @param {Object|String} style1\n * @param {Object|String} style2\n * @returns {String}\n */\nfunction mergeStyle(\n  style1: object | string,\n  style2: object | string\n): object | string {\n  if (\n    style1 &&\n    typeof style1 === 'object' &&\n    style2 &&\n    typeof style2 === 'object'\n  ) {\n    return Object.assign({}, style1, style2)\n  }\n  return objectToString(style1) + objectToString(style2)\n}\n\n/**\n * 自定义验证器，用于验证参数是否是 JSX.Element\n * @param {any} props\n * @param {string} propName\n * @param {string} componentName\n * @returns\n */\nfunction isJSXElement(props, propName, componentName) {\n  if (!React.isValidElement(props[propName])) {\n    return new Error(\n      `Invalid prop ${propName} supplied to ${componentName}. It must be a valid JSX element.`\n    )\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nfunction noop(): void {}\n\nexport {\n  delay,\n  delayQuerySelector,\n  uuid,\n  getEventDetail,\n  initTestEnv,\n  isTest,\n  pxTransform,\n  handleTouchScroll,\n  delayGetClientRect,\n  delayGetScrollOffset,\n  mergeStyle,\n  isJSXElement,\n  noop\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+import { AtAccordionProps } from '../../../types/accordion';
+declare function AtAccordion({ open, customStyle, className, title, note, icon, hasBorder, isAnimation, children, onClick }: AtAccordionProps): JSX.Element;
+declare namespace AtAccordion {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        open: PropTypes.Requireable<boolean>;
+        isAnimation: PropTypes.Requireable<boolean>;
+        title: PropTypes.Requireable<string>;
+        note: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<object>;
+        hasBorder: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtAccordion;

package/dist/components/accordion/index.js

@@ -0,0 +1,101 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React, { useLayoutEffect, useRef, useState } from "react";
+import { Text, View } from "@tarojs/components";
+import { delayQuerySelector, uuid } from "../../common/utils";
+function AtAccordion({
+  open = false,
+  customStyle = "",
+  className = "",
+  title = "",
+  note = "",
+  icon = { value: "" },
+  hasBorder = true,
+  isAnimation = true,
+  children,
+  onClick
+}) {
+  const isCompletedRef = useRef(true);
+  const [componentId] = useState(() => uuid());
+  const [wrapperHeight, setWrapperHeight] = useState(0);
+  const [startOpen, setStartOpen] = useState(false);
+  const [, setRenderEpoch] = useState(0);
+  const prevOpenRef = useRef(open);
+  const toggleWithAnimation = (wasOpen) => {
+    if (!isCompletedRef.current || !isAnimation) return;
+    isCompletedRef.current = false;
+    delayQuerySelector(`#at-accordion__body-${componentId}`, 0).then((rect) => {
+      const height = parseInt(rect[0].height.toString());
+      const startHeight = wasOpen ? height : 0;
+      const endHeight = wasOpen ? 0 : height;
+      setStartOpen(false);
+      setWrapperHeight(startHeight);
+      setTimeout(() => {
+        setWrapperHeight(endHeight);
+        setTimeout(() => {
+          isCompletedRef.current = true;
+          setRenderEpoch((epoch) => epoch + 1);
+        }, 700);
+      }, 100);
+    });
+  };
+  useLayoutEffect(() => {
+    if (prevOpenRef.current !== open) {
+      setStartOpen(!!open && !!isAnimation);
+      toggleWithAnimation(prevOpenRef.current);
+      prevOpenRef.current = open;
+    }
+  }, [open, isAnimation]);
+  const handleClick = (event) => {
+    if (!isCompletedRef.current) return;
+    onClick && onClick(!open, event);
+  };
+  const rootCls = classNames("at-accordion", className);
+  const prefixClass = icon && icon.prefixClass || "at-icon";
+  const iconCls = classNames({
+    [prefixClass]: true,
+    [`${prefixClass}-${icon && icon.value}`]: icon && icon.value,
+    "at-accordion__icon": true
+  });
+  const headerCls = classNames("at-accordion__header", {
+    "at-accordion__header--noborder": !hasBorder
+  });
+  const arrowCls = classNames("at-accordion__arrow", {
+    "at-accordion__arrow--folded": !!open
+  });
+  const contentCls = classNames("at-accordion__content", {
+    "at-accordion__content--inactive": !open && isCompletedRef.current || startOpen
+  });
+  const iconStyle = {
+    color: icon && icon.color || "",
+    fontSize: icon && `${icon.size}px` || ""
+  };
+  const contentStyle = { height: `${wrapperHeight}px` };
+  if (isCompletedRef.current) {
+    contentStyle.height = "";
+  }
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(View, { className: headerCls, onClick: handleClick }, icon && icon.value && /* @__PURE__ */ React.createElement(Text, { className: iconCls, style: iconStyle }), /* @__PURE__ */ React.createElement(View, { className: "at-accordion__info" }, /* @__PURE__ */ React.createElement(View, { className: "at-accordion__info__title" }, title), /* @__PURE__ */ React.createElement(View, { className: "at-accordion__info__note" }, note)), /* @__PURE__ */ React.createElement(View, { className: arrowCls }, /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-chevron-down" }))), /* @__PURE__ */ React.createElement(View, { style: contentStyle, className: contentCls }, /* @__PURE__ */ React.createElement(
+    View,
+    {
+      id: `at-accordion__body-${componentId}`,
+      className: "at-accordion__body"
+    },
+    children
+  )));
+}
+AtAccordion.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  open: PropTypes.bool,
+  isAnimation: PropTypes.bool,
+  title: PropTypes.string,
+  note: PropTypes.string,
+  icon: PropTypes.object,
+  hasBorder: PropTypes.bool,
+  onClick: PropTypes.func
+};
+var accordion_default = AtAccordion;
+export {
+  accordion_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useLayoutEffect, useRef, useState } from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtAccordionProps } from '../../../types/accordion'\nimport { delayQuerySelector, uuid } from '../../common/utils'\n\nfunction AtAccordion({\n  open = false,\n  customStyle = '',\n  className = '',\n  title = '',\n  note = '',\n  icon = { value: '' },\n  hasBorder = true,\n  isAnimation = true,\n  children,\n  onClick\n}: AtAccordionProps): JSX.Element {\n  const isCompletedRef = useRef(true)\n  const [componentId] = useState(() => uuid())\n  const [wrapperHeight, setWrapperHeight] = useState(0)\n  const [startOpen, setStartOpen] = useState(false)\n  const [, setRenderEpoch] = useState(0)\n  const prevOpenRef = useRef(open)\n\n  const toggleWithAnimation = (wasOpen: boolean): void => {\n    if (!isCompletedRef.current || !isAnimation) return\n\n    isCompletedRef.current = false\n\n    delayQuerySelector(`#at-accordion__body-${componentId}`, 0).then(rect => {\n      const height = parseInt(rect[0].height.toString())\n      const startHeight = wasOpen ? height : 0\n      const endHeight = wasOpen ? 0 : height\n      setStartOpen(false)\n      setWrapperHeight(startHeight)\n      setTimeout(() => {\n        setWrapperHeight(endHeight)\n        setTimeout(() => {\n          isCompletedRef.current = true\n          setRenderEpoch(epoch => epoch + 1)\n        }, 700)\n      }, 100)\n    })\n  }\n\n  useLayoutEffect(() => {\n    if (prevOpenRef.current !== open) {\n      setStartOpen(!!open && !!isAnimation)\n      toggleWithAnimation(prevOpenRef.current)\n      prevOpenRef.current = open\n    }\n  }, [open, isAnimation])\n\n  const handleClick = (event: CommonEvent): void => {\n    if (!isCompletedRef.current) return\n\n    onClick && onClick(!open, event)\n  }\n\n  const rootCls = classNames('at-accordion', className)\n  const prefixClass = (icon && icon.prefixClass) || 'at-icon'\n  const iconCls = classNames({\n    [prefixClass]: true,\n    [`${prefixClass}-${icon && icon.value}`]: icon && icon.value,\n    'at-accordion__icon': true\n  })\n  const headerCls = classNames('at-accordion__header', {\n    'at-accordion__header--noborder': !hasBorder\n  })\n  const arrowCls = classNames('at-accordion__arrow', {\n    'at-accordion__arrow--folded': !!open\n  })\n  const contentCls = classNames('at-accordion__content', {\n    'at-accordion__content--inactive':\n      (!open && isCompletedRef.current) || startOpen\n  })\n  const iconStyle = {\n    color: (icon && icon.color) || '',\n    fontSize: (icon && `${icon.size}px`) || ''\n  }\n  const contentStyle: { height?: string } = { height: `${wrapperHeight}px` }\n\n  if (isCompletedRef.current) {\n    contentStyle.height = ''\n  }\n\n  return (\n    <View className={rootCls} style={customStyle}>\n      <View className={headerCls} onClick={handleClick}>\n        {icon && icon.value && (\n          <Text className={iconCls} style={iconStyle}></Text>\n        )}\n        <View className='at-accordion__info'>\n          <View className='at-accordion__info__title'>{title}</View>\n          <View className='at-accordion__info__note'>{note}</View>\n        </View>\n        <View className={arrowCls}>\n          <Text className='at-icon at-icon-chevron-down'></Text>\n        </View>\n      </View>\n      <View style={contentStyle} className={contentCls}>\n        <View\n          id={`at-accordion__body-${componentId}`}\n          className='at-accordion__body'\n        >\n          {children}\n        </View>\n      </View>\n    </View>\n  )\n}\n\nAtAccordion.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  open: PropTypes.bool,\n  isAnimation: PropTypes.bool,\n  title: PropTypes.string,\n  note: PropTypes.string,\n  icon: PropTypes.object,\n  hasBorder: PropTypes.bool,\n  onClick: PropTypes.func\n}\n\nexport default AtAccordion\n"],"mappings":"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","names":[]}

package/dist/components/action-sheet/body/index.d.ts

@@ -0,0 +1,3 @@
+import { AtActionSheetBodyProps } from '../../../../types/action-sheet';
+declare function AtActionSheetBody({ className, children }: AtActionSheetBodyProps): JSX.Element;
+export default AtActionSheetBody;

package/dist/components/action-sheet/body/index.js

@@ -0,0 +1,15 @@
+import classNames from "classnames";
+import React from "react";
+import { View } from "@tarojs/components";
+function AtActionSheetBody({
+  className,
+  children
+}) {
+  const rootClass = classNames("at-action-sheet__body", className);
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass }, children);
+}
+var body_default = AtActionSheetBody;
+export {
+  body_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/action-sheet/body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/action-sheet/body/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtActionSheetBodyProps } from '../../../../types/action-sheet'\n\nfunction AtActionSheetBody({\n  className,\n  children\n}: AtActionSheetBodyProps): JSX.Element {\n  const rootClass = classNames('at-action-sheet__body', className)\n  return <View className={rootClass}>{children}</View>\n}\n\nexport default AtActionSheetBody\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AACF,GAAwC;AACtC,QAAM,YAAY,WAAW,yBAAyB,SAAS;AAC/D,SAAO,oCAAC,QAAK,WAAW,aAAY,QAAS;AAC/C;AAEA,IAAO,eAAQ;","names":[]}

package/dist/components/action-sheet/body/item/index.d.ts

@@ -0,0 +1,9 @@
+import PropTypes from 'prop-types';
+import { AtActionSheetItemProps } from '../../../../../types/action-sheet';
+declare function AtActionSheetItem({ className, children, onClick }: AtActionSheetItemProps): JSX.Element;
+declare namespace AtActionSheetItem {
+    var propTypes: {
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtActionSheetItem;

package/dist/components/action-sheet/body/item/index.js

@@ -0,0 +1,25 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+function AtActionSheetItem({
+  className,
+  children,
+  onClick
+}) {
+  const handleClick = (args) => {
+    if (typeof onClick === "function") {
+      onClick(args);
+    }
+  };
+  const rootClass = classNames("at-action-sheet__item", className);
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass, onClick: handleClick }, children);
+}
+AtActionSheetItem.propTypes = {
+  onClick: PropTypes.func
+};
+var item_default = AtActionSheetItem;
+export {
+  item_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/action-sheet/body/item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/action-sheet/body/item/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtActionSheetItemProps } from '../../../../../types/action-sheet'\n\nfunction AtActionSheetItem({\n  className,\n  children,\n  onClick\n}: AtActionSheetItemProps): JSX.Element {\n  const handleClick = (args: any): void => {\n    if (typeof onClick === 'function') {\n      onClick(args)\n    }\n  }\n\n  const rootClass = classNames('at-action-sheet__item', className)\n\n  return (\n    <View className={rootClass} onClick={handleClick}>\n      {children}\n    </View>\n  )\n}\n\nAtActionSheetItem.propTypes = {\n  onClick: PropTypes.func\n}\n\nexport default AtActionSheetItem\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAwC;AACtC,QAAM,cAAc,CAAC,SAAoB;AACvC,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,IAAI;AAAA,IACd;AAAA,EACF;AAEA,QAAM,YAAY,WAAW,yBAAyB,SAAS;AAE/D,SACE,oCAAC,QAAK,WAAW,WAAW,SAAS,eAClC,QACH;AAEJ;AAEA,kBAAkB,YAAY;AAAA,EAC5B,SAAS,UAAU;AACrB;AAEA,IAAO,eAAQ;","names":[]}

package/dist/components/action-sheet/footer/index.d.ts

@@ -0,0 +1,9 @@
+import PropTypes from 'prop-types';
+import { AtActionSheetFooterProps } from '../../../../types/action-sheet';
+declare function AtActionSheetFooter({ className, children, onClick }: AtActionSheetFooterProps): JSX.Element;
+declare namespace AtActionSheetFooter {
+    var propTypes: {
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtActionSheetFooter;

package/dist/components/action-sheet/footer/index.js

@@ -0,0 +1,25 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+function AtActionSheetFooter({
+  className,
+  children,
+  onClick
+}) {
+  const handleClick = (...args) => {
+    if (typeof onClick === "function") {
+      onClick(...args);
+    }
+  };
+  const rootClass = classNames("at-action-sheet__footer", className);
+  return /* @__PURE__ */ React.createElement(View, { onClick: handleClick, className: rootClass }, children);
+}
+AtActionSheetFooter.propTypes = {
+  onClick: PropTypes.func
+};
+var footer_default = AtActionSheetFooter;
+export {
+  footer_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/action-sheet/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/action-sheet/footer/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtActionSheetFooterProps } from '../../../../types/action-sheet'\n\nfunction AtActionSheetFooter({\n  className,\n  children,\n  onClick\n}: AtActionSheetFooterProps): JSX.Element {\n  const handleClick = (...args: any[]): void => {\n    if (typeof onClick === 'function') {\n      onClick(...args)\n    }\n  }\n\n  const rootClass = classNames('at-action-sheet__footer', className)\n\n  return (\n    <View onClick={handleClick} className={rootClass}>\n      {children}\n    </View>\n  )\n}\n\nAtActionSheetFooter.propTypes = {\n  onClick: PropTypes.func\n}\n\nexport default AtActionSheetFooter\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAA0C;AACxC,QAAM,cAAc,IAAI,SAAsB;AAC5C,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,GAAG,IAAI;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,YAAY,WAAW,2BAA2B,SAAS;AAEjE,SACE,oCAAC,QAAK,SAAS,aAAa,WAAW,aACpC,QACH;AAEJ;AAEA,oBAAoB,YAAY;AAAA,EAC9B,SAAS,UAAU;AACrB;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/components/action-sheet/header/index.d.ts

@@ -0,0 +1,3 @@
+import { AtActionSheetHeaderProps } from '../../../../types/action-sheet';
+declare function AtActionSheetHeader({ className, children }: AtActionSheetHeaderProps): JSX.Element;
+export default AtActionSheetHeader;

package/dist/components/action-sheet/header/index.js

@@ -0,0 +1,15 @@
+import classNames from "classnames";
+import React from "react";
+import { View } from "@tarojs/components";
+function AtActionSheetHeader({
+  className,
+  children
+}) {
+  const rootClass = classNames("at-action-sheet__header", className);
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass }, children);
+}
+var header_default = AtActionSheetHeader;
+export {
+  header_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/action-sheet/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/action-sheet/header/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtActionSheetHeaderProps } from '../../../../types/action-sheet'\n\nfunction AtActionSheetHeader({\n  className,\n  children\n}: AtActionSheetHeaderProps): JSX.Element {\n  const rootClass = classNames('at-action-sheet__header', className)\n\n  return <View className={rootClass}>{children}</View>\n}\n\nexport default AtActionSheetHeader\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AACF,GAA0C;AACxC,QAAM,YAAY,WAAW,2BAA2B,SAAS;AAEjE,SAAO,oCAAC,QAAK,WAAW,aAAY,QAAS;AAC/C;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/components/action-sheet/index.d.ts

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+import { AtActionSheetProps } from '../../../types/action-sheet';
+declare function AtActionSheet({ title, cancelText, isOpened, className, children, onClose, onCancel }: AtActionSheetProps): JSX.Element;
+declare namespace AtActionSheet {
+    var propTypes: {
+        title: PropTypes.Requireable<string>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        isOpened: PropTypes.Validator<boolean>;
+        cancelText: PropTypes.Requireable<string>;
+    };
+}
+export default AtActionSheet;

package/dist/components/action-sheet/index.js

@@ -0,0 +1,72 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React, { useEffect, useRef, useState } from "react";
+import { View } from "@tarojs/components";
+import AtActionSheetBody from "./body/index";
+import AtActionSheetFooter from "./footer/index";
+import AtActionSheetHeader from "./header/index";
+function AtActionSheet({
+  title = "",
+  cancelText = "",
+  isOpened = false,
+  className,
+  children,
+  onClose,
+  onCancel
+}) {
+  const [_isOpened, setIsOpened] = useState(isOpened);
+  const prevIsOpenedPropRef = useRef(isOpened);
+  const handleClose = () => {
+    if (typeof onClose === "function") {
+      onClose();
+    }
+  };
+  useEffect(() => {
+    if (prevIsOpenedPropRef.current !== isOpened) {
+      setIsOpened((prev) => {
+        if (isOpened !== prev) {
+          if (!isOpened) {
+            handleClose();
+          }
+          return isOpened;
+        }
+        return prev;
+      });
+      prevIsOpenedPropRef.current = isOpened;
+    }
+  }, [isOpened]);
+  const close = () => {
+    setIsOpened(false);
+    handleClose();
+  };
+  const handleCancel = () => {
+    if (typeof onCancel === "function") {
+      return onCancel();
+    }
+    close();
+  };
+  const handleTouchMove = (e) => {
+    e.stopPropagation();
+    e.preventDefault();
+  };
+  const rootClass = classNames(
+    "at-action-sheet",
+    {
+      "at-action-sheet--active": _isOpened
+    },
+    className
+  );
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass, onTouchMove: handleTouchMove }, /* @__PURE__ */ React.createElement(View, { onClick: close, className: "at-action-sheet__overlay" }), /* @__PURE__ */ React.createElement(View, { className: "at-action-sheet__container" }, title && /* @__PURE__ */ React.createElement(AtActionSheetHeader, null, title), /* @__PURE__ */ React.createElement(AtActionSheetBody, null, children), cancelText && /* @__PURE__ */ React.createElement(AtActionSheetFooter, { onClick: handleCancel }, cancelText)));
+}
+AtActionSheet.propTypes = {
+  title: PropTypes.string,
+  onClose: PropTypes.func,
+  onCancel: PropTypes.func,
+  isOpened: PropTypes.bool.isRequired,
+  cancelText: PropTypes.string
+};
+var action_sheet_default = AtActionSheet;
+export {
+  action_sheet_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/action-sheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/action-sheet/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 { CommonEvent } from '@tarojs/components/types/common'\nimport { AtActionSheetProps } from '../../../types/action-sheet'\nimport AtActionSheetBody from './body/index'\nimport AtActionSheetFooter from './footer/index'\nimport AtActionSheetHeader from './header/index'\n\nfunction AtActionSheet({\n  title = '',\n  cancelText = '',\n  isOpened = false,\n  className,\n  children,\n  onClose,\n  onCancel\n}: AtActionSheetProps): JSX.Element {\n  const [_isOpened, setIsOpened] = useState(isOpened)\n  const prevIsOpenedPropRef = useRef(isOpened)\n\n  const handleClose = (): void => {\n    if (typeof onClose === 'function') {\n      onClose()\n    }\n  }\n\n  useEffect(() => {\n    if (prevIsOpenedPropRef.current !== isOpened) {\n      setIsOpened(prev => {\n        if (isOpened !== prev) {\n          if (!isOpened) {\n            handleClose()\n          }\n          return isOpened\n        }\n        return prev\n      })\n      prevIsOpenedPropRef.current = isOpened\n    }\n  }, [isOpened])\n\n  const close = (): void => {\n    setIsOpened(false)\n    handleClose()\n  }\n\n  const handleCancel = (): void => {\n    if (typeof onCancel === 'function') {\n      return onCancel()\n    }\n    close()\n  }\n\n  const handleTouchMove = (e: CommonEvent): void => {\n    e.stopPropagation()\n    e.preventDefault()\n  }\n\n  const rootClass = classNames(\n    'at-action-sheet',\n    {\n      'at-action-sheet--active': _isOpened\n    },\n    className\n  )\n\n  return (\n    <View className={rootClass} onTouchMove={handleTouchMove}>\n      <View onClick={close} className='at-action-sheet__overlay' />\n      <View className='at-action-sheet__container'>\n        {title && <AtActionSheetHeader>{title}</AtActionSheetHeader>}\n        <AtActionSheetBody>{children}</AtActionSheetBody>\n        {cancelText && (\n          <AtActionSheetFooter onClick={handleCancel}>\n            {cancelText}\n          </AtActionSheetFooter>\n        )}\n      </View>\n    </View>\n  )\n}\n\nAtActionSheet.propTypes = {\n  title: PropTypes.string,\n  onClose: PropTypes.func,\n  onCancel: PropTypes.func,\n  isOpened: PropTypes.bool.isRequired,\n  cancelText: PropTypes.string\n}\n\nexport default AtActionSheet\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,SAAS,WAAW,QAAQ,gBAAgB;AACnD,SAAS,YAAY;AAGrB,OAAO,uBAAuB;AAC9B,OAAO,yBAAyB;AAChC,OAAO,yBAAyB;AAEhC,SAAS,cAAc;AAAA,EACrB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoC;AAClC,QAAM,CAAC,WAAW,WAAW,IAAI,SAAS,QAAQ;AAClD,QAAM,sBAAsB,OAAO,QAAQ;AAE3C,QAAM,cAAc,MAAY;AAC9B,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ;AAAA,IACV;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,oBAAoB,YAAY,UAAU;AAC5C,kBAAY,UAAQ;AAClB,YAAI,aAAa,MAAM;AACrB,cAAI,CAAC,UAAU;AACb,wBAAY;AAAA,UACd;AACA,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACT,CAAC;AACD,0BAAoB,UAAU;AAAA,IAChC;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,QAAQ,MAAY;AACxB,gBAAY,KAAK;AACjB,gBAAY;AAAA,EACd;AAEA,QAAM,eAAe,MAAY;AAC/B,QAAI,OAAO,aAAa,YAAY;AAClC,aAAO,SAAS;AAAA,IAClB;AACA,UAAM;AAAA,EACR;AAEA,QAAM,kBAAkB,CAAC,MAAyB;AAChD,MAAE,gBAAgB;AAClB,MAAE,eAAe;AAAA,EACnB;AAEA,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACE,2BAA2B;AAAA,IAC7B;AAAA,IACA;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,WAAW,aAAa,mBACvC,oCAAC,QAAK,SAAS,OAAO,WAAU,4BAA2B,GAC3D,oCAAC,QAAK,WAAU,gCACb,SAAS,oCAAC,2BAAqB,KAAM,GACtC,oCAAC,yBAAmB,QAAS,GAC5B,cACC,oCAAC,uBAAoB,SAAS,gBAC3B,UACH,CAEJ,CACF;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU,KAAK;AAAA,EACzB,YAAY,UAAU;AACxB;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/components/activity-indicator/index.d.ts

@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types';
+import { AtActivityIndicatorProps } from '../../../types/activity-indicator';
+declare function AtActivityIndicator({ color, size, mode, content, className, isOpened }: AtActivityIndicatorProps): JSX.Element;
+declare namespace AtActivityIndicator {
+    var propTypes: {
+        size: PropTypes.Requireable<number>;
+        mode: PropTypes.Requireable<string>;
+        color: PropTypes.Requireable<string>;
+        content: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        isOpened: PropTypes.Requireable<boolean>;
+    };
+}
+export default AtActivityIndicator;

package/dist/components/activity-indicator/index.js

@@ -0,0 +1,36 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+import AtLoading from "../loading/index";
+function AtActivityIndicator({
+  color = "",
+  size = 0,
+  mode = "normal",
+  content = "",
+  className = "",
+  isOpened = true
+}) {
+  const rootClass = classNames(
+    "at-activity-indicator",
+    {
+      "at-activity-indicator--center": mode === "center",
+      "at-activity-indicator--isopened": isOpened
+    },
+    className
+  );
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass }, /* @__PURE__ */ React.createElement(View, { className: "at-activity-indicator__body" }, /* @__PURE__ */ React.createElement(AtLoading, { size, color })), content && /* @__PURE__ */ React.createElement(Text, { className: "at-activity-indicator__content" }, content));
+}
+AtActivityIndicator.propTypes = {
+  size: PropTypes.number,
+  mode: PropTypes.string,
+  color: PropTypes.string,
+  content: PropTypes.string,
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  isOpened: PropTypes.bool
+};
+var activity_indicator_default = AtActivityIndicator;
+export {
+  activity_indicator_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/activity-indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/activity-indicator/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { AtActivityIndicatorProps } from '../../../types/activity-indicator'\nimport AtLoading from '../loading/index'\n\nfunction AtActivityIndicator({\n  color = '',\n  size = 0,\n  mode = 'normal',\n  content = '',\n  className = '',\n  isOpened = true\n}: AtActivityIndicatorProps): JSX.Element {\n  const rootClass = classNames(\n    'at-activity-indicator',\n    {\n      'at-activity-indicator--center': mode === 'center',\n      'at-activity-indicator--isopened': isOpened\n    },\n    className\n  )\n\n  return (\n    <View className={rootClass}>\n      <View className='at-activity-indicator__body'>\n        <AtLoading size={size} color={color} />\n      </View>\n      {content && (\n        <Text className='at-activity-indicator__content'>{content}</Text>\n      )}\n    </View>\n  )\n}\n\nAtActivityIndicator.propTypes = {\n  size: PropTypes.number,\n  mode: PropTypes.string,\n  color: PropTypes.string,\n  content: PropTypes.string,\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  isOpened: PropTypes.bool\n}\n\nexport default AtActivityIndicator\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAE3B,OAAO,eAAe;AAEtB,SAAS,oBAAoB;AAAA,EAC3B,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AACb,GAA0C;AACxC,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACE,iCAAiC,SAAS;AAAA,MAC1C,mCAAmC;AAAA,IACrC;AAAA,IACA;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,aACf,oCAAC,QAAK,WAAU,iCACd,oCAAC,aAAU,MAAY,OAAc,CACvC,GACC,WACC,oCAAC,QAAK,WAAU,oCAAkC,OAAQ,CAE9D;AAEJ;AAEA,oBAAoB,YAAY;AAAA,EAC9B,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU;AAAA,EAChB,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,UAAU,UAAU;AACtB;AAEA,IAAO,6BAAQ;","names":[]}

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

@@ -0,0 +1,15 @@
+import PropTypes from 'prop-types';
+import { AtAvatarProps } from '../../../types/avatar';
+declare function AtAvatar({ size, circle, text, image, customStyle, className, openData }: AtAvatarProps): JSX.Element;
+declare namespace AtAvatar {
+    var propTypes: {
+        size: PropTypes.Requireable<string>;
+        circle: PropTypes.Requireable<boolean>;
+        text: PropTypes.Requireable<string>;
+        image: PropTypes.Requireable<string>;
+        openData: PropTypes.Requireable<object>;
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+    };
+}
+export default AtAvatar;