taro-ui 3.3.0 → 3.3.2

package/lib/components/tabs/index.js

@@ -1,190 +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';
+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;
-export default 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 组件在该环境还未适配');
-                        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;
-        // 使用js计时器记录时间
-        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);
-            }
+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;
+  }
+  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);
     }
-    getTabHeaderRef() {
-        if (ENV === Taro.ENV_TYPE.WEB) {
-            this.tabHeaderRef = document.getElementById(this._tabId);
-        }
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.scroll !== this.props.scroll) {
+      this.getTabHeaderRef();
     }
-    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);
+    if (nextProps.current !== this.props.current) {
+      this.updateState(nextProps.current);
     }
-    componentWillUnmount() {
-        this.tabHeaderRef = null;
+  }
+  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)`;
     }
-    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 (React.createElement(View, { className: itemCls, id: `tab${this._tabId}${idx}`, key: `at-tabs-item-${idx}`, onClick: this.handleClick.bind(this, idx) },
-                item.title,
-                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 (React.createElement(View, { className: rootCls, style: mergeStyle(heightStyle, customStyle) },
-            scroll ? (React.createElement(ScrollView, { id: this._tabId, className: 'at-tabs__header', style: heightStyle, scrollX: scrollX, scrollY: scrollY, scrollWithAnimation: true, scrollLeft: _scrollLeft, scrollTop: _scrollTop, scrollIntoView: _scrollIntoView }, tabItems)) : (React.createElement(View, { id: this._tabId, className: 'at-tabs__header' }, tabItems)),
-            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) },
-                React.createElement(View, { className: 'at-tabs__underline', style: underlineStyle }),
-                this.props.children)));
+    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: () => { }
+  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
+  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/lib/components/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tabs/index.tsx"],"names":[],"mappings":"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"}
+{"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/lib/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/lib/components/tabs-pane/index.js

@@ -1,30 +1,43 @@
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { View } from '@tarojs/components';
-export default class AtTabsPane extends React.Component {
-    render() {
-        const { customStyle, className, tabDirection, index, current } = this.props;
-        return (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));
-    }
+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
+  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
+  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/lib/components/tabs-pane/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tabs-pane/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,SAAyB,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAGzC,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA0B;IAI/D,MAAM;QACX,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE3E,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,UAAU,CACnB;gBACE,cAAc,EAAE,IAAI;gBACpB,wBAAwB,EAAE,YAAY,KAAK,UAAU;gBACrD,sBAAsB,EAAE,KAAK,KAAK,OAAO;gBACzC,wBAAwB,EAAE,KAAK,KAAK,OAAO;aAC5C,EACD,SAAS,CACV,EACD,KAAK,EAAE,WAAW,IAEjB,IAAI,CAAC,KAAK,CAAC,QAAQ,CACf,CACR,CAAA;IACH,CAAC;CACF;AAED,UAAU,CAAC,YAAY,GAAG;IACxB,WAAW,EAAE,EAAE;IACf,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,YAAY;IAC1B,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,CAAC;CACX,CAAA;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,WAAW,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACtE,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACnE,YAAY,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACzD,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,OAAO,EAAE,SAAS,CAAC,MAAM;CAC1B,CAAA"}
+{"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/lib/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;
+}