taro-ui 3.3.1 → 3.3.2

package/lib/components/noticebar/index.js

@@ -1,163 +1,186 @@
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { Text, View } from '@tarojs/components';
-import Taro from '@tarojs/taro';
-export default class AtNoticebar extends React.Component {
-    constructor(props) {
-        super(props);
-        const animElemId = `J_${Math.ceil(Math.random() * 10e5).toString(36)}`;
-        this.state = {
-            show: true,
-            animElemId,
-            animationData: {
-                actions: [{}]
-            },
-            dura: 0,
-            isWEAPP: Taro.getEnv() === Taro.ENV_TYPE.WEAPP,
-            isALIPAY: Taro.getEnv() === Taro.ENV_TYPE.ALIPAY,
-            isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB
-        };
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+import Taro from "@tarojs/taro";
+class AtNoticebar extends React.Component {
+  constructor(props) {
+    super(props);
+    const animElemId = `J_${Math.ceil(Math.random() * 1e6).toString(36)}`;
+    this.state = {
+      show: true,
+      animElemId,
+      animationData: {
+        actions: [{}]
+      },
+      dura: 0,
+      isWEAPP: Taro.getEnv() === Taro.ENV_TYPE.WEAPP,
+      isALIPAY: Taro.getEnv() === Taro.ENV_TYPE.ALIPAY,
+      isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB
+    };
+  }
+  onClose(event) {
+    this.setState({
+      show: false
+    });
+    this.props.onClose && this.props.onClose(event);
+  }
+  onGotoMore(event) {
+    this.props.onGotoMore && this.props.onGotoMore(event);
+  }
+  UNSAFE_componentWillReceiveProps() {
+    if (!this.timeout) {
+      this.interval && clearInterval(this.interval);
+      this.initAnimation();
     }
-    onClose(event) {
-        this.setState({
-            show: false
+  }
+  componentDidMount() {
+    if (!this.props.marquee) return;
+    this.initAnimation();
+  }
+  initAnimation() {
+    const { isWEAPP, isALIPAY } = this.state;
+    this.timeout = setTimeout(() => {
+      this.timeout = null;
+      if (this.state.isWEB) {
+        const { speed = 100 } = this.props;
+        const elem = document.querySelector(`.${this.state.animElemId}`);
+        if (!elem) return;
+        const width = elem.getBoundingClientRect().width;
+        const dura = width / +speed;
+        this.setState({ dura });
+      } else if (isWEAPP || isALIPAY) {
+        const query = Taro.createSelectorQuery();
+        query.select(`.${this.state.animElemId}`).boundingClientRect().exec((res) => {
+          const queryRes = res[0];
+          if (!queryRes) return;
+          const { width } = queryRes;
+          const { speed = 100 } = this.props;
+          const dura = width / +speed;
+          const animation = Taro.createAnimation({
+            duration: dura * 1e3,
+            timingFunction: "linear"
+          });
+          const resetAnimation = Taro.createAnimation({
+            duration: 0,
+            timingFunction: "linear"
+          });
+          const resetOpacityAnimation = Taro.createAnimation({
+            duration: 0,
+            timingFunction: "linear"
+          });
+          const animBody = () => {
+            resetOpacityAnimation.opacity(0).step();
+            this.setState({ animationData: resetOpacityAnimation.export() });
+            setTimeout(() => {
+              resetAnimation.translateX(0).step();
+              this.setState({ animationData: resetAnimation.export() });
+            }, 300);
+            setTimeout(() => {
+              resetOpacityAnimation.opacity(1).step();
+              this.setState({ animationData: resetOpacityAnimation.export() });
+            }, 600);
+            setTimeout(() => {
+              animation.translateX(-width).step();
+              this.setState({ animationData: animation.export() });
+            }, 900);
+          };
+          animBody();
+          this.interval = setInterval(animBody, dura * 1e3 + 1e3);
         });
-        this.props.onClose && this.props.onClose(event);
-    }
-    onGotoMore(event) {
-        this.props.onGotoMore && this.props.onGotoMore(event);
-    }
-    UNSAFE_componentWillReceiveProps() {
-        if (!this.timeout) {
-            this.interval && clearInterval(this.interval);
-            this.initAnimation();
-        }
-    }
-    componentDidMount() {
-        if (!this.props.marquee)
-            return;
-        this.initAnimation();
-    }
-    initAnimation() {
-        const { isWEAPP, isALIPAY } = this.state;
-        this.timeout = setTimeout(() => {
-            this.timeout = null;
-            if (this.state.isWEB) {
-                const { speed = 100 } = this.props;
-                const elem = document.querySelector(`.${this.state.animElemId}`);
-                if (!elem)
-                    return;
-                const width = elem.getBoundingClientRect().width;
-                const dura = width / +speed;
-                this.setState({ dura });
-            }
-            else if (isWEAPP || isALIPAY) {
-                const query = Taro.createSelectorQuery();
-                query
-                    .select(`.${this.state.animElemId}`)
-                    .boundingClientRect()
-                    .exec(res => {
-                    const queryRes = res[0];
-                    if (!queryRes)
-                        return;
-                    const { width } = queryRes;
-                    const { speed = 100 } = this.props;
-                    const dura = width / +speed;
-                    const animation = Taro.createAnimation({
-                        duration: dura * 1000,
-                        timingFunction: 'linear'
-                    });
-                    const resetAnimation = Taro.createAnimation({
-                        duration: 0,
-                        timingFunction: 'linear'
-                    });
-                    const resetOpacityAnimation = Taro.createAnimation({
-                        duration: 0,
-                        timingFunction: 'linear'
-                    });
-                    const animBody = () => {
-                        resetOpacityAnimation.opacity(0).step();
-                        this.setState({ animationData: resetOpacityAnimation.export() });
-                        setTimeout(() => {
-                            resetAnimation.translateX(0).step();
-                            this.setState({ animationData: resetAnimation.export() });
-                        }, 300);
-                        setTimeout(() => {
-                            resetOpacityAnimation.opacity(1).step();
-                            this.setState({ animationData: resetOpacityAnimation.export() });
-                        }, 600);
-                        setTimeout(() => {
-                            animation.translateX(-width).step();
-                            this.setState({ animationData: animation.export() });
-                        }, 900);
-                    };
-                    animBody();
-                    this.interval = setInterval(animBody, dura * 1000 + 1000);
-                });
-            }
-        }, 1000);
-    }
-    render() {
-        const { single, icon, marquee, customStyle, className, moreText = '查看详情' } = this.props;
-        let { showMore, close } = this.props;
-        const { dura, show, animElemId, animationData, isWEAPP, isALIPAY } = this.state;
-        const rootClassName = ['at-noticebar'];
-        if (!single)
-            showMore = false;
-        const style = {};
-        const innerClassName = ['at-noticebar__content-inner'];
-        if (marquee) {
-            close = false;
-            innerClassName.push(animElemId);
-            style['animation-delay'] = '3s';
-            if (dura > 0) {
-                style['animation-duration'] = `${dura}s`;
-                style['animation-delay'] = '1s';
-            }
-        }
-        const classObject = {
-            'at-noticebar--marquee': marquee,
-            'at-noticebar--weapp': marquee && (isWEAPP || isALIPAY),
-            'at-noticebar--single': !marquee && single
-        };
-        const iconClass = ['at-icon'];
-        if (icon)
-            iconClass.push(`at-icon-${icon}`);
-        return (show && (React.createElement(View, { className: classNames(rootClassName, classObject, className), style: customStyle },
-            close && (React.createElement(View, { className: 'at-noticebar__close', onClick: this.onClose.bind(this) },
-                React.createElement(Text, { className: 'at-icon at-icon-close' }))),
-            React.createElement(View, { className: 'at-noticebar__content' },
-                icon && (React.createElement(View, { className: 'at-noticebar__content-icon' },
-                    React.createElement(Text, { className: classNames(iconClass, iconClass) }))),
-                React.createElement(View, { className: 'at-noticebar__content-text' },
-                    React.createElement(View, { id: animElemId, animation: animationData, className: classNames(innerClassName), style: style }, this.props.children))),
-            showMore && (React.createElement(View, { className: 'at-noticebar__more', onClick: this.onGotoMore.bind(this) },
-                React.createElement(Text, { className: 'text' }, moreText),
-                React.createElement(View, { className: 'at-noticebar__more-icon' },
-                    React.createElement(Text, { className: 'at-icon at-icon-chevron-right' })))))));
+      }
+    }, 1e3);
+  }
+  render() {
+    const {
+      single,
+      icon,
+      marquee,
+      customStyle,
+      className,
+      moreText = "\u67E5\u770B\u8BE6\u60C5"
+    } = this.props;
+    let { showMore, close } = this.props;
+    const { dura, show, animElemId, animationData, isWEAPP, isALIPAY } = this.state;
+    const rootClassName = ["at-noticebar"];
+    if (!single) showMore = false;
+    const style = {};
+    const innerClassName = ["at-noticebar__content-inner"];
+    if (marquee) {
+      close = false;
+      innerClassName.push(animElemId);
+      style["animation-delay"] = "3s";
+      if (dura > 0) {
+        style["animation-duration"] = `${dura}s`;
+        style["animation-delay"] = "1s";
+      }
     }
+    const classObject = {
+      "at-noticebar--marquee": marquee,
+      "at-noticebar--weapp": marquee && (isWEAPP || isALIPAY),
+      "at-noticebar--single": !marquee && single
+    };
+    const iconClass = ["at-icon"];
+    if (icon) iconClass.push(`at-icon-${icon}`);
+    return show && /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames(rootClassName, classObject, className),
+        style: customStyle
+      },
+      close && /* @__PURE__ */ React.createElement(
+        View,
+        {
+          className: "at-noticebar__close",
+          onClick: this.onClose.bind(this)
+        },
+        /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-close" })
+      ),
+      /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__content" }, icon && /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__content-icon" }, /* @__PURE__ */ React.createElement(Text, { className: classNames(iconClass, iconClass) })), /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__content-text" }, /* @__PURE__ */ React.createElement(
+        View,
+        {
+          id: animElemId,
+          animation: animationData,
+          className: classNames(innerClassName),
+          style
+        },
+        this.props.children
+      ))),
+      showMore && /* @__PURE__ */ React.createElement(
+        View,
+        {
+          className: "at-noticebar__more",
+          onClick: this.onGotoMore.bind(this)
+        },
+        /* @__PURE__ */ React.createElement(Text, { className: "text" }, moreText),
+        /* @__PURE__ */ React.createElement(View, { className: "at-noticebar__more-icon" }, /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-chevron-right" }))
+      )
+    );
+  }
 }
 AtNoticebar.defaultProps = {
-    close: false,
-    single: false,
-    marquee: false,
-    speed: 100,
-    moreText: '查看详情',
-    showMore: false,
-    icon: '',
-    customStyle: {}
+  close: false,
+  single: false,
+  marquee: false,
+  speed: 100,
+  moreText: "\u67E5\u770B\u8BE6\u60C5",
+  showMore: false,
+  icon: "",
+  customStyle: {}
 };
 AtNoticebar.propTypes = {
-    close: PropTypes.bool,
-    single: PropTypes.bool,
-    marquee: PropTypes.bool,
-    speed: PropTypes.number,
-    moreText: PropTypes.string,
-    showMore: PropTypes.bool,
-    icon: PropTypes.string,
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    onClose: PropTypes.func,
-    onGotoMore: PropTypes.func
+  close: PropTypes.bool,
+  single: PropTypes.bool,
+  marquee: PropTypes.bool,
+  speed: PropTypes.number,
+  moreText: PropTypes.string,
+  showMore: PropTypes.bool,
+  icon: PropTypes.string,
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  onClose: PropTypes.func,
+  onGotoMore: PropTypes.func
+};
+export {
+  AtNoticebar as default
 };
 //# sourceMappingURL=index.js.map

package/lib/components/noticebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/noticebar/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/noticebar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtNoticeBarProps, AtNoticeBarState } from '../../../types/noticebar'\n\nexport default class AtNoticebar extends React.Component<\n  AtNoticeBarProps,\n  AtNoticeBarState\n> {\n  public static defaultProps: AtNoticeBarProps\n  public static propTypes: InferProps<AtNoticeBarProps>\n\n  private timeout: ReturnType<typeof setTimeout> | null\n  private interval: ReturnType<typeof setInterval> | null\n\n  public constructor(props: AtNoticeBarProps) {\n    super(props)\n    const animElemId = `J_${Math.ceil(Math.random() * 10e5).toString(36)}`\n    this.state = {\n      show: true,\n      animElemId,\n      animationData: {\n        actions: [{}]\n      },\n      dura: 0,\n      isWEAPP: Taro.getEnv() === Taro.ENV_TYPE.WEAPP,\n      isALIPAY: Taro.getEnv() === Taro.ENV_TYPE.ALIPAY,\n      isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB\n    }\n  }\n\n  private onClose(event: CommonEvent): void {\n    this.setState({\n      show: false\n    })\n    this.props.onClose && this.props.onClose(event)\n  }\n\n  private onGotoMore(event: CommonEvent): void {\n    this.props.onGotoMore && this.props.onGotoMore(event)\n  }\n\n  public UNSAFE_componentWillReceiveProps(): void {\n    if (!this.timeout) {\n      this.interval && clearInterval(this.interval)\n      this.initAnimation()\n    }\n  }\n\n  public componentDidMount(): void {\n    if (!this.props.marquee) return\n    this.initAnimation()\n  }\n\n  private initAnimation(): void {\n    const { isWEAPP, isALIPAY } = this.state\n    this.timeout = setTimeout(() => {\n      this.timeout = null\n      if (this.state.isWEB) {\n        const { speed = 100 } = this.props\n        const elem = document.querySelector(`.${this.state.animElemId}`)\n        if (!elem) return\n        const width = elem.getBoundingClientRect().width\n        const dura = width / +speed\n        this.setState({ dura })\n      } else if (isWEAPP || isALIPAY) {\n        const query = Taro.createSelectorQuery()\n        query\n          .select(`.${this.state.animElemId}`)\n          .boundingClientRect()\n          .exec(res => {\n            const queryRes = res[0]\n            if (!queryRes) return\n            const { width } = queryRes\n            const { speed = 100 } = this.props\n            const dura = width / +speed\n            const animation = Taro.createAnimation({\n              duration: dura * 1000,\n              timingFunction: 'linear'\n            })\n            const resetAnimation = Taro.createAnimation({\n              duration: 0,\n              timingFunction: 'linear'\n            })\n            const resetOpacityAnimation = Taro.createAnimation({\n              duration: 0,\n              timingFunction: 'linear'\n            })\n            const animBody = (): void => {\n              resetOpacityAnimation.opacity(0).step()\n              this.setState({ animationData: resetOpacityAnimation.export() })\n\n              setTimeout(() => {\n                resetAnimation.translateX(0).step()\n                this.setState({ animationData: resetAnimation.export() })\n              }, 300)\n\n              setTimeout(() => {\n                resetOpacityAnimation.opacity(1).step()\n                this.setState({ animationData: resetOpacityAnimation.export() })\n              }, 600)\n\n              setTimeout(() => {\n                animation.translateX(-width).step()\n                this.setState({ animationData: animation.export() })\n              }, 900)\n            }\n            animBody()\n            this.interval = setInterval(animBody, dura * 1000 + 1000)\n          })\n      }\n    }, 1000)\n  }\n\n  public render(): JSX.Element | boolean {\n    const {\n      single,\n      icon,\n      marquee,\n      customStyle,\n      className,\n      moreText = '查看详情'\n    } = this.props\n    let { showMore, close } = this.props\n    const { dura, show, animElemId, animationData, isWEAPP, isALIPAY } =\n      this.state\n    const rootClassName = ['at-noticebar']\n\n    if (!single) showMore = false\n\n    const style = {}\n    const innerClassName = ['at-noticebar__content-inner']\n    if (marquee) {\n      close = false\n      innerClassName.push(animElemId)\n      style['animation-delay'] = '3s'\n\n      if (dura > 0) {\n        style['animation-duration'] = `${dura}s`\n        style['animation-delay'] = '1s'\n      }\n    }\n\n    const classObject = {\n      'at-noticebar--marquee': marquee,\n      'at-noticebar--weapp': marquee && (isWEAPP || isALIPAY),\n      'at-noticebar--single': !marquee && single\n    }\n\n    const iconClass = ['at-icon']\n    if (icon) iconClass.push(`at-icon-${icon}`)\n\n    return (\n      show && (\n        <View\n          className={classNames(rootClassName, classObject, className)}\n          style={customStyle}\n        >\n          {close && (\n            <View\n              className='at-noticebar__close'\n              onClick={this.onClose.bind(this)}\n            >\n              <Text className='at-icon at-icon-close'></Text>\n            </View>\n          )}\n          <View className='at-noticebar__content'>\n            {icon && (\n              <View className='at-noticebar__content-icon'>\n                {/* start hack 百度小程序 */}\n                <Text className={classNames(iconClass, iconClass)}></Text>\n              </View>\n            )}\n            <View className='at-noticebar__content-text'>\n              <View\n                id={animElemId}\n                animation={animationData}\n                className={classNames(innerClassName)}\n                style={style}\n              >\n                {this.props.children}\n              </View>\n            </View>\n          </View>\n          {showMore && (\n            <View\n              className='at-noticebar__more'\n              onClick={this.onGotoMore.bind(this)}\n            >\n              <Text className='text'>{moreText}</Text>\n              <View className='at-noticebar__more-icon'>\n                <Text className='at-icon at-icon-chevron-right'></Text>\n              </View>\n            </View>\n          )}\n        </View>\n      )\n    )\n  }\n}\n\nAtNoticebar.defaultProps = {\n  close: false,\n  single: false,\n  marquee: false,\n  speed: 100,\n  moreText: '查看详情',\n  showMore: false,\n  icon: '',\n  customStyle: {}\n}\n\nAtNoticebar.propTypes = {\n  close: PropTypes.bool,\n  single: PropTypes.bool,\n  marquee: PropTypes.bool,\n  speed: PropTypes.number,\n  moreText: PropTypes.string,\n  showMore: PropTypes.bool,\n  icon: PropTypes.string,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  onClose: PropTypes.func,\n  onGotoMore: PropTypes.func\n}\n"],"mappings":"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","names":[]}

package/lib/components/pagination/index.d.ts

@@ -0,0 +1,12 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtPaginationProps, AtPaginationState } from '../../../types/pagination';
+export default class AtPagination extends React.Component<AtPaginationProps, AtPaginationState> {
+    static defaultProps: AtPaginationProps;
+    static propTypes: InferProps<AtPaginationProps>;
+    constructor(props: AtPaginationProps);
+    private onPrev;
+    private onNext;
+    UNSAFE_componentWillReceiveProps(props: AtPaginationProps): void;
+    render(): JSX.Element;
+}

package/lib/components/pagination/index.js

@@ -1,115 +1,146 @@
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { Text, View } from '@tarojs/components';
-import AtButton from '../button/index';
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+import AtButton from "../button/index";
 const MIN_MAXPAGE = 1;
 const getMaxPage = (maxPage = 0) => {
-    if (maxPage <= 0)
-        return MIN_MAXPAGE;
-    return maxPage;
+  if (maxPage <= 0) return MIN_MAXPAGE;
+  return maxPage;
 };
 const createPickerRange = (max) => {
-    const range = new Array(max).fill(0).map((_val, index) => index + 1);
-    return range;
+  const range = new Array(max).fill(0).map((_val, index) => index + 1);
+  return range;
 };
-export default class AtPagination extends React.Component {
-    constructor(props) {
-        super(props);
-        const { current, pageSize = 20, total } = this.props;
-        const maxPage = getMaxPage(Math.ceil(total / pageSize));
-        this.state = {
-            currentPage: current || 1,
-            maxPage,
-            pickerRange: createPickerRange(maxPage)
-        };
+class AtPagination extends React.Component {
+  constructor(props) {
+    super(props);
+    const { current, pageSize = 20, total } = this.props;
+    const maxPage = getMaxPage(Math.ceil(total / pageSize));
+    this.state = {
+      currentPage: current || 1,
+      maxPage,
+      pickerRange: createPickerRange(maxPage)
+    };
+  }
+  onPrev() {
+    let { currentPage } = this.state;
+    const originCur = currentPage;
+    currentPage -= 1;
+    currentPage = Math.max(1, currentPage);
+    if (originCur === currentPage) return;
+    this.props.onPageChange && this.props.onPageChange({ type: "prev", current: currentPage });
+    this.setState({ currentPage });
+  }
+  onNext() {
+    let { currentPage } = this.state;
+    const originCur = currentPage;
+    const { maxPage } = this.state;
+    currentPage += 1;
+    currentPage = Math.min(maxPage, currentPage);
+    if (originCur === currentPage) return;
+    this.props.onPageChange && this.props.onPageChange({ type: "next", current: currentPage });
+    this.setState({ currentPage });
+  }
+  UNSAFE_componentWillReceiveProps(props) {
+    const { total, pageSize = 20, current } = props;
+    const maxPage = getMaxPage(Math.ceil(total / pageSize));
+    if (maxPage !== this.state.maxPage) {
+      this.setState({
+        maxPage,
+        pickerRange: createPickerRange(maxPage)
+      });
     }
-    onPrev() {
-        let { currentPage } = this.state;
-        const originCur = currentPage;
-        currentPage -= 1;
-        currentPage = Math.max(1, currentPage);
-        if (originCur === currentPage)
-            return;
-        this.props.onPageChange &&
-            this.props.onPageChange({ type: 'prev', current: currentPage });
-        this.setState({ currentPage });
-    }
-    onNext() {
-        let { currentPage } = this.state;
-        const originCur = currentPage;
-        const { maxPage } = this.state;
-        currentPage += 1;
-        currentPage = Math.min(maxPage, currentPage);
-        if (originCur === currentPage)
-            return;
-        this.props.onPageChange &&
-            this.props.onPageChange({ type: 'next', current: currentPage });
-        this.setState({ currentPage });
-    }
-    UNSAFE_componentWillReceiveProps(props) {
-        const { total, pageSize = 20, current } = props;
-        const maxPage = getMaxPage(Math.ceil(total / pageSize));
-        if (maxPage !== this.state.maxPage) {
-            this.setState({
-                maxPage,
-                pickerRange: createPickerRange(maxPage)
-            });
-        }
-        if (typeof current === 'number' && current !== this.state.currentPage) {
-            this.setState({ currentPage: current });
-        }
-    }
-    // onPickerChange (evt) {
-    //   const { value } = evt.detail
-    //   const current = +value + 1
-    //   if (current === this.state.currentPage) return
-    //   this.props.onPageChange && this.props.onPageChange({ type: 'pick', current })
-    //   this.setState({
-    //     currentPage: current,
-    //   })
-    // }
-    render() {
-        const { icon, 
-        // pickerSelect,
-        customStyle } = this.props;
-        const { currentPage, maxPage
-        // pickerRange,
-         } = this.state;
-        const rootClassName = ['at-pagination'];
-        const prevDisabled = maxPage === MIN_MAXPAGE || currentPage === 1;
-        const nextDisabled = maxPage === MIN_MAXPAGE || currentPage === maxPage;
-        const classObject = {
-            'at-pagination--icon': icon
-        };
-        return (React.createElement(View, { className: classNames(rootClassName, classObject, this.props.className), style: customStyle },
-            React.createElement(View, { className: 'at-pagination__btn-prev' },
-                icon && (React.createElement(AtButton, { onClick: this.onPrev.bind(this), size: 'small', disabled: prevDisabled },
-                    React.createElement(Text, { className: 'at-icon at-icon-chevron-left' }))),
-                !icon && (React.createElement(AtButton, { onClick: this.onPrev.bind(this), size: 'small', disabled: prevDisabled }, "\u4E0A\u4E00\u9875"))),
-            React.createElement(View, { className: 'at-pagination__number' },
-                React.createElement(Text, { className: 'at-pagination__number-current' }, currentPage),
-                "/",
-                maxPage),
-            React.createElement(View, { className: 'at-pagination__btn-next' },
-                icon && (React.createElement(AtButton, { onClick: this.onNext.bind(this), size: 'small', disabled: nextDisabled },
-                    React.createElement(Text, { className: 'at-icon at-icon-chevron-right' }))),
-                !icon && (React.createElement(AtButton, { onClick: this.onNext.bind(this), size: 'small', disabled: nextDisabled }, "\u4E0B\u4E00\u9875")))));
+    if (typeof current === "number" && current !== this.state.currentPage) {
+      this.setState({ currentPage: current });
     }
+  }
+  // onPickerChange (evt) {
+  //   const { value } = evt.detail
+  //   const current = +value + 1
+  //   if (current === this.state.currentPage) return
+  //   this.props.onPageChange && this.props.onPageChange({ type: 'pick', current })
+  //   this.setState({
+  //     currentPage: current,
+  //   })
+  // }
+  render() {
+    const {
+      icon,
+      // pickerSelect,
+      customStyle
+    } = this.props;
+    const {
+      currentPage,
+      maxPage
+      // pickerRange,
+    } = this.state;
+    const rootClassName = ["at-pagination"];
+    const prevDisabled = maxPage === MIN_MAXPAGE || currentPage === 1;
+    const nextDisabled = maxPage === MIN_MAXPAGE || currentPage === maxPage;
+    const classObject = {
+      "at-pagination--icon": icon
+    };
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames(rootClassName, classObject, this.props.className),
+        style: customStyle
+      },
+      /* @__PURE__ */ React.createElement(View, { className: "at-pagination__btn-prev" }, icon && /* @__PURE__ */ React.createElement(
+        AtButton,
+        {
+          onClick: this.onPrev.bind(this),
+          size: "small",
+          disabled: prevDisabled
+        },
+        /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-chevron-left" })
+      ), !icon && /* @__PURE__ */ React.createElement(
+        AtButton,
+        {
+          onClick: this.onPrev.bind(this),
+          size: "small",
+          disabled: prevDisabled
+        },
+        "\u4E0A\u4E00\u9875"
+      )),
+      /* @__PURE__ */ React.createElement(View, { className: "at-pagination__number" }, /* @__PURE__ */ React.createElement(Text, { className: "at-pagination__number-current" }, currentPage), "/", maxPage),
+      /* @__PURE__ */ React.createElement(View, { className: "at-pagination__btn-next" }, icon && /* @__PURE__ */ React.createElement(
+        AtButton,
+        {
+          onClick: this.onNext.bind(this),
+          size: "small",
+          disabled: nextDisabled
+        },
+        /* @__PURE__ */ React.createElement(Text, { className: "at-icon at-icon-chevron-right" })
+      ), !icon && /* @__PURE__ */ React.createElement(
+        AtButton,
+        {
+          onClick: this.onNext.bind(this),
+          size: "small",
+          disabled: nextDisabled
+        },
+        "\u4E0B\u4E00\u9875"
+      ))
+    );
+  }
 }
 AtPagination.defaultProps = {
-    current: 1,
-    total: 0,
-    pageSize: 20,
-    icon: false,
-    customStyle: {}
+  current: 1,
+  total: 0,
+  pageSize: 20,
+  icon: false,
+  customStyle: {}
 };
 AtPagination.propTypes = {
-    current: PropTypes.number,
-    total: PropTypes.number,
-    pageSize: PropTypes.number,
-    icon: PropTypes.bool,
-    customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-    onPageChange: PropTypes.func
+  current: PropTypes.number,
+  total: PropTypes.number,
+  pageSize: PropTypes.number,
+  icon: PropTypes.bool,
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  onPageChange: PropTypes.func
+};
+export {
+  AtPagination as default
 };
 //# sourceMappingURL=index.js.map