taro-ui 3.3.3 → 3.4.0

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

@@ -3,126 +3,97 @@ import PropTypes from "prop-types";
 import React from "react";
 import { Image, Switch, Text, View } from "@tarojs/components";
 import { mergeStyle } from "../../../common/utils";
-class AtListItem extends React.Component {
-  constructor() {
-    super(...arguments);
-    this.handleClick = (event) => {
-      if (typeof this.props.onClick === "function" && !this.props.disabled) {
-        this.props.onClick(event);
-      }
-    };
-    this.handleSwitchChange = (event) => {
-      if (typeof this.props.onSwitchChange === "function" && !this.props.disabled) {
-        this.props.onSwitchChange(event);
-      }
-    };
-  }
-  handleSwitchClick(e) {
+function AtListItem({
+  note = "",
+  disabled = false,
+  title = "",
+  thumb = "",
+  isSwitch = false,
+  hasBorder = true,
+  switchColor = "#6190E8",
+  switchIsCheck = false,
+  extraText = "",
+  extraThumb = "",
+  iconInfo = { value: "" },
+  arrow,
+  icon,
+  className,
+  onClick,
+  onSwitchChange
+}) {
+  const handleClick = (event) => {
+    if (typeof onClick === "function" && !disabled) {
+      onClick(event);
+    }
+  };
+  const handleSwitchClick = (e) => {
     e.stopPropagation();
-  }
-  render() {
-    const {
-      note,
-      arrow,
-      thumb,
-      iconInfo,
-      disabled,
-      isSwitch,
-      hasBorder,
-      extraThumb,
-      switchColor,
-      switchIsCheck,
-      icon
-    } = this.props;
-    const { extraText, title } = this.props;
-    const rootClass = classNames(
-      "at-list__item",
-      {
-        "at-list__item--thumb": thumb,
-        "at-list__item--multiple": note,
-        "at-list__item--disabled": disabled,
-        "at-list__item--no-border": !hasBorder
-      },
-      this.props.className
-    );
-    const renderIcon = () => {
-      if (icon) {
-        return /* @__PURE__ */ React.createElement(View, { className: "item-icon" }, icon);
-      } else if (iconInfo == null ? void 0 : iconInfo.value) {
-        const iconClass = classNames(
-          iconInfo && iconInfo.prefixClass || "at-icon",
-          {
-            [`${iconInfo && iconInfo.prefixClass || "at-icon"}-${iconInfo && iconInfo.value}`]: iconInfo && iconInfo.value
-          },
-          iconInfo && iconInfo.className
-        );
-        return /* @__PURE__ */ React.createElement(View, { className: "at-list__item-icon item-icon" }, /* @__PURE__ */ React.createElement(
-          Text,
-          {
-            className: iconClass,
-            style: mergeStyle(
-              {
-                color: iconInfo.color || "",
-                fontSize: `${iconInfo.size || 24}px`
-              },
-              iconInfo.customStyle || ""
-            )
-          }
-        ));
-      } else if (thumb) {
-        return /* @__PURE__ */ React.createElement(View, { className: "at-list__item-thumb item-thumb" }, /* @__PURE__ */ React.createElement(
-          Image,
-          {
-            className: "item-thumb__info",
-            mode: "scaleToFill",
-            src: thumb
-          }
-        ));
-      }
-    };
-    return /* @__PURE__ */ React.createElement(View, { className: rootClass, onClick: this.handleClick }, /* @__PURE__ */ React.createElement(View, { className: "at-list__item-container" }, renderIcon(), /* @__PURE__ */ React.createElement(View, { className: "at-list__item-content item-content" }, /* @__PURE__ */ React.createElement(View, { className: "item-content__info" }, /* @__PURE__ */ React.createElement(View, { className: "item-content__info-title" }, title), note && /* @__PURE__ */ React.createElement(View, { className: "item-content__info-note" }, note))), /* @__PURE__ */ React.createElement(View, { className: "at-list__item-extra item-extra" }, extraText && /* @__PURE__ */ React.createElement(View, { className: "item-extra__info" }, extraText), extraThumb && !extraText && /* @__PURE__ */ React.createElement(View, { className: "item-extra__image" }, /* @__PURE__ */ React.createElement(
-      Image,
-      {
-        className: "item-extra__image-info",
-        mode: "aspectFit",
-        src: extraThumb
-      }
-    )), isSwitch && !extraThumb && !extraText && /* @__PURE__ */ React.createElement(
-      View,
-      {
-        className: "item-extra__switch",
-        onClick: this.handleSwitchClick
-      },
-      /* @__PURE__ */ React.createElement(
-        Switch,
+  };
+  const handleSwitchChange = (event) => {
+    if (typeof onSwitchChange === "function" && !disabled) {
+      onSwitchChange(event);
+    }
+  };
+  const rootClass = classNames(
+    "at-list__item",
+    {
+      "at-list__item--thumb": thumb,
+      "at-list__item--multiple": note,
+      "at-list__item--disabled": disabled,
+      "at-list__item--no-border": !hasBorder
+    },
+    className
+  );
+  const renderIcon = () => {
+    if (icon) {
+      return /* @__PURE__ */ React.createElement(View, { className: "item-icon" }, icon);
+    } else if (iconInfo == null ? void 0 : iconInfo.value) {
+      const iconClass = classNames(
+        iconInfo && iconInfo.prefixClass || "at-icon",
+        {
+          [`${iconInfo && iconInfo.prefixClass || "at-icon"}-${iconInfo && iconInfo.value}`]: iconInfo && iconInfo.value
+        },
+        iconInfo && iconInfo.className
+      );
+      return /* @__PURE__ */ React.createElement(View, { className: "at-list__item-icon item-icon" }, /* @__PURE__ */ React.createElement(
+        Text,
         {
-          color: switchColor,
-          disabled,
-          checked: switchIsCheck,
-          onChange: this.handleSwitchChange
+          className: iconClass,
+          style: mergeStyle(
+            {
+              color: iconInfo.color || "",
+              fontSize: `${iconInfo.size || 24}px`
+            },
+            iconInfo.customStyle || ""
+          )
         }
-      )
-    ), arrow ? /* @__PURE__ */ React.createElement(View, { className: "item-extra__icon" }, /* @__PURE__ */ React.createElement(
-      Text,
-      {
-        className: `at-icon item-extra__icon-arrow at-icon-chevron-${arrow}`
-      }
-    )) : null)));
-  }
+      ));
+    } else if (thumb) {
+      return /* @__PURE__ */ React.createElement(View, { className: "at-list__item-thumb item-thumb" }, /* @__PURE__ */ React.createElement(Image, { className: "item-thumb__info", mode: "scaleToFill", src: thumb }));
+    }
+  };
+  return /* @__PURE__ */ React.createElement(View, { className: rootClass, onClick: handleClick }, /* @__PURE__ */ React.createElement(View, { className: "at-list__item-container" }, renderIcon(), /* @__PURE__ */ React.createElement(View, { className: "at-list__item-content item-content" }, /* @__PURE__ */ React.createElement(View, { className: "item-content__info" }, /* @__PURE__ */ React.createElement(View, { className: "item-content__info-title" }, title), note && /* @__PURE__ */ React.createElement(View, { className: "item-content__info-note" }, note))), /* @__PURE__ */ React.createElement(View, { className: "at-list__item-extra item-extra" }, extraText && /* @__PURE__ */ React.createElement(View, { className: "item-extra__info" }, extraText), extraThumb && !extraText && /* @__PURE__ */ React.createElement(View, { className: "item-extra__image" }, /* @__PURE__ */ React.createElement(
+    Image,
+    {
+      className: "item-extra__image-info",
+      mode: "aspectFit",
+      src: extraThumb
+    }
+  )), isSwitch && !extraThumb && !extraText && /* @__PURE__ */ React.createElement(View, { className: "item-extra__switch", onClick: handleSwitchClick }, /* @__PURE__ */ React.createElement(
+    Switch,
+    {
+      color: switchColor,
+      disabled,
+      checked: switchIsCheck,
+      onChange: handleSwitchChange
+    }
+  )), arrow ? /* @__PURE__ */ React.createElement(View, { className: "item-extra__icon" }, /* @__PURE__ */ React.createElement(
+    Text,
+    {
+      className: `at-icon item-extra__icon-arrow at-icon-chevron-${arrow}`
+    }
+  )) : null)));
 }
-AtListItem.defaultProps = {
-  note: "",
-  disabled: false,
-  title: "",
-  thumb: "",
-  isSwitch: false,
-  hasBorder: true,
-  switchColor: "#6190E8",
-  switchIsCheck: false,
-  extraText: "",
-  extraThumb: "",
-  iconInfo: { value: "" }
-};
 AtListItem.propTypes = {
   note: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   disabled: PropTypes.bool,
@@ -146,7 +117,8 @@ AtListItem.propTypes = {
     className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
   })
 };
+var item_default = AtListItem;
 export {
-  AtListItem as default
+  item_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/list/item/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Image, Switch, Text, View } from '@tarojs/components'\nimport { CommonEvent, ITouchEvent } from '@tarojs/components/types/common'\nimport { AtListItemProps } from '../../../../types/list'\nimport { mergeStyle } from '../../../common/utils'\n\nexport default class AtListItem extends React.Component<AtListItemProps> {\n  public static defaultProps: AtListItemProps\n  public static propTypes: InferProps<AtListItemProps>\n\n  private handleClick = (event: ITouchEvent): void => {\n    if (typeof this.props.onClick === 'function' && !this.props.disabled) {\n      this.props.onClick(event)\n    }\n  }\n\n  private handleSwitchClick(e: CommonEvent): void {\n    e.stopPropagation()\n  }\n\n  private handleSwitchChange = (event: CommonEvent): void => {\n    if (\n      typeof this.props.onSwitchChange === 'function' &&\n      !this.props.disabled\n    ) {\n      this.props.onSwitchChange(event)\n    }\n  }\n\n  public render(): JSX.Element {\n    const {\n      note,\n      arrow,\n      thumb,\n      iconInfo,\n      disabled,\n      isSwitch,\n      hasBorder,\n      extraThumb,\n      switchColor,\n      switchIsCheck,\n      icon\n    } = this.props\n\n    const { extraText, title } = this.props\n\n    const rootClass = classNames(\n      'at-list__item',\n      {\n        'at-list__item--thumb': thumb,\n        'at-list__item--multiple': note,\n        'at-list__item--disabled': disabled,\n        'at-list__item--no-border': !hasBorder\n      },\n      this.props.className\n    )\n\n    const renderIcon = () => {\n      if (icon) {\n        return <View className='item-icon'>{icon}</View>\n      } else if (iconInfo?.value) {\n        const iconClass = classNames(\n          (iconInfo && iconInfo.prefixClass) || 'at-icon',\n          {\n            [`${(iconInfo && iconInfo.prefixClass) || 'at-icon'}-${\n              iconInfo && iconInfo.value\n            }`]: iconInfo && iconInfo.value\n          },\n          iconInfo && iconInfo.className\n        )\n        return (\n          <View className='at-list__item-icon item-icon'>\n            <Text\n              className={iconClass}\n              style={mergeStyle(\n                {\n                  color: iconInfo.color || '',\n                  fontSize: `${iconInfo.size || 24}px`\n                },\n                iconInfo.customStyle || ''\n              )}\n            ></Text>\n          </View>\n        )\n      } else if (thumb) {\n        return (\n          <View className='at-list__item-thumb item-thumb'>\n            <Image\n              className='item-thumb__info'\n              mode='scaleToFill'\n              src={thumb}\n            />\n          </View>\n        )\n      }\n    }\n\n    return (\n      <View className={rootClass} onClick={this.handleClick}>\n        <View className='at-list__item-container'>\n          {renderIcon()}\n          <View className='at-list__item-content item-content'>\n            <View className='item-content__info'>\n              <View className='item-content__info-title'>{title}</View>\n              {note && <View className='item-content__info-note'>{note}</View>}\n            </View>\n          </View>\n          <View className='at-list__item-extra item-extra'>\n            {extraText && <View className='item-extra__info'>{extraText}</View>}\n\n            {extraThumb && !extraText && (\n              <View className='item-extra__image'>\n                <Image\n                  className='item-extra__image-info'\n                  mode='aspectFit'\n                  src={extraThumb}\n                />\n              </View>\n            )}\n\n            {isSwitch && !extraThumb && !extraText && (\n              <View\n                className='item-extra__switch'\n                onClick={this.handleSwitchClick}\n              >\n                <Switch\n                  color={switchColor}\n                  disabled={disabled}\n                  checked={switchIsCheck}\n                  onChange={this.handleSwitchChange}\n                />\n              </View>\n            )}\n\n            {arrow ? (\n              <View className='item-extra__icon'>\n                <Text\n                  className={`at-icon item-extra__icon-arrow at-icon-chevron-${arrow}`}\n                />\n              </View>\n            ) : null}\n          </View>\n        </View>\n      </View>\n    )\n  }\n}\n\nAtListItem.defaultProps = {\n  note: '',\n  disabled: false,\n  title: '',\n  thumb: '',\n  isSwitch: false,\n  hasBorder: true,\n  switchColor: '#6190E8',\n  switchIsCheck: false,\n  extraText: '',\n  extraThumb: '',\n  iconInfo: { value: '' }\n}\n\nAtListItem.propTypes = {\n  note: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  disabled: PropTypes.bool,\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  thumb: PropTypes.string,\n  onClick: PropTypes.func,\n  isSwitch: PropTypes.bool,\n  hasBorder: PropTypes.bool,\n  switchColor: PropTypes.string,\n  switchIsCheck: PropTypes.bool,\n  extraText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  extraThumb: PropTypes.string,\n  onSwitchChange: PropTypes.func,\n  arrow: PropTypes.oneOf(['up', 'down', 'right']),\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"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/list/item/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Image, Switch, Text, View } from '@tarojs/components'\nimport { CommonEvent, ITouchEvent } from '@tarojs/components/types/common'\nimport { AtListItemProps } from '../../../../types/list'\nimport { mergeStyle } from '../../../common/utils'\n\nfunction AtListItem({\n  note = '',\n  disabled = false,\n  title = '',\n  thumb = '',\n  isSwitch = false,\n  hasBorder = true,\n  switchColor = '#6190E8',\n  switchIsCheck = false,\n  extraText = '',\n  extraThumb = '',\n  iconInfo = { value: '' },\n  arrow,\n  icon,\n  className,\n  onClick,\n  onSwitchChange\n}: AtListItemProps): JSX.Element {\n  const handleClick = (event: ITouchEvent): void => {\n    if (typeof onClick === 'function' && !disabled) {\n      onClick(event)\n    }\n  }\n\n  const handleSwitchClick = (e: CommonEvent): void => {\n    e.stopPropagation()\n  }\n\n  const handleSwitchChange = (event: CommonEvent): void => {\n    if (typeof onSwitchChange === 'function' && !disabled) {\n      onSwitchChange(event)\n    }\n  }\n\n  const rootClass = classNames(\n    'at-list__item',\n    {\n      'at-list__item--thumb': thumb,\n      'at-list__item--multiple': note,\n      'at-list__item--disabled': disabled,\n      'at-list__item--no-border': !hasBorder\n    },\n    className\n  )\n\n  const renderIcon = () => {\n    if (icon) {\n      return <View className='item-icon'>{icon}</View>\n    } else if (iconInfo?.value) {\n      const iconClass = classNames(\n        (iconInfo && iconInfo.prefixClass) || 'at-icon',\n        {\n          [`${(iconInfo && iconInfo.prefixClass) || 'at-icon'}-${\n            iconInfo && iconInfo.value\n          }`]: iconInfo && iconInfo.value\n        },\n        iconInfo && iconInfo.className\n      )\n      return (\n        <View className='at-list__item-icon item-icon'>\n          <Text\n            className={iconClass}\n            style={mergeStyle(\n              {\n                color: iconInfo.color || '',\n                fontSize: `${iconInfo.size || 24}px`\n              },\n              iconInfo.customStyle || ''\n            )}\n          ></Text>\n        </View>\n      )\n    } else if (thumb) {\n      return (\n        <View className='at-list__item-thumb item-thumb'>\n          <Image className='item-thumb__info' mode='scaleToFill' src={thumb} />\n        </View>\n      )\n    }\n  }\n\n  return (\n    <View className={rootClass} onClick={handleClick}>\n      <View className='at-list__item-container'>\n        {renderIcon()}\n        <View className='at-list__item-content item-content'>\n          <View className='item-content__info'>\n            <View className='item-content__info-title'>{title}</View>\n            {note && <View className='item-content__info-note'>{note}</View>}\n          </View>\n        </View>\n        <View className='at-list__item-extra item-extra'>\n          {extraText && <View className='item-extra__info'>{extraText}</View>}\n\n          {extraThumb && !extraText && (\n            <View className='item-extra__image'>\n              <Image\n                className='item-extra__image-info'\n                mode='aspectFit'\n                src={extraThumb}\n              />\n            </View>\n          )}\n\n          {isSwitch && !extraThumb && !extraText && (\n            <View className='item-extra__switch' onClick={handleSwitchClick}>\n              <Switch\n                color={switchColor}\n                disabled={disabled}\n                checked={switchIsCheck}\n                onChange={handleSwitchChange}\n              />\n            </View>\n          )}\n\n          {arrow ? (\n            <View className='item-extra__icon'>\n              <Text\n                className={`at-icon item-extra__icon-arrow at-icon-chevron-${arrow}`}\n              />\n            </View>\n          ) : null}\n        </View>\n      </View>\n    </View>\n  )\n}\n\nAtListItem.propTypes = {\n  note: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  disabled: PropTypes.bool,\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  thumb: PropTypes.string,\n  onClick: PropTypes.func,\n  isSwitch: PropTypes.bool,\n  hasBorder: PropTypes.bool,\n  switchColor: PropTypes.string,\n  switchIsCheck: PropTypes.bool,\n  extraText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  extraThumb: PropTypes.string,\n  onSwitchChange: PropTypes.func,\n  arrow: PropTypes.oneOf(['up', 'down', 'right']),\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\nexport default AtListItem\n"],"mappings":"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","names":[]}

package/dist/components/load-more/index.d.ts

@@ -1,9 +1,17 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtLoadMoreProps } from '../../../types/load-more';
-export default class AtLoadMore extends React.Component<AtLoadMoreProps> {
-    static defaultProps: AtLoadMoreProps;
-    static propTypes: InferProps<AtLoadMoreProps>;
-    private onClick;
-    render(): JSX.Element;
+declare function AtLoadMore({ className, customStyle, loadingText, moreText, status, moreBtnStyle, noMoreTextStyle, noMoreText, onClick }: AtLoadMoreProps): JSX.Element;
+declare namespace AtLoadMore {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        noMoreTextStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        moreBtnStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        status: PropTypes.Requireable<string>;
+        loadingText: PropTypes.Requireable<string>;
+        moreText: PropTypes.Requireable<string>;
+        noMoreText: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtLoadMore;

package/dist/components/load-more/index.js

@@ -2,59 +2,37 @@ import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 import { Text, View } from "@tarojs/components";
+import { useComponentLocale } from "../../hooks/useComponentLocale";
 import AtActivityIndicator from "../activity-indicator/index";
 import AtButton from "../button/index";
-class AtLoadMore extends React.Component {
-  onClick() {
-    this.props.onClick && this.props.onClick(arguments);
-  }
-  render() {
-    const {
-      className,
-      customStyle,
-      loadingText,
-      moreText,
-      status,
-      moreBtnStyle,
-      noMoreTextStyle,
-      noMoreText
-    } = this.props;
-    let component = null;
-    if (status === "loading") {
-      component = /* @__PURE__ */ React.createElement(AtActivityIndicator, { mode: "center", content: loadingText });
-    } else if (status === "more") {
-      component = /* @__PURE__ */ React.createElement(View, { className: "at-load-more__cnt" }, /* @__PURE__ */ React.createElement(
-        AtButton,
-        {
-          full: true,
-          onClick: this.onClick.bind(this),
-          customStyle: moreBtnStyle
-        },
-        moreText
-      ));
-    } else {
-      component = /* @__PURE__ */ React.createElement(Text, { className: "at-load-more__tip", style: noMoreTextStyle }, noMoreText);
-    }
-    return /* @__PURE__ */ React.createElement(
-      View,
-      {
-        className: classNames("at-load-more", className),
-        style: customStyle
-      },
-      component
-    );
+function AtLoadMore({
+  className = "",
+  customStyle = "",
+  loadingText,
+  moreText,
+  status = "more",
+  moreBtnStyle = "",
+  noMoreTextStyle = "",
+  noMoreText,
+  onClick
+}) {
+  const locale = useComponentLocale("LoadMore");
+  const resolvedLoadingText = loadingText != null ? loadingText : locale.loadingText;
+  const resolvedMoreText = moreText != null ? moreText : locale.moreText;
+  const resolvedNoMoreText = noMoreText != null ? noMoreText : locale.noMoreText;
+  const handleClick = (event) => {
+    onClick && onClick(event);
+  };
+  let component = null;
+  if (status === "loading") {
+    component = /* @__PURE__ */ React.createElement(AtActivityIndicator, { mode: "center", content: resolvedLoadingText });
+  } else if (status === "more") {
+    component = /* @__PURE__ */ React.createElement(View, { className: "at-load-more__cnt" }, /* @__PURE__ */ React.createElement(AtButton, { full: true, onClick: handleClick, customStyle: moreBtnStyle }, resolvedMoreText));
+  } else {
+    component = /* @__PURE__ */ React.createElement(Text, { className: "at-load-more__tip", style: noMoreTextStyle }, resolvedNoMoreText);
   }
+  return /* @__PURE__ */ React.createElement(View, { className: classNames("at-load-more", className), style: customStyle }, component);
 }
-AtLoadMore.defaultProps = {
-  customStyle: "",
-  className: "",
-  noMoreTextStyle: "",
-  moreBtnStyle: "",
-  status: "more",
-  loadingText: "\u52A0\u8F7D\u4E2D",
-  moreText: "\u67E5\u770B\u66F4\u591A",
-  noMoreText: "\u6CA1\u6709\u66F4\u591A"
-};
 AtLoadMore.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
@@ -66,7 +44,8 @@ AtLoadMore.propTypes = {
   noMoreText: PropTypes.string,
   onClick: PropTypes.func
 };
+var load_more_default = AtLoadMore;
 export {
-  AtLoadMore as default
+  load_more_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/load-more/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/load-more/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { AtLoadMoreProps } from '../../../types/load-more'\nimport AtActivityIndicator from '../activity-indicator/index'\nimport AtButton from '../button/index'\n\nexport default class AtLoadMore extends React.Component<AtLoadMoreProps> {\n  public static defaultProps: AtLoadMoreProps\n  public static propTypes: InferProps<AtLoadMoreProps>\n\n  private onClick(): void {\n    this.props.onClick && this.props.onClick(arguments as any)\n  }\n\n  public render(): JSX.Element {\n    const {\n      className,\n      customStyle,\n      loadingText,\n      moreText,\n      status,\n      moreBtnStyle,\n      noMoreTextStyle,\n      noMoreText\n    } = this.props\n\n    let component: JSX.Element | null = null\n    if (status === 'loading') {\n      component = <AtActivityIndicator mode='center' content={loadingText} />\n    } else if (status === 'more') {\n      component = (\n        <View className='at-load-more__cnt'>\n          <AtButton\n            full\n            onClick={this.onClick.bind(this)}\n            customStyle={moreBtnStyle}\n          >\n            {moreText}\n          </AtButton>\n        </View>\n      )\n    } else {\n      component = (\n        <Text className='at-load-more__tip' style={noMoreTextStyle}>\n          {noMoreText}\n        </Text>\n      )\n    }\n\n    return (\n      <View\n        className={classNames('at-load-more', className)}\n        style={customStyle}\n      >\n        {component}\n      </View>\n    )\n  }\n}\n\nAtLoadMore.defaultProps = {\n  customStyle: '',\n  className: '',\n  noMoreTextStyle: '',\n  moreBtnStyle: '',\n  status: 'more',\n  loadingText: '加载中',\n  moreText: '查看更多',\n  noMoreText: '没有更多'\n}\n\nAtLoadMore.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  noMoreTextStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  moreBtnStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  status: PropTypes.oneOf(['more', 'loading', 'noMore']),\n  loadingText: PropTypes.string,\n  moreText: PropTypes.string,\n  noMoreText: PropTypes.string,\n  onClick: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAE3B,OAAO,yBAAyB;AAChC,OAAO,cAAc;AAErB,MAAO,mBAAiC,MAAM,UAA2B;AAAA,EAI/D,UAAgB;AACtB,SAAK,MAAM,WAAW,KAAK,MAAM,QAAQ,SAAgB;AAAA,EAC3D;AAAA,EAEO,SAAsB;AAC3B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,QAAI,YAAgC;AACpC,QAAI,WAAW,WAAW;AACxB,kBAAY,oCAAC,uBAAoB,MAAK,UAAS,SAAS,aAAa;AAAA,IACvE,WAAW,WAAW,QAAQ;AAC5B,kBACE,oCAAC,QAAK,WAAU,uBACd;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,SAAS,KAAK,QAAQ,KAAK,IAAI;AAAA,UAC/B,aAAa;AAAA;AAAA,QAEZ;AAAA,MACH,CACF;AAAA,IAEJ,OAAO;AACL,kBACE,oCAAC,QAAK,WAAU,qBAAoB,OAAO,mBACxC,UACH;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,gBAAgB,SAAS;AAAA,QAC/C,OAAO;AAAA;AAAA,MAEN;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,WAAW,eAAe;AAAA,EACxB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AACd;AAEA,WAAW,YAAY;AAAA,EACrB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,iBAAiB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACzE,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACtE,QAAQ,UAAU,MAAM,CAAC,QAAQ,WAAW,QAAQ,CAAC;AAAA,EACrD,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU;AAAA,EACtB,SAAS,UAAU;AACrB;","names":[]}
+{"version":3,"sources":["../../../src/components/load-more/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { useComponentLocale } from '../../hooks/useComponentLocale'\nimport { AtLoadMoreProps } from '../../../types/load-more'\nimport AtActivityIndicator from '../activity-indicator/index'\nimport AtButton from '../button/index'\n\nfunction AtLoadMore({\n  className = '',\n  customStyle = '',\n  loadingText,\n  moreText,\n  status = 'more',\n  moreBtnStyle = '',\n  noMoreTextStyle = '',\n  noMoreText,\n  onClick\n}: AtLoadMoreProps): JSX.Element {\n  const locale = useComponentLocale('LoadMore')\n  const resolvedLoadingText = loadingText ?? locale.loadingText\n  const resolvedMoreText = moreText ?? locale.moreText\n  const resolvedNoMoreText = noMoreText ?? locale.noMoreText\n  const handleClick = (event: CommonEvent): void => {\n    onClick && onClick(event)\n  }\n\n  let component: JSX.Element | null = null\n  if (status === 'loading') {\n    component = (\n      <AtActivityIndicator mode='center' content={resolvedLoadingText} />\n    )\n  } else if (status === 'more') {\n    component = (\n      <View className='at-load-more__cnt'>\n        <AtButton full onClick={handleClick} customStyle={moreBtnStyle}>\n          {resolvedMoreText}\n        </AtButton>\n      </View>\n    )\n  } else {\n    component = (\n      <Text className='at-load-more__tip' style={noMoreTextStyle}>\n        {resolvedNoMoreText}\n      </Text>\n    )\n  }\n\n  return (\n    <View className={classNames('at-load-more', className)} style={customStyle}>\n      {component}\n    </View>\n  )\n}\n\nAtLoadMore.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  noMoreTextStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  moreBtnStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  status: PropTypes.oneOf(['more', 'loading', 'noMore']),\n  loadingText: PropTypes.string,\n  moreText: PropTypes.string,\n  noMoreText: PropTypes.string,\n  onClick: PropTypes.func\n}\n\nexport default AtLoadMore\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAE3B,SAAS,0BAA0B;AAEnC,OAAO,yBAAyB;AAChC,OAAO,cAAc;AAErB,SAAS,WAAW;AAAA,EAClB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,SAAS,mBAAmB,UAAU;AAC5C,QAAM,sBAAsB,oCAAe,OAAO;AAClD,QAAM,mBAAmB,8BAAY,OAAO;AAC5C,QAAM,qBAAqB,kCAAc,OAAO;AAChD,QAAM,cAAc,CAAC,UAA6B;AAChD,eAAW,QAAQ,KAAK;AAAA,EAC1B;AAEA,MAAI,YAAgC;AACpC,MAAI,WAAW,WAAW;AACxB,gBACE,oCAAC,uBAAoB,MAAK,UAAS,SAAS,qBAAqB;AAAA,EAErE,WAAW,WAAW,QAAQ;AAC5B,gBACE,oCAAC,QAAK,WAAU,uBACd,oCAAC,YAAS,MAAI,MAAC,SAAS,aAAa,aAAa,gBAC/C,gBACH,CACF;AAAA,EAEJ,OAAO;AACL,gBACE,oCAAC,QAAK,WAAU,qBAAoB,OAAO,mBACxC,kBACH;AAAA,EAEJ;AAEA,SACE,oCAAC,QAAK,WAAW,WAAW,gBAAgB,SAAS,GAAG,OAAO,eAC5D,SACH;AAEJ;AAEA,WAAW,YAAY;AAAA,EACrB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,iBAAiB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACzE,cAAc,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACtE,QAAQ,UAAU,MAAM,CAAC,QAAQ,WAAW,QAAQ,CAAC;AAAA,EACrD,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU;AAAA,EACtB,SAAS,UAAU;AACrB;AAEA,IAAO,oBAAQ;","names":[]}

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

@@ -1,12 +1,13 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 interface AtLoadingProps {
     size?: string | number;
     color?: string | number;
 }
-export default class AtLoading extends React.Component<AtLoadingProps> {
-    static defaultProps: AtLoadingProps;
-    static propTypes: InferProps<AtLoadingProps>;
-    render(): JSX.Element;
+declare function AtLoading({ color, size }: AtLoadingProps): JSX.Element;
+declare namespace AtLoading {
+    var propTypes: {
+        size: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        color: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    };
 }
-export {};
+export default AtLoading;

package/dist/components/loading/index.js

@@ -2,31 +2,25 @@ import PropTypes from "prop-types";
 import React from "react";
 import { View } from "@tarojs/components";
 import { pxTransform } from "../../common/utils";
-class AtLoading extends React.Component {
-  render() {
-    const { color, size } = this.props;
-    const loadingSize = typeof size === "string" ? size : String(size);
-    const sizeStyle = {
-      width: size ? `${pxTransform(parseInt(loadingSize))}` : "",
-      height: size ? `${pxTransform(parseInt(loadingSize))}` : ""
-    };
-    const colorStyle = {
-      border: color ? `1px solid ${color}` : "",
-      borderColor: color ? `${color} transparent transparent transparent` : ""
-    };
-    const ringStyle = Object.assign({}, colorStyle, sizeStyle);
-    return /* @__PURE__ */ React.createElement(View, { className: "at-loading", style: sizeStyle }, /* @__PURE__ */ React.createElement(View, { className: "at-loading__ring", style: ringStyle }), /* @__PURE__ */ React.createElement(View, { className: "at-loading__ring", style: ringStyle }), /* @__PURE__ */ React.createElement(View, { className: "at-loading__ring", style: ringStyle }));
-  }
+function AtLoading({ color = "", size = 0 }) {
+  const loadingSize = typeof size === "string" ? size : String(size);
+  const sizeStyle = {
+    width: size ? `${pxTransform(parseInt(loadingSize))}` : "",
+    height: size ? `${pxTransform(parseInt(loadingSize))}` : ""
+  };
+  const colorStyle = {
+    border: color ? `1px solid ${color}` : "",
+    borderColor: color ? `${color} transparent transparent transparent` : ""
+  };
+  const ringStyle = Object.assign({}, colorStyle, sizeStyle);
+  return /* @__PURE__ */ React.createElement(View, { className: "at-loading", style: sizeStyle }, /* @__PURE__ */ React.createElement(View, { className: "at-loading__ring", style: ringStyle }), /* @__PURE__ */ React.createElement(View, { className: "at-loading__ring", style: ringStyle }), /* @__PURE__ */ React.createElement(View, { className: "at-loading__ring", style: ringStyle }));
 }
-AtLoading.defaultProps = {
-  size: 0,
-  color: ""
-};
 AtLoading.propTypes = {
   size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   color: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
+var loading_default = AtLoading;
 export {
-  AtLoading as default
+  loading_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/loading/index.tsx"],"sourcesContent":["import PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { pxTransform } from '../../common/utils'\n\ninterface AtLoadingProps {\n  size?: string | number\n  color?: string | number\n}\n\nexport default class AtLoading extends React.Component<AtLoadingProps> {\n  public static defaultProps: AtLoadingProps\n  public static propTypes: InferProps<AtLoadingProps>\n\n  public render(): JSX.Element {\n    const { color, size } = this.props\n    const loadingSize = typeof size === 'string' ? size : String(size)\n    const sizeStyle = {\n      width: size ? `${pxTransform(parseInt(loadingSize))}` : '',\n      height: size ? `${pxTransform(parseInt(loadingSize))}` : ''\n    }\n    const colorStyle = {\n      border: color ? `1px solid ${color}` : '',\n      borderColor: color ? `${color} transparent transparent transparent` : ''\n    }\n    const ringStyle = Object.assign({}, colorStyle, sizeStyle)\n\n    return (\n      <View className='at-loading' style={sizeStyle}>\n        <View className='at-loading__ring' style={ringStyle}></View>\n        <View className='at-loading__ring' style={ringStyle}></View>\n        <View className='at-loading__ring' style={ringStyle}></View>\n      </View>\n    )\n  }\n}\n\nAtLoading.defaultProps = {\n  size: 0,\n  color: ''\n}\n\nAtLoading.propTypes = {\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  color: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n}\n"],"mappings":"AAAA,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAO5B,MAAO,kBAAgC,MAAM,UAA0B;AAAA,EAI9D,SAAsB;AAC3B,UAAM,EAAE,OAAO,KAAK,IAAI,KAAK;AAC7B,UAAM,cAAc,OAAO,SAAS,WAAW,OAAO,OAAO,IAAI;AACjE,UAAM,YAAY;AAAA,MAChB,OAAO,OAAO,GAAG,YAAY,SAAS,WAAW,CAAC,CAAC,KAAK;AAAA,MACxD,QAAQ,OAAO,GAAG,YAAY,SAAS,WAAW,CAAC,CAAC,KAAK;AAAA,IAC3D;AACA,UAAM,aAAa;AAAA,MACjB,QAAQ,QAAQ,aAAa,KAAK,KAAK;AAAA,MACvC,aAAa,QAAQ,GAAG,KAAK,yCAAyC;AAAA,IACxE;AACA,UAAM,YAAY,OAAO,OAAO,CAAC,GAAG,YAAY,SAAS;AAEzD,WACE,oCAAC,QAAK,WAAU,cAAa,OAAO,aAClC,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW,GACrD,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW,GACrD,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW,CACvD;AAAA,EAEJ;AACF;AAEA,UAAU,eAAe;AAAA,EACvB,MAAM;AAAA,EACN,OAAO;AACT;AAEA,UAAU,YAAY;AAAA,EACpB,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAC9D,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AACjE;","names":[]}
+{"version":3,"sources":["../../../src/components/loading/index.tsx"],"sourcesContent":["import PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { pxTransform } from '../../common/utils'\n\ninterface AtLoadingProps {\n  size?: string | number\n  color?: string | number\n}\n\nfunction AtLoading({ color = '', size = 0 }: AtLoadingProps): JSX.Element {\n  const loadingSize = typeof size === 'string' ? size : String(size)\n  const sizeStyle = {\n    width: size ? `${pxTransform(parseInt(loadingSize))}` : '',\n    height: size ? `${pxTransform(parseInt(loadingSize))}` : ''\n  }\n  const colorStyle = {\n    border: color ? `1px solid ${color}` : '',\n    borderColor: color ? `${color} transparent transparent transparent` : ''\n  }\n  const ringStyle = Object.assign({}, colorStyle, sizeStyle)\n\n  return (\n    <View className='at-loading' style={sizeStyle}>\n      <View className='at-loading__ring' style={ringStyle}></View>\n      <View className='at-loading__ring' style={ringStyle}></View>\n      <View className='at-loading__ring' style={ringStyle}></View>\n    </View>\n  )\n}\n\nAtLoading.propTypes = {\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  color: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n}\n\nexport default AtLoading\n"],"mappings":"AAAA,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAO5B,SAAS,UAAU,EAAE,QAAQ,IAAI,OAAO,EAAE,GAAgC;AACxE,QAAM,cAAc,OAAO,SAAS,WAAW,OAAO,OAAO,IAAI;AACjE,QAAM,YAAY;AAAA,IAChB,OAAO,OAAO,GAAG,YAAY,SAAS,WAAW,CAAC,CAAC,KAAK;AAAA,IACxD,QAAQ,OAAO,GAAG,YAAY,SAAS,WAAW,CAAC,CAAC,KAAK;AAAA,EAC3D;AACA,QAAM,aAAa;AAAA,IACjB,QAAQ,QAAQ,aAAa,KAAK,KAAK;AAAA,IACvC,aAAa,QAAQ,GAAG,KAAK,yCAAyC;AAAA,EACxE;AACA,QAAM,YAAY,OAAO,OAAO,CAAC,GAAG,YAAY,SAAS;AAEzD,SACE,oCAAC,QAAK,WAAU,cAAa,OAAO,aAClC,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW,GACrD,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW,GACrD,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW,CACvD;AAEJ;AAEA,UAAU,YAAY;AAAA,EACpB,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAC9D,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AACjE;AAEA,IAAO,kBAAQ;","names":[]}

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

@@ -1,15 +1,10 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
-import { AtMessageProps, AtMessageState } from '../../../types/message';
-export default class AtMessage extends React.Component<AtMessageProps, AtMessageState> {
-    static defaultProps: AtMessageProps;
-    static propTypes: InferProps<AtMessageProps>;
-    private _timer;
-    constructor(props: AtMessageProps);
-    private bindMessageListener;
-    componentDidShow(): void;
-    componentDidMount(): void;
-    componentDidHide(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
+import PropTypes from 'prop-types';
+import { AtMessageProps } from '../../../types/message';
+declare function AtMessage({ customStyle, className }: AtMessageProps): JSX.Element;
+declare namespace AtMessage {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+    };
 }
+export default AtMessage;