taro-ui 3.3.3 → 3.4.0

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

@@ -1,9 +1,15 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtIconProps } from '../../../types/icon';
-export default class AtIcon extends React.Component<AtIconProps> {
-    static defaultProps: AtIconProps;
-    static propTypes: InferProps<AtIconProps>;
-    private handleClick;
-    render(): JSX.Element;
+declare function AtIcon({ customStyle, className, prefixClass, value, color, size, onClick }: AtIconProps): JSX.Element;
+declare namespace AtIcon {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        prefixClass: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<string>;
+        color: PropTypes.Requireable<string>;
+        size: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtIcon;

package/dist/components/icon/index.js

@@ -3,42 +3,32 @@ import PropTypes from "prop-types";
 import React from "react";
 import { Text } from "@tarojs/components";
 import { mergeStyle, pxTransform } from "../../common/utils";
-class AtIcon extends React.Component {
-  handleClick() {
-    this.props.onClick && this.props.onClick(arguments);
-  }
-  render() {
-    const {
-      customStyle = {},
-      className,
-      prefixClass,
-      value,
-      size,
-      color
-    } = this.props;
-    const rootStyle = {
-      fontSize: `${pxTransform(parseInt(String(size)) * 2)}`,
-      color
-    };
-    const iconName = value ? `${prefixClass}-${value}` : "";
-    return /* @__PURE__ */ React.createElement(
-      Text,
-      {
-        className: classNames(prefixClass, iconName, className),
-        style: mergeStyle(rootStyle, customStyle),
-        onClick: this.handleClick.bind(this)
-      }
-    );
+function AtIcon({
+  customStyle = {},
+  className = "",
+  prefixClass = "at-icon",
+  value = "",
+  color = "",
+  size = 24,
+  onClick
+}) {
+  function handleClick() {
+    onClick && onClick(arguments);
   }
+  const rootStyle = {
+    fontSize: `${pxTransform(parseInt(String(size)) * 2)}`,
+    color
+  };
+  const iconName = value ? `${prefixClass}-${value}` : "";
+  return /* @__PURE__ */ React.createElement(
+    Text,
+    {
+      className: classNames(prefixClass, iconName, className),
+      style: mergeStyle(rootStyle, customStyle),
+      onClick: handleClick
+    }
+  );
 }
-AtIcon.defaultProps = {
-  customStyle: "",
-  className: "",
-  prefixClass: "at-icon",
-  value: "",
-  color: "",
-  size: 24
-};
 AtIcon.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Text } from '@tarojs/components'\nimport { AtIconProps } from '../../../types/icon'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nexport default class AtIcon extends React.Component<AtIconProps> {\n  public static defaultProps: AtIconProps\n  public static propTypes: InferProps<AtIconProps>\n\n  private handleClick(): void {\n    this.props.onClick && this.props.onClick(arguments as any)\n  }\n\n  public render(): JSX.Element {\n    const {\n      customStyle = {},\n      className,\n      prefixClass,\n      value,\n      size,\n      color\n    } = this.props\n\n    const rootStyle = {\n      fontSize: `${pxTransform(parseInt(String(size)) * 2)}`,\n      color\n    }\n\n    const iconName = value ? `${prefixClass}-${value}` : ''\n    return (\n      <Text\n        className={classNames(prefixClass, iconName, className)}\n        style={mergeStyle(rootStyle, customStyle)}\n        onClick={this.handleClick.bind(this)}\n      ></Text>\n    )\n  }\n}\n\nAtIcon.defaultProps = {\n  customStyle: '',\n  className: '',\n  prefixClass: 'at-icon',\n  value: '',\n  color: '',\n  size: 24\n}\n\nAtIcon.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  prefixClass: PropTypes.string,\n  value: PropTypes.string,\n  color: PropTypes.string,\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onClick: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAErB,SAAS,YAAY,mBAAmB;AAExC,MAAO,eAA6B,MAAM,UAAuB;AAAA,EAIvD,cAAoB;AAC1B,SAAK,MAAM,WAAW,KAAK,MAAM,QAAQ,SAAgB;AAAA,EAC3D;AAAA,EAEO,SAAsB;AAC3B,UAAM;AAAA,MACJ,cAAc,CAAC;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,YAAY;AAAA,MAChB,UAAU,GAAG,YAAY,SAAS,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AAAA,MACpD;AAAA,IACF;AAEA,UAAM,WAAW,QAAQ,GAAG,WAAW,IAAI,KAAK,KAAK;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,aAAa,UAAU,SAAS;AAAA,QACtD,OAAO,WAAW,WAAW,WAAW;AAAA,QACxC,SAAS,KAAK,YAAY,KAAK,IAAI;AAAA;AAAA,IACpC;AAAA,EAEL;AACF;AAEA,OAAO,eAAe;AAAA,EACpB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AACR;AAEA,OAAO,YAAY;AAAA,EACjB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,aAAa,UAAU;AAAA,EACvB,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAC9D,SAAS,UAAU;AACrB;","names":[]}
+{"version":3,"sources":["../../../src/components/icon/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Text } from '@tarojs/components'\nimport { AtIconProps } from '../../../types/icon'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nexport default function AtIcon({\n  customStyle = {},\n  className = '',\n  prefixClass = 'at-icon',\n  value = '',\n  color = '',\n  size = 24,\n  onClick\n}: AtIconProps): JSX.Element {\n  function handleClick(): void {\n    onClick && onClick(arguments as any)\n  }\n\n  const rootStyle = {\n    fontSize: `${pxTransform(parseInt(String(size)) * 2)}`,\n    color\n  }\n\n  const iconName = value ? `${prefixClass}-${value}` : ''\n  return (\n    <Text\n      className={classNames(prefixClass, iconName, className)}\n      style={mergeStyle(rootStyle, customStyle)}\n      onClick={handleClick}\n    ></Text>\n  )\n}\n\nAtIcon.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  prefixClass: PropTypes.string,\n  value: PropTypes.string,\n  color: PropTypes.string,\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onClick: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAErB,SAAS,YAAY,mBAAmB;AAEzB,SAAR,OAAwB;AAAA,EAC7B,cAAc,CAAC;AAAA,EACf,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AACF,GAA6B;AAC3B,WAAS,cAAoB;AAC3B,eAAW,QAAQ,SAAgB;AAAA,EACrC;AAEA,QAAM,YAAY;AAAA,IAChB,UAAU,GAAG,YAAY,SAAS,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AAAA,IACpD;AAAA,EACF;AAEA,QAAM,WAAW,QAAQ,GAAG,WAAW,IAAI,KAAK,KAAK;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,aAAa,UAAU,SAAS;AAAA,MACtD,OAAO,WAAW,WAAW,WAAW;AAAA,MACxC,SAAS;AAAA;AAAA,EACV;AAEL;AAEA,OAAO,YAAY;AAAA,EACjB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,aAAa,UAAU;AAAA,EACvB,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAC9D,SAAS,UAAU;AACrB;","names":[]}

package/dist/components/image-picker/index.d.ts

@@ -1,11 +1,21 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtImagePickerProps } from '../../../types/image-picker';
-export default class AtImagePicker extends React.Component<AtImagePickerProps> {
-    static defaultProps: AtImagePickerProps;
-    static propTypes: InferProps<AtImagePickerProps>;
-    private chooseFile;
-    private handleImageClick;
-    private handleRemoveImg;
-    render(): JSX.Element;
+declare function AtImagePicker({ className, customStyle, files, mode, showAddBtn, multiple, length, count, sizeType, sourceType, onChange, onImageClick, onFail, children }: AtImagePickerProps): JSX.Element;
+declare namespace AtImagePicker {
+    var propTypes: {
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        files: PropTypes.Requireable<any[]>;
+        mode: PropTypes.Requireable<string>;
+        showAddBtn: PropTypes.Requireable<boolean>;
+        multiple: PropTypes.Requireable<boolean>;
+        length: PropTypes.Requireable<number>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onImageClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onFail: PropTypes.Requireable<(...args: any[]) => any>;
+        count: PropTypes.Requireable<number>;
+        sizeType: PropTypes.Requireable<any[]>;
+        sourceType: PropTypes.Requireable<any[]>;
+    };
 }
+export default AtImagePicker;

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

@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
 import React from "react";
 import { Image, View } from "@tarojs/components";
 import Taro from "@tarojs/taro";
-import { uuid } from "../../common/utils";
+import { noop, uuid } from "../../common/utils";
 const generateMatrix = (files, col, showAddBtn) => {
   const matrix = [];
   const length = showAddBtn ? files.length + 1 : files.length;
@@ -26,109 +26,89 @@ const generateMatrix = (files, col, showAddBtn) => {
   }
   return matrix;
 };
-const ENV = Taro.getEnv();
-class AtImagePicker extends React.Component {
-  constructor() {
-    super(...arguments);
-    this.chooseFile = () => {
-      const { files = [], multiple, count, sizeType, sourceType } = this.props;
-      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;
+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)
       }
-      Taro.chooseImage(params).then((res) => {
-        const targetFiles = res.tempFilePaths.map((path, i) => ({
-          url: path,
-          file: res[filePathName][i]
-        }));
-        const newFiles = files.concat(targetFiles);
-        this.props.onChange(newFiles, "add");
-      }).catch((err) => {
-        var _a, _b;
-        (_b = (_a = this.props) == null ? void 0 : _a.onFail) == null ? void 0 : _b.call(_a, err);
-      });
-    };
-    this.handleImageClick = (idx) => {
-      this.props.onImageClick && this.props.onImageClick(idx, this.props.files[idx]);
-    };
-    this.handleRemoveImg = (idx, event) => {
-      event.stopPropagation();
-      event.preventDefault();
-      const { files = [] } = this.props;
-      if (ENV === Taro.ENV_TYPE.WEB) {
-        window.URL.revokeObjectURL(files[idx].url);
+    ), /* @__PURE__ */ React.createElement(
+      Image,
+      {
+        className: "at-image-picker__preview-img",
+        mode,
+        src: item.url,
+        onClick: () => handleImageClick(i * length + j)
       }
-      const newFiles = files.filter((_, i) => i !== idx);
-      this.props.onChange(newFiles, "remove", idx);
-    };
-  }
-  render() {
-    const {
-      className,
-      customStyle,
-      files,
-      mode,
-      length = 4,
-      showAddBtn = true
-    } = this.props;
-    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: this.handleRemoveImg.bind(this, i * length + j)
-          }
-        ), /* @__PURE__ */ React.createElement(
-          Image,
-          {
-            className: "at-image-picker__preview-img",
-            mode,
-            src: item.url,
-            onClick: this.handleImageClick.bind(this, 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: this.chooseFile }, this.props.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" })))
-      )
-    ))));
-  }
+    ))) : /* @__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.defaultProps = {
-  className: "",
-  customStyle: "",
-  files: [],
-  mode: "aspectFill",
-  showAddBtn: true,
-  multiple: false,
-  length: 4,
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onChange: () => {
-  }
-};
 AtImagePicker.propTypes = {
   className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
   customStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
@@ -158,7 +138,8 @@ AtImagePicker.propTypes = {
   sizeType: PropTypes.array,
   sourceType: PropTypes.array
 };
+var image_picker_default = AtImagePicker;
 export {
-  AtImagePicker as default
+  image_picker_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/image-picker/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } 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 { 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\nconst ENV = Taro.getEnv()\n\nexport default class AtImagePicker extends React.Component<AtImagePickerProps> {\n  public static defaultProps: AtImagePickerProps\n  public static propTypes: InferProps<AtImagePickerProps>\n\n  private chooseFile = (): void => {\n    const { files = [], multiple, count, sizeType, sourceType } = this.props\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        this.props.onChange(newFiles, 'add')\n      })\n      .catch(err => {\n        this.props?.onFail?.(err)\n      })\n  }\n\n  private handleImageClick = (idx: number): void => {\n    this.props.onImageClick &&\n      this.props.onImageClick(idx, this.props.files[idx])\n  }\n\n  private handleRemoveImg = (idx: number, event: ITouchEvent): void => {\n    event.stopPropagation()\n    event.preventDefault()\n    const { files = [] } = this.props\n    if (ENV === Taro.ENV_TYPE.WEB) {\n      window.URL.revokeObjectURL(files[idx].url)\n    }\n    const newFiles = files.filter((_, i) => i !== idx)\n    this.props.onChange(newFiles, 'remove', idx)\n  }\n\n  public render(): JSX.Element {\n    const {\n      className,\n      customStyle,\n      files,\n      mode,\n      length = 4,\n      showAddBtn = true\n    } = this.props\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\n                  className='at-image-picker__flex-item'\n                  key={i * length + j}\n                >\n                  <View className='at-image-picker__item'>\n                    <View\n                      className='at-image-picker__remove-btn'\n                      onClick={this.handleRemoveImg.bind(this, i * length + j)}\n                    ></View>\n                    <Image\n                      className='at-image-picker__preview-img'\n                      mode={mode}\n                      src={item.url}\n                      onClick={this.handleImageClick.bind(this, 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={this.chooseFile}>\n                      {this.props.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}\n\nAtImagePicker.defaultProps = {\n  className: '',\n  customStyle: '',\n  files: [],\n  mode: 'aspectFill',\n  showAddBtn: true,\n  multiple: false,\n  length: 4,\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onChange: (): void => {}\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"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,OAAO,YAAY;AAE5B,OAAO,UAAU;AAEjB,SAAS,YAAY;AAQrB,MAAM,iBAAiB,CACrB,OACA,KACA,eACmB;AACnB,QAAM,SAA8B,CAAC;AACrC,QAAM,SAAS,aAAa,MAAM,SAAS,IAAI,MAAM;AACrD,QAAM,MAAM,KAAK,KAAK,SAAS,GAAG;AAClC,WAAS,IAAI,GAAG,IAAI,KAAK,KAAK;AAC5B,QAAI,MAAM,MAAM,GAAG;AAEjB,YAAM,UAAU,MAAM,MAAM,IAAI,GAAG;AACnC,UAAI,QAAQ,SAAS,KAAK;AACxB,YAAI,YAAY;AACd,kBAAQ,KAAK,EAAE,MAAM,OAAO,MAAM,KAAK,EAAE,CAAC;AAAA,QAC5C;AAEA,iBAAS,IAAI,QAAQ,QAAQ,IAAI,KAAK,KAAK;AACzC,kBAAQ,KAAK,EAAE,MAAM,SAAS,MAAM,KAAK,EAAE,CAAC;AAAA,QAC9C;AAAA,MACF;AACA,aAAO,KAAK,OAAO;AAAA,IACrB,OAAO;AACL,aAAO,KAAK,MAAM,MAAM,IAAI,MAAM,IAAI,KAAK,GAAG,CAAC;AAAA,IACjD;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,MAAM,KAAK,OAAO;AAExB,MAAO,sBAAoC,MAAM,UAA8B;AAAA,EAA/E;AAAA;AAIE,SAAQ,aAAa,MAAY;AAC/B,YAAM,EAAE,QAAQ,CAAC,GAAG,UAAU,OAAO,UAAU,WAAW,IAAI,KAAK;AACnE,YAAM,eACJ,QAAQ,KAAK,SAAS,SAAS,gBAAgB;AAEjD,YAAM,SAAc,CAAC;AACrB,UAAI,UAAU;AACZ,eAAO,QAAQ;AAAA,MACjB;AACA,UAAI,OAAO;AACT,eAAO,QAAQ;AAAA,MACjB;AACA,UAAI,UAAU;AACZ,eAAO,WAAW;AAAA,MACpB;AACA,UAAI,YAAY;AACd,eAAO,aAAa;AAAA,MACtB;AACA,WAAK,YAAY,MAAM,EACpB,KAAK,SAAO;AACX,cAAM,cAAc,IAAI,cAAc,IAAI,CAAC,MAAM,OAAO;AAAA,UACtD,KAAK;AAAA,UACL,MAAM,IAAI,YAAY,EAAE,CAAC;AAAA,QAC3B,EAAE;AACF,cAAM,WAAW,MAAM,OAAO,WAAW;AACzC,aAAK,MAAM,SAAS,UAAU,KAAK;AAAA,MACrC,CAAC,EACA,MAAM,SAAO;AA7EpB;AA8EQ,yBAAK,UAAL,mBAAY,WAAZ,4BAAqB;AAAA,MACvB,CAAC;AAAA,IACL;AAEA,SAAQ,mBAAmB,CAAC,QAAsB;AAChD,WAAK,MAAM,gBACT,KAAK,MAAM,aAAa,KAAK,KAAK,MAAM,MAAM,GAAG,CAAC;AAAA,IACtD;AAEA,SAAQ,kBAAkB,CAAC,KAAa,UAA6B;AACnE,YAAM,gBAAgB;AACtB,YAAM,eAAe;AACrB,YAAM,EAAE,QAAQ,CAAC,EAAE,IAAI,KAAK;AAC5B,UAAI,QAAQ,KAAK,SAAS,KAAK;AAC7B,eAAO,IAAI,gBAAgB,MAAM,GAAG,EAAE,GAAG;AAAA,MAC3C;AACA,YAAM,WAAW,MAAM,OAAO,CAAC,GAAG,MAAM,MAAM,GAAG;AACjD,WAAK,MAAM,SAAS,UAAU,UAAU,GAAG;AAAA,IAC7C;AAAA;AAAA,EAEO,SAAsB;AAC3B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,aAAa;AAAA,IACf,IAAI,KAAK;AACT,UAAM,YAAY,UAAU,IAAI,IAAI;AAEpC,UAAM,SAAS,eAAe,OAAuB,WAAW,UAAU;AAC1E,UAAM,UAAU,WAAW,mBAAmB,SAAS;AAEvD,WACE,oCAAC,QAAK,WAAW,SAAS,OAAO,eAC9B,OAAO,IAAI,CAAC,KAAK,MAChB,oCAAC,QAAK,WAAU,6BAA4B,KAAK,IAAI,KAClD,IAAI;AAAA,MAAI,CAAC,MAAM,MACd,KAAK,MACH;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK,IAAI,SAAS;AAAA;AAAA,QAElB,oCAAC,QAAK,WAAU,2BACd;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,KAAK,gBAAgB,KAAK,MAAM,IAAI,SAAS,CAAC;AAAA;AAAA,QACxD,GACD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,KAAK,KAAK;AAAA,YACV,SAAS,KAAK,iBAAiB,KAAK,MAAM,IAAI,SAAS,CAAC;AAAA;AAAA,QAC1D,CACF;AAAA,MACF,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK,SAAS,IAAI,MAAM,GAAG,CAAC;AAAA;AAAA,QAE3B,KAAK,SAAS,SACb,oCAAC,QAAK,SAAS,KAAK,cACjB,KAAK,MAAM,YACV,oCAAC,QAAK,WAAU,uDACd,oCAAC,QAAK,WAAU,WAAU,GAC1B,oCAAC,QAAK,WAAU,WAAU,CAC5B,CAEJ;AAAA,MAEJ;AAAA,IAEJ,CACF,CACD,CACH;AAAA,EAEJ;AACF;AAEA,cAAc,eAAe;AAAA,EAC3B,WAAW;AAAA,EACX,aAAa;AAAA,EACb,OAAO,CAAC;AAAA,EACR,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA;AAAA,EAER,UAAU,MAAY;AAAA,EAAC;AACzB;AAEA,cAAc,YAAY;AAAA,EACxB,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,KAAK,CAAC;AAAA,EAClE,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,OAAO,UAAU;AAAA,EACjB,MAAM,UAAU,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAAA,EACD,YAAY,UAAU;AAAA,EACtB,UAAU,UAAU;AAAA,EACpB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,QAAQ,UAAU;AAAA,EAClB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU;AACxB;","names":[]}
+{"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

@@ -1,29 +1,17 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
-import { AtIndexesProps, AtIndexesState } from '../../../types/indexes';
-export default class AtIndexes extends React.Component<AtIndexesProps, AtIndexesState> {
-    static defaultProps: AtIndexesProps;
-    static propTypes: InferProps<AtIndexesProps>;
-    private menuHeight;
-    private startTop;
-    private itemHeight;
-    private currentIndex;
-    private listId;
-    private timeoutTimer;
-    private listRef;
-    private indexMap;
-    constructor(props: AtIndexesProps);
-    private handleClick;
-    private handleTouchMove;
-    private handleTouchEnd;
-    private jumpTarget;
-    private __jumpTarget;
-    private updateState;
-    private initData;
-    private handleScroll;
-    private getAnchorIndex;
-    UNSAFE_componentWillReceiveProps(nextProps: AtIndexesProps): void;
-    componentDidMount(): void;
-    UNSAFE_componentWillMount(): void;
-    render(): JSX.Element;
+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;