taro-ui 3.3.3 → 3.4.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/action-sheet/footer/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtActionSheetFooterProps } from '../../../../types/action-sheet'\n\nexport default class AtActionSheetFooter extends React.Component<AtActionSheetFooterProps> {\n  public static defaultProps: AtActionSheetFooterProps\n  public static propTypes: InferProps<AtActionSheetFooterProps>\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(\n      'at-action-sheet__footer',\n      this.props.className\n    )\n\n    return (\n      <View onClick={this.handleClick} className={rootClass}>\n        {this.props.children}\n      </View>\n    )\n  }\n}\n\nAtActionSheetFooter.propTypes = {\n  onClick: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,4BAA0C,MAAM,UAAoC;AAAA,EAA3F;AAAA;AAIE,SAAQ,cAAc,IAAI,SAAsB;AAC9C,UAAI,OAAO,KAAK,MAAM,YAAY,YAAY;AAC5C,aAAK,MAAM,QAAQ,GAAG,IAAI;AAAA,MAC5B;AAAA,IACF;AAAA;AAAA,EAEO,SAAsB;AAC3B,UAAM,YAAY;AAAA,MAChB;AAAA,MACA,KAAK,MAAM;AAAA,IACb;AAEA,WACE,oCAAC,QAAK,SAAS,KAAK,aAAa,WAAW,aACzC,KAAK,MAAM,QACd;AAAA,EAEJ;AACF;AAEA,oBAAoB,YAAY;AAAA,EAC9B,SAAS,UAAU;AACrB;","names":[]}
+{"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

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

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

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

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

@@ -1 +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\nexport default class AtActionSheetHeader extends React.Component<AtActionSheetHeaderProps> {\n  public render(): JSX.Element {\n    const rootClass = classNames(\n      'at-action-sheet__header',\n      this.props.className\n    )\n\n    return <View className={rootClass}>{this.props.children}</View>\n  }\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,4BAA0C,MAAM,UAAoC;AAAA,EAClF,SAAsB;AAC3B,UAAM,YAAY;AAAA,MAChB;AAAA,MACA,KAAK,MAAM;AAAA,IACb;AAEA,WAAO,oCAAC,QAAK,WAAW,aAAY,KAAK,MAAM,QAAS;AAAA,EAC1D;AACF;","names":[]}
+{"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

@@ -1,14 +1,13 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
-import { AtActionSheetProps, AtActionSheetState } from '../../../types/action-sheet';
-export default class AtActionSheet extends React.Component<AtActionSheetProps, AtActionSheetState> {
-    static defaultProps: AtActionSheetProps;
-    static propTypes: InferProps<AtActionSheetProps>;
-    constructor(props: AtActionSheetProps);
-    UNSAFE_componentWillReceiveProps(nextProps: AtActionSheetProps): void;
-    private handleClose;
-    private handleCancel;
-    private close;
-    private handleTouchMove;
-    render(): JSX.Element;
+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

@@ -1,68 +1,63 @@
 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 AtActionSheetBody from "./body/index";
 import AtActionSheetFooter from "./footer/index";
 import AtActionSheetHeader from "./header/index";
-class AtActionSheet extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleClose = () => {
-      if (typeof this.props.onClose === "function") {
-        this.props.onClose();
-      }
-    };
-    this.handleCancel = () => {
-      if (typeof this.props.onCancel === "function") {
-        return this.props.onCancel();
-      }
-      this.close();
-    };
-    this.close = () => {
-      this.setState(
-        {
-          _isOpened: false
-        },
-        this.handleClose
-      );
-    };
-    this.handleTouchMove = (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-    };
-    const { isOpened } = props;
-    this.state = {
-      _isOpened: isOpened
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { isOpened } = nextProps;
-    if (isOpened !== this.state._isOpened) {
-      this.setState({
-        _isOpened: isOpened
+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;
       });
-      !isOpened && this.handleClose();
+      prevIsOpenedPropRef.current = isOpened;
+    }
+  }, [isOpened]);
+  const close = () => {
+    setIsOpened(false);
+    handleClose();
+  };
+  const handleCancel = () => {
+    if (typeof onCancel === "function") {
+      return onCancel();
     }
-  }
-  render() {
-    const { title, cancelText, className } = this.props;
-    const { _isOpened } = this.state;
-    const rootClass = classNames(
-      "at-action-sheet",
-      {
-        "at-action-sheet--active": _isOpened
-      },
-      className
-    );
-    return /* @__PURE__ */ React.createElement(View, { className: rootClass, onTouchMove: this.handleTouchMove }, /* @__PURE__ */ React.createElement(View, { onClick: this.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, this.props.children), cancelText && /* @__PURE__ */ React.createElement(AtActionSheetFooter, { onClick: this.handleCancel }, cancelText)));
-  }
+    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.defaultProps = {
-  title: "",
-  cancelText: "",
-  isOpened: false
-};
 AtActionSheet.propTypes = {
   title: PropTypes.string,
   onClose: PropTypes.func,
@@ -70,7 +65,8 @@ AtActionSheet.propTypes = {
   isOpened: PropTypes.bool.isRequired,
   cancelText: PropTypes.string
 };
+var action_sheet_default = AtActionSheet;
 export {
-  AtActionSheet as default
+  action_sheet_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/action-sheet/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 {\n  AtActionSheetProps,\n  AtActionSheetState\n} from '../../../types/action-sheet'\nimport AtActionSheetBody from './body/index'\nimport AtActionSheetFooter from './footer/index'\nimport AtActionSheetHeader from './header/index'\n\nexport default class AtActionSheet extends React.Component<\n  AtActionSheetProps,\n  AtActionSheetState\n> {\n  public static defaultProps: AtActionSheetProps\n  public static propTypes: InferProps<AtActionSheetProps>\n\n  public constructor(props: AtActionSheetProps) {\n    super(props)\n    const { isOpened } = props\n\n    this.state = {\n      _isOpened: isOpened\n    }\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtActionSheetProps): void {\n    const { isOpened } = nextProps\n    if (isOpened !== this.state._isOpened) {\n      this.setState({\n        _isOpened: isOpened\n      })\n\n      !isOpened && this.handleClose()\n    }\n  }\n\n  private handleClose = (): void => {\n    if (typeof this.props.onClose === 'function') {\n      this.props.onClose()\n    }\n  }\n\n  private handleCancel = (): void => {\n    if (typeof this.props.onCancel === 'function') {\n      return this.props.onCancel()\n    }\n    this.close()\n  }\n\n  private close = (): void => {\n    this.setState(\n      {\n        _isOpened: false\n      },\n      this.handleClose\n    )\n  }\n\n  private handleTouchMove = (e: CommonEvent): void => {\n    e.stopPropagation()\n    e.preventDefault()\n  }\n\n  public render(): JSX.Element {\n    const { title, cancelText, className } = this.props\n    const { _isOpened } = this.state\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={this.handleTouchMove}>\n        <View onClick={this.close} className='at-action-sheet__overlay' />\n        <View className='at-action-sheet__container'>\n          {title && <AtActionSheetHeader>{title}</AtActionSheetHeader>}\n          <AtActionSheetBody>{this.props.children}</AtActionSheetBody>\n          {cancelText && (\n            <AtActionSheetFooter onClick={this.handleCancel}>\n              {cancelText}\n            </AtActionSheetFooter>\n          )}\n        </View>\n      </View>\n    )\n  }\n}\n\nAtActionSheet.defaultProps = {\n  title: '',\n  cancelText: '',\n  isOpened: false\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"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAMrB,OAAO,uBAAuB;AAC9B,OAAO,yBAAyB;AAChC,OAAO,yBAAyB;AAEhC,MAAO,sBAAoC,MAAM,UAG/C;AAAA,EAIO,YAAY,OAA2B;AAC5C,UAAM,KAAK;AAmBb,SAAQ,cAAc,MAAY;AAChC,UAAI,OAAO,KAAK,MAAM,YAAY,YAAY;AAC5C,aAAK,MAAM,QAAQ;AAAA,MACrB;AAAA,IACF;AAEA,SAAQ,eAAe,MAAY;AACjC,UAAI,OAAO,KAAK,MAAM,aAAa,YAAY;AAC7C,eAAO,KAAK,MAAM,SAAS;AAAA,MAC7B;AACA,WAAK,MAAM;AAAA,IACb;AAEA,SAAQ,QAAQ,MAAY;AAC1B,WAAK;AAAA,QACH;AAAA,UACE,WAAW;AAAA,QACb;AAAA,QACA,KAAK;AAAA,MACP;AAAA,IACF;AAEA,SAAQ,kBAAkB,CAAC,MAAyB;AAClD,QAAE,gBAAgB;AAClB,QAAE,eAAe;AAAA,IACnB;AA3CE,UAAM,EAAE,SAAS,IAAI;AAErB,SAAK,QAAQ;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEO,iCAAiC,WAAqC;AAC3E,UAAM,EAAE,SAAS,IAAI;AACrB,QAAI,aAAa,KAAK,MAAM,WAAW;AACrC,WAAK,SAAS;AAAA,QACZ,WAAW;AAAA,MACb,CAAC;AAED,OAAC,YAAY,KAAK,YAAY;AAAA,IAChC;AAAA,EACF;AAAA,EA6BO,SAAsB;AAC3B,UAAM,EAAE,OAAO,YAAY,UAAU,IAAI,KAAK;AAC9C,UAAM,EAAE,UAAU,IAAI,KAAK;AAE3B,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,QACE,2BAA2B;AAAA,MAC7B;AAAA,MACA;AAAA,IACF;AAEA,WACE,oCAAC,QAAK,WAAW,WAAW,aAAa,KAAK,mBAC5C,oCAAC,QAAK,SAAS,KAAK,OAAO,WAAU,4BAA2B,GAChE,oCAAC,QAAK,WAAU,gCACb,SAAS,oCAAC,2BAAqB,KAAM,GACtC,oCAAC,yBAAmB,KAAK,MAAM,QAAS,GACvC,cACC,oCAAC,uBAAoB,SAAS,KAAK,gBAChC,UACH,CAEJ,CACF;AAAA,EAEJ;AACF;AAEA,cAAc,eAAe;AAAA,EAC3B,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AACZ;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;","names":[]}
+{"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

@@ -1,8 +1,14 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtActivityIndicatorProps } from '../../../types/activity-indicator';
-export default class AtActivityIndicator extends React.Component<AtActivityIndicatorProps> {
-    static defaultProps: AtActivityIndicatorProps;
-    static propTypes: InferProps<AtActivityIndicatorProps>;
-    render(): JSX.Element;
+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

@@ -3,28 +3,24 @@ import PropTypes from "prop-types";
 import React from "react";
 import { Text, View } from "@tarojs/components";
 import AtLoading from "../loading/index";
-class AtActivityIndicator extends React.Component {
-  render() {
-    const { color, size, mode, content, isOpened } = this.props;
-    const rootClass = classNames(
-      "at-activity-indicator",
-      {
-        "at-activity-indicator--center": mode === "center",
-        "at-activity-indicator--isopened": isOpened
-      },
-      this.props.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));
-  }
+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.defaultProps = {
-  size: 0,
-  mode: "normal",
-  color: "",
-  content: "",
-  className: "",
-  isOpened: true
-};
 AtActivityIndicator.propTypes = {
   size: PropTypes.number,
   mode: PropTypes.string,
@@ -33,7 +29,8 @@ AtActivityIndicator.propTypes = {
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
   isOpened: PropTypes.bool
 };
+var activity_indicator_default = AtActivityIndicator;
 export {
-  AtActivityIndicator as default
+  activity_indicator_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/activity-indicator/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } 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\nexport default class AtActivityIndicator extends React.Component<AtActivityIndicatorProps> {\n  public static defaultProps: AtActivityIndicatorProps\n  public static propTypes: InferProps<AtActivityIndicatorProps>\n\n  public render(): JSX.Element {\n    const { color, size, mode, content, isOpened } = this.props\n\n    const rootClass = classNames(\n      'at-activity-indicator',\n      {\n        'at-activity-indicator--center': mode === 'center',\n        'at-activity-indicator--isopened': isOpened\n      },\n      this.props.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}\n\nAtActivityIndicator.defaultProps = {\n  size: 0,\n  mode: 'normal',\n  color: '',\n  content: '',\n  className: '',\n  isOpened: true\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"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAE3B,OAAO,eAAe;AAEtB,MAAO,4BAA0C,MAAM,UAAoC;AAAA,EAIlF,SAAsB;AAC3B,UAAM,EAAE,OAAO,MAAM,MAAM,SAAS,SAAS,IAAI,KAAK;AAEtD,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,QACE,iCAAiC,SAAS;AAAA,QAC1C,mCAAmC;AAAA,MACrC;AAAA,MACA,KAAK,MAAM;AAAA,IACb;AAEA,WACE,oCAAC,QAAK,WAAW,aACf,oCAAC,QAAK,WAAU,iCACd,oCAAC,aAAU,MAAY,OAAc,CACvC,GACC,WACC,oCAAC,QAAK,WAAU,oCAAkC,OAAQ,CAE9D;AAAA,EAEJ;AACF;AAEA,oBAAoB,eAAe;AAAA,EACjC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AACZ;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;","names":[]}
+{"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

@@ -1,9 +1,15 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
-import { AtAvatarProps, AtAvatarState } from '../../../types/avatar';
-export default class AtAvatar extends React.Component<AtAvatarProps, AtAvatarState> {
-    static defaultProps: AtAvatarProps;
-    static propTypes: InferProps<AtAvatarProps>;
-    constructor(props: AtAvatarProps);
-    render(): JSX.Element;
+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;

package/dist/components/avatar/index.js

@@ -9,50 +9,42 @@ const SIZE_CLASS = {
   normal: "normal",
   small: "small"
 };
-class AtAvatar extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      isWEAPP: Taro.getEnv() === Taro.ENV_TYPE.WEAPP
-    };
-  }
-  render() {
-    const { size, circle, image, text, openData, customStyle } = this.props;
-    const rootClassName = ["at-avatar"];
-    const iconSize = SIZE_CLASS[size || "normal"];
-    const classObject = {
-      [`at-avatar--${iconSize}`]: iconSize,
-      "at-avatar--circle": circle
-    };
-    let letter = "";
-    if (text) letter = text[0];
-    let elem;
-    if (openData && openData.type === "userAvatarUrl" && this.state.isWEAPP && Taro.canIUse("open-data")) {
-      const OpenData = TaroComponents.OpenData;
-      elem = /* @__PURE__ */ React.createElement(OpenData, { type: openData.type });
-    } else if (image) {
-      elem = /* @__PURE__ */ React.createElement(Image, { className: "at-avatar__img", src: image });
-    } else {
-      elem = /* @__PURE__ */ React.createElement(Text, { className: "at-avatar__text" }, letter);
-    }
-    return /* @__PURE__ */ React.createElement(
-      View,
-      {
-        className: classNames(rootClassName, classObject, this.props.className),
-        style: customStyle
-      },
-      elem
-    );
+function AtAvatar({
+  size = "normal",
+  circle = false,
+  text = "",
+  image = "",
+  customStyle = {},
+  className = "",
+  openData
+}) {
+  const isWEAPP = Taro.getEnv() === Taro.ENV_TYPE.WEAPP;
+  const rootClassName = ["at-avatar"];
+  const iconSize = SIZE_CLASS[size || "normal"];
+  const classObject = {
+    [`at-avatar--${iconSize}`]: iconSize,
+    "at-avatar--circle": circle
+  };
+  let letter = "";
+  if (text) letter = text[0];
+  let elem;
+  if (openData && openData.type === "userAvatarUrl" && isWEAPP && Taro.canIUse("open-data")) {
+    const OpenData = TaroComponents.OpenData;
+    elem = /* @__PURE__ */ React.createElement(OpenData, { type: openData.type });
+  } else if (image) {
+    elem = /* @__PURE__ */ React.createElement(Image, { className: "at-avatar__img", src: image });
+  } else {
+    elem = /* @__PURE__ */ React.createElement(Text, { className: "at-avatar__text" }, letter);
   }
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(rootClassName, classObject, className),
+      style: customStyle
+    },
+    elem
+  );
 }
-AtAvatar.defaultProps = {
-  size: "normal",
-  circle: false,
-  text: "",
-  image: "",
-  customStyle: {},
-  className: ""
-};
 AtAvatar.propTypes = {
   size: PropTypes.oneOf(["large", "normal", "small"]),
   circle: PropTypes.bool,
@@ -62,7 +54,8 @@ AtAvatar.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
 };
+var avatar_default = AtAvatar;
 export {
-  AtAvatar as default
+  avatar_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Image, Text, View } from '@tarojs/components'\nimport * as TaroComponents from '@tarojs/components'\nimport Taro from '@tarojs/taro'\nimport { AtAvatarProps, AtAvatarState } from '../../../types/avatar'\n\nconst SIZE_CLASS = {\n  large: 'large',\n  normal: 'normal',\n  small: 'small'\n}\n\nexport default class AtAvatar extends React.Component<\n  AtAvatarProps,\n  AtAvatarState\n> {\n  public static defaultProps: AtAvatarProps\n  public static propTypes: InferProps<AtAvatarProps>\n\n  public constructor(props: AtAvatarProps) {\n    super(props)\n    this.state = {\n      isWEAPP: Taro.getEnv() === Taro.ENV_TYPE.WEAPP\n    }\n  }\n\n  public render(): JSX.Element {\n    const { size, circle, image, text, openData, customStyle } = this.props\n    const rootClassName = ['at-avatar']\n    const iconSize = SIZE_CLASS[size || 'normal']\n    const classObject = {\n      [`at-avatar--${iconSize}`]: iconSize,\n      'at-avatar--circle': circle\n    }\n\n    let letter = ''\n    if (text) letter = text[0]\n\n    let elem: React.ReactNode\n    if (\n      openData &&\n      openData.type === 'userAvatarUrl' &&\n      this.state.isWEAPP &&\n      Taro.canIUse('open-data')\n    ) {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const OpenData = (TaroComponents as any).OpenData\n      elem = <OpenData type={openData.type}></OpenData>\n    } else if (image) {\n      elem = <Image className='at-avatar__img' src={image} />\n    } else {\n      elem = <Text className='at-avatar__text'>{letter}</Text>\n    }\n    return (\n      <View\n        className={classNames(rootClassName, classObject, this.props.className)}\n        style={customStyle}\n      >\n        {elem}\n      </View>\n    )\n  }\n}\n\nAtAvatar.defaultProps = {\n  size: 'normal',\n  circle: false,\n  text: '',\n  image: '',\n  customStyle: {},\n  className: ''\n}\n\nAtAvatar.propTypes = {\n  size: PropTypes.oneOf(['large', 'normal', 'small']),\n  circle: PropTypes.bool,\n  text: PropTypes.string,\n  image: PropTypes.string,\n  openData: PropTypes.object,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,OAAO,MAAM,YAAY;AAClC,YAAY,oBAAoB;AAChC,OAAO,UAAU;AAGjB,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAEA,MAAO,iBAA+B,MAAM,UAG1C;AAAA,EAIO,YAAY,OAAsB;AACvC,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,SAAS,KAAK,OAAO,MAAM,KAAK,SAAS;AAAA,IAC3C;AAAA,EACF;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,MAAM,QAAQ,OAAO,MAAM,UAAU,YAAY,IAAI,KAAK;AAClE,UAAM,gBAAgB,CAAC,WAAW;AAClC,UAAM,WAAW,WAAW,QAAQ,QAAQ;AAC5C,UAAM,cAAc;AAAA,MAClB,CAAC,cAAc,QAAQ,EAAE,GAAG;AAAA,MAC5B,qBAAqB;AAAA,IACvB;AAEA,QAAI,SAAS;AACb,QAAI,KAAM,UAAS,KAAK,CAAC;AAEzB,QAAI;AACJ,QACE,YACA,SAAS,SAAS,mBAClB,KAAK,MAAM,WACX,KAAK,QAAQ,WAAW,GACxB;AAEA,YAAM,WAAY,eAAuB;AACzC,aAAO,oCAAC,YAAS,MAAM,SAAS,MAAM;AAAA,IACxC,WAAW,OAAO;AAChB,aAAO,oCAAC,SAAM,WAAU,kBAAiB,KAAK,OAAO;AAAA,IACvD,OAAO;AACL,aAAO,oCAAC,QAAK,WAAU,qBAAmB,MAAO;AAAA,IACnD;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,eAAe,aAAa,KAAK,MAAM,SAAS;AAAA,QACtE,OAAO;AAAA;AAAA,MAEN;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,SAAS,eAAe;AAAA,EACtB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa,CAAC;AAAA,EACd,WAAW;AACb;AAEA,SAAS,YAAY;AAAA,EACnB,MAAM,UAAU,MAAM,CAAC,SAAS,UAAU,OAAO,CAAC;AAAA,EAClD,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AACpE;","names":[]}
+{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Image, Text, View } from '@tarojs/components'\nimport * as TaroComponents from '@tarojs/components'\nimport Taro from '@tarojs/taro'\nimport { AtAvatarProps } from '../../../types/avatar'\n\nconst SIZE_CLASS = {\n  large: 'large',\n  normal: 'normal',\n  small: 'small'\n}\n\nfunction AtAvatar({\n  size = 'normal',\n  circle = false,\n  text = '',\n  image = '',\n  customStyle = {},\n  className = '',\n  openData\n}: AtAvatarProps): JSX.Element {\n  const isWEAPP = Taro.getEnv() === Taro.ENV_TYPE.WEAPP\n  const rootClassName = ['at-avatar']\n  const iconSize = SIZE_CLASS[size || 'normal']\n  const classObject = {\n    [`at-avatar--${iconSize}`]: iconSize,\n    'at-avatar--circle': circle\n  }\n\n  let letter = ''\n  if (text) letter = text[0]\n\n  let elem: React.ReactNode\n  if (\n    openData &&\n    openData.type === 'userAvatarUrl' &&\n    isWEAPP &&\n    Taro.canIUse('open-data')\n  ) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const OpenData = (TaroComponents as any).OpenData\n    elem = <OpenData type={openData.type}></OpenData>\n  } else if (image) {\n    elem = <Image className='at-avatar__img' src={image} />\n  } else {\n    elem = <Text className='at-avatar__text'>{letter}</Text>\n  }\n  return (\n    <View\n      className={classNames(rootClassName, classObject, className)}\n      style={customStyle}\n    >\n      {elem}\n    </View>\n  )\n}\n\nAtAvatar.propTypes = {\n  size: PropTypes.oneOf(['large', 'normal', 'small']),\n  circle: PropTypes.bool,\n  text: PropTypes.string,\n  image: PropTypes.string,\n  openData: PropTypes.object,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])\n}\n\nexport default AtAvatar\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,OAAO,MAAM,YAAY;AAClC,YAAY,oBAAoB;AAChC,OAAO,UAAU;AAGjB,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAEA,SAAS,SAAS;AAAA,EAChB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc,CAAC;AAAA,EACf,YAAY;AAAA,EACZ;AACF,GAA+B;AAC7B,QAAM,UAAU,KAAK,OAAO,MAAM,KAAK,SAAS;AAChD,QAAM,gBAAgB,CAAC,WAAW;AAClC,QAAM,WAAW,WAAW,QAAQ,QAAQ;AAC5C,QAAM,cAAc;AAAA,IAClB,CAAC,cAAc,QAAQ,EAAE,GAAG;AAAA,IAC5B,qBAAqB;AAAA,EACvB;AAEA,MAAI,SAAS;AACb,MAAI,KAAM,UAAS,KAAK,CAAC;AAEzB,MAAI;AACJ,MACE,YACA,SAAS,SAAS,mBAClB,WACA,KAAK,QAAQ,WAAW,GACxB;AAEA,UAAM,WAAY,eAAuB;AACzC,WAAO,oCAAC,YAAS,MAAM,SAAS,MAAM;AAAA,EACxC,WAAW,OAAO;AAChB,WAAO,oCAAC,SAAM,WAAU,kBAAiB,KAAK,OAAO;AAAA,EACvD,OAAO;AACL,WAAO,oCAAC,QAAK,WAAU,qBAAmB,MAAO;AAAA,EACnD;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,eAAe,aAAa,SAAS;AAAA,MAC3D,OAAO;AAAA;AAAA,IAEN;AAAA,EACH;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,MAAM,UAAU,MAAM,CAAC,SAAS,UAAU,OAAO,CAAC;AAAA,EAClD,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AACpE;AAEA,IAAO,iBAAQ;","names":[]}

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

@@ -1,10 +1,13 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtBadgeProps } from '../../../types/badge';
-export default class AtBadge extends React.Component<AtBadgeProps> {
-    static defaultProps: AtBadgeProps;
-    static propTypes: InferProps<AtBadgeProps>;
-    constructor(props: AtBadgeProps);
-    private formatValue;
-    render(): JSX.Element;
+declare function AtBadge({ dot, value, maxValue, customStyle, className, children }: AtBadgeProps): JSX.Element;
+declare namespace AtBadge {
+    var propTypes: {
+        dot: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        maxValue: PropTypes.Requireable<number>;
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+    };
 }
+export default AtBadge;

package/dist/components/badge/index.js

@@ -2,42 +2,26 @@ import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 import { View } from "@tarojs/components";
-class AtBadge extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {};
-  }
-  formatValue(value, maxValue) {
-    if (value === "" || value === null || typeof value === "undefined")
-      return "";
-    const numValue = +value;
-    if (Number.isNaN(numValue)) {
-      return value;
-    }
-    return numValue > maxValue ? `${maxValue}+` : numValue;
-  }
-  render() {
-    const { dot, value, maxValue = 99, customStyle } = this.props;
-    const rootClassName = ["at-badge"];
-    const val = this.formatValue(value, maxValue);
-    return /* @__PURE__ */ React.createElement(
-      View,
-      {
-        className: classNames(rootClassName, this.props.className),
-        style: customStyle
-      },
-      this.props.children,
-      dot ? /* @__PURE__ */ React.createElement(View, { className: "at-badge__dot" }) : val !== "" && /* @__PURE__ */ React.createElement(View, { className: "at-badge__num" }, val)
-    );
+function formatValue(value, maxValue) {
+  if (value === "" || value === null || typeof value === "undefined") return "";
+  const numValue = +value;
+  if (Number.isNaN(numValue)) {
+    return value;
   }
+  return numValue > maxValue ? `${maxValue}+` : numValue;
+}
+function AtBadge({
+  dot = false,
+  value = "",
+  maxValue = 99,
+  customStyle = {},
+  className = "",
+  children
+}) {
+  const rootClassName = ["at-badge"];
+  const val = formatValue(value, maxValue);
+  return /* @__PURE__ */ React.createElement(View, { className: classNames(rootClassName, className), style: customStyle }, children, dot ? /* @__PURE__ */ React.createElement(View, { className: "at-badge__dot" }) : val !== "" && /* @__PURE__ */ React.createElement(View, { className: "at-badge__num" }, val));
 }
-AtBadge.defaultProps = {
-  dot: false,
-  value: "",
-  maxValue: 99,
-  customStyle: {},
-  className: ""
-};
 AtBadge.propTypes = {
   dot: PropTypes.bool,
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/badge/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtBadgeProps } from '../../../types/badge'\n\nexport default class AtBadge extends React.Component<AtBadgeProps> {\n  public static defaultProps: AtBadgeProps\n  public static propTypes: InferProps<AtBadgeProps>\n\n  public constructor(props: AtBadgeProps) {\n    super(props)\n    this.state = {}\n  }\n\n  private formatValue(\n    value: string | number | undefined,\n    maxValue: number\n  ): string | number {\n    if (value === '' || value === null || typeof value === 'undefined')\n      return ''\n    const numValue = +value\n    if (Number.isNaN(numValue)) {\n      return value\n    }\n    return numValue > maxValue ? `${maxValue}+` : numValue\n  }\n\n  public render(): JSX.Element {\n    const { dot, value, maxValue = 99, customStyle } = this.props\n    const rootClassName = ['at-badge']\n\n    const val = this.formatValue(value, maxValue)\n\n    return (\n      <View\n        className={classNames(rootClassName, this.props.className)}\n        style={customStyle}\n      >\n        {this.props.children}\n        {dot ? (\n          <View className='at-badge__dot'></View>\n        ) : (\n          val !== '' && <View className='at-badge__num'>{val}</View>\n        )}\n      </View>\n    )\n  }\n}\n\nAtBadge.defaultProps = {\n  dot: false,\n  value: '',\n  maxValue: 99,\n  customStyle: {},\n  className: ''\n}\n\nAtBadge.propTypes = {\n  dot: PropTypes.bool,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  maxValue: PropTypes.number,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,gBAA8B,MAAM,UAAwB;AAAA,EAI1D,YAAY,OAAqB;AACtC,UAAM,KAAK;AACX,SAAK,QAAQ,CAAC;AAAA,EAChB;AAAA,EAEQ,YACN,OACA,UACiB;AACjB,QAAI,UAAU,MAAM,UAAU,QAAQ,OAAO,UAAU;AACrD,aAAO;AACT,UAAM,WAAW,CAAC;AAClB,QAAI,OAAO,MAAM,QAAQ,GAAG;AAC1B,aAAO;AAAA,IACT;AACA,WAAO,WAAW,WAAW,GAAG,QAAQ,MAAM;AAAA,EAChD;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,KAAK,OAAO,WAAW,IAAI,YAAY,IAAI,KAAK;AACxD,UAAM,gBAAgB,CAAC,UAAU;AAEjC,UAAM,MAAM,KAAK,YAAY,OAAO,QAAQ;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,eAAe,KAAK,MAAM,SAAS;AAAA,QACzD,OAAO;AAAA;AAAA,MAEN,KAAK,MAAM;AAAA,MACX,MACC,oCAAC,QAAK,WAAU,iBAAgB,IAEhC,QAAQ,MAAM,oCAAC,QAAK,WAAU,mBAAiB,GAAI;AAAA,IAEvD;AAAA,EAEJ;AACF;AAEA,QAAQ,eAAe;AAAA,EACrB,KAAK;AAAA,EACL,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa,CAAC;AAAA,EACd,WAAW;AACb;AAEA,QAAQ,YAAY;AAAA,EAClB,KAAK,UAAU;AAAA,EACf,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAC/D,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AACpE;","names":[]}
+{"version":3,"sources":["../../../src/components/badge/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtBadgeProps } from '../../../types/badge'\n\nfunction formatValue(\n  value: string | number | undefined,\n  maxValue: number\n): string | number {\n  if (value === '' || value === null || typeof value === 'undefined') return ''\n  const numValue = +value\n  if (Number.isNaN(numValue)) {\n    return value\n  }\n  return numValue > maxValue ? `${maxValue}+` : numValue\n}\n\nexport default function AtBadge({\n  dot = false,\n  value = '',\n  maxValue = 99,\n  customStyle = {},\n  className = '',\n  children\n}: AtBadgeProps): JSX.Element {\n  const rootClassName = ['at-badge']\n\n  const val = formatValue(value, maxValue)\n\n  return (\n    <View className={classNames(rootClassName, className)} style={customStyle}>\n      {children}\n      {dot ? (\n        <View className='at-badge__dot'></View>\n      ) : (\n        val !== '' && <View className='at-badge__num'>{val}</View>\n      )}\n    </View>\n  )\n}\n\nAtBadge.propTypes = {\n  dot: PropTypes.bool,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  maxValue: PropTypes.number,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,YACP,OACA,UACiB;AACjB,MAAI,UAAU,MAAM,UAAU,QAAQ,OAAO,UAAU,YAAa,QAAO;AAC3E,QAAM,WAAW,CAAC;AAClB,MAAI,OAAO,MAAM,QAAQ,GAAG;AAC1B,WAAO;AAAA,EACT;AACA,SAAO,WAAW,WAAW,GAAG,QAAQ,MAAM;AAChD;AAEe,SAAR,QAAyB;AAAA,EAC9B,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc,CAAC;AAAA,EACf,YAAY;AAAA,EACZ;AACF,GAA8B;AAC5B,QAAM,gBAAgB,CAAC,UAAU;AAEjC,QAAM,MAAM,YAAY,OAAO,QAAQ;AAEvC,SACE,oCAAC,QAAK,WAAW,WAAW,eAAe,SAAS,GAAG,OAAO,eAC3D,UACA,MACC,oCAAC,QAAK,WAAU,iBAAgB,IAEhC,QAAQ,MAAM,oCAAC,QAAK,WAAU,mBAAiB,GAAI,CAEvD;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,KAAK,UAAU;AAAA,EACf,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAC/D,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AACpE;","names":[]}