taro-ui 3.3.3 → 3.4.0

package/dist/components/nav-bar/index.js

@@ -22,176 +22,159 @@ import PropTypes from "prop-types";
 import React from "react";
 import { Text, View } from "@tarojs/components";
 import { mergeStyle, pxTransform } from "../../common/utils";
-class AtNavBar extends React.Component {
-  handleClickLeftView(event) {
-    this.props.onClickLeftIcon && this.props.onClickLeftIcon(event);
-  }
-  handleClickSt(event) {
-    this.props.onClickRgIconSt && this.props.onClickRgIconSt(event);
-  }
-  handleClickNd(event) {
-    this.props.onClickRgIconNd && this.props.onClickRgIconNd(event);
-  }
-  handleClickTitle(event) {
-    this.props.onClickTitle && this.props.onClickTitle(event);
-  }
-  render() {
-    const {
-      customStyle,
-      className,
-      color,
-      fixed,
-      border,
-      leftIconType,
-      leftText,
-      title,
-      rightFirstIconType,
-      rightSecondIconType
-    } = this.props;
-    const linkStyle = { color };
-    const defaultIconInfo = {
-      customStyle: "",
-      className: "",
-      prefixClass: "at-icon",
-      value: "",
-      color: "",
-      size: 24
-    };
-    const leftIconInfo = leftIconType instanceof Object ? __spreadValues(__spreadValues({}, defaultIconInfo), leftIconType) : __spreadProps(__spreadValues({}, defaultIconInfo), { value: leftIconType });
-    const leftIconClass = classNames(
-      leftIconInfo.prefixClass,
-      {
-        [`${leftIconInfo.prefixClass}-${leftIconInfo.value}`]: leftIconInfo.value
-      },
-      leftIconInfo.className
-    );
-    const rightFirstIconInfo = rightFirstIconType instanceof Object ? __spreadValues(__spreadValues({}, defaultIconInfo), rightFirstIconType) : __spreadProps(__spreadValues({}, defaultIconInfo), { value: rightFirstIconType });
-    const rightFirstIconClass = classNames(
-      rightFirstIconInfo.prefixClass,
+function AtNavBar({
+  customStyle = "",
+  className = "",
+  fixed = false,
+  border = true,
+  color = "",
+  leftIconType = "",
+  leftText = "",
+  title = "",
+  rightFirstIconType = "",
+  rightSecondIconType = "",
+  children,
+  onClickLeftIcon,
+  onClickRgIconSt,
+  onClickRgIconNd,
+  onClickTitle
+}) {
+  const handleClickLeftView = (event) => {
+    onClickLeftIcon && onClickLeftIcon(event);
+  };
+  const handleClickSt = (event) => {
+    onClickRgIconSt && onClickRgIconSt(event);
+  };
+  const handleClickNd = (event) => {
+    onClickRgIconNd && onClickRgIconNd(event);
+  };
+  const handleClickTitle = (event) => {
+    onClickTitle && onClickTitle(event);
+  };
+  const linkStyle = { color };
+  const defaultIconInfo = {
+    customStyle: "",
+    className: "",
+    prefixClass: "at-icon",
+    value: "",
+    color: "",
+    size: 24
+  };
+  const leftIconInfo = leftIconType instanceof Object ? __spreadValues(__spreadValues({}, defaultIconInfo), leftIconType) : __spreadProps(__spreadValues({}, defaultIconInfo), { value: leftIconType });
+  const leftIconClass = classNames(
+    leftIconInfo.prefixClass,
+    {
+      [`${leftIconInfo.prefixClass}-${leftIconInfo.value}`]: leftIconInfo.value
+    },
+    leftIconInfo.className
+  );
+  const rightFirstIconInfo = rightFirstIconType instanceof Object ? __spreadValues(__spreadValues({}, defaultIconInfo), rightFirstIconType) : __spreadProps(__spreadValues({}, defaultIconInfo), { value: rightFirstIconType });
+  const rightFirstIconClass = classNames(
+    rightFirstIconInfo.prefixClass,
+    {
+      [`${rightFirstIconInfo.prefixClass}-${rightFirstIconInfo.value}`]: rightFirstIconInfo.value
+    },
+    rightFirstIconInfo.className
+  );
+  const rightSecondIconInfo = rightSecondIconType instanceof Object ? __spreadValues(__spreadValues({}, defaultIconInfo), rightSecondIconType) : __spreadProps(__spreadValues({}, defaultIconInfo), { value: rightSecondIconType });
+  const rightSecondIconClass = classNames(
+    rightSecondIconInfo.prefixClass,
+    {
+      [`${rightSecondIconInfo.prefixClass}-${rightSecondIconInfo.value}`]: rightSecondIconInfo.value
+    },
+    rightSecondIconInfo.className
+  );
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(
+        {
+          "at-nav-bar": true,
+          "at-nav-bar--fixed": fixed,
+          "at-nav-bar--no-border": !border
+        },
+        className
+      ),
+      style: customStyle
+    },
+    /* @__PURE__ */ React.createElement(
+      View,
       {
-        [`${rightFirstIconInfo.prefixClass}-${rightFirstIconInfo.value}`]: rightFirstIconInfo.value
+        className: "at-nav-bar__left-view",
+        onClick: handleClickLeftView,
+        style: linkStyle
       },
-      rightFirstIconInfo.className
-    );
-    const rightSecondIconInfo = rightSecondIconType instanceof Object ? __spreadValues(__spreadValues({}, defaultIconInfo), rightSecondIconType) : __spreadProps(__spreadValues({}, defaultIconInfo), { value: rightSecondIconType });
-    const rightSecondIconClass = classNames(
-      rightSecondIconInfo.prefixClass,
+      leftIconType && /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          className: leftIconClass,
+          style: mergeStyle(
+            {
+              color: leftIconInfo.color,
+              fontSize: `${pxTransform(
+                parseInt(leftIconInfo.size.toString()) * 2
+              )}`
+            },
+            leftIconInfo.customStyle
+          )
+        }
+      ),
+      /* @__PURE__ */ React.createElement(Text, { className: "at-nav-bar__text" }, leftText)
+    ),
+    /* @__PURE__ */ React.createElement(View, { className: "at-nav-bar__title", onClick: handleClickTitle }, title || children),
+    /* @__PURE__ */ React.createElement(View, { className: "at-nav-bar__right-view" }, /* @__PURE__ */ React.createElement(
+      View,
       {
-        [`${rightSecondIconInfo.prefixClass}-${rightSecondIconInfo.value}`]: rightSecondIconInfo.value
+        className: classNames({
+          "at-nav-bar__container": true,
+          "at-nav-bar__container--hide": !rightSecondIconType
+        }),
+        style: linkStyle,
+        onClick: handleClickNd
       },
-      rightSecondIconInfo.className
-    );
-    return /* @__PURE__ */ React.createElement(
+      rightSecondIconType && /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          className: rightSecondIconClass,
+          style: mergeStyle(
+            {
+              color: rightSecondIconInfo.color,
+              fontSize: `${pxTransform(
+                parseInt(rightSecondIconInfo.size.toString()) * 2
+              )}`
+            },
+            rightSecondIconInfo.customStyle
+          )
+        }
+      )
+    ), /* @__PURE__ */ React.createElement(
       View,
       {
-        className: classNames(
-          {
-            "at-nav-bar": true,
-            "at-nav-bar--fixed": fixed,
-            "at-nav-bar--no-border": !border
-          },
-          className
-        ),
-        style: customStyle
+        className: classNames({
+          "at-nav-bar__container": true,
+          "at-nav-bar__container--hide": !rightFirstIconType
+        }),
+        style: linkStyle,
+        onClick: handleClickSt
       },
-      /* @__PURE__ */ React.createElement(
-        View,
+      rightFirstIconType && /* @__PURE__ */ React.createElement(
+        Text,
         {
-          className: "at-nav-bar__left-view",
-          onClick: this.handleClickLeftView.bind(this),
-          style: linkStyle
-        },
-        leftIconType && /* @__PURE__ */ React.createElement(
-          Text,
-          {
-            className: leftIconClass,
-            style: mergeStyle(
-              {
-                color: leftIconInfo.color,
-                fontSize: `${pxTransform(
-                  parseInt(leftIconInfo.size.toString()) * 2
-                )}`
-              },
-              leftIconInfo.customStyle
-            )
-          }
-        ),
-        /* @__PURE__ */ React.createElement(Text, { className: "at-nav-bar__text" }, leftText)
-      ),
-      /* @__PURE__ */ React.createElement(
-        View,
-        {
-          className: "at-nav-bar__title",
-          onClick: this.handleClickTitle.bind(this)
-        },
-        title || this.props.children
-      ),
-      /* @__PURE__ */ React.createElement(View, { className: "at-nav-bar__right-view" }, /* @__PURE__ */ React.createElement(
-        View,
-        {
-          className: classNames({
-            "at-nav-bar__container": true,
-            "at-nav-bar__container--hide": !rightSecondIconType
-          }),
-          style: linkStyle,
-          onClick: this.handleClickNd.bind(this)
-        },
-        rightSecondIconType && /* @__PURE__ */ React.createElement(
-          Text,
-          {
-            className: rightSecondIconClass,
-            style: mergeStyle(
-              {
-                color: rightSecondIconInfo.color,
-                fontSize: `${pxTransform(
-                  parseInt(rightSecondIconInfo.size.toString()) * 2
-                )}`
-              },
-              rightSecondIconInfo.customStyle
-            )
-          }
-        )
-      ), /* @__PURE__ */ React.createElement(
-        View,
-        {
-          className: classNames({
-            "at-nav-bar__container": true,
-            "at-nav-bar__container--hide": !rightFirstIconType
-          }),
-          style: linkStyle,
-          onClick: this.handleClickSt.bind(this)
-        },
-        rightFirstIconType && /* @__PURE__ */ React.createElement(
-          Text,
-          {
-            className: rightFirstIconClass,
-            style: mergeStyle(
-              {
-                color: rightFirstIconInfo.color,
-                fontSize: `${pxTransform(
-                  parseInt(rightFirstIconInfo.size.toString()) * 2
-                )}`
-              },
-              rightFirstIconInfo.customStyle
-            )
-          }
-        )
-      ))
-    );
-  }
+          className: rightFirstIconClass,
+          style: mergeStyle(
+            {
+              color: rightFirstIconInfo.color,
+              fontSize: `${pxTransform(
+                parseInt(rightFirstIconInfo.size.toString()) * 2
+              )}`
+            },
+            rightFirstIconInfo.customStyle
+          )
+        }
+      )
+    ))
+  );
 }
