taro-ui 3.3.3 → 3.4.0

package/dist/components/swipe-action/index.js

@@ -1,132 +1,142 @@
 import classNames from "classnames";
 import PropTypes from "prop-types";
-import React from "react";
+import React, {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+  useState
+} from "react";
 import Taro from "@tarojs/taro";
 import { Text, View, MovableArea, MovableView } from "@tarojs/components";
 import { uuid, delayGetClientRect } from "../../common/utils";
 import AtSwipeActionOptions from "./options/index";
-class AtSwipeAction extends React.Component {
-  constructor(props) {
-    super(props);
-    this.handleOpened = (event) => {
-      const { onOpened } = this.props;
+const AtSwipeAction = forwardRef(
+  function AtSwipeAction2({
+    options = [],
+    isOpened = false,
+    disabled = false,
+    autoClose = false,
+    className,
+    children,
+    onClick,
+    onOpened,
+    onClosed
+  }, ref) {
+    const [componentId] = useState(() => uuid());
+    const [offsetSize, setOffsetSize] = useState(0);
+    const [_isOpened, setIsOpened] = useState(!!isOpened);
+    const [eleWidth, setEleWidth] = useState(0);
+    const [maxOffsetSize, setMaxOffsetSize] = useState(0);
+    const moveXRef = useRef(offsetSize);
+    const getMaxOffsetSize = useCallback(async () => {
+      const actionOptionsRect = await delayGetClientRect({
+        selectorStr: `#swipeActionOptions-${componentId}`
+      });
+      setMaxOffsetSize(actionOptionsRect[0].width);
+    }, [componentId]);
+    const getAreaWidth = useCallback(async () => {
+      const systemInfo = await Taro.getSystemInfo();
+      setEleWidth(systemInfo.windowWidth);
+    }, []);
+    const _reset = useCallback(
+      (opened) => {
+        if (opened) {
+          if (process.env.TARO_ENV === "jd") {
+            setIsOpened(true);
+            setOffsetSize(-maxOffsetSize + 0.01);
+          } else {
+            setIsOpened(true);
+            setOffsetSize(-maxOffsetSize);
+          }
+        } else {
+          const currentMoveX = moveXRef.current;
+          setIsOpened(false);
+          setOffsetSize(currentMoveX);
+          setTimeout(() => {
+            setOffsetSize(0);
+          }, 0);
+        }
+      },
+      [maxOffsetSize]
+    );
+    useEffect(() => {
+      getAreaWidth();
+    }, [getAreaWidth]);
+    useEffect(() => {
+      if (eleWidth > 0) {
+        getMaxOffsetSize();
+      }
+    }, [eleWidth, getMaxOffsetSize]);
+    const isOpenedPropRef = useRef(isOpened);
+    useEffect(() => {
+      if (isOpenedPropRef.current === isOpened) return;
+      isOpenedPropRef.current = isOpened;
+      if (isOpened !== _isOpened) {
+        moveXRef.current = isOpened ? 0 : maxOffsetSize;
+        _reset(!!isOpened);
+      }
+    }, [isOpened, _isOpened, maxOffsetSize, _reset]);
+    const handleOpened = (event) => {
       if (typeof onOpened === "function") {
         onOpened(event);
       }
     };
-    this.handleClosed = (event) => {
-      const { onClosed } = this.props;
+    const handleClosed = (event) => {
       if (typeof onClosed === "function") {
         onClosed(event);
       }
     };
-    this.handleClick = (item, index, event) => {
-      const { onClick, autoClose } = this.props;
+    const handleClick = (item, index, event) => {
       if (typeof onClick === "function") {
         onClick(item, index, event);
       }
       if (autoClose) {
-        this._reset(false);
-        this.handleClosed(event);
+        _reset(false);
+        handleClosed(event);
       }
     };
-    this.onTouchEnd = (e) => {
-      const { maxOffsetSize } = this.state;
-      if (Math.abs(this.moveX) < maxOffsetSize / 2) {
-        this._reset(false);
-        this.handleClosed(e);
+    const onTouchEnd = (e) => {
+      if (Math.abs(moveXRef.current) < maxOffsetSize / 2) {
+        _reset(false);
+        handleClosed(e);
       } else {
-        this._reset(true);
-        this.handleOpened(e);
+        _reset(true);
+        handleOpened(e);
       }
     };
-    this.onChange = (e) => {
-      this.moveX = e.detail.x;
+    const onChange = (e) => {
+      moveXRef.current = e.detail.x;
     };
-    const { isOpened } = props;
-    this.state = {
-      componentId: uuid(),
-      // eslint-disable-next-line no-extra-boolean-cast
-      offsetSize: 0,
-      _isOpened: !!isOpened,
+    const stateRef = useRef({
+      componentId,
+      offsetSize,
+      _isOpened,
       needAnimation: false,
-      eleWidth: 0,
-      maxOffsetSize: 0
-    };
-    this.moveX = this.state.offsetSize;
-  }
-  componentDidMount() {
-    this.getAreaWidth();
-  }
-  // 当 eleWidth 发生变化时，需要重新计算 maxOffsetSize
-  componentDidUpdate(_, prevState) {
-    const { eleWidth } = this.state;
-    if (prevState.eleWidth !== eleWidth) {
-      this.getMaxOffsetSize();
-    }
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const { isOpened } = nextProps;
-    const { _isOpened, maxOffsetSize } = this.state;
-    if (isOpened !== _isOpened) {
-      this.moveX = isOpened ? 0 : maxOffsetSize;
-      this._reset(!!isOpened);
-    }
-  }
-  /**
-   * 获取滑动区域宽度
-   */
-  async getAreaWidth() {
-    const systemInfo = await Taro.getSystemInfo();
-    this.setState({
-      eleWidth: systemInfo.windowWidth
-    });
-  }
-  /**
-   * 获取最大偏移量
-   */
-  async getMaxOffsetSize() {
-    const { componentId } = this.state;
-    const actionOptionsRect = await delayGetClientRect({
-      selectorStr: `#swipeActionOptions-${componentId}`
-    });
-    const maxOffsetSize = actionOptionsRect[0].width;
-    this.setState({
+      eleWidth,
       maxOffsetSize
     });
-  }
-  _reset(isOpened) {
-    if (isOpened) {
-      const { maxOffsetSize } = this.state;
-      if (process.env.TARO_ENV === "jd") {
-        this.setState({
-          _isOpened: true,
-          offsetSize: -maxOffsetSize + 0.01
-        });
-      } else {
-        this.setState({
-          _isOpened: true,
-          offsetSize: -maxOffsetSize
-        });
-      }
-    } else {
-      this.setState(
-        {
-          offsetSize: this.moveX
+    stateRef.current = {
+      componentId,
+      offsetSize,
+      _isOpened,
+      needAnimation: false,
+      eleWidth,
+      maxOffsetSize
+    };
+    useImperativeHandle(
+      ref,
+      () => ({
+        get state() {
+          return stateRef.current;
         },
-        () => {
-          this.setState({
-            offsetSize: 0,
-            _isOpened: false
-          });
-        }
-      );
-    }
-  }
-  render() {
-    const { componentId, maxOffsetSize, eleWidth, offsetSize } = this.state;
-    const { options, disabled } = this.props;
-    const rootClass = classNames("at-swipe-action", this.props.className);
+        onChange,
+        onTouchEnd
+      }),
+      [onChange, onTouchEnd]
+    );
+    const rootClass = classNames("at-swipe-action", className);
     return /* @__PURE__ */ React.createElement(
       View,
       {
@@ -151,14 +161,14 @@ class AtSwipeAction extends React.Component {
             direction: "horizontal",
             damping: 50,
             x: offsetSize,
-            onTouchEnd: this.onTouchEnd,
-            onChange: this.onChange,
+            onTouchEnd,
+            onChange,
             disabled,
             style: {
               width: `${eleWidth + maxOffsetSize}px`
             }
           },
-          this.props.children,
+          children,
           Array.isArray(options) && options.length > 0 ? /* @__PURE__ */ React.createElement(
             AtSwipeActionOptions,
             {
@@ -173,7 +183,7 @@ class AtSwipeAction extends React.Component {
               {
                 key: `${item.text}-${key}`,
                 style: item.style,
-                onClick: (e) => this.handleClick(item, key, e),
+                onClick: (e) => handleClick(item, key, e),
                 className: classNames(
                   "at-swipe-action__option",
                   item.className
@@ -186,15 +196,7 @@ class AtSwipeAction extends React.Component {
       )
     );
   }
-}
-AtSwipeAction.defaultProps = {
-  options: [],
-  isOpened: false,
-  disabled: false,
-  autoClose: false,
-  maxDistance: 0,
-  areaWidth: 0
-};
+);
 AtSwipeAction.propTypes = {
   isOpened: PropTypes.bool,
   disabled: PropTypes.bool,
@@ -214,7 +216,8 @@ AtSwipeAction.propTypes = {
   onOpened: PropTypes.func,
   onClosed: PropTypes.func
 };
+var swipe_action_default = AtSwipeAction;
 export {
-  AtSwipeAction as default
+  swipe_action_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/swipe-action/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/swipe-action/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport Taro from '@tarojs/taro'\nimport { Text, View, MovableArea, MovableView } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport {\n  AtSwipeActionProps,\n  AtSwipeActionState,\n  SwipeActionOption\n} from '../../../types/swipe-action'\nimport { uuid, delayGetClientRect } from '../../common/utils'\nimport AtSwipeActionOptions from './options/index'\n\nexport default class AtSwipeAction extends React.Component<\n  AtSwipeActionProps,\n  AtSwipeActionState\n> {\n  public static defaultProps: AtSwipeActionProps\n  public static propTypes: InferProps<AtSwipeActionProps>\n\n  private moveX: number\n\n  public constructor(props: AtSwipeActionProps) {\n    super(props)\n    const { isOpened } = props\n    this.state = {\n      componentId: uuid(),\n      // eslint-disable-next-line no-extra-boolean-cast\n      offsetSize: 0,\n      _isOpened: !!isOpened,\n      needAnimation: false,\n      eleWidth: 0,\n      maxOffsetSize: 0\n    }\n    this.moveX = this.state.offsetSize\n  }\n\n  public componentDidMount(): void {\n    this.getAreaWidth()\n  }\n\n  // 当 eleWidth 发生变化时，需要重新计算 maxOffsetSize\n  public componentDidUpdate(_, prevState: AtSwipeActionState): void {\n    const { eleWidth } = this.state\n    if (prevState.eleWidth !== eleWidth) {\n      this.getMaxOffsetSize()\n    }\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtSwipeActionProps): void {\n    const { isOpened } = nextProps\n    const { _isOpened, maxOffsetSize } = this.state\n\n    if (isOpened !== _isOpened) {\n      this.moveX = isOpened ? 0 : maxOffsetSize\n      this._reset(!!isOpened) // TODO: Check behavior\n    }\n  }\n\n  /**\n   * 获取滑动区域宽度\n   */\n  private async getAreaWidth(): Promise<void> {\n    const systemInfo = await Taro.getSystemInfo()\n    this.setState({\n      eleWidth: systemInfo.windowWidth\n    })\n  }\n\n  /**\n   * 获取最大偏移量\n   */\n  private async getMaxOffsetSize(): Promise<void> {\n    const { componentId } = this.state\n\n    const actionOptionsRect = await delayGetClientRect({\n      selectorStr: `#swipeActionOptions-${componentId}`\n    })\n\n    const maxOffsetSize = actionOptionsRect[0].width\n\n    this.setState({\n      maxOffsetSize\n    })\n  }\n\n  private _reset(isOpened: boolean): void {\n    if (isOpened) {\n      const { maxOffsetSize } = this.state\n      if (process.env.TARO_ENV === 'jd') {\n        this.setState({\n          _isOpened: true,\n          offsetSize: -maxOffsetSize + 0.01\n        })\n      } else {\n        this.setState({\n          _isOpened: true,\n          offsetSize: -maxOffsetSize\n        })\n      }\n    } else {\n      this.setState(\n        {\n          offsetSize: this.moveX\n        },\n        () => {\n          this.setState({\n            offsetSize: 0,\n            _isOpened: false\n          })\n        }\n      )\n    }\n  }\n\n  private handleOpened = (event: CommonEvent): void => {\n    const { onOpened } = this.props\n    if (typeof onOpened === 'function') {\n      onOpened(event)\n    }\n  }\n\n  private handleClosed = (event: CommonEvent): void => {\n    const { onClosed } = this.props\n    if (typeof onClosed === 'function') {\n      onClosed(event)\n    }\n  }\n\n  private handleClick = (\n    item: SwipeActionOption,\n    index: number,\n    event: CommonEvent\n  ): void => {\n    const { onClick, autoClose } = this.props\n\n    if (typeof onClick === 'function') {\n      onClick(item, index, event)\n    }\n    if (autoClose) {\n      this._reset(false) // TODO: Check behavior\n      this.handleClosed(event)\n    }\n  }\n\n  onTouchEnd = e => {\n    const { maxOffsetSize } = this.state\n    if (Math.abs(this.moveX) < maxOffsetSize / 2) {\n      this._reset(false)\n      this.handleClosed(e)\n    } else {\n      this._reset(true)\n      this.handleOpened(e)\n    }\n  }\n\n  onChange = e => {\n    this.moveX = e.detail.x\n  }\n\n  public render(): JSX.Element {\n    const { componentId, maxOffsetSize, eleWidth, offsetSize } = this.state\n\n    const { options, disabled } = this.props\n    const rootClass = classNames('at-swipe-action', this.props.className)\n\n    return (\n      <View\n        id={`swipeAction-${componentId}`}\n        className={rootClass}\n        style={{\n          width: `${eleWidth}px`\n        }}\n      >\n        <MovableArea\n          className='at-swipe-action__area'\n          style={{\n            width: `${eleWidth}px`\n          }}\n        >\n          <MovableView\n            className='at-swipe-action__content'\n            direction='horizontal'\n            damping={50}\n            x={offsetSize}\n            onTouchEnd={this.onTouchEnd}\n            onChange={this.onChange}\n            disabled={disabled}\n            style={{\n              width: `${eleWidth + maxOffsetSize}px`\n            }}\n          >\n            {this.props.children}\n            {Array.isArray(options) && options.length > 0 ? (\n              <AtSwipeActionOptions\n                options={options}\n                componentId={componentId}\n                customStyle={{\n                  opacity: maxOffsetSize ? 1 : 0\n                }}\n              >\n                {options.map((item, key) => (\n                  <View\n                    key={`${item.text}-${key}`}\n                    style={item.style}\n                    onClick={(e): void => this.handleClick(item, key, e)}\n                    className={classNames(\n                      'at-swipe-action__option',\n                      item.className\n                    )}\n                  >\n                    <Text className='option__text'>{item.text}</Text>\n                  </View>\n                ))}\n              </AtSwipeActionOptions>\n            ) : null}\n          </MovableView>\n        </MovableArea>\n      </View>\n    )\n  }\n}\n\nAtSwipeAction.defaultProps = {\n  options: [],\n  isOpened: false,\n  disabled: false,\n  autoClose: false,\n  maxDistance: 0,\n  areaWidth: 0\n}\n\nAtSwipeAction.propTypes = {\n  isOpened: PropTypes.bool,\n  disabled: PropTypes.bool,\n  autoClose: PropTypes.bool,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n      className: PropTypes.oneOfType([\n        PropTypes.object,\n        PropTypes.string,\n        PropTypes.array\n      ])\n    })\n  ),\n\n  onClick: PropTypes.func,\n  onOpened: PropTypes.func,\n  onClosed: PropTypes.func\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/swipe-action/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState\n} from 'react'\nimport Taro from '@tarojs/taro'\nimport { Text, View, MovableArea, MovableView } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport {\n  AtSwipeActionProps,\n  AtSwipeActionState,\n  SwipeActionOption\n} from '../../../types/swipe-action'\nimport { uuid, delayGetClientRect } from '../../common/utils'\nimport AtSwipeActionOptions from './options/index'\n\nexport type AtSwipeActionInstance = {\n  state: AtSwipeActionState\n  onChange: (e: { detail: { x: number } }) => void\n  onTouchEnd: (e: CommonEvent) => void\n}\n\nconst AtSwipeAction = forwardRef<AtSwipeActionInstance, AtSwipeActionProps>(\n  function AtSwipeAction(\n    {\n      options = [],\n      isOpened = false,\n      disabled = false,\n      autoClose = false,\n      className,\n      children,\n      onClick,\n      onOpened,\n      onClosed\n    },\n    ref\n  ): JSX.Element {\n    const [componentId] = useState(() => uuid())\n    const [offsetSize, setOffsetSize] = useState(0)\n    const [_isOpened, setIsOpened] = useState(!!isOpened)\n    const [eleWidth, setEleWidth] = useState(0)\n    const [maxOffsetSize, setMaxOffsetSize] = useState(0)\n    const moveXRef = useRef(offsetSize)\n\n    const getMaxOffsetSize = useCallback(async (): Promise<void> => {\n      const actionOptionsRect = await delayGetClientRect({\n        selectorStr: `#swipeActionOptions-${componentId}`\n      })\n\n      setMaxOffsetSize(actionOptionsRect[0].width)\n    }, [componentId])\n\n    const getAreaWidth = useCallback(async (): Promise<void> => {\n      const systemInfo = await Taro.getSystemInfo()\n      setEleWidth(systemInfo.windowWidth)\n    }, [])\n\n    const _reset = useCallback(\n      (opened: boolean): void => {\n        if (opened) {\n          if (process.env.TARO_ENV === 'jd') {\n            setIsOpened(true)\n            setOffsetSize(-maxOffsetSize + 0.01)\n          } else {\n            setIsOpened(true)\n            setOffsetSize(-maxOffsetSize)\n          }\n        } else {\n          const currentMoveX = moveXRef.current\n          setIsOpened(false)\n          setOffsetSize(currentMoveX)\n          setTimeout(() => {\n            setOffsetSize(0)\n          }, 0)\n        }\n      },\n      [maxOffsetSize]\n    )\n\n    useEffect(() => {\n      getAreaWidth()\n    }, [getAreaWidth])\n\n    useEffect(() => {\n      if (eleWidth > 0) {\n        getMaxOffsetSize()\n      }\n    }, [eleWidth, getMaxOffsetSize])\n\n    const isOpenedPropRef = useRef(isOpened)\n    useEffect(() => {\n      if (isOpenedPropRef.current === isOpened) return\n      isOpenedPropRef.current = isOpened\n      if (isOpened !== _isOpened) {\n        moveXRef.current = isOpened ? 0 : maxOffsetSize\n        _reset(!!isOpened)\n      }\n    }, [isOpened, _isOpened, maxOffsetSize, _reset])\n\n    const handleOpened = (event: CommonEvent): void => {\n      if (typeof onOpened === 'function') {\n        onOpened(event)\n      }\n    }\n\n    const handleClosed = (event: CommonEvent): void => {\n      if (typeof onClosed === 'function') {\n        onClosed(event)\n      }\n    }\n\n    const handleClick = (\n      item: SwipeActionOption,\n      index: number,\n      event: CommonEvent\n    ): void => {\n      if (typeof onClick === 'function') {\n        onClick(item, index, event)\n      }\n      if (autoClose) {\n        _reset(false)\n        handleClosed(event)\n      }\n    }\n\n    const onTouchEnd = (e: CommonEvent): void => {\n      if (Math.abs(moveXRef.current) < maxOffsetSize / 2) {\n        _reset(false)\n        handleClosed(e)\n      } else {\n        _reset(true)\n        handleOpened(e)\n      }\n    }\n\n    const onChange = (e: { detail: { x: number } }): void => {\n      moveXRef.current = e.detail.x\n    }\n\n    const stateRef = useRef<AtSwipeActionState>({\n      componentId,\n      offsetSize,\n      _isOpened,\n      needAnimation: false,\n      eleWidth,\n      maxOffsetSize\n    })\n    stateRef.current = {\n      componentId,\n      offsetSize,\n      _isOpened,\n      needAnimation: false,\n      eleWidth,\n      maxOffsetSize\n    }\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        get state() {\n          return stateRef.current\n        },\n        onChange,\n        onTouchEnd\n      }),\n      [onChange, onTouchEnd]\n    )\n\n    const rootClass = classNames('at-swipe-action', className)\n\n    return (\n      <View\n        id={`swipeAction-${componentId}`}\n        className={rootClass}\n        style={{\n          width: `${eleWidth}px`\n        }}\n      >\n        <MovableArea\n          className='at-swipe-action__area'\n          style={{\n            width: `${eleWidth}px`\n          }}\n        >\n          <MovableView\n            className='at-swipe-action__content'\n            direction='horizontal'\n            damping={50}\n            x={offsetSize}\n            onTouchEnd={onTouchEnd}\n            onChange={onChange}\n            disabled={disabled}\n            style={{\n              width: `${eleWidth + maxOffsetSize}px`\n            }}\n          >\n            {children}\n            {Array.isArray(options) && options.length > 0 ? (\n              <AtSwipeActionOptions\n                options={options}\n                componentId={componentId}\n                customStyle={{\n                  opacity: maxOffsetSize ? 1 : 0\n                }}\n              >\n                {options.map((item, key) => (\n                  <View\n                    key={`${item.text}-${key}`}\n                    style={item.style}\n                    onClick={(e): void => handleClick(item, key, e)}\n                    className={classNames(\n                      'at-swipe-action__option',\n                      item.className\n                    )}\n                  >\n                    <Text className='option__text'>{item.text}</Text>\n                  </View>\n                ))}\n              </AtSwipeActionOptions>\n            ) : null}\n          </MovableView>\n        </MovableArea>\n      </View>\n    )\n  }\n)\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n;(AtSwipeAction as any).propTypes = {\n  isOpened: PropTypes.bool,\n  disabled: PropTypes.bool,\n  autoClose: PropTypes.bool,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n      className: PropTypes.oneOfType([\n        PropTypes.object,\n        PropTypes.string,\n        PropTypes.array\n      ])\n    })\n  ),\n\n  onClick: PropTypes.func,\n  onOpened: PropTypes.func,\n  onClosed: PropTypes.func\n}\n\nexport default AtSwipeAction\n"],"mappings":"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","names":["AtSwipeAction"]}

package/dist/components/swipe-action/options/index.d.ts

@@ -1,5 +1,3 @@
-import React from 'react';
 import { AtSwipeActionOptionsProps } from '../../../../types/swipe-action';
-export default class AtSwipeActionOptions extends React.Component<AtSwipeActionOptionsProps> {
-    render(): JSX.Element;
-}
+declare function AtSwipeActionOptions({ className, componentId, customStyle, children }: AtSwipeActionOptionsProps): JSX.Element;
+export default AtSwipeActionOptions;

package/dist/components/swipe-action/options/index.js

@@ -1,24 +1,25 @@
 import classNames from "classnames";
 import React from "react";
 import { View } from "@tarojs/components";
-class AtSwipeActionOptions extends React.Component {
-  render() {
-    const rootClass = classNames(
-      "at-swipe-action__options",
-      this.props.className
-    );
-    return /* @__PURE__ */ React.createElement(
-      View,
-      {
-        id: `swipeActionOptions-${this.props.componentId}`,
-        className: rootClass,
-        style: this.props.customStyle
-      },
-      this.props.children
-    );
-  }
+function AtSwipeActionOptions({
+  className,
+  componentId,
+  customStyle,
+  children
+}) {
+  const rootClass = classNames("at-swipe-action__options", className);
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      id: `swipeActionOptions-${componentId}`,
+      className: rootClass,
+      style: customStyle
+    },
+    children
+  );
 }
+var options_default = AtSwipeActionOptions;
 export {
-  AtSwipeActionOptions as default
+  options_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/swipe-action/options/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/swipe-action/options/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtSwipeActionOptionsProps } from '../../../../types/swipe-action'\n\nexport default class AtSwipeActionOptions extends React.Component<AtSwipeActionOptionsProps> {\n  public render(): JSX.Element {\n    const rootClass = classNames(\n      'at-swipe-action__options',\n      this.props.className\n    )\n\n    return (\n      <View\n        id={`swipeActionOptions-${this.props.componentId}`}\n        className={rootClass}\n        style={this.props.customStyle}\n      >\n        {this.props.children}\n      </View>\n    )\n  }\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,6BAA2C,MAAM,UAAqC;AAAA,EACpF,SAAsB;AAC3B,UAAM,YAAY;AAAA,MAChB;AAAA,MACA,KAAK,MAAM;AAAA,IACb;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,sBAAsB,KAAK,MAAM,WAAW;AAAA,QAChD,WAAW;AAAA,QACX,OAAO,KAAK,MAAM;AAAA;AAAA,MAEjB,KAAK,MAAM;AAAA,IACd;AAAA,EAEJ;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/swipe-action/options/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtSwipeActionOptionsProps } from '../../../../types/swipe-action'\n\nfunction AtSwipeActionOptions({\n  className,\n  componentId,\n  customStyle,\n  children\n}: AtSwipeActionOptionsProps): JSX.Element {\n  const rootClass = classNames('at-swipe-action__options', className)\n\n  return (\n    <View\n      id={`swipeActionOptions-${componentId}`}\n      className={rootClass}\n      style={customStyle}\n    >\n      {children}\n    </View>\n  )\n}\n\nexport default AtSwipeActionOptions\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2C;AACzC,QAAM,YAAY,WAAW,4BAA4B,SAAS;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,sBAAsB,WAAW;AAAA,MACrC,WAAW;AAAA,MACX,OAAO;AAAA;AAAA,IAEN;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}

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

@@ -1,9 +1,16 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtSwitchProps } from '../../../types/switch';
-export default class AtSwitch extends React.Component<AtSwitchProps> {
-    static defaultProps: AtSwitchProps;
-    static propTypes: InferProps<AtSwitchProps>;
-    private handleChange;
-    render(): JSX.Element;
+declare function AtSwitch({ customStyle, className, title, color, border, disabled, checked, onChange }: AtSwitchProps): JSX.Element;
+declare namespace AtSwitch {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        title: PropTypes.Requireable<string>;
+        color: PropTypes.Requireable<string>;
+        checked: PropTypes.Requireable<boolean>;
+        border: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtSwitch;

package/dist/components/switch/index.js

@@ -2,47 +2,41 @@ import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 import { Switch, View } from "@tarojs/components";
-class AtSwitch extends React.Component {
-  constructor() {
-    super(...arguments);
-    this.handleChange = (event) => {
-      const { value, checked } = event.detail;
-      const state = typeof value === "undefined" ? checked : value;
-      this.props.onChange && this.props.onChange(state);
-    };
-  }
-  render() {
-    const { customStyle, className, disabled, border, title, checked, color } = this.props;
-    const rootCls = classNames(
-      "at-switch",
-      {
-        "at-switch--without-border": !border
-      },
-      className
-    );
-    const containerCls = classNames("at-switch__container", {
-      "at-switch--disabled": disabled
-    });
-    return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(View, { className: "at-switch__title" }, title), /* @__PURE__ */ React.createElement(View, { className: containerCls }, /* @__PURE__ */ React.createElement(View, { className: "at-switch__mask" }), /* @__PURE__ */ React.createElement(
-      Switch,
-      {
-        className: "at-switch__switch",
-        checked,
-        color,
-        onChange: this.handleChange
-      }
-    )));
-  }
+function AtSwitch({
+  customStyle = "",
+  className = "",
+  title = "",
+  color = "#6190e8",
+  border = true,
+  disabled = false,
+  checked = false,
+  onChange
+}) {
+  const handleChange = (event) => {
+    const { value, checked: eventChecked } = event.detail;
+    const state = typeof value === "undefined" ? eventChecked : value;
+    onChange && onChange(state);
+  };
+  const rootCls = classNames(
+    "at-switch",
+    {
+      "at-switch--without-border": !border
+    },
+    className
+  );
+  const containerCls = classNames("at-switch__container", {
+    "at-switch--disabled": disabled
+  });
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(View, { className: "at-switch__title" }, title), /* @__PURE__ */ React.createElement(View, { className: containerCls }, /* @__PURE__ */ React.createElement(View, { className: "at-switch__mask" }), /* @__PURE__ */ React.createElement(
+    Switch,
+    {
+      className: "at-switch__switch",
+      checked,
+      color,
+      onChange: handleChange
+    }
+  )));
 }
-AtSwitch.defaultProps = {
-  customStyle: "",
-  className: "",
-  title: "",
-  color: "#6190e8",
-  border: true,
-  disabled: false,
-  checked: false
-};
 AtSwitch.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
@@ -53,7 +47,8 @@ AtSwitch.propTypes = {
   disabled: PropTypes.bool,
   onChange: PropTypes.func
 };
+var switch_default = AtSwitch;
 export {
-  AtSwitch as default
+  switch_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/switch/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Switch, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtSwitchProps } from '../../../types/switch'\n\nexport default class AtSwitch extends React.Component<AtSwitchProps> {\n  public static defaultProps: AtSwitchProps\n  public static propTypes: InferProps<AtSwitchProps>\n\n  private handleChange = (event: CommonEvent): void => {\n    const { value, checked } = event.detail\n    const state = typeof value === 'undefined' ? checked : value\n    this.props.onChange && this.props.onChange(state)\n  }\n\n  public render(): JSX.Element {\n    const { customStyle, className, disabled, border, title, checked, color } =\n      this.props\n\n    const rootCls = classNames(\n      'at-switch',\n      {\n        'at-switch--without-border': !border\n      },\n      className\n    )\n    const containerCls = classNames('at-switch__container', {\n      'at-switch--disabled': disabled\n    })\n\n    return (\n      <View className={rootCls} style={customStyle}>\n        <View className='at-switch__title'>{title}</View>\n        <View className={containerCls}>\n          <View className='at-switch__mask'></View>\n          <Switch\n            className='at-switch__switch'\n            checked={checked}\n            color={color}\n            onChange={this.handleChange}\n          />\n        </View>\n      </View>\n    )\n  }\n}\n\nAtSwitch.defaultProps = {\n  customStyle: '',\n  className: '',\n  title: '',\n  color: '#6190e8',\n  border: true,\n  disabled: false,\n  checked: false\n}\n\nAtSwitch.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  title: PropTypes.string,\n  color: PropTypes.string,\n  checked: PropTypes.bool,\n  border: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,QAAQ,YAAY;AAI7B,MAAO,iBAA+B,MAAM,UAAyB;AAAA,EAArE;AAAA;AAIE,SAAQ,eAAe,CAAC,UAA6B;AACnD,YAAM,EAAE,OAAO,QAAQ,IAAI,MAAM;AACjC,YAAM,QAAQ,OAAO,UAAU,cAAc,UAAU;AACvD,WAAK,MAAM,YAAY,KAAK,MAAM,SAAS,KAAK;AAAA,IAClD;AAAA;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,aAAa,WAAW,UAAU,QAAQ,OAAO,SAAS,MAAM,IACtE,KAAK;AAEP,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,QACE,6BAA6B,CAAC;AAAA,MAChC;AAAA,MACA;AAAA,IACF;AACA,UAAM,eAAe,WAAW,wBAAwB;AAAA,MACtD,uBAAuB;AAAA,IACzB,CAAC;AAED,WACE,oCAAC,QAAK,WAAW,SAAS,OAAO,eAC/B,oCAAC,QAAK,WAAU,sBAAoB,KAAM,GAC1C,oCAAC,QAAK,WAAW,gBACf,oCAAC,QAAK,WAAU,mBAAkB,GAClC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA;AAAA,IACjB,CACF,CACF;AAAA,EAEJ;AACF;AAEA,SAAS,eAAe;AAAA,EACtB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AACX;AAEA,SAAS,YAAY;AAAA,EACnB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AACtB;","names":[]}
+{"version":3,"sources":["../../../src/components/switch/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Switch, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtSwitchProps } from '../../../types/switch'\n\nfunction AtSwitch({\n  customStyle = '',\n  className = '',\n  title = '',\n  color = '#6190e8',\n  border = true,\n  disabled = false,\n  checked = false,\n  onChange\n}: AtSwitchProps): JSX.Element {\n  const handleChange = (event: CommonEvent): void => {\n    const { value, checked: eventChecked } = event.detail\n    const state = typeof value === 'undefined' ? eventChecked : value\n    onChange && onChange(state)\n  }\n\n  const rootCls = classNames(\n    'at-switch',\n    {\n      'at-switch--without-border': !border\n    },\n    className\n  )\n  const containerCls = classNames('at-switch__container', {\n    'at-switch--disabled': disabled\n  })\n\n  return (\n    <View className={rootCls} style={customStyle}>\n      <View className='at-switch__title'>{title}</View>\n      <View className={containerCls}>\n        <View className='at-switch__mask'></View>\n        <Switch\n          className='at-switch__switch'\n          checked={checked}\n          color={color}\n          onChange={handleChange}\n        />\n      </View>\n    </View>\n  )\n}\n\nAtSwitch.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  title: PropTypes.string,\n  color: PropTypes.string,\n  checked: PropTypes.bool,\n  border: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func\n}\n\nexport default AtSwitch\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,QAAQ,YAAY;AAI7B,SAAS,SAAS;AAAA,EAChB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AACF,GAA+B;AAC7B,QAAM,eAAe,CAAC,UAA6B;AACjD,UAAM,EAAE,OAAO,SAAS,aAAa,IAAI,MAAM;AAC/C,UAAM,QAAQ,OAAO,UAAU,cAAc,eAAe;AAC5D,gBAAY,SAAS,KAAK;AAAA,EAC5B;AAEA,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,MACE,6BAA6B,CAAC;AAAA,IAChC;AAAA,IACA;AAAA,EACF;AACA,QAAM,eAAe,WAAW,wBAAwB;AAAA,IACtD,uBAAuB;AAAA,EACzB,CAAC;AAED,SACE,oCAAC,QAAK,WAAW,SAAS,OAAO,eAC/B,oCAAC,QAAK,WAAU,sBAAoB,KAAM,GAC1C,oCAAC,QAAK,WAAW,gBACf,oCAAC,QAAK,WAAU,mBAAkB,GAClC;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,UAAU;AAAA;AAAA,EACZ,CACF,CACF;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AACtB;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/components/tab-bar/index.d.ts

@@ -1,9 +1,19 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtTabBarProps } from '../../../types/tab-bar';
-export default class AtTabBar extends React.Component<AtTabBarProps> {
-    static defaultProps: AtTabBarProps;
-    static propTypes: InferProps<AtTabBarProps>;
-    private handleClick;
-    render(): JSX.Element;
+declare function AtTabBar({ customStyle, className, fixed, backgroundColor, tabList, current, color, iconSize, fontSize, selectedColor, onClick }: AtTabBarProps): JSX.Element;
+declare namespace AtTabBar {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        fixed: PropTypes.Requireable<boolean>;
+        backgroundColor: PropTypes.Requireable<string>;
+        current: PropTypes.Requireable<number>;
+        iconSize: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        fontSize: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        color: PropTypes.Requireable<string>;
+        selectedColor: PropTypes.Requireable<string>;
+        tabList: PropTypes.Requireable<any[]>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtTabBar;