taro-ui 3.3.3 → 3.4.0

package/dist/components/message/index.js

@@ -1,78 +1,64 @@
 import classNames from "classnames";
 import PropTypes from "prop-types";
-import React from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import { View } from "@tarojs/components";
-import Taro from "@tarojs/taro";
-class AtMessage extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      _isOpened: false,
-      _message: "",
-      _type: "info",
-      _duration: 3e3
-    };
-    this._timer = null;
-  }
-  bindMessageListener() {
+import Taro, { useDidHide, useDidShow } from "@tarojs/taro";
+function AtMessage({
+  customStyle = "",
+  className = ""
+}) {
+  const [_isOpened, setIsOpened] = useState(false);
+  const [_message, setMessage] = useState("");
+  const [_type, setType] = useState("info");
+  const durationRef = useRef(3e3);
+  const timerRef = useRef(null);
+  const bindMessageListener = useCallback(() => {
     Taro.eventCenter.on("atMessage", (options = {}) => {
       const { message, type, duration } = options;
-      const newState = {
-        _isOpened: true,
-        _message: message,
-        _type: type,
-        _duration: duration || this.state._duration
-      };
-      this.setState(newState, () => {
-        clearTimeout(this._timer);
-        this._timer = setTimeout(() => {
-          this.setState({
-            _isOpened: false
-          });
-        }, this.state._duration);
-      });
+      const newDuration = duration || durationRef.current;
+      durationRef.current = newDuration;
+      setIsOpened(true);
+      setMessage(message);
+      setType(type);
+      clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(() => {
+        setIsOpened(false);
+      }, newDuration);
     });
     Taro.atMessage = Taro.eventCenter.trigger.bind(
       Taro.eventCenter,
       "atMessage"
     );
-  }
-  componentDidShow() {
-    this.bindMessageListener();
-  }
-  componentDidMount() {
-    this.bindMessageListener();
-  }
-  componentDidHide() {
-    Taro.eventCenter.off("atMessage");
-  }
-  componentWillUnmount() {
+  }, []);
+  useEffect(() => {
+    bindMessageListener();
+    return () => {
+      Taro.eventCenter.off("atMessage");
+    };
+  }, [bindMessageListener]);
+  useDidShow(() => {
+    bindMessageListener();
+  });
+  useDidHide(() => {
     Taro.eventCenter.off("atMessage");
-  }
-  render() {
-    const { className, customStyle } = this.props;
-    const { _message, _isOpened, _type } = this.state;
-    const rootCls = classNames(
-      {
-        "at-message": true,
-        "at-message--show": _isOpened,
-        "at-message--hidden": !_isOpened
-      },
-      `at-message--${_type}`,
-      className
-    );
-    return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, _message);
-  }
+  });
+  const rootCls = classNames(
+    {
+      "at-message": true,
+      "at-message--show": _isOpened,
+      "at-message--hidden": !_isOpened
+    },
+    `at-message--${_type}`,
+    className
+  );
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, _message);
 }
-AtMessage.defaultProps = {
-  customStyle: "",
-  className: ""
-};
 AtMessage.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
 };
