taro-ui 3.3.3 → 3.4.0

package/dist/components/tabs/index.js

@@ -1,206 +1,216 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import classNames from "classnames";
 import PropTypes from "prop-types";
-import React from "react";
+import React, { useEffect, useRef, useState } 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;
-          }
+function AtTabs({
+  customStyle = "",
+  className = "",
+  tabDirection = "horizontal",
+  height = "",
+  current = 0,
+  swipeable = true,
+  scroll = false,
+  animated = true,
+  tabList = [],
+  onClick,
+  children
+}) {
+  const tabIdRef = useRef(isTest() ? "tabs-AOTU2018" : uuid());
+  const touchDotRef = useRef(0);
+  const timerRef = useRef(null);
+  const intervalRef = useRef(0);
+  const isMovingRef = useRef(false);
+  const tabHeaderRef = useRef(null);
+  const [scrollState, setScrollState] = useState({
+    _scrollLeft: 0,
+    _scrollTop: 0,
+    _scrollIntoView: ""
+  });
+  const getTabHeaderRef = () => {
+    if (ENV === Taro.ENV_TYPE.WEB) {
+      tabHeaderRef.current = document.getElementById(tabIdRef.current);
+    }
+  };
+  const updateState = (idx) => {
+    var _a;
+    if (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);
+          setScrollState((prev) => __spreadProps(__spreadValues({}, prev), {
+            _scrollIntoView: `tab${tabIdRef.current}${index}`
+          }));
+          break;
+        }
+        case Taro.ENV_TYPE.WEB: {
+          const index = Math.max(idx - 1, 0);
+          const prevTabItem = (_a = tabHeaderRef.current) == null ? void 0 : _a.children[index];
+          prevTabItem && setScrollState((prev) => __spreadProps(__spreadValues({}, prev), {
+            _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;
+    }
+  };
+  const handleClick = (index, event) => {
+    onClick && onClick(index, event);
+  };
+  const handleTouchStart = (e) => {
     if (!swipeable || tabDirection === "vertical") return;
-    this._touchDot = e.touches[0].pageX;
-    this._timer = setInterval(() => {
-      this._interval++;
+    touchDotRef.current = e.touches[0].pageX;
+    timerRef.current = setInterval(() => {
+      intervalRef.current++;
     }, 100);
-  }
-  handleTouchMove(e) {
-    const { swipeable, tabDirection, current, tabList } = this.props;
+  };
+  const handleTouchMove = (e) => {
     if (!swipeable || tabDirection === "vertical") return;
     const touchMove = e.touches[0].pageX;
-    const moveDistance = touchMove - this._touchDot;
+    const moveDistance = touchMove - touchDotRef.current;
     const maxIndex = tabList.length;
-    if (!this._isMoving && this._interval < MAX_INTERVAL && this._touchDot > 20) {
+    if (!isMovingRef.current && intervalRef.current < MAX_INTERVAL && touchDotRef.current > 20) {
       if (current + 1 < maxIndex && moveDistance <= -MIN_DISTANCE) {
-        this._isMoving = true;
-        this.handleClick(current + 1, e);
+        isMovingRef.current = true;
+        handleClick(current + 1, e);
       } else if (current - 1 >= 0 && moveDistance >= MIN_DISTANCE) {
-        this._isMoving = true;
-        this.handleClick(current - 1, e);
+        isMovingRef.current = true;
+        handleClick(current - 1, e);
       }
     }
-  }
-  handleTouchEnd() {
-    const { swipeable, tabDirection } = this.props;
+  };
+  const handleTouchEnd = () => {
     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);
+    timerRef.current && clearInterval(timerRef.current);
+    intervalRef.current = 0;
+    isMovingRef.current = false;
+  };
+  useEffect(() => {
+    getTabHeaderRef();
+    updateState(current);
+    return () => {
+      tabHeaderRef.current = null;
+    };
+  }, []);
+  const prevScrollRef = useRef(scroll);
+  const prevCurrentRef = useRef(current);
+  const isMountRef = useRef(true);
+  useEffect(() => {
+    if (isMountRef.current) {
+      isMountRef.current = false;
+      return;
     }
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.scroll !== this.props.scroll) {
-      this.getTabHeaderRef();
+    if (scroll !== prevScrollRef.current) {
+      getTabHeaderRef();
+      prevScrollRef.current = scroll;
     }
-    if (nextProps.current !== this.props.current) {
-      this.updateState(nextProps.current);
+    if (current !== prevCurrentRef.current) {
+      updateState(current);
+      prevCurrentRef.current = current;
     }
+  }, [scroll, current]);
+  const { _scrollLeft, _scrollTop, _scrollIntoView } = scrollState;
+  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)`;
   }
-  componentDidMount() {
-    this.getTabHeaderRef();
-    this.updateState(this.props.current);
-  }
-  componentWillUnmount() {
-    this.tabHeaderRef = null;
+  Object.assign(bodyStyle, {
+    transform: transformStyle
+  });
+  if (!animated) {
+    bodyStyle.transition = "unset";
   }
-  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
+  const tabItems = tabList.map((item, idx) => {
+    const itemCls = classNames({
+      "at-tabs__item": true,
+      "at-tabs__item--active": current === idx
     });
-    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(
+    return /* @__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)
+        className: itemCls,
+        id: `tab${tabIdRef.current}${idx}`,
+        key: `at-tabs-item-${idx}`,
+        onClick: (event) => handleClick(idx, event)
       },
-      /* @__PURE__ */ React.createElement(View, { className: "at-tabs__underline", style: underlineStyle }),
-      this.props.children
-    ));
-  }
+      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: tabIdRef.current,
+      className: "at-tabs__header",
+      style: heightStyle,
+      scrollX,
+      scrollY,
+      scrollWithAnimation: true,
+      scrollLeft: _scrollLeft,
+      scrollTop: _scrollTop,
+      scrollIntoView: _scrollIntoView
+    },
+    tabItems
+  ) : /* @__PURE__ */ React.createElement(View, { id: tabIdRef.current, className: "at-tabs__header" }, tabItems), /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: "at-tabs__body",
+      onTouchStart: handleTouchStart,
+      onTouchEnd: handleTouchEnd,
+      onTouchMove: handleTouchMove,
+      style: mergeStyle(bodyStyle, heightStyle)
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "at-tabs__underline", style: underlineStyle }),
+    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]),
@@ -213,7 +223,8 @@ AtTabs.propTypes = {
   tabList: PropTypes.array,
   onClick: PropTypes.func
 };
+var tabs_default = AtTabs;
 export {
-  AtTabs as default
+  tabs_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { ScrollView, View } from '@tarojs/components'\nimport { CommonEvent, ITouchEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtTabsProps } from '../../../types/tabs'\nimport { isTest, mergeStyle, uuid } from '../../common/utils'\n\nconst ENV = Taro.getEnv()\nconst MIN_DISTANCE = 100\nconst MAX_INTERVAL = 10\n\nfunction AtTabs({\n  customStyle = '',\n  className = '',\n  tabDirection = 'horizontal',\n  height = '',\n  current = 0,\n  swipeable = true,\n  scroll = false,\n  animated = true,\n  tabList = [],\n  onClick,\n  children\n}: AtTabsProps): JSX.Element {\n  const tabIdRef = useRef(isTest() ? 'tabs-AOTU2018' : uuid())\n  const touchDotRef = useRef(0)\n  const timerRef = useRef<ReturnType<typeof setInterval> | null>(null)\n  const intervalRef = useRef(0)\n  const isMovingRef = useRef(false)\n  const tabHeaderRef = useRef<any>(null)\n\n  const [scrollState, setScrollState] = useState({\n    _scrollLeft: 0,\n    _scrollTop: 0,\n    _scrollIntoView: ''\n  })\n\n  const getTabHeaderRef = (): void => {\n    if (ENV === Taro.ENV_TYPE.WEB) {\n      tabHeaderRef.current = document.getElementById(tabIdRef.current)\n    }\n  }\n\n  const updateState = (idx: number): void => {\n    if (scroll) {\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          setScrollState(prev => ({\n            ...prev,\n            _scrollIntoView: `tab${tabIdRef.current}${index}`\n          }))\n          break\n        }\n        case Taro.ENV_TYPE.WEB: {\n          const index = Math.max(idx - 1, 0)\n          const prevTabItem = tabHeaderRef.current?.children[index]\n          prevTabItem &&\n            setScrollState(prev => ({\n              ...prev,\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  const handleClick = (index: number, event: CommonEvent): void => {\n    onClick && onClick(index, event)\n  }\n\n  const handleTouchStart = (e: ITouchEvent): void => {\n    if (!swipeable || tabDirection === 'vertical') return\n    touchDotRef.current = e.touches[0].pageX\n    timerRef.current = setInterval(() => {\n      intervalRef.current++\n    }, 100)\n  }\n\n  const handleTouchMove = (e: ITouchEvent): void => {\n    if (!swipeable || tabDirection === 'vertical') return\n\n    const touchMove = e.touches[0].pageX\n    const moveDistance = touchMove - touchDotRef.current\n    const maxIndex = tabList.length\n\n    if (\n      !isMovingRef.current &&\n      intervalRef.current < MAX_INTERVAL &&\n      touchDotRef.current > 20\n    ) {\n      if (current + 1 < maxIndex && moveDistance <= -MIN_DISTANCE) {\n        isMovingRef.current = true\n        handleClick(current + 1, e)\n      } else if (current - 1 >= 0 && moveDistance >= MIN_DISTANCE) {\n        isMovingRef.current = true\n        handleClick(current - 1, e)\n      }\n    }\n  }\n\n  const handleTouchEnd = (): void => {\n    if (!swipeable || tabDirection === 'vertical') return\n\n    timerRef.current && clearInterval(timerRef.current)\n    intervalRef.current = 0\n    isMovingRef.current = false\n  }\n\n  useEffect(() => {\n    getTabHeaderRef()\n    updateState(current)\n    return () => {\n      tabHeaderRef.current = null\n    }\n    // componentDidMount / componentWillUnmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const prevScrollRef = useRef(scroll)\n  const prevCurrentRef = useRef(current)\n  const isMountRef = useRef(true)\n  useEffect(() => {\n    if (isMountRef.current) {\n      isMountRef.current = false\n      return\n    }\n    if (scroll !== prevScrollRef.current) {\n      getTabHeaderRef()\n      prevScrollRef.current = scroll\n    }\n    if (current !== prevCurrentRef.current) {\n      updateState(current)\n      prevCurrentRef.current = current\n    }\n  }, [scroll, current])\n\n  const { _scrollLeft, _scrollTop, _scrollIntoView } = scrollState\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${tabIdRef.current}${idx}`}\n        key={`at-tabs-item-${idx}`}\n        onClick={(event: CommonEvent) => handleClick(idx, event)}\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={tabIdRef.current}\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={tabIdRef.current} className='at-tabs__header'>\n          {tabItems}\n        </View>\n      )}\n      <View\n        className='at-tabs__body'\n        onTouchStart={handleTouchStart}\n        onTouchEnd={handleTouchEnd}\n        onTouchMove={handleTouchMove}\n        style={mergeStyle(bodyStyle, heightStyle)}\n      >\n        <View className='at-tabs__underline' style={underlineStyle}></View>\n        {children}\n      </View>\n    </View>\n  )\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\nexport default AtTabs\n"],"mappings":"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","names":[]}

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

@@ -1,8 +1,13 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtTabsPaneProps } from '../../../types/tabs-pane';
-export default class AtTabsPane extends React.Component<AtTabsPaneProps> {
-    static defaultProps: AtTabsPaneProps;
-    static propTypes: InferProps<AtTabsPaneProps>;
-    render(): JSX.Element;
+declare function AtTabsPane({ customStyle, className, tabDirection, index, current, children }: AtTabsPaneProps): JSX.Element;
+declare namespace AtTabsPane {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        tabDirection: PropTypes.Requireable<string>;
+        index: PropTypes.Requireable<number>;
+        current: PropTypes.Requireable<number>;
+    };
 }
+export default AtTabsPane;

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

@@ -2,34 +2,31 @@ 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
-    );
-  }
+function AtTabsPane({
+  customStyle = "",
+  className = "",
+  tabDirection = "horizontal",
+  index = 0,
+  current = 0,
+  children
+}) {
+  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
+    },
+    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]),
@@ -37,7 +34,8 @@ AtTabsPane.propTypes = {
   index: PropTypes.number,
   current: PropTypes.number
 };
+var tabs_pane_default = AtTabsPane;
 export {
-  AtTabsPane as default
+  tabs_pane_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../src/components/tabs-pane/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtTabsPaneProps } from '../../../types/tabs-pane'\n\nfunction AtTabsPane({\n  customStyle = '',\n  className = '',\n  tabDirection = 'horizontal',\n  index = 0,\n  current = 0,\n  children\n}: AtTabsPaneProps): JSX.Element {\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      {children}\n    </View>\n  )\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\nexport default AtTabsPane\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,WAAW;AAAA,EAClB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AACF,GAAiC;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,UACE,gBAAgB;AAAA,UAChB,0BAA0B,iBAAiB;AAAA,UAC3C,wBAAwB,UAAU;AAAA,UAClC,0BAA0B,UAAU;AAAA,QACtC;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA;AAAA,IAEN;AAAA,EACH;AAEJ;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;AAEA,IAAO,oBAAQ;","names":[]}

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

@@ -1,9 +1,16 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 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;
+declare function AtTag({ size, type, name, circle, disabled, active, customStyle, className, children, onClick }: AtTagProps): JSX.Element;
+declare namespace AtTag {
+    var propTypes: {
+        size: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        name: PropTypes.Requireable<string>;
+        circle: PropTypes.Requireable<boolean>;
+        active: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtTag;