taro-ui 3.3.3 → 3.4.0

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

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

package/dist/components/divider/index.js

@@ -3,45 +3,36 @@ import PropTypes from "prop-types";
 import React from "react";
 import { View } from "@tarojs/components";
 import { mergeStyle, pxTransform } from "../../common/utils";
-class AtDivider extends React.Component {
-  render() {
-    const {
-      className,
-      customStyle,
-      content,
-      height,
-      fontColor,
-      fontSize,
-      lineColor
-    } = this.props;
-    const rootStyle = {
-      height: height ? `${pxTransform(Number(height))}` : ""
-    };
-    const fontStyle = {
-      color: fontColor,
-      fontSize: fontSize ? `${pxTransform(Number(fontSize))}` : ""
-    };
-    const lineStyle = {
-      backgroundColor: lineColor
-    };
-    return /* @__PURE__ */ React.createElement(
-      View,
-      {
-        className: classNames("at-divider", className),
-        style: mergeStyle(rootStyle, customStyle)
-      },
-      /* @__PURE__ */ React.createElement(View, { className: "at-divider__content", style: fontStyle }, content === "" ? this.props.children : content),
-      /* @__PURE__ */ React.createElement(View, { className: "at-divider__line", style: lineStyle })
-    );
-  }
+function AtDivider({
+  className,
+  customStyle,
+  content = "",
+  height = 0,
+  fontColor = "",
+  fontSize = 0,
+  lineColor = "",
+  children
+}) {
+  const rootStyle = {
+    height: height ? `${pxTransform(Number(height))}` : ""
+  };
+  const fontStyle = {
+    color: fontColor,
+    fontSize: fontSize ? `${pxTransform(Number(fontSize))}` : ""
+  };
+  const lineStyle = {
+    backgroundColor: lineColor
+  };
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames("at-divider", className),
+      style: mergeStyle(rootStyle, customStyle)
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "at-divider__content", style: fontStyle }, content === "" ? children : content),
+    /* @__PURE__ */ React.createElement(View, { className: "at-divider__line", style: lineStyle })
+  );
 }
-AtDivider.defaultProps = {
-  content: "",
-  height: 0,
-  fontColor: "",
-  fontSize: 0,
-  lineColor: ""
-};
 AtDivider.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/divider/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtDividerProps } from '../../../types/divider'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nexport default class AtDivider extends React.Component<AtDividerProps> {\n  public static defaultProps: AtDividerProps\n  public static propTypes: InferProps<AtDividerProps>\n\n  public render(): JSX.Element {\n    const {\n      className,\n      customStyle,\n      content,\n      height,\n      fontColor,\n      fontSize,\n      lineColor\n    } = this.props\n\n    const rootStyle = {\n      height: height ? `${pxTransform(Number(height))}` : ''\n    }\n\n    const fontStyle = {\n      color: fontColor,\n      fontSize: fontSize ? `${pxTransform(Number(fontSize))}` : ''\n    }\n\n    const lineStyle: React.CSSProperties = {\n      backgroundColor: lineColor\n    }\n\n    return (\n      <View\n        className={classNames('at-divider', className)}\n        style={mergeStyle(rootStyle, customStyle as object)}\n      >\n        <View className='at-divider__content' style={fontStyle}>\n          {content === '' ? this.props.children : content}\n        </View>\n        <View className='at-divider__line' style={lineStyle}></View>\n      </View>\n    )\n  }\n}\n\nAtDivider.defaultProps = {\n  content: '',\n  height: 0,\n  fontColor: '',\n  fontSize: 0,\n  lineColor: ''\n}\n\nAtDivider.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  content: PropTypes.string,\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  fontColor: PropTypes.string,\n  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  lineColor: PropTypes.string\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAErB,SAAS,YAAY,mBAAmB;AAExC,MAAO,kBAAgC,MAAM,UAA0B;AAAA,EAI9D,SAAsB;AAC3B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,YAAY;AAAA,MAChB,QAAQ,SAAS,GAAG,YAAY,OAAO,MAAM,CAAC,CAAC,KAAK;AAAA,IACtD;AAEA,UAAM,YAAY;AAAA,MAChB,OAAO;AAAA,MACP,UAAU,WAAW,GAAG,YAAY,OAAO,QAAQ,CAAC,CAAC,KAAK;AAAA,IAC5D;AAEA,UAAM,YAAiC;AAAA,MACrC,iBAAiB;AAAA,IACnB;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,cAAc,SAAS;AAAA,QAC7C,OAAO,WAAW,WAAW,WAAqB;AAAA;AAAA,MAElD,oCAAC,QAAK,WAAU,uBAAsB,OAAO,aAC1C,YAAY,KAAK,KAAK,MAAM,WAAW,OAC1C;AAAA,MACA,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW;AAAA,IACvD;AAAA,EAEJ;AACF;AAEA,UAAU,eAAe;AAAA,EACvB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AACb;AAEA,UAAU,YAAY;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAChE,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAClE,WAAW,UAAU;AACvB;","names":[]}
+{"version":3,"sources":["../../../src/components/divider/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtDividerProps } from '../../../types/divider'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nexport default function AtDivider({\n  className,\n  customStyle,\n  content = '',\n  height = 0,\n  fontColor = '',\n  fontSize = 0,\n  lineColor = '',\n  children\n}: AtDividerProps): JSX.Element {\n  const rootStyle = {\n    height: height ? `${pxTransform(Number(height))}` : ''\n  }\n\n  const fontStyle = {\n    color: fontColor,\n    fontSize: fontSize ? `${pxTransform(Number(fontSize))}` : ''\n  }\n\n  const lineStyle: React.CSSProperties = {\n    backgroundColor: lineColor\n  }\n\n  return (\n    <View\n      className={classNames('at-divider', className)}\n      style={mergeStyle(rootStyle, customStyle as object)}\n    >\n      <View className='at-divider__content' style={fontStyle}>\n        {content === '' ? children : content}\n      </View>\n      <View className='at-divider__line' style={lineStyle}></View>\n    </View>\n  )\n}\n\nAtDivider.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  content: PropTypes.string,\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  fontColor: PropTypes.string,\n  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  lineColor: PropTypes.string\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAErB,SAAS,YAAY,mBAAmB;AAEzB,SAAR,UAA2B;AAAA,EAChC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AACF,GAAgC;AAC9B,QAAM,YAAY;AAAA,IAChB,QAAQ,SAAS,GAAG,YAAY,OAAO,MAAM,CAAC,CAAC,KAAK;AAAA,EACtD;AAEA,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,IACP,UAAU,WAAW,GAAG,YAAY,OAAO,QAAQ,CAAC,CAAC,KAAK;AAAA,EAC5D;AAEA,QAAM,YAAiC;AAAA,IACrC,iBAAiB;AAAA,EACnB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,cAAc,SAAS;AAAA,MAC7C,OAAO,WAAW,WAAW,WAAqB;AAAA;AAAA,IAElD,oCAAC,QAAK,WAAU,uBAAsB,OAAO,aAC1C,YAAY,KAAK,WAAW,OAC/B;AAAA,IACA,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW;AAAA,EACvD;AAEJ;AAEA,UAAU,YAAY;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAChE,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAClE,WAAW,UAAU;AACvB;","names":[]}

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

@@ -1,16 +1,14 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
-import { AtDrawerProps, AtDrawerState } from '../../../types/drawer';
-export default class AtDrawer extends React.Component<AtDrawerProps, AtDrawerState> {
-    static defaultProps: AtDrawerProps;
-    static propTypes: InferProps<AtDrawerProps>;
-    constructor(props: AtDrawerProps);
-    componentDidMount(): void;
-    private onItemClick;
-    private onHide;
-    private animHide;
-    private animShow;
-    private onMaskClick;
-    UNSAFE_componentWillReceiveProps(nextProps: AtDrawerProps): void;
-    render(): JSX.Element;
+import PropTypes from 'prop-types';
+import { AtDrawerProps } from '../../../types/drawer';
+declare function AtDrawer({ show, mask, width, right, items, className, children, onItemClick, onClose }: AtDrawerProps): JSX.Element;
+declare namespace AtDrawer {
+    var propTypes: {
+        show: PropTypes.Requireable<boolean>;
+        mask: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<string>;
+        items: PropTypes.Requireable<(string | null | undefined)[]>;
+        onItemClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtDrawer;

package/dist/components/drawer/index.js

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

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

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

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

@@ -1,9 +1,10 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtFabProps } from '../../../types/fab';
-export default class AtFab extends React.Component<AtFabProps> {
-    static defaultProps: AtFabProps;
-    static propTypes: InferProps<AtFabProps>;
-    private onClick;
-    render(): JSX.Element;
+declare function AtFab({ size, className, children, onClick }: AtFabProps): JSX.Element;
+declare namespace AtFab {
+    var propTypes: {
+        size: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtFab;

package/dist/components/fab/index.js

@@ -2,28 +2,28 @@ import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 import { View } from "@tarojs/components";
-class AtFab extends React.Component {
-  onClick(e) {
-    if (typeof this.props.onClick === "function") {
-      this.props.onClick(e);
+function AtFab({
+  size = "normal",
+  className,
+  children,
+  onClick
+}) {
+  const handleClick = (e) => {
+    if (typeof onClick === "function") {
+      onClick(e);
     }
-  }
-  render() {
-    const { size, className, children } = this.props;
-    const rootClass = classNames("at-fab", className, {
-      [`at-fab--${size}`]: size
-    });
-    return /* @__PURE__ */ React.createElement(View, { className: rootClass, onClick: this.onClick.bind(this) }, children);
-  }
+  };
+  const rootClass = classNames("at-fab", className, {
+    [`at-fab--${size}`]: size
+  });
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass, onClick: handleClick }, children);
 }
 AtFab.propTypes = {
   size: PropTypes.oneOf(["normal", "small"]),
   onClick: PropTypes.func
 };
-AtFab.defaultProps = {
-  size: "normal"
-};
+var fab_default = AtFab;
 export {
-  AtFab as default
+  fab_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/fab/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtFabProps } from '../../../types/fab'\n\nexport default class AtFab extends React.Component<AtFabProps> {\n  public static defaultProps: AtFabProps\n  public static propTypes: InferProps<AtFabProps>\n\n  private onClick(e: CommonEvent): void {\n    if (typeof this.props.onClick === 'function') {\n      this.props.onClick(e)\n    }\n  }\n\n  public render(): JSX.Element {\n    const { size, className, children } = this.props\n\n    const rootClass = classNames('at-fab', className, {\n      [`at-fab--${size}`]: size\n    })\n\n    return (\n      <View className={rootClass} onClick={this.onClick.bind(this)}>\n        {children}\n      </View>\n    )\n  }\n}\n\nAtFab.propTypes = {\n  size: PropTypes.oneOf(['normal', 'small']),\n  onClick: PropTypes.func\n}\n\nAtFab.defaultProps = {\n  size: 'normal'\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAIrB,MAAO,cAA4B,MAAM,UAAsB;AAAA,EAIrD,QAAQ,GAAsB;AACpC,QAAI,OAAO,KAAK,MAAM,YAAY,YAAY;AAC5C,WAAK,MAAM,QAAQ,CAAC;AAAA,IACtB;AAAA,EACF;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,MAAM,WAAW,SAAS,IAAI,KAAK;AAE3C,UAAM,YAAY,WAAW,UAAU,WAAW;AAAA,MAChD,CAAC,WAAW,IAAI,EAAE,GAAG;AAAA,IACvB,CAAC;AAED,WACE,oCAAC,QAAK,WAAW,WAAW,SAAS,KAAK,QAAQ,KAAK,IAAI,KACxD,QACH;AAAA,EAEJ;AACF;AAEA,MAAM,YAAY;AAAA,EAChB,MAAM,UAAU,MAAM,CAAC,UAAU,OAAO,CAAC;AAAA,EACzC,SAAS,UAAU;AACrB;AAEA,MAAM,eAAe;AAAA,EACnB,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../../src/components/fab/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtFabProps } from '../../../types/fab'\n\nfunction AtFab({\n  size = 'normal',\n  className,\n  children,\n  onClick\n}: AtFabProps): JSX.Element {\n  const handleClick = (e: CommonEvent): void => {\n    if (typeof onClick === 'function') {\n      onClick(e)\n    }\n  }\n\n  const rootClass = classNames('at-fab', className, {\n    [`at-fab--${size}`]: size\n  })\n\n  return (\n    <View className={rootClass} onClick={handleClick}>\n      {children}\n    </View>\n  )\n}\n\nAtFab.propTypes = {\n  size: PropTypes.oneOf(['normal', 'small']),\n  onClick: PropTypes.func\n}\n\nexport default AtFab\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAIrB,SAAS,MAAM;AAAA,EACb,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,cAAc,CAAC,MAAyB;AAC5C,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,CAAC;AAAA,IACX;AAAA,EACF;AAEA,QAAM,YAAY,WAAW,UAAU,WAAW;AAAA,IAChD,CAAC,WAAW,IAAI,EAAE,GAAG;AAAA,EACvB,CAAC;AAED,SACE,oCAAC,QAAK,WAAW,WAAW,SAAS,eAClC,QACH;AAEJ;AAEA,MAAM,YAAY;AAAA,EAChB,MAAM,UAAU,MAAM,CAAC,UAAU,OAAO,CAAC;AAAA,EACzC,SAAS,UAAU;AACrB;AAEA,IAAO,cAAQ;","names":[]}

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

@@ -1,7 +1,13 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtFlexProps } from '../../../types/flex';
-export default class AtFlex extends React.Component<AtFlexProps> {
-    static propTypes: InferProps<AtFlexProps>;
-    render(): JSX.Element;
+declare function AtFlex(props: AtFlexProps): JSX.Element;
+declare namespace AtFlex {
+    var propTypes: {
+        wrap: PropTypes.Requireable<string>;
+        align: PropTypes.Requireable<string>;
+        justify: PropTypes.Requireable<string>;
+        dirction: PropTypes.Requireable<string>;
+        alignContent: PropTypes.Requireable<string>;
+    };
 }
+export default AtFlex;

package/dist/components/flex/index.js

@@ -3,23 +3,21 @@ import _forEach from "lodash/forEach";
 import PropTypes from "prop-types";
 import React from "react";
 import { View } from "@tarojs/components";
-class AtFlex extends React.Component {
-  render() {
-    const rootClass = ["at-row"];
-    _forEach(this.props, (value, key) => {
-      if (key === "children") {
-        return;
-      }
-      if (key === "alignContent") {
-        return rootClass.push(`at-row--${value}`);
-      }
-      if (key === "alignContent") {
-        return rootClass.push(`at-row__align-content--${value}`);
-      }
-      rootClass.push(`at-row__${key}--${value}`);
-    });
-    return /* @__PURE__ */ React.createElement(View, { className: classNames(rootClass) }, this.props.children);
-  }
+function AtFlex(props) {
+  const rootClass = ["at-row"];
+  _forEach(props, (value, key) => {
+    if (key === "children") {
+      return;
+    }
+    if (key === "alignContent") {
+      return rootClass.push(`at-row--${value}`);
+    }
+    if (key === "alignContent") {
+      return rootClass.push(`at-row__align-content--${value}`);
+    }
+    rootClass.push(`at-row__${key}--${value}`);
+  });
+  return /* @__PURE__ */ React.createElement(View, { className: classNames(rootClass) }, props.children);
 }
 AtFlex.propTypes = {
   wrap: PropTypes.oneOf(["no-wrap", "wrap", "wrap-reverse"]),
@@ -35,7 +33,8 @@ AtFlex.propTypes = {
     "around"
   ])
 };
+var flex_default = AtFlex;
 export {
-  AtFlex as default
+  flex_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/flex/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport _forEach from 'lodash/forEach'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtFlexProps } from '../../../types/flex'\n\nexport default class AtFlex extends React.Component<AtFlexProps> {\n  public static propTypes: InferProps<AtFlexProps>\n\n  public render(): JSX.Element {\n    const rootClass = ['at-row']\n\n    _forEach(this.props, (value, key) => {\n      if (key === 'children') {\n        return\n      }\n      if (key === 'alignContent') {\n        return rootClass.push(`at-row--${value}`)\n      }\n      if (key === 'alignContent') {\n        return rootClass.push(`at-row__align-content--${value}`)\n      }\n      rootClass.push(`at-row__${key}--${value}`)\n    })\n\n    return <View className={classNames(rootClass)}>{this.props.children}</View>\n  }\n}\n\nAtFlex.propTypes = {\n  wrap: PropTypes.oneOf(['no-wrap', 'wrap', 'wrap-reverse']),\n  align: PropTypes.oneOf(['start', 'end', 'center', 'stretch', 'baseline']),\n  justify: PropTypes.oneOf(['start', 'end', 'center', 'between', 'around']),\n  dirction: PropTypes.oneOf(['row', 'column', 'row-reverse', 'column-reverse']),\n  alignContent: PropTypes.oneOf([\n    'start',\n    'end',\n    'center',\n    'stretch',\n    'between',\n    'around'\n  ])\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,eAA6B,MAAM,UAAuB;AAAA,EAGxD,SAAsB;AAC3B,UAAM,YAAY,CAAC,QAAQ;AAE3B,aAAS,KAAK,OAAO,CAAC,OAAO,QAAQ;AACnC,UAAI,QAAQ,YAAY;AACtB;AAAA,MACF;AACA,UAAI,QAAQ,gBAAgB;AAC1B,eAAO,UAAU,KAAK,WAAW,KAAK,EAAE;AAAA,MAC1C;AACA,UAAI,QAAQ,gBAAgB;AAC1B,eAAO,UAAU,KAAK,0BAA0B,KAAK,EAAE;AAAA,MACzD;AACA,gBAAU,KAAK,WAAW,GAAG,KAAK,KAAK,EAAE;AAAA,IAC3C,CAAC;AAED,WAAO,oCAAC,QAAK,WAAW,WAAW,SAAS,KAAI,KAAK,MAAM,QAAS;AAAA,EACtE;AACF;AAEA,OAAO,YAAY;AAAA,EACjB,MAAM,UAAU,MAAM,CAAC,WAAW,QAAQ,cAAc,CAAC;AAAA,EACzD,OAAO,UAAU,MAAM,CAAC,SAAS,OAAO,UAAU,WAAW,UAAU,CAAC;AAAA,EACxE,SAAS,UAAU,MAAM,CAAC,SAAS,OAAO,UAAU,WAAW,QAAQ,CAAC;AAAA,EACxE,UAAU,UAAU,MAAM,CAAC,OAAO,UAAU,eAAe,gBAAgB,CAAC;AAAA,EAC5E,cAAc,UAAU,MAAM;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../src/components/flex/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport _forEach from 'lodash/forEach'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtFlexProps } from '../../../types/flex'\n\nfunction AtFlex(props: AtFlexProps): JSX.Element {\n  const rootClass = ['at-row']\n\n  _forEach(props, (value, key) => {\n    if (key === 'children') {\n      return\n    }\n    if (key === 'alignContent') {\n      return rootClass.push(`at-row--${value}`)\n    }\n    if (key === 'alignContent') {\n      return rootClass.push(`at-row__align-content--${value}`)\n    }\n    rootClass.push(`at-row__${key}--${value}`)\n  })\n\n  return <View className={classNames(rootClass)}>{props.children}</View>\n}\n\nAtFlex.propTypes = {\n  wrap: PropTypes.oneOf(['no-wrap', 'wrap', 'wrap-reverse']),\n  align: PropTypes.oneOf(['start', 'end', 'center', 'stretch', 'baseline']),\n  justify: PropTypes.oneOf(['start', 'end', 'center', 'between', 'around']),\n  dirction: PropTypes.oneOf(['row', 'column', 'row-reverse', 'column-reverse']),\n  alignContent: PropTypes.oneOf([\n    'start',\n    'end',\n    'center',\n    'stretch',\n    'between',\n    'around'\n  ])\n}\n\nexport default AtFlex\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,OAAO,OAAiC;AAC/C,QAAM,YAAY,CAAC,QAAQ;AAE3B,WAAS,OAAO,CAAC,OAAO,QAAQ;AAC9B,QAAI,QAAQ,YAAY;AACtB;AAAA,IACF;AACA,QAAI,QAAQ,gBAAgB;AAC1B,aAAO,UAAU,KAAK,WAAW,KAAK,EAAE;AAAA,IAC1C;AACA,QAAI,QAAQ,gBAAgB;AAC1B,aAAO,UAAU,KAAK,0BAA0B,KAAK,EAAE;AAAA,IACzD;AACA,cAAU,KAAK,WAAW,GAAG,KAAK,KAAK,EAAE;AAAA,EAC3C,CAAC;AAED,SAAO,oCAAC,QAAK,WAAW,WAAW,SAAS,KAAI,MAAM,QAAS;AACjE;AAEA,OAAO,YAAY;AAAA,EACjB,MAAM,UAAU,MAAM,CAAC,WAAW,QAAQ,cAAc,CAAC;AAAA,EACzD,OAAO,UAAU,MAAM,CAAC,SAAS,OAAO,UAAU,WAAW,UAAU,CAAC;AAAA,EACxE,SAAS,UAAU,MAAM,CAAC,SAAS,OAAO,UAAU,WAAW,QAAQ,CAAC;AAAA,EACxE,UAAU,UAAU,MAAM,CAAC,OAAO,UAAU,eAAe,gBAAgB,CAAC;AAAA,EAC5E,cAAc,UAAU,MAAM;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;AAEA,IAAO,eAAQ;","names":[]}

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

@@ -1,7 +1,13 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtFlexItemProps } from '../../../../types/flex';
-export default class AtFlexItem extends React.Component<AtFlexItemProps> {
-    static propTypes: InferProps<AtFlexItemProps>;
-    render(): JSX.Element;
+declare function AtFlexItem(props: AtFlexItemProps): JSX.Element;
+declare namespace AtFlexItem {
+    var propTypes: {
+        isAuto: PropTypes.Requireable<boolean>;
+        isWrap: PropTypes.Requireable<boolean>;
+        align: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<number>;
+        offset: PropTypes.Requireable<number>;
+    };
 }
+export default AtFlexItem;