taro-ui 3.3.1 → 3.3.3

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

@@ -0,0 +1,170 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Image, Text, View } from "@tarojs/components";
+import { mergeStyle } from "../../common/utils";
+import AtBadge from "../badge/index";
+class AtTabBar extends React.Component {
+  // constructor () {
+  //   super(...arguments)
+  //   this.state = {
+  //     isIPhoneX: false
+  //   }
+  // }
+  // componentDidMount () {
+  //   const curEnv = Taro.getEnv()
+  //   if (
+  //     curEnv === Taro.ENV_TYPE.WEAPP &&
+  //     Taro.getSystemInfoSync().model.indexOf('iPhone X') >= 0
+  //   ) {
+  //     this.setState({ isIPhoneX: true })
+  //   }
+  // }
+  handleClick(index, event) {
+    this.props.onClick(index, event);
+  }
+  render() {
+    const {
+      customStyle = "",
+      className,
+      fixed,
+      backgroundColor,
+      tabList,
+      current,
+      color,
+      iconSize,
+      fontSize,
+      selectedColor
+    } = this.props;
+    const defaultStyle = {
+      color: color || ""
+    };
+    const selectedStyle = {
+      color: selectedColor || ""
+    };
+    const titleStyle = {
+      fontSize: fontSize ? `${fontSize}px` : ""
+    };
+    const rootStyle = {
+      backgroundColor: backgroundColor || ""
+    };
+    const imgStyle = {
+      width: `${iconSize}px`,
+      height: `${iconSize}px`
+    };
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames(
+          {
+            "at-tab-bar": true,
+            "at-tab-bar--fixed": fixed
+            // 'at-tab-bar--ipx': isIPhoneX
+          },
+          className
+        ),
+        style: mergeStyle(rootStyle, customStyle)
+      },
+      tabList.map((item, i) => /* @__PURE__ */ React.createElement(
+        View,
+        {
+          className: classNames("at-tab-bar__item", {
+            "at-tab-bar__item--active": current === i
+          }),
+          style: current === i ? selectedStyle : defaultStyle,
+          key: i,
+          onClick: this.handleClick.bind(this, i)
+        },
+        item.iconType ? /* @__PURE__ */ React.createElement(
+          AtBadge,
+          {
+            dot: !!item.dot,
+            value: item.text,
+            maxValue: Number(item.max)
+          },
+          /* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__icon" }, /* @__PURE__ */ React.createElement(
+            Text,
+            {
+              className: classNames(
+                `${item.iconPrefixClass || "at-icon"}`,
+                {
+                  [`${item.iconPrefixClass || "at-icon"}-${item.selectedIconType}`]: current === i && item.selectedIconType,
+                  [`${item.iconPrefixClass || "at-icon"}-${item.iconType}`]: !(current === i && item.selectedIconType)
+                }
+              ),
+              style: {
+                color: current === i ? selectedColor : color,
+                fontSize: iconSize ? `${iconSize}px` : ""
+              }
+            }
+          ))
+        ) : null,
+        item.image ? /* @__PURE__ */ React.createElement(
+          AtBadge,
+          {
+            dot: !!item.dot,
+            value: item.text,
+            maxValue: Number(item.max)
+          },
+          /* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__icon" }, /* @__PURE__ */ React.createElement(
+            Image,
+            {
+              className: classNames("at-tab-bar__inner-img", {
+                "at-tab-bar__inner-img--inactive": current !== i
+              }),
+              mode: "widthFix",
+              src: item.selectedImage || item.image,
+              style: imgStyle
+            }
+          ), /* @__PURE__ */ React.createElement(
+            Image,
+            {
+              className: classNames("at-tab-bar__inner-img", {
+                "at-tab-bar__inner-img--inactive": current === i
+              }),
+              mode: "widthFix",
+              src: item.image,
+              style: imgStyle
+            }
+          ))
+        ) : null,
+        /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
+          AtBadge,
+          {
+            dot: item.iconType || item.image ? false : !!item.dot,
+            value: item.iconType || item.image ? "" : item.text,
+            maxValue: item.iconType || item.image ? 0 : Number(item.max)
+          },
+          /* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__title", style: titleStyle }, item.title)
+        ))
+      ))
+    );
+  }
+}
+AtTabBar.defaultProps = {
+  customStyle: "",
+  className: "",
+  fixed: false,
+  current: 0,
+  tabList: [],
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onClick: () => {
+  }
+};
+AtTabBar.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  fixed: PropTypes.bool,
+  backgroundColor: PropTypes.string,
+  current: PropTypes.number,
+  iconSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  color: PropTypes.string,
+  selectedColor: PropTypes.string,
+  tabList: PropTypes.array,
+  onClick: PropTypes.func
+};
+export {
+  AtTabBar as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tab-bar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Image, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtTabBarProps, TabItem } from '../../../types/tab-bar'\nimport { mergeStyle } from '../../common/utils'\nimport AtBadge from '../badge/index'\n\nexport default class AtTabBar extends React.Component<AtTabBarProps> {\n  public static defaultProps: AtTabBarProps\n  public static propTypes: InferProps<AtTabBarProps>\n\n  // constructor () {\n  //   super(...arguments)\n  //   this.state = {\n  //     isIPhoneX: false\n  //   }\n  // }\n\n  // componentDidMount () {\n  //   const curEnv = Taro.getEnv()\n\n  //   if (\n  //     curEnv === Taro.ENV_TYPE.WEAPP &&\n  //     Taro.getSystemInfoSync().model.indexOf('iPhone X') >= 0\n  //   ) {\n  //     this.setState({ isIPhoneX: true })\n  //   }\n  // }\n\n  private handleClick(index: number, event: CommonEvent): void {\n    this.props.onClick(index, event)\n  }\n\n  public render(): JSX.Element {\n    const {\n      customStyle = '',\n      className,\n      fixed,\n      backgroundColor,\n      tabList,\n      current,\n      color,\n      iconSize,\n      fontSize,\n      selectedColor\n    } = this.props\n    // const { isIPhoneX } = this.state\n    const defaultStyle = {\n      color: color || ''\n    }\n    const selectedStyle = {\n      color: selectedColor || ''\n    }\n    const titleStyle = {\n      fontSize: fontSize ? `${fontSize}px` : ''\n    }\n    const rootStyle = {\n      backgroundColor: backgroundColor || ''\n    }\n    const imgStyle = {\n      width: `${iconSize}px`,\n      height: `${iconSize}px`\n    }\n\n    return (\n      <View\n        className={classNames(\n          {\n            'at-tab-bar': true,\n            'at-tab-bar--fixed': fixed\n            // 'at-tab-bar--ipx': isIPhoneX\n          },\n          className\n        )}\n        style={mergeStyle(rootStyle, customStyle)}\n      >\n        {tabList.map((item: TabItem, i: number) => (\n          <View\n            className={classNames('at-tab-bar__item', {\n              'at-tab-bar__item--active': current === i\n            })}\n            style={current === i ? selectedStyle : defaultStyle}\n            key={i}\n            onClick={this.handleClick.bind(this, i)}\n          >\n            {item.iconType ? (\n              <AtBadge\n                dot={!!item.dot}\n                value={item.text}\n                maxValue={Number(item.max)}\n              >\n                <View className='at-tab-bar__icon'>\n                  <Text\n                    className={classNames(\n                      `${item.iconPrefixClass || 'at-icon'}`,\n                      {\n                        [`${item.iconPrefixClass || 'at-icon'}-${\n                          item.selectedIconType\n                        }`]: current === i && item.selectedIconType,\n                        [`${item.iconPrefixClass || 'at-icon'}-${\n                          item.iconType\n                        }`]: !(current === i && item.selectedIconType)\n                      }\n                    )}\n                    style={{\n                      color: current === i ? selectedColor : color,\n                      fontSize: iconSize ? `${iconSize}px` : ''\n                    }}\n                  ></Text>\n                </View>\n              </AtBadge>\n            ) : null}\n\n            {item.image ? (\n              <AtBadge\n                dot={!!item.dot}\n                value={item.text}\n                maxValue={Number(item.max)}\n              >\n                <View className='at-tab-bar__icon'>\n                  <Image\n                    className={classNames('at-tab-bar__inner-img', {\n                      'at-tab-bar__inner-img--inactive': current !== i\n                    })}\n                    mode='widthFix'\n                    src={item.selectedImage || item.image}\n                    style={imgStyle}\n                  ></Image>\n                  <Image\n                    className={classNames('at-tab-bar__inner-img', {\n                      'at-tab-bar__inner-img--inactive': current === i\n                    })}\n                    mode='widthFix'\n                    src={item.image}\n                    style={imgStyle}\n                  ></Image>\n                </View>\n              </AtBadge>\n            ) : null}\n\n            <View>\n              <AtBadge\n                dot={item.iconType || item.image ? false : !!item.dot}\n                value={item.iconType || item.image ? '' : item.text}\n                maxValue={item.iconType || item.image ? 0 : Number(item.max)}\n              >\n                <View className='at-tab-bar__title' style={titleStyle}>\n                  {item.title}\n                </View>\n              </AtBadge>\n            </View>\n          </View>\n        ))}\n      </View>\n    )\n  }\n}\n\nAtTabBar.defaultProps = {\n  customStyle: '',\n  className: '',\n  fixed: false,\n  current: 0,\n  tabList: [],\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onClick: (): void => {}\n}\n\nAtTabBar.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  fixed: PropTypes.bool,\n  backgroundColor: PropTypes.string,\n  current: PropTypes.number,\n  iconSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  color: PropTypes.string,\n  selectedColor: PropTypes.string,\n  tabList: PropTypes.array,\n  onClick: PropTypes.func\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,24 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtTabsProps, AtTabsState } from '../../../types/tabs';
+export default class AtTabs extends React.Component<AtTabsProps, AtTabsState> {
+    static defaultProps: AtTabsProps;
+    static propTypes: InferProps<AtTabsProps>;
+    private _tabId;
+    private _touchDot;
+    private _timer;
+    private _interval;
+    private _isMoving;
+    private tabHeaderRef;
+    constructor(props: AtTabsProps);
+    private updateState;
+    private handleClick;
+    private handleTouchStart;
+    private handleTouchMove;
+    private handleTouchEnd;
+    private getTabHeaderRef;
+    UNSAFE_componentWillReceiveProps(nextProps: AtTabsProps): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}

package/dist/components/tabs/index.js

@@ -0,0 +1,219 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { ScrollView, View } from "@tarojs/components";
+import Taro from "@tarojs/taro";
+import { isTest, mergeStyle, uuid } from "../../common/utils";
+const ENV = Taro.getEnv();
+const MIN_DISTANCE = 100;
+const MAX_INTERVAL = 10;
+class AtTabs extends React.Component {
+  constructor(props) {
+    super(props);
+    this.updateState = (idx) => {
+      if (this.props.scroll) {
+        switch (ENV) {
+          case Taro.ENV_TYPE.WEAPP:
+          case Taro.ENV_TYPE.ALIPAY:
+          case Taro.ENV_TYPE.SWAN: {
+            const index = Math.max(idx - 1, 0);
+            this.setState({
+              _scrollIntoView: `tab${this._tabId}${index}`
+            });
+            break;
+          }
+          case Taro.ENV_TYPE.WEB: {
+            const index = Math.max(idx - 1, 0);
+            const prevTabItem = this.tabHeaderRef.children[index];
+            prevTabItem && this.setState({
+              _scrollTop: prevTabItem.offsetTop,
+              _scrollLeft: prevTabItem.offsetLeft
+            });
+            break;
+          }
+          default: {
+            console.warn("AtTab \u7EC4\u4EF6\u5728\u8BE5\u73AF\u5883\u8FD8\u672A\u9002\u914D");
+            break;
+          }
+        }
+      }
+    };
+    this.state = {
+      _scrollLeft: 0,
+      _scrollTop: 0,
+      _scrollIntoView: ""
+    };
+    this._tabId = isTest() ? "tabs-AOTU2018" : uuid();
+    this._touchDot = 0;
+    this._timer = null;
+    this._interval = 0;
+    this._isMoving = false;
+  }
+  handleClick(index, event) {
+    this.props.onClick(index, event);
+  }
+  handleTouchStart(e) {
+    const { swipeable, tabDirection } = this.props;
+    if (!swipeable || tabDirection === "vertical") return;
+    this._touchDot = e.touches[0].pageX;
+    this._timer = setInterval(() => {
+      this._interval++;
+    }, 100);
+  }
+  handleTouchMove(e) {
+    const { swipeable, tabDirection, current, tabList } = this.props;
+    if (!swipeable || tabDirection === "vertical") return;
+    const touchMove = e.touches[0].pageX;
+    const moveDistance = touchMove - this._touchDot;
+    const maxIndex = tabList.length;
+    if (!this._isMoving && this._interval < MAX_INTERVAL && this._touchDot > 20) {
+      if (current + 1 < maxIndex && moveDistance <= -MIN_DISTANCE) {
+        this._isMoving = true;
+        this.handleClick(current + 1, e);
+      } else if (current - 1 >= 0 && moveDistance >= MIN_DISTANCE) {
+        this._isMoving = true;
+        this.handleClick(current - 1, e);
+      }
+    }
+  }
+  handleTouchEnd() {
+    const { swipeable, tabDirection } = this.props;
+    if (!swipeable || tabDirection === "vertical") return;
+    this._timer && clearInterval(this._timer);
+    this._interval = 0;
+    this._isMoving = false;
+  }
+  getTabHeaderRef() {
+    if (ENV === Taro.ENV_TYPE.WEB) {
+      this.tabHeaderRef = document.getElementById(this._tabId);
+    }
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.scroll !== this.props.scroll) {
+      this.getTabHeaderRef();
+    }
+    if (nextProps.current !== this.props.current) {
+      this.updateState(nextProps.current);
+    }
+  }
+  componentDidMount() {
+    this.getTabHeaderRef();
+    this.updateState(this.props.current);
+  }
+  componentWillUnmount() {
+    this.tabHeaderRef = null;
+  }
+  render() {
+    const {
+      customStyle = "",
+      className,
+      height,
+      tabDirection,
+      animated,
+      tabList,
+      scroll,
+      current
+    } = this.props;
+    const { _scrollLeft, _scrollTop, _scrollIntoView } = this.state;
+    const heightStyle = { height };
+    const underlineStyle = {
+      height: tabDirection === "vertical" ? `${tabList.length * 100}%` : "1PX",
+      width: tabDirection === "horizontal" ? `${tabList.length * 100}%` : "1PX"
+    };
+    const bodyStyle = {};
+    let transformStyle = `translate3d(0px, -${current * 100}%, 0px)`;
+    if (tabDirection === "horizontal") {
+      transformStyle = `translate3d(-${current * 100}%, 0px, 0px)`;
+    }
+    Object.assign(bodyStyle, {
+      transform: transformStyle
+    });
+    if (!animated) {
+      bodyStyle.transition = "unset";
+    }
+    const tabItems = tabList.map((item, idx) => {
+      const itemCls = classNames({
+        "at-tabs__item": true,
+        "at-tabs__item--active": current === idx
+      });
+      return /* @__PURE__ */ React.createElement(
+        View,
+        {
+          className: itemCls,
+          id: `tab${this._tabId}${idx}`,
+          key: `at-tabs-item-${idx}`,
+          onClick: this.handleClick.bind(this, idx)
+        },
+        item.title,
+        /* @__PURE__ */ React.createElement(View, { className: "at-tabs__item-underline" })
+      );
+    });
+    const rootCls = classNames(
+      {
+        "at-tabs": true,
+        "at-tabs--scroll": scroll,
+        [`at-tabs--${tabDirection}`]: true,
+        [`at-tabs--${ENV}`]: true
+      },
+      className
+    );
+    const scrollX = tabDirection === "horizontal";
+    const scrollY = tabDirection === "vertical";
+    return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: mergeStyle(heightStyle, customStyle) }, scroll ? /* @__PURE__ */ React.createElement(
+      ScrollView,
+      {
+        id: this._tabId,
+        className: "at-tabs__header",
+        style: heightStyle,
+        scrollX,
+        scrollY,
+        scrollWithAnimation: true,
+        scrollLeft: _scrollLeft,
+        scrollTop: _scrollTop,
+        scrollIntoView: _scrollIntoView
+      },
+      tabItems
+    ) : /* @__PURE__ */ React.createElement(View, { id: this._tabId, className: "at-tabs__header" }, tabItems), /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: "at-tabs__body",
+        onTouchStart: this.handleTouchStart.bind(this),
+        onTouchEnd: this.handleTouchEnd.bind(this),
+        onTouchMove: this.handleTouchMove.bind(this),
+        style: mergeStyle(bodyStyle, heightStyle)
+      },
+      /* @__PURE__ */ React.createElement(View, { className: "at-tabs__underline", style: underlineStyle }),
+      this.props.children
+    ));
+  }
+}
+AtTabs.defaultProps = {
+  customStyle: "",
+  className: "",
+  tabDirection: "horizontal",
+  height: "",
+  current: 0,
+  swipeable: true,
+  scroll: false,
+  animated: true,
+  tabList: [],
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onClick: () => {
+  }
+};
+AtTabs.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  height: PropTypes.string,
+  tabDirection: PropTypes.oneOf(["horizontal", "vertical"]),
+  current: PropTypes.number,
+  swipeable: PropTypes.bool,
+  scroll: PropTypes.bool,
+  animated: PropTypes.bool,
+  tabList: PropTypes.array,
+  onClick: PropTypes.func
+};
+export {
+  AtTabs as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { ScrollView, View } from '@tarojs/components'\nimport { CommonEvent, ITouchEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtTabsProps, AtTabsState } from '../../../types/tabs'\nimport { isTest, mergeStyle, uuid } from '../../common/utils'\n\nconst ENV = Taro.getEnv()\nconst MIN_DISTANCE = 100\nconst MAX_INTERVAL = 10\n\nexport default class AtTabs extends React.Component<AtTabsProps, AtTabsState> {\n  public static defaultProps: AtTabsProps\n  public static propTypes: InferProps<AtTabsProps>\n\n  private _tabId: string\n  private _touchDot: number\n  private _timer: ReturnType<typeof setInterval> | null\n  private _interval: number\n  private _isMoving: boolean\n  private tabHeaderRef: any\n\n  public constructor(props: AtTabsProps) {\n    super(props)\n    this.state = {\n      _scrollLeft: 0,\n      _scrollTop: 0,\n      _scrollIntoView: ''\n    }\n    this._tabId = isTest() ? 'tabs-AOTU2018' : uuid()\n    // 触摸时的原点\n    this._touchDot = 0\n    // 定时器\n    this._timer = null\n    // 滑动时间间隔\n    this._interval = 0\n    // 是否已经在滑动\n    this._isMoving = false\n  }\n\n  private updateState = (idx: number): void => {\n    if (this.props.scroll) {\n      // 标签栏滚动\n      switch (ENV) {\n        case Taro.ENV_TYPE.WEAPP:\n        case Taro.ENV_TYPE.ALIPAY:\n        case Taro.ENV_TYPE.SWAN: {\n          const index = Math.max(idx - 1, 0)\n          this.setState({\n            _scrollIntoView: `tab${this._tabId}${index}`\n          })\n          break\n        }\n        case Taro.ENV_TYPE.WEB: {\n          const index = Math.max(idx - 1, 0)\n          const prevTabItem = this.tabHeaderRef.children[index]\n          prevTabItem &&\n            this.setState({\n              _scrollTop: prevTabItem.offsetTop,\n              _scrollLeft: prevTabItem.offsetLeft\n            })\n          break\n        }\n        default: {\n          console.warn('AtTab 组件在该环境还未适配')\n          break\n        }\n      }\n    }\n  }\n\n  private handleClick(index: number, event: CommonEvent): void {\n    this.props.onClick(index, event)\n  }\n\n  private handleTouchStart(e: ITouchEvent): void {\n    const { swipeable, tabDirection } = this.props\n    if (!swipeable || tabDirection === 'vertical') return\n    // 获取触摸时的原点\n    this._touchDot = e.touches[0].pageX\n    // 使用js计时器记录时间\n    this._timer = setInterval(() => {\n      this._interval++\n    }, 100)\n  }\n\n  private handleTouchMove(e: ITouchEvent): void {\n    const { swipeable, tabDirection, current, tabList } = this.props\n    if (!swipeable || tabDirection === 'vertical') return\n\n    const touchMove = e.touches[0].pageX\n    const moveDistance = touchMove - this._touchDot\n    const maxIndex = tabList.length\n\n    if (\n      !this._isMoving &&\n      this._interval < MAX_INTERVAL &&\n      this._touchDot > 20\n    ) {\n      // 向左滑动\n      if (current + 1 < maxIndex && moveDistance <= -MIN_DISTANCE) {\n        this._isMoving = true\n        this.handleClick(current + 1, e)\n\n        // 向右滑动\n      } else if (current - 1 >= 0 && moveDistance >= MIN_DISTANCE) {\n        this._isMoving = true\n        this.handleClick(current - 1, e)\n      }\n    }\n  }\n\n  private handleTouchEnd(): void {\n    const { swipeable, tabDirection } = this.props\n    if (!swipeable || tabDirection === 'vertical') return\n\n    this._timer && clearInterval(this._timer)\n    this._interval = 0\n    this._isMoving = false\n  }\n\n  private getTabHeaderRef(): void {\n    if (ENV === Taro.ENV_TYPE.WEB) {\n      this.tabHeaderRef = document.getElementById(this._tabId)\n    }\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtTabsProps): void {\n    if (nextProps.scroll !== this.props.scroll) {\n      this.getTabHeaderRef()\n    }\n    if (nextProps.current !== this.props.current) {\n      this.updateState(nextProps.current)\n    }\n  }\n\n  public componentDidMount(): void {\n    this.getTabHeaderRef()\n    this.updateState(this.props.current)\n  }\n\n  public componentWillUnmount(): void {\n    this.tabHeaderRef = null\n  }\n\n  public render(): JSX.Element {\n    const {\n      customStyle = '',\n      className,\n      height,\n      tabDirection,\n      animated,\n      tabList,\n      scroll,\n      current\n    } = this.props\n    const { _scrollLeft, _scrollTop, _scrollIntoView } = this.state\n\n    const heightStyle = { height }\n    const underlineStyle = {\n      height: tabDirection === 'vertical' ? `${tabList.length * 100}%` : '1PX',\n      width: tabDirection === 'horizontal' ? `${tabList.length * 100}%` : '1PX'\n    }\n    const bodyStyle: React.CSSProperties = {}\n    let transformStyle = `translate3d(0px, -${current * 100}%, 0px)`\n    if (tabDirection === 'horizontal') {\n      transformStyle = `translate3d(-${current * 100}%, 0px, 0px)`\n    }\n    Object.assign(bodyStyle, {\n      transform: transformStyle\n    })\n    if (!animated) {\n      bodyStyle.transition = 'unset'\n    }\n\n    const tabItems = tabList.map((item, idx) => {\n      const itemCls = classNames({\n        'at-tabs__item': true,\n        'at-tabs__item--active': current === idx\n      })\n\n      return (\n        <View\n          className={itemCls}\n          id={`tab${this._tabId}${idx}`}\n          key={`at-tabs-item-${idx}`}\n          onClick={this.handleClick.bind(this, idx)}\n        >\n          {item.title}\n          <View className='at-tabs__item-underline'></View>\n        </View>\n      )\n    })\n    const rootCls = classNames(\n      {\n        'at-tabs': true,\n        'at-tabs--scroll': scroll,\n        [`at-tabs--${tabDirection}`]: true,\n        [`at-tabs--${ENV}`]: true\n      },\n      className\n    )\n    const scrollX = tabDirection === 'horizontal'\n    const scrollY = tabDirection === 'vertical'\n\n    return (\n      <View className={rootCls} style={mergeStyle(heightStyle, customStyle)}>\n        {scroll ? (\n          <ScrollView\n            id={this._tabId}\n            className='at-tabs__header'\n            style={heightStyle}\n            scrollX={scrollX}\n            scrollY={scrollY}\n            scrollWithAnimation\n            scrollLeft={_scrollLeft}\n            scrollTop={_scrollTop}\n            scrollIntoView={_scrollIntoView}\n          >\n            {tabItems}\n          </ScrollView>\n        ) : (\n          <View id={this._tabId} className='at-tabs__header'>\n            {tabItems}\n          </View>\n        )}\n        <View\n          className='at-tabs__body'\n          onTouchStart={this.handleTouchStart.bind(this)}\n          onTouchEnd={this.handleTouchEnd.bind(this)}\n          onTouchMove={this.handleTouchMove.bind(this)}\n          style={mergeStyle(bodyStyle, heightStyle)}\n        >\n          <View className='at-tabs__underline' style={underlineStyle}></View>\n          {this.props.children}\n        </View>\n      </View>\n    )\n  }\n}\n\nAtTabs.defaultProps = {\n  customStyle: '',\n  className: '',\n  tabDirection: 'horizontal',\n  height: '',\n  current: 0,\n  swipeable: true,\n  scroll: false,\n  animated: true,\n  tabList: [],\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onClick: (): void => {}\n}\n\nAtTabs.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  height: PropTypes.string,\n  tabDirection: PropTypes.oneOf(['horizontal', 'vertical']),\n  current: PropTypes.number,\n  swipeable: PropTypes.bool,\n  scroll: PropTypes.bool,\n  animated: PropTypes.bool,\n  tabList: PropTypes.array,\n  onClick: PropTypes.func\n}\n"],"mappings":"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","names":[]}

package/dist/components/tabs-pane/index.d.ts

@@ -0,0 +1,8 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtTabsPaneProps } from '../../../types/tabs-pane';
+export default class AtTabsPane extends React.Component<AtTabsPaneProps> {
+    static defaultProps: AtTabsPaneProps;
+    static propTypes: InferProps<AtTabsPaneProps>;
+    render(): JSX.Element;
+}

package/dist/components/tabs-pane/index.js

@@ -0,0 +1,43 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+class AtTabsPane extends React.Component {
+  render() {
+    const { customStyle, className, tabDirection, index, current } = this.props;
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames(
+          {
+            "at-tabs-pane": true,
+            "at-tabs-pane--vertical": tabDirection === "vertical",
+            "at-tabs-pane--active": index === current,
+            "at-tabs-pane--inactive": index !== current
+          },
+          className
+        ),
+        style: customStyle
+      },
+      this.props.children
+    );
+  }
+}
+AtTabsPane.defaultProps = {
+  customStyle: "",
+  className: "",
+  tabDirection: "horizontal",
+  index: 0,
+  current: 0
+};
+AtTabsPane.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  tabDirection: PropTypes.oneOf(["horizontal", "vertical"]),
+  index: PropTypes.number,
+  current: PropTypes.number
+};
+export {
+  AtTabsPane as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/tabs-pane/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tabs-pane/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtTabsPaneProps } from '../../../types/tabs-pane'\n\nexport default class AtTabsPane extends React.Component<AtTabsPaneProps> {\n  public static defaultProps: AtTabsPaneProps\n  public static propTypes: InferProps<AtTabsPaneProps>\n\n  public render(): JSX.Element {\n    const { customStyle, className, tabDirection, index, current } = this.props\n\n    return (\n      <View\n        className={classNames(\n          {\n            'at-tabs-pane': true,\n            'at-tabs-pane--vertical': tabDirection === 'vertical',\n            'at-tabs-pane--active': index === current,\n            'at-tabs-pane--inactive': index !== current\n          },\n          className\n        )}\n        style={customStyle}\n      >\n        {this.props.children}\n      </View>\n    )\n  }\n}\n\nAtTabsPane.defaultProps = {\n  customStyle: '',\n  className: '',\n  tabDirection: 'horizontal',\n  index: 0,\n  current: 0\n}\n\nAtTabsPane.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  tabDirection: PropTypes.oneOf(['horizontal', 'vertical']),\n  index: PropTypes.number,\n  current: PropTypes.number\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,mBAAiC,MAAM,UAA2B;AAAA,EAIhE,SAAsB;AAC3B,UAAM,EAAE,aAAa,WAAW,cAAc,OAAO,QAAQ,IAAI,KAAK;AAEtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,YACE,gBAAgB;AAAA,YAChB,0BAA0B,iBAAiB;AAAA,YAC3C,wBAAwB,UAAU;AAAA,YAClC,0BAA0B,UAAU;AAAA,UACtC;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA;AAAA,MAEN,KAAK,MAAM;AAAA,IACd;AAAA,EAEJ;AACF;AAEA,WAAW,eAAe;AAAA,EACxB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AACX;AAEA,WAAW,YAAY;AAAA,EACrB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,cAAc,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC;AAAA,EACxD,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AACrB;","names":[]}

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

@@ -0,0 +1,9 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtTagProps } from '../../../types/tag';
+export default class AtTag extends React.Component<AtTagProps> {
+    static defaultProps: AtTagProps;
+    static propTypes: InferProps<AtTagProps>;
+    private onClick;
+    render(): JSX.Element;
+}

package/dist/components/tag/index.js

@@ -0,0 +1,75 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+const SIZE_CLASS = {
+  normal: "normal",
+  small: "small"
+};
+const TYPE_CLASS = {
+  primary: "primary"
+};
+class AtTag extends React.Component {
+  onClick(event) {
+    const { name = "", active = false, disabled, onClick } = this.props;
+    if (!disabled) {
+      typeof onClick === "function" && onClick(
+        {
+          name,
+          active
+        },
+        event
+      );
+    }
+  }
+  render() {
+    const {
+      size = "normal",
+      type = "",
+      circle = false,
+      disabled = false,
+      active = false,
+      customStyle
+    } = this.props;
+    const rootClassName = ["at-tag"];
+    const classObject = {
+      [`at-tag--${SIZE_CLASS[size]}`]: SIZE_CLASS[size],
+      [`at-tag--${type}`]: TYPE_CLASS[type],
+      "at-tag--disabled": disabled,
+      "at-tag--active": active,
+      "at-tag--circle": circle
+    };
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames(rootClassName, classObject, this.props.className),
+        style: customStyle,
+        onClick: this.onClick.bind(this)
+      },
+      this.props.children
+    );
+  }
+}
+AtTag.defaultProps = {
+  size: "normal",
+  type: "",
+  name: "",
+  circle: false,
+  active: false,
+  disabled: false,
+  customStyle: {}
+};
+AtTag.propTypes = {
+  size: PropTypes.oneOf(["normal", "small"]),
+  type: PropTypes.oneOf(["", "primary"]),
+  name: PropTypes.string,
+  circle: PropTypes.bool,
+  active: PropTypes.bool,
+  disabled: PropTypes.bool,
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  onClick: PropTypes.func
+};
+export {
+  AtTag as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tag/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtTagProps } from '../../../types/tag'\n\nconst SIZE_CLASS = {\n  normal: 'normal',\n  small: 'small'\n}\n\nconst TYPE_CLASS = {\n  primary: 'primary'\n}\n\nexport default class AtTag extends React.Component<AtTagProps> {\n  public static defaultProps: AtTagProps\n  public static propTypes: InferProps<AtTagProps>\n\n  private onClick(event: CommonEvent): void {\n    const { name = '', active = false, disabled, onClick } = this.props\n    if (!disabled) {\n      typeof onClick === 'function' &&\n        onClick(\n          {\n            name,\n            active\n          },\n          event\n        )\n    }\n  }\n\n  public render(): JSX.Element {\n    const {\n      size = 'normal',\n      type = '',\n      circle = false,\n      disabled = false,\n      active = false,\n      customStyle\n    } = this.props\n    const rootClassName = ['at-tag']\n\n    const classObject = {\n      [`at-tag--${SIZE_CLASS[size]}`]: SIZE_CLASS[size],\n      [`at-tag--${type}`]: TYPE_CLASS[type],\n      'at-tag--disabled': disabled,\n      'at-tag--active': active,\n      'at-tag--circle': circle\n    }\n\n    return (\n      <View\n        className={classNames(rootClassName, classObject, this.props.className)}\n        style={customStyle}\n        onClick={this.onClick.bind(this)}\n      >\n        {this.props.children}\n      </View>\n    )\n  }\n}\n\nAtTag.defaultProps = {\n  size: 'normal',\n  type: '',\n  name: '',\n  circle: false,\n  active: false,\n  disabled: false,\n  customStyle: {}\n}\n\nAtTag.propTypes = {\n  size: PropTypes.oneOf(['normal', 'small']),\n  type: PropTypes.oneOf(['', 'primary']),\n  name: PropTypes.string,\n  circle: PropTypes.bool,\n  active: PropTypes.bool,\n  disabled: PropTypes.bool,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  onClick: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAIrB,MAAM,aAAa;AAAA,EACjB,QAAQ;AAAA,EACR,OAAO;AACT;AAEA,MAAM,aAAa;AAAA,EACjB,SAAS;AACX;AAEA,MAAO,cAA4B,MAAM,UAAsB;AAAA,EAIrD,QAAQ,OAA0B;AACxC,UAAM,EAAE,OAAO,IAAI,SAAS,OAAO,UAAU,QAAQ,IAAI,KAAK;AAC9D,QAAI,CAAC,UAAU;AACb,aAAO,YAAY,cACjB;AAAA,QACE;AAAA,UACE;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACJ;AAAA,EACF;AAAA,EAEO,SAAsB;AAC3B,UAAM;AAAA,MACJ,OAAO;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,IACF,IAAI,KAAK;AACT,UAAM,gBAAgB,CAAC,QAAQ;AAE/B,UAAM,cAAc;AAAA,MAClB,CAAC,WAAW,WAAW,IAAI,CAAC,EAAE,GAAG,WAAW,IAAI;AAAA,MAChD,CAAC,WAAW,IAAI,EAAE,GAAG,WAAW,IAAI;AAAA,MACpC,oBAAoB;AAAA,MACpB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,IACpB;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,eAAe,aAAa,KAAK,MAAM,SAAS;AAAA,QACtE,OAAO;AAAA,QACP,SAAS,KAAK,QAAQ,KAAK,IAAI;AAAA;AAAA,MAE9B,KAAK,MAAM;AAAA,IACd;AAAA,EAEJ;AACF;AAEA,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa,CAAC;AAChB;AAEA,MAAM,YAAY;AAAA,EAChB,MAAM,UAAU,MAAM,CAAC,UAAU,OAAO,CAAC;AAAA,EACzC,MAAM,UAAU,MAAM,CAAC,IAAI,SAAS,CAAC;AAAA,EACrC,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA,EAClB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,SAAS,UAAU;AACrB;","names":[]}

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

@@ -0,0 +1,13 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtTextareaProps } from '../../../types/textarea';
+export default class AtTextarea extends React.Component<AtTextareaProps> {
+    static defaultProps: AtTextareaProps;
+    static propTypes: InferProps<AtTextareaProps>;
+    private handleInput;
+    private handleFocus;
+    private handleBlur;
+    private handleConfirm;
+    private handleLinechange;
+    render(): JSX.Element;
+}