-AtNavBar.defaultProps = {
-  customStyle: "",
-  className: "",
-  fixed: false,
-  border: true,
-  color: "",
-  leftIconType: "",
-  leftText: "",
-  title: "",
-  rightFirstIconType: "",
-  rightSecondIconType: ""
-};
 AtNavBar.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
@@ -211,7 +194,8 @@ AtNavBar.propTypes = {
   onClickRgIconNd: PropTypes.func,
   onClickTitle: PropTypes.func
 };
+var nav_bar_default = AtNavBar;
 export {
-  AtNavBar as default
+  nav_bar_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/nav-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/nav-bar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { ITouchEvent } from '@tarojs/components/types/common'\nimport { AtNavBarProps } from '../../../types/nav-bar'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nexport default class AtNavBar extends React.Component<AtNavBarProps> {\n  public static defaultProps: AtNavBarProps\n  public static propTypes: InferProps<AtNavBarProps>\n\n  private handleClickLeftView(event: ITouchEvent): void {\n    this.props.onClickLeftIcon && this.props.onClickLeftIcon(event)\n  }\n\n  private handleClickSt(event: ITouchEvent): void {\n    this.props.onClickRgIconSt && this.props.onClickRgIconSt(event)\n  }\n\n  private handleClickNd(event: ITouchEvent): void {\n    this.props.onClickRgIconNd && this.props.onClickRgIconNd(event)\n  }\n\n  private handleClickTitle(event: ITouchEvent): void {\n    this.props.onClickTitle && this.props.onClickTitle(event)\n  }\n\n  public render(): JSX.Element {\n    const {\n      customStyle,\n      className,\n      color,\n      fixed,\n      border,\n      leftIconType,\n      leftText,\n      title,\n      rightFirstIconType,\n      rightSecondIconType\n    } = this.props\n    const linkStyle = { color }\n\n    const defaultIconInfo = {\n      customStyle: '',\n      className: '',\n      prefixClass: 'at-icon',\n      value: '',\n      color: '',\n      size: 24\n    }\n\n    const leftIconInfo =\n      leftIconType instanceof Object\n        ? { ...defaultIconInfo, ...leftIconType }\n        : { ...defaultIconInfo, value: leftIconType }\n    const leftIconClass = classNames(\n      leftIconInfo.prefixClass,\n      {\n        [`${leftIconInfo.prefixClass}-${leftIconInfo.value}`]:\n          leftIconInfo.value\n      },\n      leftIconInfo.className\n    )\n\n    const rightFirstIconInfo =\n      rightFirstIconType instanceof Object\n        ? { ...defaultIconInfo, ...rightFirstIconType }\n        : { ...defaultIconInfo, value: rightFirstIconType }\n    const rightFirstIconClass = classNames(\n      rightFirstIconInfo.prefixClass,\n      {\n        [`${rightFirstIconInfo.prefixClass}-${rightFirstIconInfo.value}`]:\n          rightFirstIconInfo.value\n      },\n      rightFirstIconInfo.className\n    )\n\n    const rightSecondIconInfo =\n      rightSecondIconType instanceof Object\n        ? { ...defaultIconInfo, ...rightSecondIconType }\n        : { ...defaultIconInfo, value: rightSecondIconType }\n    const rightSecondIconClass = classNames(\n      rightSecondIconInfo.prefixClass,\n      {\n        [`${rightSecondIconInfo.prefixClass}-${rightSecondIconInfo.value}`]:\n          rightSecondIconInfo.value\n      },\n      rightSecondIconInfo.className\n    )\n\n    return (\n      <View\n        className={classNames(\n          {\n            'at-nav-bar': true,\n            'at-nav-bar--fixed': fixed,\n            'at-nav-bar--no-border': !border\n          },\n          className\n        )}\n        style={customStyle}\n      >\n        <View\n          className='at-nav-bar__left-view'\n          onClick={this.handleClickLeftView.bind(this)}\n          style={linkStyle}\n        >\n          {leftIconType && (\n            <Text\n              className={leftIconClass}\n              style={mergeStyle(\n                {\n                  color: leftIconInfo.color,\n                  fontSize: `${pxTransform(\n                    parseInt(leftIconInfo.size.toString()) * 2\n                  )}`\n                },\n                leftIconInfo.customStyle\n              )}\n            ></Text>\n          )}\n          <Text className='at-nav-bar__text'>{leftText}</Text>\n        </View>\n        <View\n          className='at-nav-bar__title'\n          onClick={this.handleClickTitle.bind(this)}\n        >\n          {title || this.props.children}\n        </View>\n        <View className='at-nav-bar__right-view'>\n          <View\n            className={classNames({\n              'at-nav-bar__container': true,\n              'at-nav-bar__container--hide': !rightSecondIconType\n            })}\n            style={linkStyle}\n            onClick={this.handleClickNd.bind(this)}\n          >\n            {rightSecondIconType && (\n              <Text\n                className={rightSecondIconClass}\n                style={mergeStyle(\n                  {\n                    color: rightSecondIconInfo.color,\n                    fontSize: `${pxTransform(\n                      parseInt(rightSecondIconInfo.size.toString()) * 2\n                    )}`\n                  },\n                  rightSecondIconInfo.customStyle\n                )}\n              ></Text>\n            )}\n          </View>\n          <View\n            className={classNames({\n              'at-nav-bar__container': true,\n              'at-nav-bar__container--hide': !rightFirstIconType\n            })}\n            style={linkStyle}\n            onClick={this.handleClickSt.bind(this)}\n          >\n            {rightFirstIconType && (\n              <Text\n                className={rightFirstIconClass}\n                style={mergeStyle(\n                  {\n                    color: rightFirstIconInfo.color,\n                    fontSize: `${pxTransform(\n                      parseInt(rightFirstIconInfo.size.toString()) * 2\n                    )}`\n                  },\n                  rightFirstIconInfo.customStyle\n                )}\n              ></Text>\n            )}\n          </View>\n        </View>\n      </View>\n    )\n  }\n}\n\nAtNavBar.defaultProps = {\n  customStyle: '',\n  className: '',\n  fixed: false,\n  border: true,\n  color: '',\n  leftIconType: '',\n  leftText: '',\n  title: '',\n  rightFirstIconType: '',\n  rightSecondIconType: ''\n}\n\nAtNavBar.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  fixed: PropTypes.bool,\n  border: PropTypes.bool,\n  color: PropTypes.string,\n  leftIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  leftText: PropTypes.string,\n  title: PropTypes.string,\n  rightFirstIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  rightSecondIconType: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.object\n  ]),\n  onClickLeftIcon: PropTypes.func,\n  onClickRgIconSt: PropTypes.func,\n  onClickRgIconNd: PropTypes.func,\n  onClickTitle: PropTypes.func\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/nav-bar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { ITouchEvent } from '@tarojs/components/types/common'\nimport { AtNavBarProps } from '../../../types/nav-bar'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nfunction AtNavBar({\n  customStyle = '',\n  className = '',\n  fixed = false,\n  border = true,\n  color = '',\n  leftIconType = '',\n  leftText = '',\n  title = '',\n  rightFirstIconType = '',\n  rightSecondIconType = '',\n  children,\n  onClickLeftIcon,\n  onClickRgIconSt,\n  onClickRgIconNd,\n  onClickTitle\n}: AtNavBarProps): JSX.Element {\n  const handleClickLeftView = (event: ITouchEvent): void => {\n    onClickLeftIcon && onClickLeftIcon(event)\n  }\n\n  const handleClickSt = (event: ITouchEvent): void => {\n    onClickRgIconSt && onClickRgIconSt(event)\n  }\n\n  const handleClickNd = (event: ITouchEvent): void => {\n    onClickRgIconNd && onClickRgIconNd(event)\n  }\n\n  const handleClickTitle = (event: ITouchEvent): void => {\n    onClickTitle && onClickTitle(event)\n  }\n\n  const linkStyle = { color }\n\n  const defaultIconInfo = {\n    customStyle: '',\n    className: '',\n    prefixClass: 'at-icon',\n    value: '',\n    color: '',\n    size: 24\n  }\n\n  const leftIconInfo =\n    leftIconType instanceof Object\n      ? { ...defaultIconInfo, ...leftIconType }\n      : { ...defaultIconInfo, value: leftIconType }\n  const leftIconClass = classNames(\n    leftIconInfo.prefixClass,\n    {\n      [`${leftIconInfo.prefixClass}-${leftIconInfo.value}`]: leftIconInfo.value\n    },\n    leftIconInfo.className\n  )\n\n  const rightFirstIconInfo =\n    rightFirstIconType instanceof Object\n      ? { ...defaultIconInfo, ...rightFirstIconType }\n      : { ...defaultIconInfo, value: rightFirstIconType }\n  const rightFirstIconClass = classNames(\n    rightFirstIconInfo.prefixClass,\n    {\n      [`${rightFirstIconInfo.prefixClass}-${rightFirstIconInfo.value}`]:\n        rightFirstIconInfo.value\n    },\n    rightFirstIconInfo.className\n  )\n\n  const rightSecondIconInfo =\n    rightSecondIconType instanceof Object\n      ? { ...defaultIconInfo, ...rightSecondIconType }\n      : { ...defaultIconInfo, value: rightSecondIconType }\n  const rightSecondIconClass = classNames(\n    rightSecondIconInfo.prefixClass,\n    {\n      [`${rightSecondIconInfo.prefixClass}-${rightSecondIconInfo.value}`]:\n        rightSecondIconInfo.value\n    },\n    rightSecondIconInfo.className\n  )\n\n  return (\n    <View\n      className={classNames(\n        {\n          'at-nav-bar': true,\n          'at-nav-bar--fixed': fixed,\n          'at-nav-bar--no-border': !border\n        },\n        className\n      )}\n      style={customStyle}\n    >\n      <View\n        className='at-nav-bar__left-view'\n        onClick={handleClickLeftView}\n        style={linkStyle}\n      >\n        {leftIconType && (\n          <Text\n            className={leftIconClass}\n            style={mergeStyle(\n              {\n                color: leftIconInfo.color,\n                fontSize: `${pxTransform(\n                  parseInt(leftIconInfo.size.toString()) * 2\n                )}`\n              },\n              leftIconInfo.customStyle\n            )}\n          ></Text>\n        )}\n        <Text className='at-nav-bar__text'>{leftText}</Text>\n      </View>\n      <View className='at-nav-bar__title' onClick={handleClickTitle}>\n        {title || children}\n      </View>\n      <View className='at-nav-bar__right-view'>\n        <View\n          className={classNames({\n            'at-nav-bar__container': true,\n            'at-nav-bar__container--hide': !rightSecondIconType\n          })}\n          style={linkStyle}\n          onClick={handleClickNd}\n        >\n          {rightSecondIconType && (\n            <Text\n              className={rightSecondIconClass}\n              style={mergeStyle(\n                {\n                  color: rightSecondIconInfo.color,\n                  fontSize: `${pxTransform(\n                    parseInt(rightSecondIconInfo.size.toString()) * 2\n                  )}`\n                },\n                rightSecondIconInfo.customStyle\n              )}\n            ></Text>\n          )}\n        </View>\n        <View\n          className={classNames({\n            'at-nav-bar__container': true,\n            'at-nav-bar__container--hide': !rightFirstIconType\n          })}\n          style={linkStyle}\n          onClick={handleClickSt}\n        >\n          {rightFirstIconType && (\n            <Text\n              className={rightFirstIconClass}\n              style={mergeStyle(\n                {\n                  color: rightFirstIconInfo.color,\n                  fontSize: `${pxTransform(\n                    parseInt(rightFirstIconInfo.size.toString()) * 2\n                  )}`\n                },\n                rightFirstIconInfo.customStyle\n              )}\n            ></Text>\n          )}\n        </View>\n      </View>\n    </View>\n  )\n}\n\nAtNavBar.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  fixed: PropTypes.bool,\n  border: PropTypes.bool,\n  color: PropTypes.string,\n  leftIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  leftText: PropTypes.string,\n  title: PropTypes.string,\n  rightFirstIconType: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  rightSecondIconType: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.object\n  ]),\n  onClickLeftIcon: PropTypes.func,\n  onClickRgIconSt: PropTypes.func,\n  onClickRgIconNd: PropTypes.func,\n  onClickTitle: PropTypes.func\n}\n\nexport default AtNavBar\n"],"mappings":"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","names":[]}

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

@@ -1,16 +1,18 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
-import { AtNoticeBarProps, AtNoticeBarState } from '../../../types/noticebar';
-export default class AtNoticebar extends React.Component<AtNoticeBarProps, AtNoticeBarState> {
-    static defaultProps: AtNoticeBarProps;
-    static propTypes: InferProps<AtNoticeBarProps>;
-    private timeout;
-    private interval;
-    constructor(props: AtNoticeBarProps);
-    private onClose;
-    private onGotoMore;
-    UNSAFE_componentWillReceiveProps(): void;
-    componentDidMount(): void;
-    private initAnimation;
-    render(): JSX.Element | boolean;
+import PropTypes from 'prop-types';
+import { AtNoticeBarProps } from '../../../types/noticebar';
+declare function AtNoticebar({ close, single, marquee, speed, moreText, showMore, icon, customStyle, className, children, onClose, onGotoMore }: AtNoticeBarProps): JSX.Element | boolean;
+declare namespace AtNoticebar {
+    var propTypes: {
+        close: PropTypes.Requireable<boolean>;
+        single: PropTypes.Requireable<boolean>;
+        marquee: PropTypes.Requireable<boolean>;
+        speed: PropTypes.Requireable<number>;
+        moreText: PropTypes.Requireable<string>;
+        showMore: PropTypes.Requireable<boolean>;
+        icon: PropTypes.Requireable<string>;
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onGotoMore: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtNoticebar;