taro-ui 3.3.1 → 3.3.3

package/dist/components/flex/item/index.js

@@ -0,0 +1,34 @@
+import classNames from "classnames";
+import _forEach from "lodash/forEach";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+class AtFlexItem extends React.Component {
+  render() {
+    const rootClass = ["at-col"];
+    _forEach(this.props, (value, key) => {
+      if (key === "isAuto" && value) {
+        return rootClass.push("at-col--auto");
+      }
+      if (key === "isWrap" && value) {
+        return rootClass.push("at-col--wrap");
+      }
+      if (key === "size" && value) {
+        rootClass.push(`at-col-${value}`);
+      }
+      rootClass.push(`at-col__${key}--${value}`);
+    });
+    return /* @__PURE__ */ React.createElement(View, { className: classNames(rootClass) }, this.props.children);
+  }
+}
+AtFlexItem.propTypes = {
+  isAuto: PropTypes.bool,
+  isWrap: PropTypes.bool,
+  align: PropTypes.oneOf(["top", "bottom", "center"]),
+  size: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),
+  offset: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12])
+};
+export {
+  AtFlexItem as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/flex/item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/flex/item/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport _forEach from 'lodash/forEach'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtFlexItemProps } from '../../../../types/flex'\n\nexport default class AtFlexItem extends React.Component<AtFlexItemProps> {\n  public static propTypes: InferProps<AtFlexItemProps>\n\n  public render(): JSX.Element {\n    const rootClass = ['at-col']\n\n    _forEach(this.props, (value, key) => {\n      if (key === 'isAuto' && value) {\n        return rootClass.push('at-col--auto')\n      }\n      if (key === 'isWrap' && value) {\n        return rootClass.push('at-col--wrap')\n      }\n      if (key === 'size' && value) {\n        rootClass.push(`at-col-${value}`)\n      }\n      rootClass.push(`at-col__${key}--${value}`)\n    })\n\n    return <View className={classNames(rootClass)}>{this.props.children}</View>\n  }\n}\n\nAtFlexItem.propTypes = {\n  isAuto: PropTypes.bool,\n  isWrap: PropTypes.bool,\n  align: PropTypes.oneOf(['top', 'bottom', 'center']),\n  size: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  offset: PropTypes.oneOf([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12])\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,mBAAiC,MAAM,UAA2B;AAAA,EAGhE,SAAsB;AAC3B,UAAM,YAAY,CAAC,QAAQ;AAE3B,aAAS,KAAK,OAAO,CAAC,OAAO,QAAQ;AACnC,UAAI,QAAQ,YAAY,OAAO;AAC7B,eAAO,UAAU,KAAK,cAAc;AAAA,MACtC;AACA,UAAI,QAAQ,YAAY,OAAO;AAC7B,eAAO,UAAU,KAAK,cAAc;AAAA,MACtC;AACA,UAAI,QAAQ,UAAU,OAAO;AAC3B,kBAAU,KAAK,UAAU,KAAK,EAAE;AAAA,MAClC;AACA,gBAAU,KAAK,WAAW,GAAG,KAAK,KAAK,EAAE;AAAA,IAC3C,CAAC;AAED,WAAO,oCAAC,QAAK,WAAW,WAAW,SAAS,KAAI,KAAK,MAAM,QAAS;AAAA,EACtE;AACF;AAEA,WAAW,YAAY;AAAA,EACrB,QAAQ,UAAU;AAAA,EAClB,QAAQ,UAAU;AAAA,EAClB,OAAO,UAAU,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC;AAAA,EAClD,MAAM,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;AAAA,EAC7D,QAAQ,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;AACjE;","names":[]}

package/dist/components/float-layout/index.d.ts

@@ -0,0 +1,13 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtFloatLayoutProps, AtFloatLayoutState } from '../../../types/float-layout';
+export default class AtFloatLayout extends React.Component<AtFloatLayoutProps, AtFloatLayoutState> {
+    static defaultProps: AtFloatLayoutProps;
+    static propTypes: InferProps<AtFloatLayoutProps>;
+    constructor(props: AtFloatLayoutProps);
+    UNSAFE_componentWillReceiveProps(nextProps: AtFloatLayoutProps): void;
+    private handleClose;
+    private close;
+    private handleTouchMove;
+    render(): JSX.Element;
+}

package/dist/components/float-layout/index.js

@@ -0,0 +1,104 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { ScrollView, Text, View } from "@tarojs/components";
+import { handleTouchScroll } from "../../common/utils";
+class AtFloatLayout extends React.Component {
+  constructor(props) {
+    super(props);
+    this.handleClose = (e) => {
+      if (typeof this.props.onClose === "function") {
+        this.props.onClose(e);
+      }
+    };
+    this.close = (e) => {
+      this.setState(
+        {
+          _isOpened: false
+        },
+        () => this.handleClose(e)
+      );
+    };
+    this.handleTouchMove = (e) => {
+      e.stopPropagation();
+    };
+    const { isOpened } = props;
+    this.state = {
+      _isOpened: isOpened
+    };
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { isOpened } = nextProps;
+    if (this.props.isOpened !== isOpened) {
+      handleTouchScroll(isOpened);
+    }
+    if (isOpened !== this.state._isOpened) {
+      this.setState({
+        _isOpened: isOpened
+      });
+    }
+  }
+  render() {
+    const { _isOpened } = this.state;
+    const {
+      title,
+      scrollY,
+      scrollX,
+      scrollTop,
+      scrollLeft,
+      upperThreshold,
+      lowerThreshold,
+      scrollWithAnimation
+    } = this.props;
+    const rootClass = classNames(
+      "at-float-layout",
+      {
+        "at-float-layout--active": _isOpened
+      },
+      this.props.className
+    );
+    return /* @__PURE__ */ React.createElement(View, { className: rootClass, onTouchMove: this.handleTouchMove }, /* @__PURE__ */ React.createElement(View, { onClick: this.close, className: "at-float-layout__overlay" }), /* @__PURE__ */ React.createElement(View, { className: "at-float-layout__container layout" }, title ? /* @__PURE__ */ React.createElement(View, { className: "layout-header" }, /* @__PURE__ */ React.createElement(Text, { className: "layout-header__title" }, title), /* @__PURE__ */ React.createElement(View, { className: "layout-header__btn-close", onClick: this.close })) : null, /* @__PURE__ */ React.createElement(View, { className: "layout-body" }, /* @__PURE__ */ React.createElement(
+      ScrollView,
+      {
+        scrollY,
+        scrollX,
+        scrollTop,
+        scrollLeft,
+        upperThreshold,
+        lowerThreshold,
+        scrollWithAnimation,
+        onScroll: this.props.onScroll,
+        onScrollToLower: this.props.onScrollToLower,
+        onScrollToUpper: this.props.onScrollToUpper,
+        className: "layout-body__content"
+      },
+      this.props.children
+    ))));
+  }
+}
+AtFloatLayout.defaultProps = {
+  title: "",
+  isOpened: false,
+  scrollY: true,
+  scrollX: false,
+  scrollWithAnimation: false
+};
+AtFloatLayout.propTypes = {
+  title: PropTypes.string,
+  isOpened: PropTypes.bool,
+  scrollY: PropTypes.bool,
+  scrollX: PropTypes.bool,
+  scrollTop: PropTypes.number,
+  scrollLeft: PropTypes.number,
+  upperThreshold: PropTypes.number,
+  lowerThreshold: PropTypes.number,
+  scrollWithAnimation: PropTypes.bool,
+  onClose: PropTypes.func,
+  onScroll: PropTypes.func,
+  onScrollToLower: PropTypes.func,
+  onScrollToUpper: PropTypes.func
+};
+export {
+  AtFloatLayout as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/float-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/float-layout/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { ScrollView, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport {\n  AtFloatLayoutProps,\n  AtFloatLayoutState\n} from '../../../types/float-layout'\nimport { handleTouchScroll } from '../../common/utils'\n\nexport default class AtFloatLayout extends React.Component<\n  AtFloatLayoutProps,\n  AtFloatLayoutState\n> {\n  public static defaultProps: AtFloatLayoutProps\n  public static propTypes: InferProps<AtFloatLayoutProps>\n\n  public constructor(props: AtFloatLayoutProps) {\n    super(props)\n\n    const { isOpened } = props\n    this.state = {\n      _isOpened: isOpened\n    }\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtFloatLayoutProps): void {\n    const { isOpened } = nextProps\n\n    if (this.props.isOpened !== isOpened) {\n      handleTouchScroll(isOpened)\n    }\n\n    if (isOpened !== this.state._isOpened) {\n      this.setState({\n        _isOpened: isOpened\n      })\n    }\n  }\n\n  private handleClose = (e): void => {\n    if (typeof this.props.onClose === 'function') {\n      this.props.onClose(e)\n    }\n  }\n\n  private close = (e): void => {\n    this.setState(\n      {\n        _isOpened: false\n      },\n      () => this.handleClose(e)\n    )\n  }\n\n  private handleTouchMove = (e: CommonEvent): void => {\n    e.stopPropagation()\n  }\n\n  public render(): JSX.Element {\n    const { _isOpened } = this.state\n    const {\n      title,\n\n      scrollY,\n      scrollX,\n      scrollTop,\n      scrollLeft,\n      upperThreshold,\n      lowerThreshold,\n      scrollWithAnimation\n    } = this.props\n\n    const rootClass = classNames(\n      'at-float-layout',\n      {\n        'at-float-layout--active': _isOpened\n      },\n      this.props.className\n    )\n\n    return (\n      <View className={rootClass} onTouchMove={this.handleTouchMove}>\n        <View onClick={this.close} className='at-float-layout__overlay' />\n        <View className='at-float-layout__container layout'>\n          {title ? (\n            <View className='layout-header'>\n              <Text className='layout-header__title'>{title}</Text>\n              <View className='layout-header__btn-close' onClick={this.close} />\n            </View>\n          ) : null}\n          <View className='layout-body'>\n            <ScrollView\n              scrollY={scrollY}\n              scrollX={scrollX}\n              scrollTop={scrollTop}\n              scrollLeft={scrollLeft}\n              upperThreshold={upperThreshold}\n              lowerThreshold={lowerThreshold}\n              scrollWithAnimation={scrollWithAnimation}\n              onScroll={this.props.onScroll}\n              onScrollToLower={this.props.onScrollToLower}\n              onScrollToUpper={this.props.onScrollToUpper}\n              className='layout-body__content'\n            >\n              {this.props.children}\n            </ScrollView>\n          </View>\n        </View>\n      </View>\n    )\n  }\n}\n\nAtFloatLayout.defaultProps = {\n  title: '',\n  isOpened: false,\n\n  scrollY: true,\n  scrollX: false,\n  scrollWithAnimation: false\n}\n\nAtFloatLayout.propTypes = {\n  title: PropTypes.string,\n  isOpened: PropTypes.bool,\n  scrollY: PropTypes.bool,\n  scrollX: PropTypes.bool,\n  scrollTop: PropTypes.number,\n  scrollLeft: PropTypes.number,\n  upperThreshold: PropTypes.number,\n  lowerThreshold: PropTypes.number,\n  scrollWithAnimation: PropTypes.bool,\n  onClose: PropTypes.func,\n  onScroll: PropTypes.func,\n  onScrollToLower: PropTypes.func,\n  onScrollToUpper: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY,MAAM,YAAY;AAMvC,SAAS,yBAAyB;AAElC,MAAO,sBAAoC,MAAM,UAG/C;AAAA,EAIO,YAAY,OAA2B;AAC5C,UAAM,KAAK;AAsBb,SAAQ,cAAc,CAAC,MAAY;AACjC,UAAI,OAAO,KAAK,MAAM,YAAY,YAAY;AAC5C,aAAK,MAAM,QAAQ,CAAC;AAAA,MACtB;AAAA,IACF;AAEA,SAAQ,QAAQ,CAAC,MAAY;AAC3B,WAAK;AAAA,QACH;AAAA,UACE,WAAW;AAAA,QACb;AAAA,QACA,MAAM,KAAK,YAAY,CAAC;AAAA,MAC1B;AAAA,IACF;AAEA,SAAQ,kBAAkB,CAAC,MAAyB;AAClD,QAAE,gBAAgB;AAAA,IACpB;AArCE,UAAM,EAAE,SAAS,IAAI;AACrB,SAAK,QAAQ;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEO,iCAAiC,WAAqC;AAC3E,UAAM,EAAE,SAAS,IAAI;AAErB,QAAI,KAAK,MAAM,aAAa,UAAU;AACpC,wBAAkB,QAAQ;AAAA,IAC5B;AAEA,QAAI,aAAa,KAAK,MAAM,WAAW;AACrC,WAAK,SAAS;AAAA,QACZ,WAAW;AAAA,MACb,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAqBO,SAAsB;AAC3B,UAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,UAAM;AAAA,MACJ;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,QACE,2BAA2B;AAAA,MAC7B;AAAA,MACA,KAAK,MAAM;AAAA,IACb;AAEA,WACE,oCAAC,QAAK,WAAW,WAAW,aAAa,KAAK,mBAC5C,oCAAC,QAAK,SAAS,KAAK,OAAO,WAAU,4BAA2B,GAChE,oCAAC,QAAK,WAAU,uCACb,QACC,oCAAC,QAAK,WAAU,mBACd,oCAAC,QAAK,WAAU,0BAAwB,KAAM,GAC9C,oCAAC,QAAK,WAAU,4BAA2B,SAAS,KAAK,OAAO,CAClE,IACE,MACJ,oCAAC,QAAK,WAAU,iBACd;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,KAAK,MAAM;AAAA,QACrB,iBAAiB,KAAK,MAAM;AAAA,QAC5B,iBAAiB,KAAK,MAAM;AAAA,QAC5B,WAAU;AAAA;AAAA,MAET,KAAK,MAAM;AAAA,IACd,CACF,CACF,CACF;AAAA,EAEJ;AACF;AAEA,cAAc,eAAe;AAAA,EAC3B,OAAO;AAAA,EACP,UAAU;AAAA,EAEV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,qBAAqB;AACvB;AAEA,cAAc,YAAY;AAAA,EACxB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,SAAS,UAAU;AAAA,EACnB,SAAS,UAAU;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU;AAAA,EACtB,gBAAgB,UAAU;AAAA,EAC1B,gBAAgB,UAAU;AAAA,EAC1B,qBAAqB,UAAU;AAAA,EAC/B,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,iBAAiB,UAAU;AAAA,EAC3B,iBAAiB,UAAU;AAC7B;","names":[]}

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

@@ -0,0 +1,10 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtFormProps } from '../../../types/form';
+export default class AtForm extends React.Component<AtFormProps> {
+    static defaultProps: AtFormProps;
+    static propTypes: InferProps<AtFormProps>;
+    private onSubmit;
+    private onReset;
+    render(): JSX.Element;
+}

package/dist/components/form/index.js

@@ -0,0 +1,43 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Form } from "@tarojs/components";
+class AtForm extends React.Component {
+  onSubmit() {
+    this.props.onSubmit && this.props.onSubmit(arguments);
+  }
+  onReset() {
+    this.props.onReset && this.props.onReset(arguments);
+  }
+  render() {
+    const { customStyle, className, reportSubmit } = this.props;
+    const rootCls = classNames("at-form", className);
+    return /* @__PURE__ */ React.createElement(
+      Form,
+      {
+        className: rootCls,
+        style: customStyle,
+        onSubmit: this.onSubmit.bind(this),
+        reportSubmit,
+        onReset: this.onReset.bind(this)
+      },
+      this.props.children
+    );
+  }
+}
+AtForm.defaultProps = {
+  customStyle: "",
+  className: "",
+  reportSubmit: false
+};
+AtForm.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  reportSubmit: PropTypes.bool,
+  onSubmit: PropTypes.func,
+  onReset: PropTypes.func
+};
+export {
+  AtForm as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Form } from '@tarojs/components'\nimport { AtFormProps } from '../../../types/form'\n\nexport default class AtForm extends React.Component<AtFormProps> {\n  public static defaultProps: AtFormProps\n  public static propTypes: InferProps<AtFormProps>\n\n  private onSubmit(): void {\n    this.props.onSubmit && this.props.onSubmit(arguments as any)\n  }\n\n  private onReset(): void {\n    this.props.onReset && this.props.onReset(arguments as any)\n  }\n\n  public render(): JSX.Element {\n    const { customStyle, className, reportSubmit } = this.props\n    const rootCls = classNames('at-form', className)\n\n    return (\n      <Form\n        className={rootCls}\n        style={customStyle}\n        onSubmit={this.onSubmit.bind(this)}\n        reportSubmit={reportSubmit}\n        onReset={this.onReset.bind(this)}\n      >\n        {this.props.children}\n      </Form>\n    )\n  }\n}\n\nAtForm.defaultProps = {\n  customStyle: '',\n  className: '',\n  reportSubmit: false\n}\n\nAtForm.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  reportSubmit: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,eAA6B,MAAM,UAAuB;AAAA,EAIvD,WAAiB;AACvB,SAAK,MAAM,YAAY,KAAK,MAAM,SAAS,SAAgB;AAAA,EAC7D;AAAA,EAEQ,UAAgB;AACtB,SAAK,MAAM,WAAW,KAAK,MAAM,QAAQ,SAAgB;AAAA,EAC3D;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,aAAa,WAAW,aAAa,IAAI,KAAK;AACtD,UAAM,UAAU,WAAW,WAAW,SAAS;AAE/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,UAAU,KAAK,SAAS,KAAK,IAAI;AAAA,QACjC;AAAA,QACA,SAAS,KAAK,QAAQ,KAAK,IAAI;AAAA;AAAA,MAE9B,KAAK,MAAM;AAAA,IACd;AAAA,EAEJ;AACF;AAEA,OAAO,eAAe;AAAA,EACpB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,cAAc;AAChB;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,cAAc,UAAU;AAAA,EACxB,UAAU,UAAU;AAAA,EACpB,SAAS,UAAU;AACrB;","names":[]}

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

@@ -0,0 +1,9 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtGridProps } from '../../../types/grid';
+export default class AtGrid extends React.Component<AtGridProps> {
+    static defaultProps: AtGridProps;
+    static propTypes: InferProps<AtGridProps>;
+    private handleClick;
+    render(): JSX.Element | null;
+}

package/dist/components/grid/index.js

@@ -0,0 +1,101 @@
+import classNames from "classnames";
+import _chunk from "lodash/chunk";
+import PropTypes from "prop-types";
+import React from "react";
+import { Image, Text, View } from "@tarojs/components";
+import { mergeStyle } from "../../common/utils";
+class AtGrid extends React.Component {
+  constructor() {
+    super(...arguments);
+    this.handleClick = (item, index, row, event) => {
+      const { onClick, columnNum = 3 } = this.props;
+      if (typeof onClick === "function") {
+        const clickIndex = row * columnNum + index;
+        onClick(item, clickIndex, event);
+      }
+    };
+  }
+  render() {
+    const { data, mode, columnNum = 3, hasBorder } = this.props;
+    if (Array.isArray(data) && data.length === 0) {
+      return null;
+    }
+    const gridGroup = _chunk(data, columnNum);
+    const bodyClass = classNames(
+      ["at-grid__flex-item", "at-grid-item", `at-grid-item--${mode}`],
+      {
+        "at-grid-item--no-border": !hasBorder
+      }
+    );
+    return /* @__PURE__ */ React.createElement(View, { className: classNames("at-grid", this.props.className) }, gridGroup.map((item, i) => /* @__PURE__ */ React.createElement(View, { className: "at-grid__flex", key: `at-grid-group-${i}` }, item.map((childItem, index) => /* @__PURE__ */ React.createElement(
+      View,
+      {
+        key: `at-grid-item-${index}`,
+        className: classNames(bodyClass, {
+          "at-grid-item--last": index === columnNum - 1
+        }),
+        onClick: this.handleClick.bind(this, childItem, index, i),
+        style: {
+          flex: `0 0 ${100 / columnNum}%`
+        }
+      },
+      /* @__PURE__ */ React.createElement(View, { className: "at-grid-item__content" }, /* @__PURE__ */ React.createElement(View, { className: "at-grid-item__content-inner" }, /* @__PURE__ */ React.createElement(View, { className: "content-inner__icon" }, childItem.image && /* @__PURE__ */ React.createElement(
+        Image,
+        {
+          className: "content-inner__img",
+          src: childItem.image,
+          mode: "scaleToFill"
+        }
+      ), childItem.iconInfo && !childItem.image && /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          className: classNames(
+            childItem.iconInfo.prefixClass || "at-icon",
+            {
+              [`${childItem.iconInfo.prefixClass || "at-icon"}-${childItem.iconInfo.value}`]: childItem.iconInfo.value
+            },
+            childItem.iconInfo.className
+          ),
+          style: mergeStyle(
+            {
+              color: childItem.iconInfo.color,
+              fontSize: `${childItem.iconInfo.size || 24}px`
+            },
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            childItem.iconInfo.customStyle
+          )
+        }
+      )), /* @__PURE__ */ React.createElement(Text, { className: "content-inner__text" }, childItem.value)))
+    )))));
+  }
+}
+AtGrid.defaultProps = {
+  data: [],
+  columnNum: 3,
+  mode: "square",
+  hasBorder: true
+};
+AtGrid.propTypes = {
+  mode: PropTypes.string,
+  onClick: PropTypes.func,
+  hasBorder: PropTypes.bool,
+  columnNum: PropTypes.number,
+  data: PropTypes.arrayOf(
+    PropTypes.shape({
+      image: PropTypes.string,
+      value: PropTypes.string,
+      iconInfo: PropTypes.shape({
+        size: PropTypes.number,
+        value: PropTypes.string,
+        color: PropTypes.string,
+        prefixClass: PropTypes.string,
+        customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+        className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
+      })
+    })
+  )
+};
+export {
+  AtGrid as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/grid/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport _chunk from 'lodash/chunk'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Image, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtGridItem, AtGridProps } from '../../../types/grid'\nimport { mergeStyle } from '../../common/utils'\n\nexport default class AtGrid extends React.Component<AtGridProps> {\n  public static defaultProps: AtGridProps\n  public static propTypes: InferProps<AtGridProps>\n\n  private handleClick = (\n    item: AtGridItem,\n    index: number,\n    row: number,\n    event: CommonEvent\n  ): void => {\n    const { onClick, columnNum = 3 } = this.props\n    if (typeof onClick === 'function') {\n      const clickIndex = row * columnNum + index\n      onClick(item, clickIndex, event)\n    }\n  }\n\n  public render(): JSX.Element | null {\n    const { data, mode, columnNum = 3, hasBorder } = this.props\n\n    if (Array.isArray(data) && data.length === 0) {\n      return null\n    }\n\n    const gridGroup = _chunk(data, columnNum)\n\n    const bodyClass = classNames(\n      ['at-grid__flex-item', 'at-grid-item', `at-grid-item--${mode}`],\n      {\n        'at-grid-item--no-border': !hasBorder\n      }\n    )\n\n    return (\n      <View className={classNames('at-grid', this.props.className)}>\n        {gridGroup.map((item, i) => (\n          <View className='at-grid__flex' key={`at-grid-group-${i}`}>\n            {item.map((childItem, index) => (\n              <View\n                key={`at-grid-item-${index}`}\n                className={classNames(bodyClass, {\n                  'at-grid-item--last': index === columnNum - 1\n                })}\n                onClick={this.handleClick.bind(this, childItem, index, i)}\n                style={{\n                  flex: `0 0 ${100 / columnNum}%`\n                }}\n              >\n                <View className='at-grid-item__content'>\n                  <View className='at-grid-item__content-inner'>\n                    <View className='content-inner__icon'>\n                      {childItem.image && (\n                        <Image\n                          className='content-inner__img'\n                          src={childItem.image}\n                          mode='scaleToFill'\n                        />\n                      )}\n                      {childItem.iconInfo && !childItem.image && (\n                        <Text\n                          className={classNames(\n                            childItem.iconInfo.prefixClass || 'at-icon',\n                            {\n                              [`${\n                                childItem.iconInfo.prefixClass || 'at-icon'\n                              }-${childItem.iconInfo.value}`]:\n                                childItem.iconInfo.value\n                            },\n                            childItem.iconInfo.className\n                          )}\n                          style={mergeStyle(\n                            {\n                              color: childItem.iconInfo.color,\n                              fontSize: `${childItem.iconInfo.size || 24}px`\n                            },\n                            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n                            childItem.iconInfo!.customStyle!\n                          )}\n                        />\n                      )}\n                    </View>\n                    <Text className='content-inner__text'>\n                      {childItem.value}\n                    </Text>\n                  </View>\n                </View>\n              </View>\n            ))}\n          </View>\n        ))}\n      </View>\n    )\n  }\n}\n\nAtGrid.defaultProps = {\n  data: [],\n  columnNum: 3,\n  mode: 'square',\n  hasBorder: true\n}\n\nAtGrid.propTypes = {\n  mode: PropTypes.string,\n  onClick: PropTypes.func,\n  hasBorder: PropTypes.bool,\n  columnNum: PropTypes.number,\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      image: PropTypes.string,\n      value: PropTypes.string,\n      iconInfo: PropTypes.shape({\n        size: PropTypes.number,\n        value: PropTypes.string,\n        color: PropTypes.string,\n        prefixClass: PropTypes.string,\n        customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n        className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])\n      })\n    })\n  )\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,9 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+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;
+}

package/dist/components/icon/index.js

@@ -0,0 +1,54 @@
+import classNames from "classnames";
+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)
+      }
+    );
+  }
+}
+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]),
+  prefixClass: PropTypes.string,
+  value: PropTypes.string,
+  color: PropTypes.string,
+  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  onClick: PropTypes.func
+};
+export {
+  AtIcon as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,11 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+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;
+}

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

@@ -0,0 +1,164 @@
+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 { 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;
+};
+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;
+      }
+      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);
+      }
+      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" })))
+      )
+    ))));
+  }
+}
+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]),
+  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
+};
+export {
+  AtImagePicker 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, { 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":"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","names":[]}