taro-ui 3.3.3 → 3.4.0

package/dist/components/indexes/index.js

@@ -1,6 +1,6 @@
 import classNames from "classnames";
 import PropTypes from "prop-types";
-import React from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import { ScrollView, View } from "@tarojs/components";
 import Taro from "@tarojs/taro";
 import {
@@ -13,238 +13,235 @@ import AtList from "../list/index";
 import AtListItem from "../list/item/index";
 import AtToast from "../toast/index";
 const ENV = Taro.getEnv();
-class AtIndexes extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleClick = (item) => {
-      this.props.onClick && this.props.onClick(item);
-    };
-    this.handleTouchMove = (event) => {
-      event.stopPropagation();
-      event.preventDefault();
-      const { list } = this.props;
-      const pageY = event.touches[0].pageY;
-      const index = Math.floor((pageY - this.startTop) / this.itemHeight);
-      if (index >= 0 && index <= list.length && this.currentIndex !== index) {
-        this.currentIndex = index;
-        const key = index > 0 ? list[index - 1].key : "top";
-        const touchView = `at-indexes__list-${key}`;
-        this.jumpTarget(touchView, index);
+function AtIndexes({
+  customStyle = "",
+  className = "",
+  animation = false,
+  topKey = "Top",
+  isVibrate = true,
+  isShowToast = true,
+  list = [],
+  onClick,
+  onScrollIntoView,
+  children
+}) {
+  const [_scrollIntoView, setScrollIntoView] = useState("");
+  const [_scrollTop, setScrollTop] = useState(0);
+  const [_tipText, setTipText] = useState("");
+  const [_isShowToast, setIsShowToast] = useState(false);
+  const isWEB = Taro.getEnv() === Taro.ENV_TYPE.WEB;
+  const [currentIndex, setCurrentIndex] = useState(-1);
+  const menuHeightRef = useRef(0);
+  const startTopRef = useRef(0);
+  const itemHeightRef = useRef(0);
+  const touchCurrentIndexRef = useRef(-1);
+  const [listId] = useState(
+    () => isTest() ? "indexes-list-AOTU2018" : `list-${uuid()}`
+  );
+  const timeoutTimerRef = useRef();
+  const listRef = useRef(null);
+  const indexMapRef = useRef([]);
+  const updateState = useCallback(
+    (state) => {
+      const {
+        _scrollIntoView: nextScrollIntoView,
+        _tipText: nextTipText,
+        _scrollTop: nextScrollTop
+      } = state;
+      setScrollIntoView(nextScrollIntoView);
+      setTipText(nextTipText);
+      setScrollTop(nextScrollTop);
+      setIsShowToast(isShowToast);
+      clearTimeout(timeoutTimerRef.current);
+      timeoutTimerRef.current = setTimeout(() => {
+        setTipText("");
+        setIsShowToast(false);
+      }, 3e3);
+      if (isVibrate) {
+        Taro.vibrateShort();
       }
-    };
-    this.handleTouchEnd = () => {
-      this.currentIndex = -1;
-    };
-    this.state = {
-      _scrollIntoView: "",
-      _scrollTop: 0,
-      _tipText: "",
-      _isShowToast: false,
-      isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB,
-      currentIndex: -1
-    };
-    this.menuHeight = 0;
-    this.startTop = 0;
-    this.itemHeight = 0;
-    this.currentIndex = -1;
-    this.listId = isTest() ? "indexes-list-AOTU2018" : `list-${uuid()}`;
-    this.indexMap = [];
-  }
-  jumpTarget(_scrollIntoView, idx) {
-    const { topKey = "Top", list } = this.props;
-    const _tipText = idx === 0 ? topKey : list[idx - 1].key;
-    if (ENV === Taro.ENV_TYPE.WEB) {
-      delayQuerySelector(".at-indexes", 0).then((rect) => {
-        const targetOffsetTop = this.listRef.children[idx].offsetTop;
-        const _scrollTop = targetOffsetTop - rect[0].top;
-        this.updateState({
-          _scrollTop,
-          _scrollIntoView,
-          _tipText
-        });
-      });
-      return;
-    }
-    this.updateState({
-      _scrollIntoView,
-      _tipText
-    });
-  }
-  __jumpTarget(key) {
-    const { list } = this.props;
-    const index = list.findIndex((item) => item.key === key);
-    const targetView = `at-indexes__list-${key}`;
-    this.jumpTarget(targetView, index + 1);
-  }
-  updateState(state) {
-    const { isShowToast, isVibrate } = this.props;
-    const { _scrollIntoView, _tipText, _scrollTop } = state;
-    this.setState(
-      {
-        _scrollIntoView,
-        _tipText,
-        _scrollTop,
-        _isShowToast: isShowToast
-      },
-      /* eslint-enable @typescript-eslint/no-non-null-assertion */
-      () => {
-        clearTimeout(this.timeoutTimer);
-        this.timeoutTimer = setTimeout(() => {
-          this.setState({
-            _tipText: "",
-            _isShowToast: false
+    },
+    [isShowToast, isVibrate]
+  );
+  const jumpTarget = useCallback(
+    (_scrollIntoViewTarget, idx) => {
+      const _tipTextValue = idx === 0 ? topKey : list[idx - 1].key;
+      if (ENV === Taro.ENV_TYPE.WEB) {
+        delayQuerySelector(".at-indexes", 0).then((rect) => {
+          const targetOffsetTop = listRef.current.children[idx].offsetTop;
+          const _scrollTopValue = targetOffsetTop - rect[0].top;
+          updateState({
+            _scrollTop: _scrollTopValue,
+            _scrollIntoView: _scrollIntoViewTarget,
+            _tipText: _tipTextValue
           });
-        }, 3e3);
+        });
+        return;
       }
-    );
-    if (isVibrate) {
-      Taro.vibrateShort();
-    }
-  }
-  async initData() {
+      updateState({
+        _scrollIntoView: _scrollIntoViewTarget,
+        _tipText: _tipTextValue
+      });
+    },
+    [list, topKey, updateState]
+  );
+  const jumpTargetByKey = useCallback(
+    (key) => {
+      const index = list.findIndex((item) => item.key === key);
+      const targetView = `at-indexes__list-${key}`;
+      jumpTarget(targetView, index + 1);
+    },
+    [list, jumpTarget]
+  );
+  const initData = useCallback(async () => {
     var _a, _b, _c, _d;
     delayQuerySelector(".at-indexes__menu").then((rect) => {
-      const len = this.props.list.length;
-      this.menuHeight = rect[0].height;
-      this.startTop = rect[0].top;
-      this.itemHeight = Math.floor(this.menuHeight / (len + 1));
+      const len = list.length;
+      menuHeightRef.current = rect[0].height;
+      startTopRef.current = rect[0].top;
+      itemHeightRef.current = Math.floor(menuHeightRef.current / (len + 1));
     });
     const headerHeight = ((_b = (_a = await delayQuerySelector("#at-indexes__top")) == null ? void 0 : _a[0]) == null ? void 0 : _b.height) || 0;
     const itemHeight = ((_c = await delayQuerySelector(".at-list__item")) == null ? void 0 : _c[0].height) || 0;
     const titleHeight = ((_d = await delayQuerySelector(".at-indexes__list-title")) == null ? void 0 : _d[0].height) || 0;
-    this.indexMap = [];
-    this.props.list.forEach((dataList, i) => {
+    indexMapRef.current = [];
+    list.forEach((dataList, i) => {
       if (i === 0) {
-        this.indexMap.push({
+        indexMapRef.current.push({
           key: dataList.key,
           startHeight: headerHeight,
           endHeight: dataList.items.length * itemHeight + headerHeight + titleHeight
         });
       } else {
-        const prev = this.indexMap[i - 1];
-        this.indexMap.push({
+        const prev = indexMapRef.current[i - 1];
+        indexMapRef.current.push({
           key: dataList.key,
           startHeight: prev.endHeight,
           endHeight: prev.endHeight + dataList.items.length * itemHeight + titleHeight
         });
       }
     });
-  }
-  handleScroll(e) {
-    if (e && e.detail) {
-      const scrollTop = e.detail.scrollTop;
-      this.setState({
-        _scrollTop: scrollTop
-      });
-      this.getAnchorIndex(scrollTop);
-    }
-  }
-  // 根据滚动高度，判断当前应该显示的索引值
-  getAnchorIndex(scrollTop) {
-    const index = this.indexMap.findIndex((item) => {
+  }, [list]);
+  const getAnchorIndex = useCallback((scrollTop) => {
+    const index = indexMapRef.current.findIndex((item) => {
       return scrollTop >= item.startHeight && scrollTop < item.endHeight;
     });
-    this.setState({
-      currentIndex: index
-    });
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.list.length !== this.props.list.length) {
-      this.initData();
+    setCurrentIndex(index);
+  }, []);
+  const handleClick = (item) => {
+    onClick && onClick(item);
+  };
+  const handleTouchMove = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    const pageY = event.touches[0].pageY;
+    const index = Math.floor(
+      (pageY - startTopRef.current) / itemHeightRef.current
+    );
+    if (index >= 0 && index <= list.length && touchCurrentIndexRef.current !== index) {
+      touchCurrentIndexRef.current = index;
+      const key = index > 0 ? list[index - 1].key : "top";
+      const touchView = `at-indexes__list-${key}`;
+      jumpTarget(touchView, index);
     }
-  }
-  componentDidMount() {
+  };
+  const handleTouchEnd = () => {
+    touchCurrentIndexRef.current = -1;
+  };
+  const handleScroll = (e) => {
+    if (e && e.detail) {
+      const scrollTop = e.detail.scrollTop;
+      setScrollTop(scrollTop);
+      getAnchorIndex(scrollTop);
+    }
+  };
+  useEffect(() => {
+    onScrollIntoView && onScrollIntoView(jumpTargetByKey);
+  }, [onScrollIntoView, jumpTargetByKey]);
+  const listLengthRef = useRef(list.length);
+  useEffect(() => {
     if (ENV === Taro.ENV_TYPE.WEB) {
-      this.listRef = document.getElementById(this.listId);
+      listRef.current = document.getElementById(listId);
     }
-    this.initData();
-  }
-  UNSAFE_componentWillMount() {
-    this.props.onScrollIntoView && this.props.onScrollIntoView(this.__jumpTarget.bind(this));
-  }
-  render() {
-    const { className, customStyle, animation, topKey, list } = this.props;
-    const {
-      _scrollTop,
-      _scrollIntoView,
-      _tipText,
-      _isShowToast,
-      isWEB,
-      currentIndex
-    } = this.state;
-    const toastStyle = { minWidth: pxTransform(100) };
-    const rootCls = classNames("at-indexes", className);
-    const menuList = list.map((dataList, i) => {
-      const { key } = dataList;
-      const targetView = `at-indexes__list-${key}`;
-      return /* @__PURE__ */ React.createElement(
-        View,
-        {
-          className: classNames("at-indexes__menu-item", {
-            "at-indexes__menu-item--active": currentIndex === i
-          }),
-          key,
-          onClick: this.jumpTarget.bind(this, targetView, i + 1)
-        },
-        key
-      );
-    });
-    const indexesList = list.map((dataList) => /* @__PURE__ */ React.createElement(
+    initData();
+  }, [listId, initData]);
+  useEffect(() => {
+    if (listLengthRef.current === list.length) return;
+    listLengthRef.current = list.length;
+    initData();
+  }, [list.length, initData]);
+  const toastStyle = { minWidth: pxTransform(100) };
+  const rootCls = classNames("at-indexes", className);
+  const menuList = list.map((dataList, i) => {
+    const { key } = dataList;
+    const targetView = `at-indexes__list-${key}`;
+    return /* @__PURE__ */ React.createElement(
       View,
       {
-        id: `at-indexes__list-${dataList.key}`,
-        className: "at-indexes__list",
-        key: dataList.key
+        className: classNames("at-indexes__menu-item", {
+          "at-indexes__menu-item--active": currentIndex === i
+        }),
+        key,
+        onClick: () => jumpTarget(targetView, i + 1)
       },
-      /* @__PURE__ */ React.createElement(View, { className: "at-indexes__list-title" }, dataList.title),
-      /* @__PURE__ */ React.createElement(AtList, null, dataList.items && dataList.items.map((item) => /* @__PURE__ */ React.createElement(
-        AtListItem,
-        {
-          key: item.name,
-          title: item.name,
-          onClick: this.handleClick.bind(this, item)
-        }
-      )))
-    ));
-    return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(
-      AtToast,
+      key
+    );
+  });
+  const indexesList = list.map((dataList) => /* @__PURE__ */ React.createElement(
+    View,
+    {
+      id: `at-indexes__list-${dataList.key}`,
+      className: "at-indexes__list",
+      key: dataList.key
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "at-indexes__list-title" }, dataList.title),
+    /* @__PURE__ */ React.createElement(AtList, null, dataList.items && dataList.items.map((item) => /* @__PURE__ */ React.createElement(
+      AtListItem,
       {
-        customStyle: toastStyle,
-        isOpened: _isShowToast,
-        text: _tipText,
-        duration: 2e3
+        key: item.name,
+        title: item.name,
+        onClick: () => handleClick(item)
       }
-    ), /* @__PURE__ */ React.createElement(
+    )))
+  ));
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(
+    AtToast,
+    {
+      customStyle: toastStyle,
+      isOpened: _isShowToast,
+      text: _tipText,
+      duration: 2e3
+    }
+  ), /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: "at-indexes__menu",
+      onTouchMove: handleTouchMove,
+      onTouchEnd: handleTouchEnd
+    },
+    /* @__PURE__ */ React.createElement(
       View,
       {
-        className: "at-indexes__menu",
-        onTouchMove: this.handleTouchMove,
-        onTouchEnd: this.handleTouchEnd
+        className: "at-indexes__menu-item",
+        onClick: () => jumpTarget("at-indexes__top", 0)
       },
-      /* @__PURE__ */ React.createElement(
-        View,
-        {
-          className: "at-indexes__menu-item",
-          onClick: this.jumpTarget.bind(this, "at-indexes__top", 0)
-        },
-        topKey
-      ),
-      menuList
-    ), /* @__PURE__ */ React.createElement(
-      ScrollView,
-      {
-        className: "at-indexes__body",
-        id: this.listId,
-        scrollY: true,
-        scrollWithAnimation: animation,
-        scrollTop: isWEB ? _scrollTop : void 0,
-        scrollIntoView: !isWEB ? _scrollIntoView : "",
-        onScroll: this.handleScroll.bind(this)
-      },
-      /* @__PURE__ */ React.createElement(View, { className: "at-indexes__content", id: "at-indexes__top" }, this.props.children),
-      indexesList
-    ));
-  }
+      topKey
+    ),
+    menuList
+  ), /* @__PURE__ */ React.createElement(
+    ScrollView,
+    {
+      className: "at-indexes__body",
+      id: listId,
+      scrollY: true,
+      scrollWithAnimation: animation,
+      scrollTop: isWEB ? _scrollTop : void 0,
+      scrollIntoView: !isWEB ? _scrollIntoView : "",
+      onScroll: handleScroll
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "at-indexes__content", id: "at-indexes__top" }, children),
+    indexesList
+  ));
 }
 AtIndexes.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
@@ -257,16 +254,8 @@ AtIndexes.propTypes = {
   onClick: PropTypes.func,
   onScrollIntoView: PropTypes.func
 };
-AtIndexes.defaultProps = {
-  customStyle: "",
-  className: "",
-  animation: false,
-  topKey: "Top",
-  isVibrate: true,
-  isShowToast: true,
-  list: []
-};
+var indexes_default = AtIndexes;
 export {
-  AtIndexes as default
+  indexes_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/indexes/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 { AtIndexesProps, AtIndexesState, Item } from '../../../types/indexes'\nimport {\n  delayQuerySelector,\n  isTest,\n  pxTransform,\n  uuid\n} from '../../common/utils'\nimport AtList from '../list/index'\nimport AtListItem from '../list/item/index'\nimport AtToast from '../toast/index'\n\nconst ENV = Taro.getEnv()\n\nexport default class AtIndexes extends React.Component<\n  AtIndexesProps,\n  AtIndexesState\n> {\n  public static defaultProps: AtIndexesProps\n  public static propTypes: InferProps<AtIndexesProps>\n\n  private menuHeight: number\n  private startTop: number\n  private itemHeight: number\n  private currentIndex: number\n  private listId: string\n  private timeoutTimer: NodeJS.Timeout | number | undefined\n  private listRef: any\n  private indexMap: { key: string; startHeight: number; endHeight: number }[]\n\n  public constructor(props: AtIndexesProps) {\n    super(props)\n    this.state = {\n      _scrollIntoView: '',\n      _scrollTop: 0,\n      _tipText: '',\n      _isShowToast: false,\n      isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB,\n      currentIndex: -1\n    }\n    // 右侧导航高度\n    this.menuHeight = 0\n    // 右侧导航距离顶部高度\n    this.startTop = 0\n    // 右侧导航元素高度\n    this.itemHeight = 0\n    // 当前索引\n    this.currentIndex = -1\n    this.listId = isTest() ? 'indexes-list-AOTU2018' : `list-${uuid()}`\n    this.indexMap = []\n  }\n\n  private handleClick = (item: Item): void => {\n    this.props.onClick && this.props.onClick(item)\n  }\n\n  private handleTouchMove = (event: ITouchEvent): void => {\n    event.stopPropagation()\n    event.preventDefault()\n\n    const { list } = this.props\n    const pageY = event.touches[0].pageY\n    const index = Math.floor((pageY - this.startTop) / this.itemHeight)\n\n    if (index >= 0 && index <= list.length && this.currentIndex !== index) {\n      this.currentIndex = index\n      const key = index > 0 ? list[index - 1].key : 'top'\n      const touchView = `at-indexes__list-${key}`\n      this.jumpTarget(touchView, index)\n    }\n  }\n\n  private handleTouchEnd = (): void => {\n    this.currentIndex = -1\n  }\n\n  private jumpTarget(_scrollIntoView: string, idx: number): void {\n    const { topKey = 'Top', list } = this.props\n    const _tipText = idx === 0 ? topKey : list[idx - 1].key\n\n    if (ENV === Taro.ENV_TYPE.WEB) {\n      delayQuerySelector('.at-indexes', 0).then(rect => {\n        const targetOffsetTop = this.listRef.children[idx].offsetTop\n        const _scrollTop = targetOffsetTop - rect[0].top\n        this.updateState({\n          _scrollTop,\n          _scrollIntoView,\n          _tipText\n        })\n      })\n      return\n    }\n\n    this.updateState({\n      _scrollIntoView,\n      _tipText\n    })\n  }\n\n  private __jumpTarget(key: string): void {\n    const { list } = this.props\n    // const index = _findIndex(list, ['key', key])\n    const index = list.findIndex(item => item.key === key)\n    const targetView = `at-indexes__list-${key}`\n    this.jumpTarget(targetView, index + 1)\n  }\n\n  private updateState(state: Partial<AtIndexesState>): void {\n    const { isShowToast, isVibrate } = this.props\n    const { _scrollIntoView, _tipText, _scrollTop } = state\n    // TODO: Fix dirty hack\n    /* eslint-disable @typescript-eslint/no-non-null-assertion */\n    this.setState(\n      {\n        _scrollIntoView: _scrollIntoView!,\n        _tipText: _tipText!,\n        _scrollTop: _scrollTop!,\n        _isShowToast: isShowToast!\n      },\n      /* eslint-enable @typescript-eslint/no-non-null-assertion */\n      () => {\n        clearTimeout(this.timeoutTimer as number)\n        this.timeoutTimer = setTimeout(() => {\n          this.setState({\n            _tipText: '',\n            _isShowToast: false\n          })\n        }, 3000)\n      }\n    )\n\n    if (isVibrate) {\n      Taro.vibrateShort()\n    }\n  }\n\n  private async initData(): Promise<void> {\n    delayQuerySelector('.at-indexes__menu').then(rect => {\n      const len = this.props.list.length\n      this.menuHeight = rect[0].height\n      this.startTop = rect[0].top\n      this.itemHeight = Math.floor(this.menuHeight / (len + 1))\n    })\n\n    const headerHeight =\n      (await delayQuerySelector('#at-indexes__top'))?.[0]?.height || 0\n    const itemHeight =\n      (await delayQuerySelector('.at-list__item'))?.[0].height || 0\n    const titleHeight =\n      (await delayQuerySelector('.at-indexes__list-title'))?.[0].height || 0\n\n    this.indexMap = []\n    this.props.list.forEach((dataList, i) => {\n      if (i === 0) {\n        this.indexMap.push({\n          key: dataList.key,\n          startHeight: headerHeight,\n          endHeight:\n            dataList.items.length * itemHeight + headerHeight + titleHeight\n        })\n      } else {\n        const prev = this.indexMap[i - 1]\n        this.indexMap.push({\n          key: dataList.key,\n          startHeight: prev.endHeight,\n          endHeight:\n            prev.endHeight + dataList.items.length * itemHeight + titleHeight\n        })\n      }\n    })\n  }\n\n  private handleScroll(e: CommonEvent): void {\n    if (e && e.detail) {\n      const scrollTop = e.detail.scrollTop\n\n      this.setState({\n        _scrollTop: scrollTop\n      })\n\n      this.getAnchorIndex(scrollTop)\n    }\n  }\n\n  // 根据滚动高度，判断当前应该显示的索引值\n  private getAnchorIndex(scrollTop: number) {\n    const index = this.indexMap.findIndex(item => {\n      return scrollTop >= item.startHeight && scrollTop < item.endHeight\n    })\n\n    this.setState({\n      currentIndex: index\n    })\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtIndexesProps): void {\n    if (nextProps.list.length !== this.props.list.length) {\n      this.initData()\n    }\n  }\n\n  public componentDidMount(): void {\n    if (ENV === Taro.ENV_TYPE.WEB) {\n      this.listRef = document.getElementById(this.listId)\n    }\n    this.initData()\n  }\n\n  public UNSAFE_componentWillMount(): void {\n    this.props.onScrollIntoView &&\n      this.props.onScrollIntoView(this.__jumpTarget.bind(this))\n  }\n\n  public render(): JSX.Element {\n    const { className, customStyle, animation, topKey, list } = this.props\n    const {\n      _scrollTop,\n      _scrollIntoView,\n      _tipText,\n      _isShowToast,\n      isWEB,\n      currentIndex\n    } = this.state\n\n    const toastStyle = { minWidth: pxTransform(100) }\n    const rootCls = classNames('at-indexes', className)\n\n    const menuList = list.map((dataList, i) => {\n      const { key } = dataList\n      const targetView = `at-indexes__list-${key}`\n      return (\n        <View\n          className={classNames('at-indexes__menu-item', {\n            'at-indexes__menu-item--active': currentIndex === i\n          })}\n          key={key}\n          onClick={this.jumpTarget.bind(this, targetView, i + 1)}\n        >\n          {key}\n        </View>\n      )\n    })\n\n    const indexesList = list.map(dataList => (\n      <View\n        id={`at-indexes__list-${dataList.key}`}\n        className='at-indexes__list'\n        key={dataList.key}\n      >\n        <View className='at-indexes__list-title'>{dataList.title}</View>\n        <AtList>\n          {dataList.items &&\n            dataList.items.map(item => (\n              <AtListItem\n                key={item.name}\n                title={item.name}\n                onClick={this.handleClick.bind(this, item)}\n              />\n            ))}\n        </AtList>\n      </View>\n    ))\n\n    return (\n      <View className={rootCls} style={customStyle}>\n        <AtToast\n          customStyle={toastStyle}\n          isOpened={_isShowToast}\n          text={_tipText}\n          duration={2000}\n        />\n        <View\n          className='at-indexes__menu'\n          onTouchMove={this.handleTouchMove}\n          onTouchEnd={this.handleTouchEnd}\n        >\n          <View\n            className='at-indexes__menu-item'\n            onClick={this.jumpTarget.bind(this, 'at-indexes__top', 0)}\n          >\n            {topKey}\n          </View>\n          {menuList}\n        </View>\n        <ScrollView\n          className='at-indexes__body'\n          id={this.listId}\n          scrollY\n          scrollWithAnimation={animation}\n          // eslint-disable-next-line no-undefined\n          scrollTop={isWEB ? _scrollTop : undefined}\n          scrollIntoView={!isWEB ? _scrollIntoView : ''}\n          onScroll={this.handleScroll.bind(this)}\n        >\n          <View className='at-indexes__content' id='at-indexes__top'>\n            {this.props.children}\n          </View>\n          {indexesList}\n        </ScrollView>\n      </View>\n    )\n  }\n}\n\nAtIndexes.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  animation: PropTypes.bool,\n  isVibrate: PropTypes.bool,\n  isShowToast: PropTypes.bool,\n  topKey: PropTypes.string,\n  list: PropTypes.array,\n  onClick: PropTypes.func,\n  onScrollIntoView: PropTypes.func\n}\n\nAtIndexes.defaultProps = {\n  customStyle: '',\n  className: '',\n  animation: false,\n  topKey: 'Top',\n  isVibrate: true,\n  isShowToast: true,\n  list: []\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/indexes/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useCallback, 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 { AtIndexesProps, AtIndexesState, Item } from '../../../types/indexes'\nimport {\n  delayQuerySelector,\n  isTest,\n  pxTransform,\n  uuid\n} from '../../common/utils'\nimport AtList from '../list/index'\nimport AtListItem from '../list/item/index'\nimport AtToast from '../toast/index'\n\nconst ENV = Taro.getEnv()\n\nfunction AtIndexes({\n  customStyle = '',\n  className = '',\n  animation = false,\n  topKey = 'Top',\n  isVibrate = true,\n  isShowToast = true,\n  list = [],\n  onClick,\n  onScrollIntoView,\n  children\n}: AtIndexesProps): JSX.Element {\n  const [_scrollIntoView, setScrollIntoView] = useState('')\n  const [_scrollTop, setScrollTop] = useState(0)\n  const [_tipText, setTipText] = useState('')\n  const [_isShowToast, setIsShowToast] = useState(false)\n  const isWEB = Taro.getEnv() === Taro.ENV_TYPE.WEB\n  const [currentIndex, setCurrentIndex] = useState(-1)\n\n  const menuHeightRef = useRef(0)\n  const startTopRef = useRef(0)\n  const itemHeightRef = useRef(0)\n  const touchCurrentIndexRef = useRef(-1)\n  const [listId] = useState(() =>\n    isTest() ? 'indexes-list-AOTU2018' : `list-${uuid()}`\n  )\n  const timeoutTimerRef = useRef<NodeJS.Timeout | number>()\n  const listRef = useRef<HTMLElement | null>(null)\n  const indexMapRef = useRef<\n    { key: string; startHeight: number; endHeight: number }[]\n  >([])\n\n  const updateState = useCallback(\n    (state: Partial<AtIndexesState>): void => {\n      const {\n        _scrollIntoView: nextScrollIntoView,\n        _tipText: nextTipText,\n        _scrollTop: nextScrollTop\n      } = state\n      setScrollIntoView(nextScrollIntoView!)\n      setTipText(nextTipText!)\n      setScrollTop(nextScrollTop!)\n      setIsShowToast(isShowToast!)\n\n      clearTimeout(timeoutTimerRef.current as number)\n      timeoutTimerRef.current = setTimeout(() => {\n        setTipText('')\n        setIsShowToast(false)\n      }, 3000)\n\n      if (isVibrate) {\n        Taro.vibrateShort()\n      }\n    },\n    [isShowToast, isVibrate]\n  )\n\n  const jumpTarget = useCallback(\n    (_scrollIntoViewTarget: string, idx: number): void => {\n      const _tipTextValue = idx === 0 ? topKey : list[idx - 1].key\n\n      if (ENV === Taro.ENV_TYPE.WEB) {\n        delayQuerySelector('.at-indexes', 0).then(rect => {\n          const targetOffsetTop = (\n            listRef.current!.children[idx] as HTMLElement\n          ).offsetTop\n          const _scrollTopValue = targetOffsetTop - rect[0].top\n          updateState({\n            _scrollTop: _scrollTopValue,\n            _scrollIntoView: _scrollIntoViewTarget,\n            _tipText: _tipTextValue\n          })\n        })\n        return\n      }\n\n      updateState({\n        _scrollIntoView: _scrollIntoViewTarget,\n        _tipText: _tipTextValue\n      })\n    },\n    [list, topKey, updateState]\n  )\n\n  const jumpTargetByKey = useCallback(\n    (key: string): void => {\n      const index = list.findIndex(item => item.key === key)\n      const targetView = `at-indexes__list-${key}`\n      jumpTarget(targetView, index + 1)\n    },\n    [list, jumpTarget]\n  )\n\n  const initData = useCallback(async (): Promise<void> => {\n    delayQuerySelector('.at-indexes__menu').then(rect => {\n      const len = list.length\n      menuHeightRef.current = rect[0].height\n      startTopRef.current = rect[0].top\n      itemHeightRef.current = Math.floor(menuHeightRef.current / (len + 1))\n    })\n\n    const headerHeight =\n      (await delayQuerySelector('#at-indexes__top'))?.[0]?.height || 0\n    const itemHeight =\n      (await delayQuerySelector('.at-list__item'))?.[0].height || 0\n    const titleHeight =\n      (await delayQuerySelector('.at-indexes__list-title'))?.[0].height || 0\n\n    indexMapRef.current = []\n    list.forEach((dataList, i) => {\n      if (i === 0) {\n        indexMapRef.current.push({\n          key: dataList.key,\n          startHeight: headerHeight,\n          endHeight:\n            dataList.items.length * itemHeight + headerHeight + titleHeight\n        })\n      } else {\n        const prev = indexMapRef.current[i - 1]\n        indexMapRef.current.push({\n          key: dataList.key,\n          startHeight: prev.endHeight,\n          endHeight:\n            prev.endHeight + dataList.items.length * itemHeight + titleHeight\n        })\n      }\n    })\n  }, [list])\n\n  const getAnchorIndex = useCallback((scrollTop: number): void => {\n    const index = indexMapRef.current.findIndex(item => {\n      return scrollTop >= item.startHeight && scrollTop < item.endHeight\n    })\n\n    setCurrentIndex(index)\n  }, [])\n\n  const handleClick = (item: Item): void => {\n    onClick && onClick(item)\n  }\n\n  const handleTouchMove = (event: ITouchEvent): void => {\n    event.stopPropagation()\n    event.preventDefault()\n\n    const pageY = event.touches[0].pageY\n    const index = Math.floor(\n      (pageY - startTopRef.current) / itemHeightRef.current\n    )\n\n    if (\n      index >= 0 &&\n      index <= list.length &&\n      touchCurrentIndexRef.current !== index\n    ) {\n      touchCurrentIndexRef.current = index\n      const key = index > 0 ? list[index - 1].key : 'top'\n      const touchView = `at-indexes__list-${key}`\n      jumpTarget(touchView, index)\n    }\n  }\n\n  const handleTouchEnd = (): void => {\n    touchCurrentIndexRef.current = -1\n  }\n\n  const handleScroll = (e: CommonEvent): void => {\n    if (e && e.detail) {\n      const scrollTop = e.detail.scrollTop\n\n      setScrollTop(scrollTop)\n\n      getAnchorIndex(scrollTop)\n    }\n  }\n\n  useEffect(() => {\n    onScrollIntoView && onScrollIntoView(jumpTargetByKey)\n  }, [onScrollIntoView, jumpTargetByKey])\n\n  const listLengthRef = useRef(list.length)\n\n  useEffect(() => {\n    if (ENV === Taro.ENV_TYPE.WEB) {\n      listRef.current = document.getElementById(listId)\n    }\n    initData()\n  }, [listId, initData])\n\n  useEffect(() => {\n    if (listLengthRef.current === list.length) return\n    listLengthRef.current = list.length\n    initData()\n  }, [list.length, initData])\n\n  const toastStyle = { minWidth: pxTransform(100) }\n  const rootCls = classNames('at-indexes', className)\n\n  const menuList = list.map((dataList, i) => {\n    const { key } = dataList\n    const targetView = `at-indexes__list-${key}`\n    return (\n      <View\n        className={classNames('at-indexes__menu-item', {\n          'at-indexes__menu-item--active': currentIndex === i\n        })}\n        key={key}\n        onClick={(): void => jumpTarget(targetView, i + 1)}\n      >\n        {key}\n      </View>\n    )\n  })\n\n  const indexesList = list.map(dataList => (\n    <View\n      id={`at-indexes__list-${dataList.key}`}\n      className='at-indexes__list'\n      key={dataList.key}\n    >\n      <View className='at-indexes__list-title'>{dataList.title}</View>\n      <AtList>\n        {dataList.items &&\n          dataList.items.map(item => (\n            <AtListItem\n              key={item.name}\n              title={item.name}\n              onClick={(): void => handleClick(item)}\n            />\n          ))}\n      </AtList>\n    </View>\n  ))\n\n  return (\n    <View className={rootCls} style={customStyle}>\n      <AtToast\n        customStyle={toastStyle}\n        isOpened={_isShowToast}\n        text={_tipText}\n        duration={2000}\n      />\n      <View\n        className='at-indexes__menu'\n        onTouchMove={handleTouchMove}\n        onTouchEnd={handleTouchEnd}\n      >\n        <View\n          className='at-indexes__menu-item'\n          onClick={(): void => jumpTarget('at-indexes__top', 0)}\n        >\n          {topKey}\n        </View>\n        {menuList}\n      </View>\n      <ScrollView\n        className='at-indexes__body'\n        id={listId}\n        scrollY\n        scrollWithAnimation={animation}\n        // eslint-disable-next-line no-undefined\n        scrollTop={isWEB ? _scrollTop : undefined}\n        scrollIntoView={!isWEB ? _scrollIntoView : ''}\n        onScroll={handleScroll}\n      >\n        <View className='at-indexes__content' id='at-indexes__top'>\n          {children}\n        </View>\n        {indexesList}\n      </ScrollView>\n    </View>\n  )\n}\n\nAtIndexes.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  animation: PropTypes.bool,\n  isVibrate: PropTypes.bool,\n  isShowToast: PropTypes.bool,\n  topKey: PropTypes.string,\n  list: PropTypes.array,\n  onClick: PropTypes.func,\n  onScrollIntoView: PropTypes.func\n}\n\nexport default AtIndexes\n"],"mappings":"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","names":[]}

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

@@ -1,17 +1,39 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtInputProps } from '../../../types/input';
-export default class AtInput extends React.Component<AtInputProps> {
-    static defaultProps: AtInputProps;
-    static propTypes: InferProps<AtInputProps>;
-    private inputClearing;
-    private handleInput;
-    private handleFocus;
-    private handleBlur;
-    private handleConfirm;
-    private handleClick;
-    private handleClearValue;
-    private handleKeyboardHeightChange;
-    private handleErrorClick;
-    render(): JSX.Element;
+declare function AtInput(props: AtInputProps): JSX.Element;
+declare namespace AtInput {
+    var propTypes: {
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        name: PropTypes.Requireable<string>;
+        placeholder: PropTypes.Requireable<string>;
+        placeholderStyle: PropTypes.Requireable<string>;
+        placeholderClass: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        confirmType: PropTypes.Requireable<string>;
+        cursor: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        selectionStart: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        selectionEnd: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        adjustPosition: PropTypes.Requireable<boolean>;
+        cursorSpacing: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        maxlength: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        maxLength: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        type: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        border: PropTypes.Requireable<boolean>;
+        editable: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        clear: PropTypes.Requireable<boolean>;
+        autoFocus: PropTypes.Requireable<boolean>;
+        focus: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+        onErrorClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        required: PropTypes.Requireable<boolean>;
+    };
 }
+export default AtInput;