taro-ui 3.3.3 → 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/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/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/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

@@ -1,14 +1,17 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
-import { AtAccordionProps, AtAccordionState } from '../../../types/accordion';
-export default class AtAccordion extends React.Component<AtAccordionProps, AtAccordionState> {
-    private isCompleted;
-    private startOpen;
-    static defaultProps: AtAccordionProps;
-    static propTypes: InferProps<AtAccordionProps>;
-    constructor(props: AtAccordionProps);
-    private handleClick;
-    private toggleWithAnimation;
-    UNSAFE_componentWillReceiveProps(nextProps: AtAccordionProps): void;
-    render(): JSX.Element;
+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

@@ -1,109 +1,88 @@
 import classNames from "classnames";
 import PropTypes from "prop-types";
-import React from "react";
+import React, { useLayoutEffect, useRef, useState } from "react";
 import { Text, View } from "@tarojs/components";
 import { delayQuerySelector, uuid } from "../../common/utils";
-class AtAccordion extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleClick = (event) => {
-      const { open } = this.props;
-      if (!this.isCompleted) return;
-      this.props.onClick && this.props.onClick(!open, event);
-    };
-    this.isCompleted = true;
-    this.startOpen = false;
-    this.state = {
-      componentId: uuid(),
-      wrapperHeight: 0
-    };
-  }
-  toggleWithAnimation() {
-    const { open, isAnimation } = this.props;
-    const { componentId } = this.state;
-    if (!this.isCompleted || !isAnimation) return;
-    this.isCompleted = false;
+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 = open ? height : 0;
-      const endHeight = open ? 0 : height;
-      this.startOpen = false;
-      this.setState(
-        {
-          wrapperHeight: startHeight
-        },
-        () => {
-          setTimeout(() => {
-            this.setState(
-              {
-                wrapperHeight: endHeight
-              },
-              () => {
-                setTimeout(() => {
-                  this.isCompleted = true;
-                  this.setState({});
-                }, 700);
-              }
-            );
-          }, 100);
-        }
-      );
+      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);
     });
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.open !== this.props.open) {
-      this.startOpen = !!nextProps.open && !!nextProps.isAnimation;
-      this.toggleWithAnimation();
+  };
+  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 = "";
   }
-  render() {
-    const { customStyle, className, title, icon, hasBorder, open, note } = this.props;
-    const { wrapperHeight } = this.state;
-    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 && this.isCompleted || this.startOpen
-    });
-    const iconStyle = {
-      color: icon && icon.color || "",
-      fontSize: icon && `${icon.size}px` || ""
-    };
-    const contentStyle = { height: `${wrapperHeight}px` };
-    if (this.isCompleted) {
-      contentStyle.height = "";
-    }
-    const { componentId } = this.state;
-    return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(View, { className: headerCls, onClick: this.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"
-      },
-      this.props.children
-    )));
-  }
+  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.defaultProps = {
-  open: false,
-  customStyle: "",
-  className: "",
-  title: "",
-  note: "",
-  icon: { value: "" },
-  hasBorder: true,
-  isAnimation: true
-};
 AtAccordion.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
@@ -115,7 +94,8 @@ AtAccordion.propTypes = {
   hasBorder: PropTypes.bool,
   onClick: PropTypes.func
 };
+var accordion_default = AtAccordion;
 export {
-  AtAccordion as default
+  accordion_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtAccordionProps, AtAccordionState } from '../../../types/accordion'\nimport { delayQuerySelector, uuid } from '../../common/utils'\n\nexport default class AtAccordion extends React.Component<\n  AtAccordionProps,\n  AtAccordionState\n> {\n  private isCompleted: boolean\n  private startOpen: boolean\n\n  public static defaultProps: AtAccordionProps\n  public static propTypes: InferProps<AtAccordionProps>\n\n  public constructor(props: AtAccordionProps) {\n    super(props)\n    this.isCompleted = true\n    this.startOpen = false\n    this.state = {\n      componentId: uuid(),\n      wrapperHeight: 0\n    }\n  }\n\n  private handleClick = (event: CommonEvent): void => {\n    const { open } = this.props\n    if (!this.isCompleted) return\n\n    this.props.onClick && this.props.onClick(!open, event)\n  }\n\n  private toggleWithAnimation(): void {\n    const { open, isAnimation } = this.props\n    const { componentId } = this.state\n    if (!this.isCompleted || !isAnimation) return\n\n    this.isCompleted = false\n\n    delayQuerySelector(`#at-accordion__body-${componentId}`, 0).then(rect => {\n      const height = parseInt(rect[0].height.toString())\n      const startHeight = open ? height : 0\n      const endHeight = open ? 0 : height\n      this.startOpen = false\n      this.setState(\n        {\n          wrapperHeight: startHeight\n        },\n        () => {\n          setTimeout(() => {\n            this.setState(\n              {\n                wrapperHeight: endHeight\n              },\n              () => {\n                setTimeout(() => {\n                  this.isCompleted = true\n                  this.setState({})\n                }, 700)\n              }\n            )\n          }, 100)\n        }\n      )\n    })\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtAccordionProps): void {\n    if (nextProps.open !== this.props.open) {\n      this.startOpen = !!nextProps.open && !!nextProps.isAnimation\n      this.toggleWithAnimation()\n    }\n  }\n\n  public render(): JSX.Element {\n    const { customStyle, className, title, icon, hasBorder, open, note } =\n      this.props\n    const { wrapperHeight } = this.state\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 && this.isCompleted) || this.startOpen\n    })\n    const iconStyle = {\n      color: (icon && icon.color) || '',\n      fontSize: (icon && `${icon.size}px`) || ''\n    }\n    const contentStyle = { height: `${wrapperHeight}px` }\n\n    if (this.isCompleted) {\n      contentStyle.height = ''\n    }\n\n    const { componentId } = this.state\n\n    return (\n      <View className={rootCls} style={customStyle}>\n        <View className={headerCls} onClick={this.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            {this.props.children}\n          </View>\n        </View>\n      </View>\n    )\n  }\n}\n\nAtAccordion.defaultProps = {\n  open: false,\n  customStyle: '',\n  className: '',\n  title: '',\n  note: '',\n  icon: { value: '' },\n  hasBorder: true,\n  isAnimation: true\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"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAG3B,SAAS,oBAAoB,YAAY;AAEzC,MAAO,oBAAkC,MAAM,UAG7C;AAAA,EAOO,YAAY,OAAyB;AAC1C,UAAM,KAAK;AASb,SAAQ,cAAc,CAAC,UAA6B;AAClD,YAAM,EAAE,KAAK,IAAI,KAAK;AACtB,UAAI,CAAC,KAAK,YAAa;AAEvB,WAAK,MAAM,WAAW,KAAK,MAAM,QAAQ,CAAC,MAAM,KAAK;AAAA,IACvD;AAbE,SAAK,cAAc;AACnB,SAAK,YAAY;AACjB,SAAK,QAAQ;AAAA,MACX,aAAa,KAAK;AAAA,MAClB,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EASQ,sBAA4B;AAClC,UAAM,EAAE,MAAM,YAAY,IAAI,KAAK;AACnC,UAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,QAAI,CAAC,KAAK,eAAe,CAAC,YAAa;AAEvC,SAAK,cAAc;AAEnB,uBAAmB,uBAAuB,WAAW,IAAI,CAAC,EAAE,KAAK,UAAQ;AACvE,YAAM,SAAS,SAAS,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC;AACjD,YAAM,cAAc,OAAO,SAAS;AACpC,YAAM,YAAY,OAAO,IAAI;AAC7B,WAAK,YAAY;AACjB,WAAK;AAAA,QACH;AAAA,UACE,eAAe;AAAA,QACjB;AAAA,QACA,MAAM;AACJ,qBAAW,MAAM;AACf,iBAAK;AAAA,cACH;AAAA,gBACE,eAAe;AAAA,cACjB;AAAA,cACA,MAAM;AACJ,2BAAW,MAAM;AACf,uBAAK,cAAc;AACnB,uBAAK,SAAS,CAAC,CAAC;AAAA,gBAClB,GAAG,GAAG;AAAA,cACR;AAAA,YACF;AAAA,UACF,GAAG,GAAG;AAAA,QACR;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEO,iCAAiC,WAAmC;AACzE,QAAI,UAAU,SAAS,KAAK,MAAM,MAAM;AACtC,WAAK,YAAY,CAAC,CAAC,UAAU,QAAQ,CAAC,CAAC,UAAU;AACjD,WAAK,oBAAoB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,aAAa,WAAW,OAAO,MAAM,WAAW,MAAM,KAAK,IACjE,KAAK;AACP,UAAM,EAAE,cAAc,IAAI,KAAK;AAE/B,UAAM,UAAU,WAAW,gBAAgB,SAAS;AACpD,UAAM,cAAe,QAAQ,KAAK,eAAgB;AAClD,UAAM,UAAU,WAAW;AAAA,MACzB,CAAC,WAAW,GAAG;AAAA,MACf,CAAC,GAAG,WAAW,IAAI,QAAQ,KAAK,KAAK,EAAE,GAAG,QAAQ,KAAK;AAAA,MACvD,sBAAsB;AAAA,IACxB,CAAC;AACD,UAAM,YAAY,WAAW,wBAAwB;AAAA,MACnD,kCAAkC,CAAC;AAAA,IACrC,CAAC;AACD,UAAM,WAAW,WAAW,uBAAuB;AAAA,MACjD,+BAA+B,CAAC,CAAC;AAAA,IACnC,CAAC;AACD,UAAM,aAAa,WAAW,yBAAyB;AAAA,MACrD,mCACG,CAAC,QAAQ,KAAK,eAAgB,KAAK;AAAA,IACxC,CAAC;AACD,UAAM,YAAY;AAAA,MAChB,OAAQ,QAAQ,KAAK,SAAU;AAAA,MAC/B,UAAW,QAAQ,GAAG,KAAK,IAAI,QAAS;AAAA,IAC1C;AACA,UAAM,eAAe,EAAE,QAAQ,GAAG,aAAa,KAAK;AAEpD,QAAI,KAAK,aAAa;AACpB,mBAAa,SAAS;AAAA,IACxB;AAEA,UAAM,EAAE,YAAY,IAAI,KAAK;AAE7B,WACE,oCAAC,QAAK,WAAW,SAAS,OAAO,eAC/B,oCAAC,QAAK,WAAW,WAAW,SAAS,KAAK,eACvC,QAAQ,KAAK,SACZ,oCAAC,QAAK,WAAW,SAAS,OAAO,WAAW,GAE9C,oCAAC,QAAK,WAAU,wBACd,oCAAC,QAAK,WAAU,+BAA6B,KAAM,GACnD,oCAAC,QAAK,WAAU,8BAA4B,IAAK,CACnD,GACA,oCAAC,QAAK,WAAW,YACf,oCAAC,QAAK,WAAU,gCAA+B,CACjD,CACF,GACA,oCAAC,QAAK,OAAO,cAAc,WAAW,cACpC;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,sBAAsB,WAAW;AAAA,QACrC,WAAU;AAAA;AAAA,MAET,KAAK,MAAM;AAAA,IACd,CACF,CACF;AAAA,EAEJ;AACF;AAEA,YAAY,eAAe;AAAA,EACzB,MAAM;AAAA,EACN,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM,EAAE,OAAO,GAAG;AAAA,EAClB,WAAW;AAAA,EACX,aAAa;AACf;AAEA,YAAY,YAAY;AAAA,EACtB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,MAAM,UAAU;AAAA,EAChB,aAAa,UAAU;AAAA,EACvB,OAAO,UAAU;AAAA,EACjB,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU;AAAA,EAChB,WAAW,UAAU;AAAA,EACrB,SAAS,UAAU;AACrB;","names":[]}
+{"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

@@ -1,5 +1,3 @@
-import React from 'react';
 import { AtActionSheetBodyProps } from '../../../../types/action-sheet';
-export default class AtActionSheetBody extends React.Component<AtActionSheetBodyProps> {
-    render(): JSX.Element;
-}
+declare function AtActionSheetBody({ className, children }: AtActionSheetBodyProps): JSX.Element;
+export default AtActionSheetBody;

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

@@ -1,13 +1,15 @@
 import classNames from "classnames";
 import React from "react";
 import { View } from "@tarojs/components";
-class AtActionSheetBody extends React.Component {
-  render() {
-    const rootClass = classNames("at-action-sheet__body", this.props.className);
-    return /* @__PURE__ */ React.createElement(View, { className: rootClass }, this.props.children);
-  }
+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 {
-  AtActionSheetBody as default
+  body_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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\nexport default class AtActionSheetBody extends React.Component<AtActionSheetBodyProps> {\n  public render(): JSX.Element {\n    const rootClass = classNames('at-action-sheet__body', this.props.className)\n    return <View className={rootClass}>{this.props.children}</View>\n  }\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,0BAAwC,MAAM,UAAkC;AAAA,EAC9E,SAAsB;AAC3B,UAAM,YAAY,WAAW,yBAAyB,KAAK,MAAM,SAAS;AAC1E,WAAO,oCAAC,QAAK,WAAW,aAAY,KAAK,MAAM,QAAS;AAAA,EAC1D;AACF;","names":[]}
+{"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

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

@@ -2,24 +2,24 @@ import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 import { View } from "@tarojs/components";
-class AtActionSheetItem extends React.Component {
-  constructor() {
-    super(...arguments);
-    this.handleClick = (args) => {
-      if (typeof this.props.onClick === "function") {
-        this.props.onClick(args);
-      }
-    };
-  }
-  render() {
-    const rootClass = classNames("at-action-sheet__item", this.props.className);
-    return /* @__PURE__ */ React.createElement(View, { className: rootClass, onClick: this.handleClick }, this.props.children);
-  }
+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 {
-  AtActionSheetItem as default
+  item_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/action-sheet/body/item/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtActionSheetItemProps } from '../../../../../types/action-sheet'\n\nexport default class AtActionSheetItem extends React.Component<AtActionSheetItemProps> {\n  public static defaultProps: AtActionSheetItemProps\n  public static propTypes: InferProps<AtActionSheetItemProps>\n\n  private handleClick = (args: any): void => {\n    if (typeof this.props.onClick === 'function') {\n      this.props.onClick(args)\n    }\n  }\n\n  public render(): JSX.Element {\n    const rootClass = classNames('at-action-sheet__item', this.props.className)\n\n    return (\n      <View className={rootClass} onClick={this.handleClick}>\n        {this.props.children}\n      </View>\n    )\n  }\n}\n\nAtActionSheetItem.propTypes = {\n  onClick: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,0BAAwC,MAAM,UAAkC;AAAA,EAAvF;AAAA;AAIE,SAAQ,cAAc,CAAC,SAAoB;AACzC,UAAI,OAAO,KAAK,MAAM,YAAY,YAAY;AAC5C,aAAK,MAAM,QAAQ,IAAI;AAAA,MACzB;AAAA,IACF;AAAA;AAAA,EAEO,SAAsB;AAC3B,UAAM,YAAY,WAAW,yBAAyB,KAAK,MAAM,SAAS;AAE1E,WACE,oCAAC,QAAK,WAAW,WAAW,SAAS,KAAK,eACvC,KAAK,MAAM,QACd;AAAA,EAEJ;AACF;AAEA,kBAAkB,YAAY;AAAA,EAC5B,SAAS,UAAU;AACrB;","names":[]}
+{"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

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

@@ -2,27 +2,24 @@ import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 import { View } from "@tarojs/components";
-class AtActionSheetFooter extends React.Component {
-  constructor() {
-    super(...arguments);
-    this.handleClick = (...args) => {
-      if (typeof this.props.onClick === "function") {
-        this.props.onClick(...args);
-      }
-    };
-  }
-  render() {
-    const rootClass = classNames(
-      "at-action-sheet__footer",
-      this.props.className
-    );
-    return /* @__PURE__ */ React.createElement(View, { onClick: this.handleClick, className: rootClass }, this.props.children);
-  }
+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 {
-  AtActionSheetFooter as default
+  footer_default as default
 };
 //# sourceMappingURL=index.js.map