+var message_default = AtMessage;
 export {
-  AtMessage as default
+  message_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport Taro from '@tarojs/taro'\nimport { AtMessageProps, AtMessageState } from '../../../types/message'\n\nexport default class AtMessage extends React.Component<\n  AtMessageProps,\n  AtMessageState\n> {\n  public static defaultProps: AtMessageProps\n  public static propTypes: InferProps<AtMessageProps>\n\n  private _timer: NodeJS.Timeout | number | null\n\n  public constructor(props: AtMessageProps) {\n    super(props)\n    this.state = {\n      _isOpened: false,\n      _message: '',\n      _type: 'info',\n      _duration: 3000\n    }\n    this._timer = null\n  }\n\n  private bindMessageListener(): void {\n    Taro.eventCenter.on('atMessage', (options = {}) => {\n      const { message, type, duration } = options\n      const newState = {\n        _isOpened: true,\n        _message: message,\n        _type: type,\n        _duration: duration || this.state._duration\n      }\n      this.setState(newState, () => {\n        clearTimeout(this._timer as number)\n        this._timer = setTimeout(() => {\n          this.setState({\n            _isOpened: false\n          })\n        }, this.state._duration)\n      })\n    })\n    // 绑定函数\n    Taro.atMessage = Taro.eventCenter.trigger.bind(\n      Taro.eventCenter,\n      'atMessage'\n    )\n  }\n\n  public componentDidShow(): void {\n    this.bindMessageListener()\n  }\n\n  public componentDidMount(): void {\n    this.bindMessageListener()\n  }\n\n  public componentDidHide(): void {\n    Taro.eventCenter.off('atMessage')\n  }\n\n  public componentWillUnmount(): void {\n    Taro.eventCenter.off('atMessage')\n  }\n\n  public render(): JSX.Element {\n    const { className, customStyle } = this.props\n    const { _message, _isOpened, _type } = this.state\n    const rootCls = classNames(\n      {\n        'at-message': true,\n        'at-message--show': _isOpened,\n        'at-message--hidden': !_isOpened\n      },\n      `at-message--${_type}`,\n      className\n    )\n\n    return (\n      <View className={rootCls} style={customStyle}>\n        {_message}\n      </View>\n    )\n  }\n}\n\nAtMessage.defaultProps = {\n  customStyle: '',\n  className: ''\n}\n\nAtMessage.propTypes = {\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;AACrB,OAAO,UAAU;AAGjB,MAAO,kBAAgC,MAAM,UAG3C;AAAA,EAMO,YAAY,OAAuB;AACxC,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,WAAW;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AACA,SAAK,SAAS;AAAA,EAChB;AAAA,EAEQ,sBAA4B;AAClC,SAAK,YAAY,GAAG,aAAa,CAAC,UAAU,CAAC,MAAM;AACjD,YAAM,EAAE,SAAS,MAAM,SAAS,IAAI;AACpC,YAAM,WAAW;AAAA,QACf,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,QACP,WAAW,YAAY,KAAK,MAAM;AAAA,MACpC;AACA,WAAK,SAAS,UAAU,MAAM;AAC5B,qBAAa,KAAK,MAAgB;AAClC,aAAK,SAAS,WAAW,MAAM;AAC7B,eAAK,SAAS;AAAA,YACZ,WAAW;AAAA,UACb,CAAC;AAAA,QACH,GAAG,KAAK,MAAM,SAAS;AAAA,MACzB,CAAC;AAAA,IACH,CAAC;AAED,SAAK,YAAY,KAAK,YAAY,QAAQ;AAAA,MACxC,KAAK;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEO,mBAAyB;AAC9B,SAAK,oBAAoB;AAAA,EAC3B;AAAA,EAEO,oBAA0B;AAC/B,SAAK,oBAAoB;AAAA,EAC3B;AAAA,EAEO,mBAAyB;AAC9B,SAAK,YAAY,IAAI,WAAW;AAAA,EAClC;AAAA,EAEO,uBAA6B;AAClC,SAAK,YAAY,IAAI,WAAW;AAAA,EAClC;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,WAAW,YAAY,IAAI,KAAK;AACxC,UAAM,EAAE,UAAU,WAAW,MAAM,IAAI,KAAK;AAC5C,UAAM,UAAU;AAAA,MACd;AAAA,QACE,cAAc;AAAA,QACd,oBAAoB;AAAA,QACpB,sBAAsB,CAAC;AAAA,MACzB;AAAA,MACA,eAAe,KAAK;AAAA,MACpB;AAAA,IACF;AAEA,WACE,oCAAC,QAAK,WAAW,SAAS,OAAO,eAC9B,QACH;AAAA,EAEJ;AACF;AAEA,UAAU,eAAe;AAAA,EACvB,aAAa;AAAA,EACb,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;AACpE;","names":[]}
+{"version":3,"sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { View } from '@tarojs/components'\nimport Taro, { useDidHide, useDidShow } from '@tarojs/taro'\nimport { AtMessageProps } from '../../../types/message'\n\nfunction AtMessage({\n  customStyle = '',\n  className = ''\n}: AtMessageProps): JSX.Element {\n  const [_isOpened, setIsOpened] = useState(false)\n  const [_message, setMessage] = useState('')\n  const [_type, setType] = useState('info')\n  const durationRef = useRef(3000)\n  const timerRef = useRef<NodeJS.Timeout | number | null>(null)\n\n  const bindMessageListener = useCallback((): void => {\n    Taro.eventCenter.on('atMessage', (options = {}) => {\n      const { message, type, duration } = options\n      const newDuration = duration || durationRef.current\n      durationRef.current = newDuration\n      setIsOpened(true)\n      setMessage(message)\n      setType(type)\n      clearTimeout(timerRef.current as number)\n      timerRef.current = setTimeout(() => {\n        setIsOpened(false)\n      }, newDuration)\n    })\n    Taro.atMessage = Taro.eventCenter.trigger.bind(\n      Taro.eventCenter,\n      'atMessage'\n    )\n  }, [])\n\n  useEffect(() => {\n    bindMessageListener()\n    return () => {\n      Taro.eventCenter.off('atMessage')\n    }\n  }, [bindMessageListener])\n\n  useDidShow(() => {\n    bindMessageListener()\n  })\n\n  useDidHide(() => {\n    Taro.eventCenter.off('atMessage')\n  })\n\n  const rootCls = classNames(\n    {\n      'at-message': true,\n      'at-message--show': _isOpened,\n      'at-message--hidden': !_isOpened\n    },\n    `at-message--${_type}`,\n    className\n  )\n\n  return (\n    <View className={rootCls} style={customStyle}>\n      {_message}\n    </View>\n  )\n}\n\nAtMessage.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])\n}\n\nexport default AtMessage\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAChE,SAAS,YAAY;AACrB,OAAO,QAAQ,YAAY,kBAAkB;AAG7C,SAAS,UAAU;AAAA,EACjB,cAAc;AAAA,EACd,YAAY;AACd,GAAgC;AAC9B,QAAM,CAAC,WAAW,WAAW,IAAI,SAAS,KAAK;AAC/C,QAAM,CAAC,UAAU,UAAU,IAAI,SAAS,EAAE;AAC1C,QAAM,CAAC,OAAO,OAAO,IAAI,SAAS,MAAM;AACxC,QAAM,cAAc,OAAO,GAAI;AAC/B,QAAM,WAAW,OAAuC,IAAI;AAE5D,QAAM,sBAAsB,YAAY,MAAY;AAClD,SAAK,YAAY,GAAG,aAAa,CAAC,UAAU,CAAC,MAAM;AACjD,YAAM,EAAE,SAAS,MAAM,SAAS,IAAI;AACpC,YAAM,cAAc,YAAY,YAAY;AAC5C,kBAAY,UAAU;AACtB,kBAAY,IAAI;AAChB,iBAAW,OAAO;AAClB,cAAQ,IAAI;AACZ,mBAAa,SAAS,OAAiB;AACvC,eAAS,UAAU,WAAW,MAAM;AAClC,oBAAY,KAAK;AAAA,MACnB,GAAG,WAAW;AAAA,IAChB,CAAC;AACD,SAAK,YAAY,KAAK,YAAY,QAAQ;AAAA,MACxC,KAAK;AAAA,MACL;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,wBAAoB;AACpB,WAAO,MAAM;AACX,WAAK,YAAY,IAAI,WAAW;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,mBAAmB,CAAC;AAExB,aAAW,MAAM;AACf,wBAAoB;AAAA,EACtB,CAAC;AAED,aAAW,MAAM;AACf,SAAK,YAAY,IAAI,WAAW;AAAA,EAClC,CAAC;AAED,QAAM,UAAU;AAAA,IACd;AAAA,MACE,cAAc;AAAA,MACd,oBAAoB;AAAA,MACpB,sBAAsB,CAAC;AAAA,IACzB;AAAA,IACA,eAAe,KAAK;AAAA,IACpB;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,SAAS,OAAO,eAC9B,QACH;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;AACpE;AAEA,IAAO,kBAAQ;","names":[]}

package/dist/components/modal/action/index.d.ts

@@ -1,8 +1,9 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtModalActionProps } from '../../../../types/modal';
-export default class AtModalAction extends React.Component<AtModalActionProps> {
-    static defaultProps: AtModalActionProps;
-    static propTypes: InferProps<AtModalActionProps>;
-    render(): JSX.Element;
+declare function AtModalAction({ isSimple, className, children }: AtModalActionProps): JSX.Element;
+declare namespace AtModalAction {
+    var propTypes: {
+        isSimple: PropTypes.Requireable<boolean>;
+    };
 }
+export default AtModalAction;

package/dist/components/modal/action/index.js

@@ -2,25 +2,25 @@ import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 import { View } from "@tarojs/components";
-class AtModalAction extends React.Component {
-  render() {
-    const rootClass = classNames(
-      "at-modal__footer",
-      {
-        "at-modal__footer--simple": this.props.isSimple
-      },
-      this.props.className
-    );
-    return /* @__PURE__ */ React.createElement(View, { className: rootClass }, /* @__PURE__ */ React.createElement(View, { className: "at-modal__action" }, this.props.children));
-  }
+function AtModalAction({
+  isSimple = false,
+  className,
+  children
+}) {
+  const rootClass = classNames(
+    "at-modal__footer",
+    {
+      "at-modal__footer--simple": isSimple
+    },
+    className
+  );
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass }, /* @__PURE__ */ React.createElement(View, { className: "at-modal__action" }, children));
 }
-AtModalAction.defaultProps = {
-  isSimple: false
-};
 AtModalAction.propTypes = {
   isSimple: PropTypes.bool
 };
+var action_default = AtModalAction;
 export {
-  AtModalAction as default
+  action_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/modal/action/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modal/action/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtModalActionProps } from '../../../../types/modal'\n\nexport default class AtModalAction extends React.Component<AtModalActionProps> {\n  public static defaultProps: AtModalActionProps\n  public static propTypes: InferProps<AtModalActionProps>\n\n  public render(): JSX.Element {\n    const rootClass = classNames(\n      'at-modal__footer',\n      {\n        'at-modal__footer--simple': this.props.isSimple\n      },\n      this.props.className\n    )\n\n    return (\n      <View className={rootClass}>\n        <View className='at-modal__action'>{this.props.children}</View>\n      </View>\n    )\n  }\n}\n\nAtModalAction.defaultProps = {\n  isSimple: false\n}\n\nAtModalAction.propTypes = {\n  isSimple: PropTypes.bool\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,sBAAoC,MAAM,UAA8B;AAAA,EAItE,SAAsB;AAC3B,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,QACE,4BAA4B,KAAK,MAAM;AAAA,MACzC;AAAA,MACA,KAAK,MAAM;AAAA,IACb;AAEA,WACE,oCAAC,QAAK,WAAW,aACf,oCAAC,QAAK,WAAU,sBAAoB,KAAK,MAAM,QAAS,CAC1D;AAAA,EAEJ;AACF;AAEA,cAAc,eAAe;AAAA,EAC3B,UAAU;AACZ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU;AACtB;","names":[]}
+{"version":3,"sources":["../../../../src/components/modal/action/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtModalActionProps } from '../../../../types/modal'\n\nfunction AtModalAction({\n  isSimple = false,\n  className,\n  children\n}: AtModalActionProps): JSX.Element {\n  const rootClass = classNames(\n    'at-modal__footer',\n    {\n      'at-modal__footer--simple': isSimple\n    },\n    className\n  )\n\n  return (\n    <View className={rootClass}>\n      <View className='at-modal__action'>{children}</View>\n    </View>\n  )\n}\n\nAtModalAction.propTypes = {\n  isSimple: PropTypes.bool\n}\n\nexport default AtModalAction\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,cAAc;AAAA,EACrB,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAoC;AAClC,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACE,4BAA4B;AAAA,IAC9B;AAAA,IACA;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,aACf,oCAAC,QAAK,WAAU,sBAAoB,QAAS,CAC/C;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU;AACtB;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/components/modal/content/index.d.ts

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

package/dist/components/modal/content/index.js

@@ -1,13 +1,15 @@
 import classNames from "classnames";
 import React from "react";
 import { ScrollView } from "@tarojs/components";
-class AtModalContent extends React.Component {
-  render() {
-    const rootClass = classNames("at-modal__content", this.props.className);
-    return /* @__PURE__ */ React.createElement(ScrollView, { scrollY: true, className: rootClass }, this.props.children);
-  }
+function AtModalContent({
+  className,
+  children
+}) {
+  const rootClass = classNames("at-modal__content", className);
+  return /* @__PURE__ */ React.createElement(ScrollView, { scrollY: true, className: rootClass }, children);
 }
+var content_default = AtModalContent;
 export {
-  AtModalContent as default
+  content_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/modal/content/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modal/content/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport { ScrollView } from '@tarojs/components'\nimport { AtModalContentProps } from '../../../../types/modal'\n\nexport default class AtModalContent extends React.Component<AtModalContentProps> {\n  public render(): JSX.Element {\n    const rootClass = classNames('at-modal__content', this.props.className)\n    return (\n      <ScrollView scrollY className={rootClass}>\n        {this.props.children}\n      </ScrollView>\n    )\n  }\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAG3B,MAAO,uBAAqC,MAAM,UAA+B;AAAA,EACxE,SAAsB;AAC3B,UAAM,YAAY,WAAW,qBAAqB,KAAK,MAAM,SAAS;AACtE,WACE,oCAAC,cAAW,SAAO,MAAC,WAAW,aAC5B,KAAK,MAAM,QACd;AAAA,EAEJ;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/modal/content/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport { ScrollView } from '@tarojs/components'\nimport { AtModalContentProps } from '../../../../types/modal'\n\nfunction AtModalContent({\n  className,\n  children\n}: AtModalContentProps): JSX.Element {\n  const rootClass = classNames('at-modal__content', className)\n  return (\n    <ScrollView scrollY className={rootClass}>\n      {children}\n    </ScrollView>\n  )\n}\n\nexport default AtModalContent\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,kBAAkB;AAG3B,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AACF,GAAqC;AACnC,QAAM,YAAY,WAAW,qBAAqB,SAAS;AAC3D,SACE,oCAAC,cAAW,SAAO,MAAC,WAAW,aAC5B,QACH;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}

package/dist/components/modal/header/index.d.ts

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

package/dist/components/modal/header/index.js

@@ -1,13 +1,15 @@
 import classNames from "classnames";
 import React from "react";
 import { View } from "@tarojs/components";
-class AtModalHeader extends React.Component {
-  render() {
-    const rootClass = classNames("at-modal__header", this.props.className);
-    return /* @__PURE__ */ React.createElement(View, { className: rootClass }, this.props.children);
-  }
+function AtModalHeader({
+  className,
+  children
+}) {
+  const rootClass = classNames("at-modal__header", className);
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass }, children);
 }
+var header_default = AtModalHeader;
 export {
-  AtModalHeader as default
+  header_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/modal/header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modal/header/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtModalHeaderProps } from '../../../../types/modal'\n\nexport default class AtModalHeader extends React.Component<AtModalHeaderProps> {\n  public render(): JSX.Element {\n    const rootClass = classNames('at-modal__header', 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,sBAAoC,MAAM,UAA8B;AAAA,EACtE,SAAsB;AAC3B,UAAM,YAAY,WAAW,oBAAoB,KAAK,MAAM,SAAS;AACrE,WAAO,oCAAC,QAAK,WAAW,aAAY,KAAK,MAAM,QAAS;AAAA,EAC1D;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/modal/header/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtModalHeaderProps } from '../../../../types/modal'\n\nfunction AtModalHeader({\n  className,\n  children\n}: AtModalHeaderProps): JSX.Element {\n  const rootClass = classNames('at-modal__header', className)\n  return <View className={rootClass}>{children}</View>\n}\n\nexport default AtModalHeader\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AACF,GAAoC;AAClC,QAAM,YAAY,WAAW,oBAAoB,SAAS;AAC1D,SAAO,oCAAC,QAAK,WAAW,aAAY,QAAS;AAC/C;AAEA,IAAO,iBAAQ;","names":[]}

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

@@ -1,15 +1,17 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
-import { AtModalProps, AtModalState } from '../../../types/modal';
-export default class AtModal extends React.Component<AtModalProps, AtModalState> {
-    static defaultProps: AtModalProps;
-    static propTypes: InferProps<AtModalProps>;
-    constructor(props: AtModalProps);
-    UNSAFE_componentWillReceiveProps(nextProps: AtModalProps): void;
-    private handleClickOverlay;
-    private handleClose;
-    private handleCancel;
-    private handleConfirm;
-    private handleTouchMove;
-    render(): JSX.Element;
+import PropTypes from 'prop-types';
+import { AtModalProps } from '../../../types/modal';
+declare function AtModal({ isOpened, closeOnClickOverlay, title, content, cancelText, confirmText, className, children, onClose, onCancel, onConfirm }: AtModalProps): JSX.Element;
+declare namespace AtModal {
+    var propTypes: {
+        title: PropTypes.Requireable<string>;
+        isOpened: PropTypes.Requireable<boolean>;
+        onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        content: PropTypes.Requireable<string>;
+        closeOnClickOverlay: PropTypes.Requireable<boolean>;
+        cancelText: PropTypes.Requireable<string>;
+        confirmText: PropTypes.Requireable<string>;
+    };
 }
+export default AtModal;

package/dist/components/modal/index.js

@@ -1,94 +1,79 @@
 import classNames from "classnames";
 import PropTypes from "prop-types";
-import React from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { Button, Text, View } from "@tarojs/components";
 import Taro from "@tarojs/taro";
 import { handleTouchScroll } from "../../common/utils";
 import AtModalAction from "./action/index";
 import AtModalContent from "./content/index";
 import AtModalHeader from "./header/index";
-class AtModal extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleClickOverlay = () => {
-      if (this.props.closeOnClickOverlay) {
-        this.setState(
-          {
-            _isOpened: false
-          },
-          this.handleClose
-        );
-      }
-    };
-    this.handleClose = (event) => {
-      if (typeof this.props.onClose === "function") {
-        this.props.onClose(event);
-      }
-    };
-    this.handleCancel = (event) => {
-      if (typeof this.props.onCancel === "function") {
-        this.props.onCancel(event);
-      }
-    };
-    this.handleConfirm = (event) => {
-      if (typeof this.props.onConfirm === "function") {
-        this.props.onConfirm(event);
-      }
-    };
-    this.handleTouchMove = (e) => {
-      e.stopPropagation();
-    };
-    const { isOpened } = props;
-    this.state = {
-      _isOpened: isOpened,
-      isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { isOpened } = nextProps;
-    if (this.props.isOpened !== isOpened) {
+function AtModal({
+  isOpened = false,
+  closeOnClickOverlay = true,
+  title,
+  content,
+  cancelText,
+  confirmText,
+  className,
+  children,
+  onClose,
+  onCancel,
+  onConfirm
+}) {
+  const [_isOpened, setIsOpened] = useState(isOpened);
+  const prevIsOpenedPropRef = useRef(isOpened);
+  const isWEB = Taro.getEnv() === Taro.ENV_TYPE.WEB;
+  useEffect(() => {
+    if (prevIsOpenedPropRef.current !== isOpened) {
       handleTouchScroll(isOpened);
+      prevIsOpenedPropRef.current = isOpened;
     }
-    if (isOpened !== this.state._isOpened) {
-      this.setState({
-        _isOpened: isOpened
-      });
+    setIsOpened((prev) => isOpened !== prev ? isOpened : prev);
+  }, [isOpened]);
+  const handleClose = (event) => {
+    if (typeof onClose === "function") {
+      onClose(event);
     }
-  }
-  render() {
-    const { _isOpened, isWEB } = this.state;
-    const { title, content, cancelText, confirmText } = this.props;
-    const rootClass = classNames(
-      "at-modal",
+  };
+  const handleClickOverlay = () => {
+    if (closeOnClickOverlay) {
+      setIsOpened(false);
+      handleClose();
+    }
+  };
+  const handleCancel = (event) => {
+    if (typeof onCancel === "function") {
+      onCancel(event);
+    }
+  };
+  const handleConfirm = (event) => {
+    if (typeof onConfirm === "function") {
+      onConfirm(event);
+    }
+  };
+  const handleTouchMove = (e) => {
+    e.stopPropagation();
+  };
+  const rootClass = classNames(
+    "at-modal",
+    {
+      "at-modal--active": _isOpened
+    },
+    className
+  );
+  if (title || content) {
+    const isRenderAction = cancelText || confirmText;
+    return /* @__PURE__ */ React.createElement(View, { className: rootClass }, /* @__PURE__ */ React.createElement(View, { onClick: handleClickOverlay, className: "at-modal__overlay" }), /* @__PURE__ */ React.createElement(View, { className: "at-modal__container" }, title && /* @__PURE__ */ React.createElement(AtModalHeader, null, /* @__PURE__ */ React.createElement(Text, null, title)), content && /* @__PURE__ */ React.createElement(AtModalContent, null, /* @__PURE__ */ React.createElement(View, { className: "content-simple" }, isWEB ? /* @__PURE__ */ React.createElement(
+      Text,
       {
-        "at-modal--active": _isOpened
-      },
-      this.props.className
-    );
-    if (title || content) {
-      const isRenderAction = cancelText || confirmText;
-      return /* @__PURE__ */ React.createElement(View, { className: rootClass }, /* @__PURE__ */ React.createElement(
-        View,
-        {
-          onClick: this.handleClickOverlay,
-          className: "at-modal__overlay"
-        }
-      ), /* @__PURE__ */ React.createElement(View, { className: "at-modal__container" }, title && /* @__PURE__ */ React.createElement(AtModalHeader, null, /* @__PURE__ */ React.createElement(Text, null, title)), content && /* @__PURE__ */ React.createElement(AtModalContent, null, /* @__PURE__ */ React.createElement(View, { className: "content-simple" }, isWEB ? /* @__PURE__ */ React.createElement(
-        Text,
-        {
-          dangerouslySetInnerHTML: {
-            __html: content.replace(/\\n/g, "<br/>")
-          }
+        dangerouslySetInnerHTML: {
+          __html: content.replace(/\\n/g, "<br/>")
         }
-      ) : /* @__PURE__ */ React.createElement(Text, null, content))), isRenderAction && /* @__PURE__ */ React.createElement(AtModalAction, { isSimple: true }, cancelText && /* @__PURE__ */ React.createElement(Button, { onClick: this.handleCancel }, cancelText), confirmText && /* @__PURE__ */ React.createElement(Button, { onClick: this.handleConfirm }, confirmText))));
-    }
-    return /* @__PURE__ */ React.createElement(View, { onTouchMove: this.handleTouchMove, className: rootClass }, /* @__PURE__ */ React.createElement(View, { className: "at-modal__overlay", onClick: this.handleClickOverlay }), /* @__PURE__ */ React.createElement(View, { className: "at-modal__container" }, this.props.children));
+      }
+    ) : /* @__PURE__ */ React.createElement(Text, null, content))), isRenderAction && /* @__PURE__ */ React.createElement(AtModalAction, { isSimple: true }, cancelText && /* @__PURE__ */ React.createElement(Button, { onClick: handleCancel }, cancelText), confirmText && /* @__PURE__ */ React.createElement(Button, { onClick: handleConfirm }, confirmText))));
   }
+  return /* @__PURE__ */ React.createElement(View, { onTouchMove: handleTouchMove, className: rootClass }, /* @__PURE__ */ React.createElement(View, { className: "at-modal__overlay", onClick: handleClickOverlay }), /* @__PURE__ */ React.createElement(View, { className: "at-modal__container" }, children));
 }
-AtModal.defaultProps = {
-  isOpened: false,
-  closeOnClickOverlay: true
-};
 AtModal.propTypes = {
   title: PropTypes.string,
   isOpened: PropTypes.bool,
@@ -100,7 +85,8 @@ AtModal.propTypes = {
   cancelText: PropTypes.string,
   confirmText: PropTypes.string
 };
+var modal_default = AtModal;
 export {
-  AtModal as default
+  modal_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/modal/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Button, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtModalProps, AtModalState } from '../../../types/modal'\nimport { handleTouchScroll } from '../../common/utils'\nimport AtModalAction from './action/index'\nimport AtModalContent from './content/index'\nimport AtModalHeader from './header/index'\n\nexport default class AtModal extends React.Component<\n  AtModalProps,\n  AtModalState\n> {\n  public static defaultProps: AtModalProps\n  public static propTypes: InferProps<AtModalProps>\n\n  public constructor(props: AtModalProps) {\n    super(props)\n    const { isOpened } = props\n    this.state = {\n      _isOpened: isOpened,\n      isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB\n    }\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtModalProps): void {\n    const { isOpened } = nextProps\n\n    if (this.props.isOpened !== isOpened) {\n      handleTouchScroll(isOpened)\n    }\n\n    if (isOpened !== this.state._isOpened) {\n      this.setState({\n        _isOpened: isOpened\n      })\n    }\n  }\n\n  private handleClickOverlay = (): void => {\n    if (this.props.closeOnClickOverlay) {\n      this.setState(\n        {\n          _isOpened: false\n        },\n        this.handleClose\n      )\n    }\n  }\n\n  private handleClose = (event?: CommonEvent): void => {\n    if (typeof this.props.onClose === 'function') {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      this.props.onClose(event!)\n    }\n  }\n\n  private handleCancel = (event: CommonEvent): void => {\n    if (typeof this.props.onCancel === 'function') {\n      this.props.onCancel(event)\n    }\n  }\n\n  private handleConfirm = (event: CommonEvent): void => {\n    if (typeof this.props.onConfirm === 'function') {\n      this.props.onConfirm(event)\n    }\n  }\n\n  private handleTouchMove = (e: CommonEvent): void => {\n    e.stopPropagation()\n  }\n\n  public render(): JSX.Element {\n    const { _isOpened, isWEB } = this.state\n    const { title, content, cancelText, confirmText } = this.props\n    const rootClass = classNames(\n      'at-modal',\n      {\n        'at-modal--active': _isOpened\n      },\n      this.props.className\n    )\n\n    if (title || content) {\n      const isRenderAction = cancelText || confirmText\n      return (\n        <View className={rootClass}>\n          <View\n            onClick={this.handleClickOverlay}\n            className='at-modal__overlay'\n          />\n          <View className='at-modal__container'>\n            {title && (\n              <AtModalHeader>\n                <Text>{title}</Text>\n              </AtModalHeader>\n            )}\n            {content && (\n              <AtModalContent>\n                <View className='content-simple'>\n                  {isWEB ? (\n                    <Text\n                      dangerouslySetInnerHTML={{\n                        __html: content.replace(/\\\\n/g, '<br/>')\n                      }}\n                    ></Text>\n                  ) : (\n                    <Text>{content}</Text>\n                  )}\n                </View>\n              </AtModalContent>\n            )}\n            {isRenderAction && (\n              <AtModalAction isSimple>\n                {cancelText && (\n                  <Button onClick={this.handleCancel}>{cancelText}</Button>\n                )}\n                {confirmText && (\n                  <Button onClick={this.handleConfirm}>{confirmText}</Button>\n                )}\n              </AtModalAction>\n            )}\n          </View>\n        </View>\n      )\n    }\n\n    return (\n      <View onTouchMove={this.handleTouchMove} className={rootClass}>\n        <View className='at-modal__overlay' onClick={this.handleClickOverlay} />\n        <View className='at-modal__container'>{this.props.children}</View>\n      </View>\n    )\n  }\n}\n\nAtModal.defaultProps = {\n  isOpened: false,\n  closeOnClickOverlay: true\n}\n\nAtModal.propTypes = {\n  title: PropTypes.string,\n  isOpened: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func,\n  content: PropTypes.string,\n  closeOnClickOverlay: PropTypes.bool,\n  cancelText: PropTypes.string,\n  confirmText: PropTypes.string\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/modal/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { Button, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtModalProps } from '../../../types/modal'\nimport { handleTouchScroll } from '../../common/utils'\nimport AtModalAction from './action/index'\nimport AtModalContent from './content/index'\nimport AtModalHeader from './header/index'\n\nfunction AtModal({\n  isOpened = false,\n  closeOnClickOverlay = true,\n  title,\n  content,\n  cancelText,\n  confirmText,\n  className,\n  children,\n  onClose,\n  onCancel,\n  onConfirm\n}: AtModalProps): JSX.Element {\n  const [_isOpened, setIsOpened] = useState(isOpened)\n  const prevIsOpenedPropRef = useRef(isOpened)\n  const isWEB = Taro.getEnv() === Taro.ENV_TYPE.WEB\n\n  useEffect(() => {\n    if (prevIsOpenedPropRef.current !== isOpened) {\n      handleTouchScroll(isOpened)\n      prevIsOpenedPropRef.current = isOpened\n    }\n    setIsOpened(prev => (isOpened !== prev ? isOpened : prev))\n  }, [isOpened])\n\n  const handleClose = (event?: CommonEvent): void => {\n    if (typeof onClose === 'function') {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      onClose(event!)\n    }\n  }\n\n  const handleClickOverlay = (): void => {\n    if (closeOnClickOverlay) {\n      setIsOpened(false)\n      handleClose()\n    }\n  }\n\n  const handleCancel = (event: CommonEvent): void => {\n    if (typeof onCancel === 'function') {\n      onCancel(event)\n    }\n  }\n\n  const handleConfirm = (event: CommonEvent): void => {\n    if (typeof onConfirm === 'function') {\n      onConfirm(event)\n    }\n  }\n\n  const handleTouchMove = (e: CommonEvent): void => {\n    e.stopPropagation()\n  }\n\n  const rootClass = classNames(\n    'at-modal',\n    {\n      'at-modal--active': _isOpened\n    },\n    className\n  )\n\n  if (title || content) {\n    const isRenderAction = cancelText || confirmText\n    return (\n      <View className={rootClass}>\n        <View onClick={handleClickOverlay} className='at-modal__overlay' />\n        <View className='at-modal__container'>\n          {title && (\n            <AtModalHeader>\n              <Text>{title}</Text>\n            </AtModalHeader>\n          )}\n          {content && (\n            <AtModalContent>\n              <View className='content-simple'>\n                {isWEB ? (\n                  <Text\n                    dangerouslySetInnerHTML={{\n                      __html: content.replace(/\\\\n/g, '<br/>')\n                    }}\n                  ></Text>\n                ) : (\n                  <Text>{content}</Text>\n                )}\n              </View>\n            </AtModalContent>\n          )}\n          {isRenderAction && (\n            <AtModalAction isSimple>\n              {cancelText && (\n                <Button onClick={handleCancel}>{cancelText}</Button>\n              )}\n              {confirmText && (\n                <Button onClick={handleConfirm}>{confirmText}</Button>\n              )}\n            </AtModalAction>\n          )}\n        </View>\n      </View>\n    )\n  }\n\n  return (\n    <View onTouchMove={handleTouchMove} className={rootClass}>\n      <View className='at-modal__overlay' onClick={handleClickOverlay} />\n      <View className='at-modal__container'>{children}</View>\n    </View>\n  )\n}\n\nAtModal.propTypes = {\n  title: PropTypes.string,\n  isOpened: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func,\n  content: PropTypes.string,\n  closeOnClickOverlay: PropTypes.bool,\n  cancelText: PropTypes.string,\n  confirmText: PropTypes.string\n}\n\nexport default AtModal\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,SAAS,WAAW,QAAQ,gBAAgB;AACnD,SAAS,QAAQ,MAAM,YAAY;AAEnC,OAAO,UAAU;AAEjB,SAAS,yBAAyB;AAClC,OAAO,mBAAmB;AAC1B,OAAO,oBAAoB;AAC3B,OAAO,mBAAmB;AAE1B,SAAS,QAAQ;AAAA,EACf,WAAW;AAAA,EACX,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,CAAC,WAAW,WAAW,IAAI,SAAS,QAAQ;AAClD,QAAM,sBAAsB,OAAO,QAAQ;AAC3C,QAAM,QAAQ,KAAK,OAAO,MAAM,KAAK,SAAS;AAE9C,YAAU,MAAM;AACd,QAAI,oBAAoB,YAAY,UAAU;AAC5C,wBAAkB,QAAQ;AAC1B,0BAAoB,UAAU;AAAA,IAChC;AACA,gBAAY,UAAS,aAAa,OAAO,WAAW,IAAK;AAAA,EAC3D,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,cAAc,CAAC,UAA8B;AACjD,QAAI,OAAO,YAAY,YAAY;AAEjC,cAAQ,KAAM;AAAA,IAChB;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAY;AACrC,QAAI,qBAAqB;AACvB,kBAAY,KAAK;AACjB,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,UAA6B;AACjD,QAAI,OAAO,aAAa,YAAY;AAClC,eAAS,KAAK;AAAA,IAChB;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,UAA6B;AAClD,QAAI,OAAO,cAAc,YAAY;AACnC,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,MAAyB;AAChD,MAAE,gBAAgB;AAAA,EACpB;AAEA,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACE,oBAAoB;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AAEA,MAAI,SAAS,SAAS;AACpB,UAAM,iBAAiB,cAAc;AACrC,WACE,oCAAC,QAAK,WAAW,aACf,oCAAC,QAAK,SAAS,oBAAoB,WAAU,qBAAoB,GACjE,oCAAC,QAAK,WAAU,yBACb,SACC,oCAAC,qBACC,oCAAC,YAAM,KAAM,CACf,GAED,WACC,oCAAC,sBACC,oCAAC,QAAK,WAAU,oBACb,QACC;AAAA,MAAC;AAAA;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ,QAAQ,QAAQ,QAAQ,OAAO;AAAA,QACzC;AAAA;AAAA,IACD,IAED,oCAAC,YAAM,OAAQ,CAEnB,CACF,GAED,kBACC,oCAAC,iBAAc,UAAQ,QACpB,cACC,oCAAC,UAAO,SAAS,gBAAe,UAAW,GAE5C,eACC,oCAAC,UAAO,SAAS,iBAAgB,WAAY,CAEjD,CAEJ,CACF;AAAA,EAEJ;AAEA,SACE,oCAAC,QAAK,aAAa,iBAAiB,WAAW,aAC7C,oCAAC,QAAK,WAAU,qBAAoB,SAAS,oBAAoB,GACjE,oCAAC,QAAK,WAAU,yBAAuB,QAAS,CAClD;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,qBAAqB,UAAU;AAAA,EAC/B,YAAY,UAAU;AAAA,EACtB,aAAa,UAAU;AACzB;AAEA,IAAO,gBAAQ;","names":[]}

package/dist/components/nav-bar/index.d.ts

@@ -1,12 +1,22 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtNavBarProps } from '../../../types/nav-bar';
-export default class AtNavBar extends React.Component<AtNavBarProps> {
-    static defaultProps: AtNavBarProps;
-    static propTypes: InferProps<AtNavBarProps>;
-    private handleClickLeftView;
-    private handleClickSt;
-    private handleClickNd;
-    private handleClickTitle;
-    render(): JSX.Element;
+declare function AtNavBar({ customStyle, className, fixed, border, color, leftIconType, leftText, title, rightFirstIconType, rightSecondIconType, children, onClickLeftIcon, onClickRgIconSt, onClickRgIconNd, onClickTitle }: AtNavBarProps): JSX.Element;
+declare namespace AtNavBar {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        fixed: PropTypes.Requireable<boolean>;
+        border: PropTypes.Requireable<boolean>;
+        color: PropTypes.Requireable<string>;
+        leftIconType: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        leftText: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        rightFirstIconType: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        rightSecondIconType: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        onClickLeftIcon: PropTypes.Requireable<(...args: any[]) => any>;
+        onClickRgIconSt: PropTypes.Requireable<(...args: any[]) => any>;
+        onClickRgIconNd: PropTypes.Requireable<(...args: any[]) => any>;
+        onClickTitle: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtNavBar;