taro-ui 3.3.2 → 3.4.0

package/dist/components/image-picker/index.js

@@ -0,0 +1,145 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Image, View } from "@tarojs/components";
+import Taro from "@tarojs/taro";
+import { noop, uuid } from "../../common/utils";
+const generateMatrix = (files, col, showAddBtn) => {
+  const matrix = [];
+  const length = showAddBtn ? files.length + 1 : files.length;
+  const row = Math.ceil(length / col);
+  for (let i = 0; i < row; i++) {
+    if (i === row - 1) {
+      const lastArr = files.slice(i * col);
+      if (lastArr.length < col) {
+        if (showAddBtn) {
+          lastArr.push({ type: "btn", uuid: uuid() });
+        }
+        for (let j = lastArr.length; j < col; j++) {
+          lastArr.push({ type: "blank", uuid: uuid() });
+        }
+      }
+      matrix.push(lastArr);
+    } else {
+      matrix.push(files.slice(i * col, (i + 1) * col));
+    }
+  }
+  return matrix;
+};
+function AtImagePicker({
+  className = "",
+  customStyle = "",
+  files = [],
+  mode = "aspectFill",
+  showAddBtn = true,
+  multiple = false,
+  length = 4,
+  count,
+  sizeType,
+  sourceType,
+  onChange = noop,
+  onImageClick,
+  onFail,
+  children
+}) {
+  const ENV = Taro.getEnv();
+  const chooseFile = () => {
+    const filePathName = ENV === Taro.ENV_TYPE.ALIPAY ? "apFilePaths" : "tempFiles";
+    const params = {};
+    if (multiple) {
+      params.count = 99;
+    }
+    if (count) {
+      params.count = count;
+    }
+    if (sizeType) {
+      params.sizeType = sizeType;
+    }
+    if (sourceType) {
+      params.sourceType = sourceType;
+    }
+    Taro.chooseImage(params).then((res) => {
+      const targetFiles = res.tempFilePaths.map((path, i) => ({
+        url: path,
+        file: res[filePathName][i]
+      }));
+      const newFiles = files.concat(targetFiles);
+      onChange(newFiles, "add");
+    }).catch((err) => {
+      onFail == null ? void 0 : onFail(err);
+    });
+  };
+  const handleImageClick = (idx) => {
+    onImageClick && onImageClick(idx, files[idx]);
+  };
+  const handleRemoveImg = (idx, event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    if (ENV === Taro.ENV_TYPE.WEB) {
+      window.URL.revokeObjectURL(files[idx].url);
+    }
+    const newFiles = files.filter((_, i) => i !== idx);
+    onChange(newFiles, "remove", idx);
+  };
+  const rowLength = length <= 0 ? 1 : length;
+  const matrix = generateMatrix(files, rowLength, showAddBtn);
+  const rootCls = classNames("at-image-picker", className);
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, matrix.map((row, i) => /* @__PURE__ */ React.createElement(View, { className: "at-image-picker__flex-box", key: i + 1 }, row.map(
+    (item, j) => item.url ? /* @__PURE__ */ React.createElement(View, { className: "at-image-picker__flex-item", key: i * length + j }, /* @__PURE__ */ React.createElement(View, { className: "at-image-picker__item" }, /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: "at-image-picker__remove-btn",
+        onClick: (event) => handleRemoveImg(i * length + j, event)
+      }
+    ), /* @__PURE__ */ React.createElement(
+      Image,
+      {
+        className: "at-image-picker__preview-img",
+        mode,
+        src: item.url,
+        onClick: () => handleImageClick(i * length + j)
+      }
+    ))) : /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: "at-image-picker__flex-item",
+        key: `empty_${i * length}${j}`
+      },
+      item.type === "btn" && /* @__PURE__ */ React.createElement(View, { onClick: chooseFile }, children || /* @__PURE__ */ React.createElement(View, { className: "at-image-picker__item at-image-picker__choose-btn" }, /* @__PURE__ */ React.createElement(View, { className: "add-bar" }), /* @__PURE__ */ React.createElement(View, { className: "add-bar" })))
+    )
+  ))));
+}
+AtImagePicker.propTypes = {
+  className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
+  customStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  files: PropTypes.array,
+  mode: PropTypes.oneOf([
+    "scaleToFill",
+    "aspectFit",
+    "aspectFill",
+    "widthFix",
+    "top",
+    "bottom",
+    "center",
+    "left",
+    "right",
+    "top left",
+    "top right",
+    "bottom left",
+    "bottom right"
+  ]),
+  showAddBtn: PropTypes.bool,
+  multiple: PropTypes.bool,
+  length: PropTypes.number,
+  onChange: PropTypes.func,
+  onImageClick: PropTypes.func,
+  onFail: PropTypes.func,
+  count: PropTypes.number,
+  sizeType: PropTypes.array,
+  sourceType: PropTypes.array
+};
+var image_picker_default = AtImagePicker;
+export {
+  image_picker_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/image-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/image-picker/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Image, View } from '@tarojs/components'\nimport { ITouchEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtImagePickerProps, File } from '../../../types/image-picker'\nimport { noop, uuid } from '../../common/utils'\n\ninterface MatrixFile extends Partial<File> {\n  type: 'blank' | 'btn'\n  uuid: string\n}\n\n// 生成 jsx 二维矩阵\nconst generateMatrix = (\n  files: MatrixFile[],\n  col: number,\n  showAddBtn: boolean\n): MatrixFile[][] => {\n  const matrix: Array<MatrixFile>[] = []\n  const length = showAddBtn ? files.length + 1 : files.length\n  const row = Math.ceil(length / col)\n  for (let i = 0; i < row; i++) {\n    if (i === row - 1) {\n      // 最后一行数据加上添加按钮\n      const lastArr = files.slice(i * col)\n      if (lastArr.length < col) {\n        if (showAddBtn) {\n          lastArr.push({ type: 'btn', uuid: uuid() })\n        }\n        // 填补剩下的空列\n        for (let j = lastArr.length; j < col; j++) {\n          lastArr.push({ type: 'blank', uuid: uuid() })\n        }\n      }\n      matrix.push(lastArr)\n    } else {\n      matrix.push(files.slice(i * col, (i + 1) * col))\n    }\n  }\n  return matrix\n}\n\nfunction AtImagePicker({\n  className = '',\n  customStyle = '',\n  files = [],\n  mode = 'aspectFill',\n  showAddBtn = true,\n  multiple = false,\n  length = 4,\n  count,\n  sizeType,\n  sourceType,\n  onChange = noop,\n  onImageClick,\n  onFail,\n  children\n}: AtImagePickerProps): JSX.Element {\n  const ENV = Taro.getEnv()\n\n  const chooseFile = (): void => {\n    const filePathName =\n      ENV === Taro.ENV_TYPE.ALIPAY ? 'apFilePaths' : 'tempFiles'\n    // const count = multiple ? 99 : 1\n    const params: any = {}\n    if (multiple) {\n      params.count = 99\n    }\n    if (count) {\n      params.count = count\n    }\n    if (sizeType) {\n      params.sizeType = sizeType\n    }\n    if (sourceType) {\n      params.sourceType = sourceType\n    }\n    Taro.chooseImage(params)\n      .then(res => {\n        const targetFiles = res.tempFilePaths.map((path, i) => ({\n          url: path,\n          file: res[filePathName][i]\n        }))\n        const newFiles = files.concat(targetFiles)\n        onChange(newFiles, 'add')\n      })\n      .catch(err => {\n        onFail?.(err)\n      })\n  }\n\n  const handleImageClick = (idx: number): void => {\n    onImageClick && onImageClick(idx, files[idx])\n  }\n\n  const handleRemoveImg = (idx: number, event: ITouchEvent): void => {\n    event.stopPropagation()\n    event.preventDefault()\n    if (ENV === Taro.ENV_TYPE.WEB) {\n      window.URL.revokeObjectURL(files[idx].url)\n    }\n    const newFiles = files.filter((_, i) => i !== idx)\n    onChange(newFiles, 'remove', idx)\n  }\n\n  const rowLength = length <= 0 ? 1 : length\n  // 行数\n  const matrix = generateMatrix(files as MatrixFile[], rowLength, showAddBtn)\n  const rootCls = classNames('at-image-picker', className)\n\n  return (\n    <View className={rootCls} style={customStyle}>\n      {matrix.map((row, i) => (\n        <View className='at-image-picker__flex-box' key={i + 1}>\n          {row.map((item, j) =>\n            item.url ? (\n              <View className='at-image-picker__flex-item' key={i * length + j}>\n                <View className='at-image-picker__item'>\n                  <View\n                    className='at-image-picker__remove-btn'\n                    onClick={(event: ITouchEvent) =>\n                      handleRemoveImg(i * length + j, event)\n                    }\n                  ></View>\n                  <Image\n                    className='at-image-picker__preview-img'\n                    mode={mode}\n                    src={item.url}\n                    onClick={() => handleImageClick(i * length + j)}\n                  />\n                </View>\n              </View>\n            ) : (\n              <View\n                className='at-image-picker__flex-item'\n                key={`empty_${i * length}${j}`}\n              >\n                {item.type === 'btn' && (\n                  <View onClick={chooseFile}>\n                    {children || (\n                      <View className='at-image-picker__item at-image-picker__choose-btn'>\n                        <View className='add-bar'></View>\n                        <View className='add-bar'></View>\n                      </View>\n                    )}\n                  </View>\n                )}\n              </View>\n            )\n          )}\n        </View>\n      ))}\n    </View>\n  )\n}\n\nAtImagePicker.propTypes = {\n  className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  customStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  files: PropTypes.array,\n  mode: PropTypes.oneOf([\n    'scaleToFill',\n    'aspectFit',\n    'aspectFill',\n    'widthFix',\n    'top',\n    'bottom',\n    'center',\n    'left',\n    'right',\n    'top left',\n    'top right',\n    'bottom left',\n    'bottom right'\n  ]),\n  showAddBtn: PropTypes.bool,\n  multiple: PropTypes.bool,\n  length: PropTypes.number,\n  onChange: PropTypes.func,\n  onImageClick: PropTypes.func,\n  onFail: PropTypes.func,\n  count: PropTypes.number,\n  sizeType: PropTypes.array,\n  sourceType: PropTypes.array\n}\n\nexport default AtImagePicker\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+import { AtIndexesProps } from '../../../types/indexes';
+declare function AtIndexes({ customStyle, className, animation, topKey, isVibrate, isShowToast, list, onClick, onScrollIntoView, children }: AtIndexesProps): JSX.Element;
+declare namespace AtIndexes {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        animation: PropTypes.Requireable<boolean>;
+        isVibrate: PropTypes.Requireable<boolean>;
+        isShowToast: PropTypes.Requireable<boolean>;
+        topKey: PropTypes.Requireable<string>;
+        list: PropTypes.Requireable<any[]>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onScrollIntoView: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtIndexes;

package/dist/components/indexes/index.js

@@ -0,0 +1,261 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { ScrollView, View } from "@tarojs/components";
+import Taro from "@tarojs/taro";
+import {
+  delayQuerySelector,
+  isTest,
+  pxTransform,
+  uuid
+} from "../../common/utils";
+import AtList from "../list/index";
+import AtListItem from "../list/item/index";
+import AtToast from "../toast/index";
+const ENV = Taro.getEnv();
+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();
+      }
+    },
+    [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
+          });
+        });
+        return;
+      }
+      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 = 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;
+    indexMapRef.current = [];
+    list.forEach((dataList, i) => {
+      if (i === 0) {
+        indexMapRef.current.push({
+          key: dataList.key,
+          startHeight: headerHeight,
+          endHeight: dataList.items.length * itemHeight + headerHeight + titleHeight
+        });
+      } else {
+        const prev = indexMapRef.current[i - 1];
+        indexMapRef.current.push({
+          key: dataList.key,
+          startHeight: prev.endHeight,
+          endHeight: prev.endHeight + dataList.items.length * itemHeight + titleHeight
+        });
+      }
+    });
+  }, [list]);
+  const getAnchorIndex = useCallback((scrollTop) => {
+    const index = indexMapRef.current.findIndex((item) => {
+      return scrollTop >= item.startHeight && scrollTop < item.endHeight;
+    });
+    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);
+    }
+  };
+  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) {
+      listRef.current = document.getElementById(listId);
+    }
+    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,
+      {
+        className: classNames("at-indexes__menu-item", {
+          "at-indexes__menu-item--active": currentIndex === i
+        }),
+        key,
+        onClick: () => jumpTarget(targetView, i + 1)
+      },
+      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,
+      {
+        key: item.name,
+        title: item.name,
+        onClick: () => handleClick(item)
+      }
+    )))
+  ));
+  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-item",
+        onClick: () => jumpTarget("at-indexes__top", 0)
+      },
+      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]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  animation: PropTypes.bool,
+  isVibrate: PropTypes.bool,
+  isShowToast: PropTypes.bool,
+  topKey: PropTypes.string,
+  list: PropTypes.array,
+  onClick: PropTypes.func,
+  onScrollIntoView: PropTypes.func
+};
+var indexes_default = AtIndexes;
+export {
+  indexes_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,39 @@
+import PropTypes from 'prop-types';
+import { AtInputProps } from '../../../types/input';
+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;