taro-ui 3.3.3 → 3.4.0

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

@@ -3,23 +3,21 @@ 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);
-  }
+function AtFlexItem(props) {
+  const rootClass = ["at-col"];
+  _forEach(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) }, props.children);
 }
 AtFlexItem.propTypes = {
   isAuto: PropTypes.bool,
@@ -28,7 +26,8 @@ AtFlexItem.propTypes = {
   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])
 };
+var item_default = AtFlexItem;
 export {
-  AtFlexItem as default
+  item_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../../src/components/flex/item/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport _forEach from 'lodash/forEach'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtFlexItemProps } from '../../../../types/flex'\n\nfunction AtFlexItem(props: AtFlexItemProps): JSX.Element {\n  const rootClass = ['at-col']\n\n  _forEach(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)}>{props.children}</View>\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\nexport default AtFlexItem\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,WAAW,OAAqC;AACvD,QAAM,YAAY,CAAC,QAAQ;AAE3B,WAAS,OAAO,CAAC,OAAO,QAAQ;AAC9B,QAAI,QAAQ,YAAY,OAAO;AAC7B,aAAO,UAAU,KAAK,cAAc;AAAA,IACtC;AACA,QAAI,QAAQ,YAAY,OAAO;AAC7B,aAAO,UAAU,KAAK,cAAc;AAAA,IACtC;AACA,QAAI,QAAQ,UAAU,OAAO;AAC3B,gBAAU,KAAK,UAAU,KAAK,EAAE;AAAA,IAClC;AACA,cAAU,KAAK,WAAW,GAAG,KAAK,KAAK,EAAE;AAAA,EAC3C,CAAC;AAED,SAAO,oCAAC,QAAK,WAAW,WAAW,SAAS,KAAI,MAAM,QAAS;AACjE;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;AAEA,IAAO,eAAQ;","names":[]}

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

@@ -1,13 +1,21 @@
-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;
+import PropTypes from 'prop-types';
+import { AtFloatLayoutProps } from '../../../types/float-layout';
+declare function AtFloatLayout({ title, isOpened, scrollY, scrollX, scrollWithAnimation, scrollTop, scrollLeft, upperThreshold, lowerThreshold, className, children, onClose, onScroll, onScrollToLower, onScrollToUpper }: AtFloatLayoutProps): JSX.Element;
+declare namespace AtFloatLayout {
+    var propTypes: {
+        title: PropTypes.Requireable<string>;
+        isOpened: PropTypes.Requireable<boolean>;
+        scrollY: PropTypes.Requireable<boolean>;
+        scrollX: PropTypes.Requireable<boolean>;
+        scrollTop: PropTypes.Requireable<number>;
+        scrollLeft: PropTypes.Requireable<number>;
+        upperThreshold: PropTypes.Requireable<number>;
+        lowerThreshold: PropTypes.Requireable<number>;
+        scrollWithAnimation: PropTypes.Requireable<boolean>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onScrollToLower: PropTypes.Requireable<(...args: any[]) => any>;
+        onScrollToUpper: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtFloatLayout;

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

@@ -1,88 +1,71 @@
 import classNames from "classnames";
 import PropTypes from "prop-types";
-import React from "react";
+import React, { useEffect, useRef, useState } 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) {
+function AtFloatLayout({
+  title = "",
+  isOpened = false,
+  scrollY = true,
+  scrollX = false,
+  scrollWithAnimation = false,
+  scrollTop,
+  scrollLeft,
+  upperThreshold,
+  lowerThreshold,
+  className,
+  children,
+  onClose,
+  onScroll,
+  onScrollToLower,
+  onScrollToUpper
+}) {
+  const [_isOpened, setIsOpened] = useState(isOpened);
+  const prevIsOpenedPropRef = useRef(isOpened);
+  useEffect(() => {
+    if (prevIsOpenedPropRef.current !== isOpened) {
       handleTouchScroll(isOpened);
+      prevIsOpenedPropRef.current = isOpened;
     }
-    if (isOpened !== this.state._isOpened) {
-      this.setState({
-        _isOpened: isOpened
-      });
+    setIsOpened((prev) => isOpened !== prev ? isOpened : prev);
+  }, [isOpened]);
+  const handleClose = (e) => {
+    if (typeof onClose === "function") {
+      onClose(e);
     }
-  }
-  render() {
-    const { _isOpened } = this.state;
-    const {
-      title,
+  };
+  const close = (e) => {
+    setIsOpened(false);
+    handleClose(e);
+  };
+  const handleTouchMove = (e) => {
+    e.stopPropagation();
+  };
+  const rootClass = classNames(
+    "at-float-layout",
+    {
+      "at-float-layout--active": _isOpened
+    },
+    className
+  );
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass, onTouchMove: handleTouchMove }, /* @__PURE__ */ React.createElement(View, { onClick: 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: close })) : null, /* @__PURE__ */ React.createElement(View, { className: "layout-body" }, /* @__PURE__ */ React.createElement(
+    ScrollView,
+    {
       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
-    ))));
-  }
+      scrollWithAnimation,
+      onScroll,
+      onScrollToLower,
+      onScrollToUpper,
+      className: "layout-body__content"
+    },
+    children
+  ))));
 }
-AtFloatLayout.defaultProps = {
-  title: "",
-  isOpened: false,
-  scrollY: true,
-  scrollX: false,
-  scrollWithAnimation: false
-};
 AtFloatLayout.propTypes = {
   title: PropTypes.string,
   isOpened: PropTypes.bool,
@@ -98,7 +81,8 @@ AtFloatLayout.propTypes = {
   onScrollToLower: PropTypes.func,
   onScrollToUpper: PropTypes.func
 };
+var float_layout_default = AtFloatLayout;
 export {
-  AtFloatLayout as default
+  float_layout_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../src/components/float-layout/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { ScrollView, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtFloatLayoutProps } from '../../../types/float-layout'\nimport { handleTouchScroll } from '../../common/utils'\n\nfunction AtFloatLayout({\n  title = '',\n  isOpened = false,\n  scrollY = true,\n  scrollX = false,\n  scrollWithAnimation = false,\n  scrollTop,\n  scrollLeft,\n  upperThreshold,\n  lowerThreshold,\n  className,\n  children,\n  onClose,\n  onScroll,\n  onScrollToLower,\n  onScrollToUpper\n}: AtFloatLayoutProps): JSX.Element {\n  const [_isOpened, setIsOpened] = useState(isOpened)\n  const prevIsOpenedPropRef = useRef(isOpened)\n\n  useEffect(() => {\n    if (prevIsOpenedPropRef.current !== isOpened) {\n      handleTouchScroll(isOpened)\n      prevIsOpenedPropRef.current = isOpened\n    }\n    setIsOpened(prev => (isOpened !== prev ? isOpened : prev))\n  }, [isOpened])\n\n  const handleClose = (e): void => {\n    if (typeof onClose === 'function') {\n      onClose(e)\n    }\n  }\n\n  const close = (e): void => {\n    setIsOpened(false)\n    handleClose(e)\n  }\n\n  const handleTouchMove = (e: CommonEvent): void => {\n    e.stopPropagation()\n  }\n\n  const rootClass = classNames(\n    'at-float-layout',\n    {\n      'at-float-layout--active': _isOpened\n    },\n    className\n  )\n\n  return (\n    <View className={rootClass} onTouchMove={handleTouchMove}>\n      <View onClick={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={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={onScroll}\n            onScrollToLower={onScrollToLower}\n            onScrollToUpper={onScrollToUpper}\n            className='layout-body__content'\n          >\n            {children}\n          </ScrollView>\n        </View>\n      </View>\n    </View>\n  )\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\nexport default AtFloatLayout\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,SAAS,WAAW,QAAQ,gBAAgB;AACnD,SAAS,YAAY,MAAM,YAAY;AAGvC,SAAS,yBAAyB;AAElC,SAAS,cAAc;AAAA,EACrB,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoC;AAClC,QAAM,CAAC,WAAW,WAAW,IAAI,SAAS,QAAQ;AAClD,QAAM,sBAAsB,OAAO,QAAQ;AAE3C,YAAU,MAAM;AACd,QAAI,oBAAoB,YAAY,UAAU;AAC5C,wBAAkB,QAAQ;AAC1B,0BAAoB,UAAU;AAAA,IAChC;AACA,gBAAY,UAAS,aAAa,OAAO,WAAW,IAAK;AAAA,EAC3D,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,cAAc,CAAC,MAAY;AAC/B,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,CAAC;AAAA,IACX;AAAA,EACF;AAEA,QAAM,QAAQ,CAAC,MAAY;AACzB,gBAAY,KAAK;AACjB,gBAAY,CAAC;AAAA,EACf;AAEA,QAAM,kBAAkB,CAAC,MAAyB;AAChD,MAAE,gBAAgB;AAAA,EACpB;AAEA,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,MACE,2BAA2B;AAAA,IAC7B;AAAA,IACA;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,WAAW,aAAa,mBACvC,oCAAC,QAAK,SAAS,OAAO,WAAU,4BAA2B,GAC3D,oCAAC,QAAK,WAAU,uCACb,QACC,oCAAC,QAAK,WAAU,mBACd,oCAAC,QAAK,WAAU,0BAAwB,KAAM,GAC9C,oCAAC,QAAK,WAAU,4BAA2B,SAAS,OAAO,CAC7D,IACE,MACJ,oCAAC,QAAK,WAAU,iBACd;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA;AAAA,IAET;AAAA,EACH,CACF,CACF,CACF;AAEJ;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;AAEA,IAAO,uBAAQ;","names":[]}

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

@@ -1,10 +1,13 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 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;
+declare function AtForm({ customStyle, className, reportSubmit, onSubmit, onReset, children }: AtFormProps): JSX.Element;
+declare namespace AtForm {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        reportSubmit: PropTypes.Requireable<boolean>;
+        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
+        onReset: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtForm;

package/dist/components/form/index.js

@@ -2,34 +2,33 @@ 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
-    );
-  }
+function AtForm({
+  customStyle = "",
+  className = "",
+  reportSubmit = false,
+  onSubmit,
+  onReset,
+  children
+}) {
+  const handleSubmit = (event) => {
+    onSubmit && onSubmit(event);
+  };
+  const handleReset = (event) => {
+    onReset && onReset(event);
+  };
+  const rootCls = classNames("at-form", className);
+  return /* @__PURE__ */ React.createElement(
+    Form,
+    {
+      className: rootCls,
+      style: customStyle,
+      onSubmit: handleSubmit,
+      reportSubmit,
+      onReset: handleReset
+    },
+    children
+  );
 }
-AtForm.defaultProps = {
-  customStyle: "",
-  className: "",
-  reportSubmit: false
-};
 AtForm.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
@@ -37,7 +36,8 @@ AtForm.propTypes = {
   onSubmit: PropTypes.func,
   onReset: PropTypes.func
 };
+var form_default = AtForm;
 export {
-  AtForm as default
+  form_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../src/components/form/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Form } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtFormProps } from '../../../types/form'\n\nfunction AtForm({\n  customStyle = '',\n  className = '',\n  reportSubmit = false,\n  onSubmit,\n  onReset,\n  children\n}: AtFormProps): JSX.Element {\n  const handleSubmit = (event: CommonEvent): void => {\n    onSubmit && onSubmit(event)\n  }\n\n  const handleReset = (event: CommonEvent): void => {\n    onReset && onReset(event)\n  }\n\n  const rootCls = classNames('at-form', className)\n\n  return (\n    <Form\n      className={rootCls}\n      style={customStyle}\n      onSubmit={handleSubmit}\n      reportSubmit={reportSubmit}\n      onReset={handleReset}\n    >\n      {children}\n    </Form>\n  )\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\nexport default AtForm\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAIrB,SAAS,OAAO;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,eAAe,CAAC,UAA6B;AACjD,gBAAY,SAAS,KAAK;AAAA,EAC5B;AAEA,QAAM,cAAc,CAAC,UAA6B;AAChD,eAAW,QAAQ,KAAK;AAAA,EAC1B;AAEA,QAAM,UAAU,WAAW,WAAW,SAAS;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV;AAAA,MACA,SAAS;AAAA;AAAA,IAER;AAAA,EACH;AAEJ;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;AAEA,IAAO,eAAQ;","names":[]}

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

@@ -1,9 +1,24 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 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;
+declare function AtGrid({ data, mode, columnNum, hasBorder, className, onClick }: AtGridProps): JSX.Element | null;
+declare namespace AtGrid {
+    var propTypes: {
+        mode: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        hasBorder: PropTypes.Requireable<boolean>;
+        columnNum: PropTypes.Requireable<number>;
+        data: PropTypes.Requireable<(PropTypes.InferProps<{
+            image: PropTypes.Requireable<string>;
+            value: PropTypes.Requireable<string>;
+            iconInfo: PropTypes.Requireable<PropTypes.InferProps<{
+                size: PropTypes.Requireable<number>;
+                value: PropTypes.Requireable<string>;
+                color: PropTypes.Requireable<string>;
+                prefixClass: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+                className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+            }>>;
+        }> | null | undefined)[]>;
+    };
 }
+export default AtGrid;

package/dist/components/grid/index.js

@@ -4,77 +4,71 @@ 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);
-      }
-    };
+function AtGrid({
+  data = [],
+  mode = "square",
+  columnNum = 3,
+  hasBorder = true,
+  className,
+  onClick
+}) {
+  const handleClick = (item, index, row, event) => {
+    if (typeof onClick === "function") {
+      const clickIndex = row * columnNum + index;
+      onClick(item, clickIndex, event);
+    }
+  };
+  if (Array.isArray(data) && data.length === 0) {
+    return null;
   }
-  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
     }
-    const gridGroup = _chunk(data, columnNum);
-    const bodyClass = classNames(
-      ["at-grid__flex-item", "at-grid-item", `at-grid-item--${mode}`],
+  );
+  return /* @__PURE__ */ React.createElement(View, { className: classNames("at-grid", 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: (event) => handleClick(childItem, index, i, event),
+      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,
       {
-        "at-grid-item--no-border": !hasBorder
+        className: "content-inner__img",
+        src: childItem.image,
+        mode: "scaleToFill"
       }
-    );
-    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,
+    ), childItem.iconInfo && !childItem.image && /* @__PURE__ */ React.createElement(
+      Text,
       {
-        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)))
-    )))));
-  }
+        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,
@@ -95,7 +89,8 @@ AtGrid.propTypes = {
     })
   )
 };
+var grid_default = AtGrid;
 export {
-  AtGrid as default
+  grid_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../src/components/grid/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport _chunk from 'lodash/chunk'\nimport PropTypes 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\nfunction AtGrid({\n  data = [],\n  mode = 'square',\n  columnNum = 3,\n  hasBorder = true,\n  className,\n  onClick\n}: AtGridProps): JSX.Element | null {\n  const handleClick = (\n    item: AtGridItem,\n    index: number,\n    row: number,\n    event: CommonEvent\n  ): void => {\n    if (typeof onClick === 'function') {\n      const clickIndex = row * columnNum + index\n      onClick(item, clickIndex, event)\n    }\n  }\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', 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={event => handleClick(childItem, index, i, event)}\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                            [`${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'>{childItem.value}</Text>\n                </View>\n              </View>\n            </View>\n          ))}\n        </View>\n      ))}\n    </View>\n  )\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\nexport default AtGrid\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,YAAY;AACnB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,OAAO,MAAM,YAAY;AAGlC,SAAS,kBAAkB;AAE3B,SAAS,OAAO;AAAA,EACd,OAAO,CAAC;AAAA,EACR,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAoC;AAClC,QAAM,cAAc,CAClB,MACA,OACA,KACA,UACS;AACT,QAAI,OAAO,YAAY,YAAY;AACjC,YAAM,aAAa,MAAM,YAAY;AACrC,cAAQ,MAAM,YAAY,KAAK;AAAA,IACjC;AAAA,EACF;AAEA,MAAI,MAAM,QAAQ,IAAI,KAAK,KAAK,WAAW,GAAG;AAC5C,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,OAAO,MAAM,SAAS;AAExC,QAAM,YAAY;AAAA,IAChB,CAAC,sBAAsB,gBAAgB,iBAAiB,IAAI,EAAE;AAAA,IAC9D;AAAA,MACE,2BAA2B,CAAC;AAAA,IAC9B;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,WAAW,WAAW,SAAS,KAC7C,UAAU,IAAI,CAAC,MAAM,MACpB,oCAAC,QAAK,WAAU,iBAAgB,KAAK,iBAAiB,CAAC,MACpD,KAAK,IAAI,CAAC,WAAW,UACpB;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,gBAAgB,KAAK;AAAA,MAC1B,WAAW,WAAW,WAAW;AAAA,QAC/B,sBAAsB,UAAU,YAAY;AAAA,MAC9C,CAAC;AAAA,MACD,SAAS,WAAS,YAAY,WAAW,OAAO,GAAG,KAAK;AAAA,MACxD,OAAO;AAAA,QACL,MAAM,OAAO,MAAM,SAAS;AAAA,MAC9B;AAAA;AAAA,IAEA,oCAAC,QAAK,WAAU,2BACd,oCAAC,QAAK,WAAU,iCACd,oCAAC,QAAK,WAAU,yBACb,UAAU,SACT;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK,UAAU;AAAA,QACf,MAAK;AAAA;AAAA,IACP,GAED,UAAU,YAAY,CAAC,UAAU,SAChC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,UAAU,SAAS,eAAe;AAAA,UAClC;AAAA,YACE,CAAC,GAAG,UAAU,SAAS,eAAe,SAAS,IAC7C,UAAU,SAAS,KACrB,EAAE,GAAG,UAAU,SAAS;AAAA,UAC1B;AAAA,UACA,UAAU,SAAS;AAAA,QACrB;AAAA,QACA,OAAO;AAAA,UACL;AAAA,YACE,OAAO,UAAU,SAAS;AAAA,YAC1B,UAAU,GAAG,UAAU,SAAS,QAAQ,EAAE;AAAA,UAC5C;AAAA;AAAA,UAEA,UAAU,SAAU;AAAA,QACtB;AAAA;AAAA,IACF,CAEJ,GACA,oCAAC,QAAK,WAAU,yBAAuB,UAAU,KAAM,CACzD,CACF;AAAA,EACF,CACD,CACH,CACD,CACH;AAEJ;AAEA,OAAO,YAAY;AAAA,EACjB,MAAM,UAAU;AAAA,EAChB,SAAS,UAAU;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,IACd,UAAU,MAAM;AAAA,MACd,OAAO,UAAU;AAAA,MACjB,OAAO,UAAU;AAAA,MACjB,UAAU,UAAU,MAAM;AAAA,QACxB,MAAM,UAAU;AAAA,QAChB,OAAO,UAAU;AAAA,QACjB,OAAO,UAAU;AAAA,QACjB,aAAa,UAAU;AAAA,QACvB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,QACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,MACpE,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAEA,IAAO,eAAQ;","names":[]}