taro-ui 3.3.3 → 3.4.0

package/dist/components/segmented-control/index.js

@@ -2,72 +2,57 @@ import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 import { View } from "@tarojs/components";
-import { mergeStyle, pxTransform } from "../../common/utils";
-class AtSegmentedControl extends React.Component {
-  handleClick(index, event) {
-    if (this.props.disabled) return;
-    this.props.onClick(index, event);
-  }
-  render() {
-    const {
-      customStyle = "",
-      className,
-      disabled,
-      values,
-      selectedColor,
-      current,
-      color,
-      fontSize = 28
-    } = this.props;
-    const rootStyle = {
-      borderColor: selectedColor
-    };
-    const itemStyle = {
-      color: selectedColor,
-      fontSize: pxTransform(fontSize),
-      borderColor: selectedColor,
-      backgroundColor: color
-    };
-    const selectedItemStyle = {
-      color,
-      fontSize: pxTransform(fontSize),
-      borderColor: selectedColor,
-      backgroundColor: selectedColor
-    };
-    const rootCls = classNames(
-      "at-segmented-control",
-      {
-        "at-segmented-control--disabled": disabled
-      },
-      className
-    );
-    return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: mergeStyle(rootStyle, customStyle) }, values.map((value, i) => /* @__PURE__ */ React.createElement(
-      View,
-      {
-        className: classNames("at-segmented-control__item", {
-          "at-segmented-control__item--active": current === i
-        }),
-        style: current === i ? selectedItemStyle : itemStyle,
-        key: value,
-        onClick: this.handleClick.bind(this, i)
-      },
-      value
-    )));
-  }
+import { mergeStyle, noop, pxTransform } from "../../common/utils";
+function AtSegmentedControl({
+  customStyle = "",
+  className = "",
+  disabled = false,
+  values = [],
+  selectedColor = "",
+  current = 0,
+  color = "",
+  fontSize = 28,
+  onClick = noop
+}) {
+  const handleClick = (index, event) => {
+    if (disabled) return;
+    onClick(index, event);
+  };
+  const rootStyle = {
+    borderColor: selectedColor
+  };
+  const itemStyle = {
+    color: selectedColor,
+    fontSize: pxTransform(fontSize),
+    borderColor: selectedColor,
+    backgroundColor: color
+  };
+  const selectedItemStyle = {
+    color,
+    fontSize: pxTransform(fontSize),
+    borderColor: selectedColor,
+    backgroundColor: selectedColor
+  };
+  const rootCls = classNames(
+    "at-segmented-control",
+    {
+      "at-segmented-control--disabled": disabled
+    },
+    className
+  );
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: mergeStyle(rootStyle, customStyle) }, values.map((value, i) => /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames("at-segmented-control__item", {
+        "at-segmented-control__item--active": current === i
+      }),
+      style: current === i ? selectedItemStyle : itemStyle,
+      key: value,
+      onClick: (event) => handleClick(i, event)
+    },
+    value
+  )));
 }
-AtSegmentedControl.defaultProps = {
-  customStyle: "",
-  className: "",
-  current: 0,
-  color: "",
-  fontSize: 28,
-  disabled: false,
-  selectedColor: "",
-  values: [],
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onClick: () => {
-  }
-};
 AtSegmentedControl.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
@@ -78,7 +63,8 @@ AtSegmentedControl.propTypes = {
   values: PropTypes.array,
   onClick: PropTypes.func
 };
+var segmented_control_default = AtSegmentedControl;
 export {
-  AtSegmentedControl as default
+  segmented_control_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/segmented-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/segmented-control/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtSegmentedControlProps } from '../../../types/segmented-control'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nexport default class AtSegmentedControl extends React.Component<AtSegmentedControlProps> {\n  public static defaultProps: AtSegmentedControlProps\n  public static propTypes: InferProps<AtSegmentedControlProps>\n\n  private handleClick(index: number, event: CommonEvent): void {\n    if (this.props.disabled) return\n    this.props.onClick(index, event)\n  }\n\n  public render(): JSX.Element {\n    const {\n      customStyle = '',\n      className,\n      disabled,\n      values,\n      selectedColor,\n      current,\n      color,\n      fontSize = 28\n    } = this.props\n\n    const rootStyle = {\n      borderColor: selectedColor\n    }\n    const itemStyle = {\n      color: selectedColor,\n      fontSize: pxTransform(fontSize),\n      borderColor: selectedColor,\n      backgroundColor: color\n    }\n    const selectedItemStyle = {\n      color,\n      fontSize: pxTransform(fontSize),\n      borderColor: selectedColor,\n      backgroundColor: selectedColor\n    }\n    const rootCls = classNames(\n      'at-segmented-control',\n      {\n        'at-segmented-control--disabled': disabled\n      },\n      className\n    )\n\n    return (\n      <View className={rootCls} style={mergeStyle(rootStyle, customStyle)}>\n        {values.map((value, i) => (\n          <View\n            className={classNames('at-segmented-control__item', {\n              'at-segmented-control__item--active': current === i\n            })}\n            style={current === i ? selectedItemStyle : itemStyle}\n            key={value}\n            onClick={this.handleClick.bind(this, i)}\n          >\n            {value}\n          </View>\n        ))}\n      </View>\n    )\n  }\n}\n\nAtSegmentedControl.defaultProps = {\n  customStyle: '',\n  className: '',\n  current: 0,\n  color: '',\n  fontSize: 28,\n  disabled: false,\n  selectedColor: '',\n  values: [],\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onClick: (): void => {}\n}\n\nAtSegmentedControl.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  current: PropTypes.number,\n  color: PropTypes.string,\n  fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  values: PropTypes.array,\n  onClick: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,YAAY,mBAAmB;AAExC,MAAO,2BAAyC,MAAM,UAAmC;AAAA,EAI/E,YAAY,OAAe,OAA0B;AAC3D,QAAI,KAAK,MAAM,SAAU;AACzB,SAAK,MAAM,QAAQ,OAAO,KAAK;AAAA,EACjC;AAAA,EAEO,SAAsB;AAC3B,UAAM;AAAA,MACJ,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,IACb,IAAI,KAAK;AAET,UAAM,YAAY;AAAA,MAChB,aAAa;AAAA,IACf;AACA,UAAM,YAAY;AAAA,MAChB,OAAO;AAAA,MACP,UAAU,YAAY,QAAQ;AAAA,MAC9B,aAAa;AAAA,MACb,iBAAiB;AAAA,IACnB;AACA,UAAM,oBAAoB;AAAA,MACxB;AAAA,MACA,UAAU,YAAY,QAAQ;AAAA,MAC9B,aAAa;AAAA,MACb,iBAAiB;AAAA,IACnB;AACA,UAAM,UAAU;AAAA,MACd;AAAA,MACA;AAAA,QACE,kCAAkC;AAAA,MACpC;AAAA,MACA;AAAA,IACF;AAEA,WACE,oCAAC,QAAK,WAAW,SAAS,OAAO,WAAW,WAAW,WAAW,KAC/D,OAAO,IAAI,CAAC,OAAO,MAClB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,8BAA8B;AAAA,UAClD,sCAAsC,YAAY;AAAA,QACpD,CAAC;AAAA,QACD,OAAO,YAAY,IAAI,oBAAoB;AAAA,QAC3C,KAAK;AAAA,QACL,SAAS,KAAK,YAAY,KAAK,MAAM,CAAC;AAAA;AAAA,MAErC;AAAA,IACH,CACD,CACH;AAAA,EAEJ;AACF;AAEA,mBAAmB,eAAe;AAAA,EAChC,aAAa;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AAAA,EACf,QAAQ,CAAC;AAAA;AAAA,EAET,SAAS,MAAY;AAAA,EAAC;AACxB;AAEA,mBAAmB,YAAY;AAAA,EAC7B,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,SAAS,UAAU;AAAA,EACnB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAClE,UAAU,UAAU;AAAA,EACpB,QAAQ,UAAU;AAAA,EAClB,SAAS,UAAU;AACrB;","names":[]}
+{"version":3,"sources":["../../../src/components/segmented-control/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtSegmentedControlProps } from '../../../types/segmented-control'\nimport { mergeStyle, noop, pxTransform } from '../../common/utils'\n\nfunction AtSegmentedControl({\n  customStyle = '',\n  className = '',\n  disabled = false,\n  values = [],\n  selectedColor = '',\n  current = 0,\n  color = '',\n  fontSize = 28,\n  onClick = noop\n}: AtSegmentedControlProps): JSX.Element {\n  const handleClick = (index: number, event: CommonEvent): void => {\n    if (disabled) return\n    onClick(index, event)\n  }\n\n  const rootStyle = {\n    borderColor: selectedColor\n  }\n  const itemStyle = {\n    color: selectedColor,\n    fontSize: pxTransform(fontSize),\n    borderColor: selectedColor,\n    backgroundColor: color\n  }\n  const selectedItemStyle = {\n    color,\n    fontSize: pxTransform(fontSize),\n    borderColor: selectedColor,\n    backgroundColor: selectedColor\n  }\n  const rootCls = classNames(\n    'at-segmented-control',\n    {\n      'at-segmented-control--disabled': disabled\n    },\n    className\n  )\n\n  return (\n    <View className={rootCls} style={mergeStyle(rootStyle, customStyle)}>\n      {values.map((value, i) => (\n        <View\n          className={classNames('at-segmented-control__item', {\n            'at-segmented-control__item--active': current === i\n          })}\n          style={current === i ? selectedItemStyle : itemStyle}\n          key={value}\n          onClick={event => handleClick(i, event)}\n        >\n          {value}\n        </View>\n      ))}\n    </View>\n  )\n}\n\nAtSegmentedControl.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  current: PropTypes.number,\n  color: PropTypes.string,\n  fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  values: PropTypes.array,\n  onClick: PropTypes.func\n}\n\nexport default AtSegmentedControl\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,YAAY,MAAM,mBAAmB;AAE9C,SAAS,mBAAmB;AAAA,EAC1B,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AACZ,GAAyC;AACvC,QAAM,cAAc,CAAC,OAAe,UAA6B;AAC/D,QAAI,SAAU;AACd,YAAQ,OAAO,KAAK;AAAA,EACtB;AAEA,QAAM,YAAY;AAAA,IAChB,aAAa;AAAA,EACf;AACA,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,IACP,UAAU,YAAY,QAAQ;AAAA,IAC9B,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AACA,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA,UAAU,YAAY,QAAQ;AAAA,IAC9B,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AACA,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,MACE,kCAAkC;AAAA,IACpC;AAAA,IACA;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,SAAS,OAAO,WAAW,WAAW,WAAW,KAC/D,OAAO,IAAI,CAAC,OAAO,MAClB;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,8BAA8B;AAAA,QAClD,sCAAsC,YAAY;AAAA,MACpD,CAAC;AAAA,MACD,OAAO,YAAY,IAAI,oBAAoB;AAAA,MAC3C,KAAK;AAAA,MACL,SAAS,WAAS,YAAY,GAAG,KAAK;AAAA;AAAA,IAErC;AAAA,EACH,CACD,CACH;AAEJ;AAEA,mBAAmB,YAAY;AAAA,EAC7B,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,SAAS,UAAU;AAAA,EACnB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAClE,UAAU,UAAU;AAAA,EACpB,QAAQ,UAAU;AAAA,EAClB,SAAS,UAAU;AACrB;AAEA,IAAO,4BAAQ;","names":[]}

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

@@ -1,13 +1,22 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
-import { AtSliderProps, AtSliderState } from '../../../types/slider';
-export default class AtSlider extends React.Component<AtSliderProps, AtSliderState> {
-    static defaultProps: AtSliderProps;
-    static propTypes: InferProps<AtSliderProps>;
-    constructor(props: AtSliderProps);
-    protected static clampNumber(value: number, lower: number, upper: number): number;
-    private handleChanging;
-    private handleChange;
-    UNSAFE_componentWillReceiveProps(props: AtSliderProps): void;
-    render(): JSX.Element;
+import PropTypes from 'prop-types';
+import { AtSliderProps } from '../../../types/slider';
+declare function AtSlider({ customStyle, className, min, max, step, value, disabled, activeColor, backgroundColor, blockSize, blockColor, showValue, onChange, onChanging }: AtSliderProps): JSX.Element;
+declare namespace AtSlider {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        min: PropTypes.Requireable<number>;
+        max: PropTypes.Requireable<number>;
+        step: PropTypes.Requireable<number>;
+        value: PropTypes.Requireable<number>;
+        disabled: PropTypes.Requireable<boolean>;
+        activeColor: PropTypes.Requireable<string>;
+        backgroundColor: PropTypes.Requireable<string>;
+        blockSize: PropTypes.Requireable<number>;
+        blockColor: PropTypes.Requireable<string>;
+        showValue: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChanging: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtSlider;

package/dist/components/slider/index.js

@@ -1,98 +1,73 @@
 import classNames from "classnames";
 import PropTypes from "prop-types";
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { Slider, View } from "@tarojs/components";
-class AtSlider extends React.Component {
-  constructor(props) {
-    super(props);
-    const { value = 0, min = 0, max = 100 } = props;
-    this.state = {
-      _value: AtSlider.clampNumber(value, min, max)
-    };
-  }
-  static clampNumber(value, lower, upper) {
-    return Math.max(lower, Math.min(upper, value));
-  }
-  handleChanging(e) {
-    const { _value } = this.state;
-    const { value } = e.detail;
-    if (value !== _value) {
-      this.setState({ _value: value });
+function clampNumber(value, lower, upper) {
+  return Math.max(lower, Math.min(upper, value));
+}
+function AtSlider({
+  customStyle = "",
+  className = "",
+  min = 0,
+  max = 100,
+  step = 1,
+  value = 0,
+  disabled = false,
+  activeColor = "#6190e8",
+  backgroundColor = "#e9e9e9",
+  blockSize = 28,
+  blockColor = "#ffffff",
+  showValue = false,
+  onChange,
+  onChanging
+}) {
+  const [_value, setValue] = useState(() => clampNumber(value, min, max));
+  useEffect(() => {
+    setValue(clampNumber(value, min, max));
+  }, [value, min, max]);
+  const handleChanging = (e) => {
+    const { value: detailValue } = e.detail;
+    if (detailValue !== _value) {
+      setValue(detailValue);
     }
-    this.props.onChanging && this.props.onChanging(value);
-  }
-  handleChange(e) {
-    const { value } = e.detail;
-    this.setState({ _value: value });
-    this.props.onChange && this.props.onChange(value);
-  }
-  UNSAFE_componentWillReceiveProps(props) {
-    const { value = 0, min = 0, max = 100 } = props;
-    this.setState({
-      _value: AtSlider.clampNumber(value, min, max)
-    });
-  }
-  render() {
-    const { _value } = this.state;
-    const {
-      customStyle,
-      className,
-      min,
-      max,
-      step,
-      disabled,
-      activeColor,
-      backgroundColor,
-      blockSize,
-      blockColor,
-      showValue
-    } = this.props;
-    return /* @__PURE__ */ React.createElement(
-      View,
-      {
-        className: classNames(
-          {
-            "at-slider": true,
-            "at-slider--disabled": disabled
-          },
-          className
-        ),
-        style: customStyle
-      },
-      /* @__PURE__ */ React.createElement(View, { className: "at-slider__inner" }, /* @__PURE__ */ React.createElement(
-        Slider,
+    onChanging && onChanging(detailValue);
+  };
+  const handleChange = (e) => {
+    const { value: detailValue } = e.detail;
+    setValue(detailValue);
+    onChange && onChange(detailValue);
+  };
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(
         {
-          min,
-          max,
-          step,
-          value: _value,
-          disabled,
-          activeColor,
-          backgroundColor,
-          blockSize,
-          blockColor,
-          onChanging: this.handleChanging.bind(this),
-          onChange: this.handleChange.bind(this)
-        }
-      )),
-      showValue && /* @__PURE__ */ React.createElement(View, { className: "at-slider__text" }, `${_value}`)
-    );
-  }
+          "at-slider": true,
+          "at-slider--disabled": disabled
+        },
+        className
+      ),
+      style: customStyle
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "at-slider__inner" }, /* @__PURE__ */ React.createElement(
+      Slider,
+      {
+        min,
+        max,
+        step,
+        value: _value,
+        disabled,
+        activeColor,
+        backgroundColor,
+        blockSize,
+        blockColor,
+        onChanging: handleChanging,
+        onChange: handleChange
+      }
+    )),
+    showValue && /* @__PURE__ */ React.createElement(View, { className: "at-slider__text" }, `${_value}`)
+  );
 }
-AtSlider.defaultProps = {
-  customStyle: "",
-  className: "",
-  min: 0,
-  max: 100,
-  step: 1,
-  value: 0,
-  disabled: false,
-  activeColor: "#6190e8",
-  backgroundColor: "#e9e9e9",
-  blockSize: 28,
-  blockColor: "#ffffff",
-  showValue: false
-};
 AtSlider.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
@@ -109,7 +84,8 @@ AtSlider.propTypes = {
   onChange: PropTypes.func,
   onChanging: PropTypes.func
 };
+var slider_default = AtSlider;
 export {
-  AtSlider as default
+  slider_default as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/slider/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Slider, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtSliderProps, AtSliderState } from '../../../types/slider'\n\nexport default class AtSlider extends React.Component<\n  AtSliderProps,\n  AtSliderState\n> {\n  public static defaultProps: AtSliderProps\n  public static propTypes: InferProps<AtSliderProps>\n\n  public constructor(props: AtSliderProps) {\n    super(props)\n    const { value = 0, min = 0, max = 100 } = props\n    this.state = {\n      _value: AtSlider.clampNumber(value, min, max)\n    }\n  }\n\n  protected static clampNumber(\n    value: number,\n    lower: number,\n    upper: number\n  ): number {\n    return Math.max(lower, Math.min(upper, value))\n  }\n\n  private handleChanging(e: CommonEvent): void {\n    const { _value } = this.state\n    const { value }: { value: number } = e.detail\n\n    if (value !== _value) {\n      this.setState({ _value: value })\n    }\n    this.props.onChanging && this.props.onChanging(value)\n  }\n\n  private handleChange(e: CommonEvent): void {\n    const { value } = e.detail\n\n    this.setState({ _value: value })\n    this.props.onChange && this.props.onChange(value)\n  }\n\n  public UNSAFE_componentWillReceiveProps(props: AtSliderProps): void {\n    const { value = 0, min = 0, max = 100 } = props\n    this.setState({\n      _value: AtSlider.clampNumber(value, min, max)\n    })\n  }\n\n  public render(): JSX.Element {\n    const { _value } = this.state\n    const {\n      customStyle,\n      className,\n      min,\n      max,\n      step,\n      disabled,\n      activeColor,\n      backgroundColor,\n      blockSize,\n      blockColor,\n      showValue\n    } = this.props\n\n    return (\n      <View\n        className={classNames(\n          {\n            'at-slider': true,\n            'at-slider--disabled': disabled\n          },\n          className\n        )}\n        style={customStyle}\n      >\n        <View className='at-slider__inner'>\n          <Slider\n            min={min}\n            max={max}\n            step={step}\n            value={_value}\n            disabled={disabled}\n            activeColor={activeColor}\n            backgroundColor={backgroundColor}\n            blockSize={blockSize}\n            blockColor={blockColor}\n            onChanging={this.handleChanging.bind(this)}\n            onChange={this.handleChange.bind(this)}\n          ></Slider>\n        </View>\n        {showValue && <View className='at-slider__text'>{`${_value}`}</View>}\n      </View>\n    )\n  }\n}\n\nAtSlider.defaultProps = {\n  customStyle: '',\n  className: '',\n  min: 0,\n  max: 100,\n  step: 1,\n  value: 0,\n  disabled: false,\n  activeColor: '#6190e8',\n  backgroundColor: '#e9e9e9',\n  blockSize: 28,\n  blockColor: '#ffffff',\n  showValue: false\n}\n\nAtSlider.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  min: PropTypes.number,\n  max: PropTypes.number,\n  step: PropTypes.number,\n  value: PropTypes.number,\n  disabled: PropTypes.bool,\n  activeColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  blockSize: PropTypes.number,\n  blockColor: PropTypes.string,\n  showValue: PropTypes.bool,\n  onChange: PropTypes.func,\n  onChanging: PropTypes.func\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/slider/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useEffect, useState } from 'react'\nimport { Slider, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtSliderProps } from '../../../types/slider'\n\nfunction clampNumber(value: number, lower: number, upper: number): number {\n  return Math.max(lower, Math.min(upper, value))\n}\n\nfunction AtSlider({\n  customStyle = '',\n  className = '',\n  min = 0,\n  max = 100,\n  step = 1,\n  value = 0,\n  disabled = false,\n  activeColor = '#6190e8',\n  backgroundColor = '#e9e9e9',\n  blockSize = 28,\n  blockColor = '#ffffff',\n  showValue = false,\n  onChange,\n  onChanging\n}: AtSliderProps): JSX.Element {\n  const [_value, setValue] = useState(() => clampNumber(value, min, max))\n\n  useEffect(() => {\n    setValue(clampNumber(value, min, max))\n  }, [value, min, max])\n\n  const handleChanging = (e: CommonEvent): void => {\n    const { value: detailValue }: { value: number } = e.detail\n\n    if (detailValue !== _value) {\n      setValue(detailValue)\n    }\n    onChanging && onChanging(detailValue)\n  }\n\n  const handleChange = (e: CommonEvent): void => {\n    const { value: detailValue } = e.detail\n\n    setValue(detailValue)\n    onChange && onChange(detailValue)\n  }\n\n  return (\n    <View\n      className={classNames(\n        {\n          'at-slider': true,\n          'at-slider--disabled': disabled\n        },\n        className\n      )}\n      style={customStyle}\n    >\n      <View className='at-slider__inner'>\n        <Slider\n          min={min}\n          max={max}\n          step={step}\n          value={_value}\n          disabled={disabled}\n          activeColor={activeColor}\n          backgroundColor={backgroundColor}\n          blockSize={blockSize}\n          blockColor={blockColor}\n          onChanging={handleChanging}\n          onChange={handleChange}\n        ></Slider>\n      </View>\n      {showValue && <View className='at-slider__text'>{`${_value}`}</View>}\n    </View>\n  )\n}\n\nAtSlider.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  min: PropTypes.number,\n  max: PropTypes.number,\n  step: PropTypes.number,\n  value: PropTypes.number,\n  disabled: PropTypes.bool,\n  activeColor: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  blockSize: PropTypes.number,\n  blockColor: PropTypes.string,\n  showValue: PropTypes.bool,\n  onChange: PropTypes.func,\n  onChanging: PropTypes.func\n}\n\nexport default AtSlider\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,SAAS,WAAW,gBAAgB;AAC3C,SAAS,QAAQ,YAAY;AAI7B,SAAS,YAAY,OAAe,OAAe,OAAuB;AACxE,SAAO,KAAK,IAAI,OAAO,KAAK,IAAI,OAAO,KAAK,CAAC;AAC/C;AAEA,SAAS,SAAS;AAAA,EAChB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAA+B;AAC7B,QAAM,CAAC,QAAQ,QAAQ,IAAI,SAAS,MAAM,YAAY,OAAO,KAAK,GAAG,CAAC;AAEtE,YAAU,MAAM;AACd,aAAS,YAAY,OAAO,KAAK,GAAG,CAAC;AAAA,EACvC,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC;AAEpB,QAAM,iBAAiB,CAAC,MAAyB;AAC/C,UAAM,EAAE,OAAO,YAAY,IAAuB,EAAE;AAEpD,QAAI,gBAAgB,QAAQ;AAC1B,eAAS,WAAW;AAAA,IACtB;AACA,kBAAc,WAAW,WAAW;AAAA,EACtC;AAEA,QAAM,eAAe,CAAC,MAAyB;AAC7C,UAAM,EAAE,OAAO,YAAY,IAAI,EAAE;AAEjC,aAAS,WAAW;AACpB,gBAAY,SAAS,WAAW;AAAA,EAClC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,UACE,aAAa;AAAA,UACb,uBAAuB;AAAA,QACzB;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA;AAAA,IAEP,oCAAC,QAAK,WAAU,sBACd;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QACZ,UAAU;AAAA;AAAA,IACX,CACH;AAAA,IACC,aAAa,oCAAC,QAAK,WAAU,qBAAmB,GAAG,MAAM,EAAG;AAAA,EAC/D;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,KAAK,UAAU;AAAA,EACf,KAAK,UAAU;AAAA,EACf,MAAM,UAAU;AAAA,EAChB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU;AAAA,EACvB,iBAAiB,UAAU;AAAA,EAC3B,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU;AAAA,EACtB,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU;AACxB;AAEA,IAAO,iBAAQ;","names":[]}

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

@@ -1,9 +1,13 @@
-import { InferProps } from 'prop-types';
-import React from 'react';
+import PropTypes from 'prop-types';
 import { AtStepsProps } from '../../../types/steps';
-export default class AtSteps extends React.Component<AtStepsProps> {
-    static defaultProps: AtStepsProps;
-    static propTypes: InferProps<AtStepsProps>;
-    private handleClick;
-    render(): JSX.Element;
+declare function AtSteps({ customStyle, className, current, items, onChange }: AtStepsProps): JSX.Element;
+declare namespace AtSteps {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        current: PropTypes.Requireable<number>;
+        items: PropTypes.Requireable<any[]>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
 }
+export default AtSteps;

package/dist/components/steps/index.js

@@ -2,58 +2,53 @@ import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 import { Text, View } from "@tarojs/components";
-class AtSteps extends React.Component {
-  handleClick(current, event) {
-    this.props.onChange(current, event);
-  }
-  render() {
-    const { customStyle, className, items, current } = this.props;
-    return /* @__PURE__ */ React.createElement(View, { className: classNames("at-steps", className), style: customStyle }, !!items && items.map((item, i) => /* @__PURE__ */ React.createElement(
+import { noop } from "../../common/utils";
+function AtSteps({
+  customStyle = "",
+  className = "",
+  current = 0,
+  items = [],
+  onChange = noop
+}) {
+  const handleClick = (stepCurrent, event) => {
+    onChange(stepCurrent, event);
+  };
+  return /* @__PURE__ */ React.createElement(View, { className: classNames("at-steps", className), style: customStyle }, !!items && items.map((item, i) => /* @__PURE__ */ React.createElement(
+    View,
+    {
+      key: item.title,
+      className: classNames({
+        "at-steps__item": true,
+        "at-steps__item--active": i === current,
+        "at-steps__item--inactive": i !== current
+      }),
+      onClick: (event) => handleClick(i, event)
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "at-steps__circular-wrap" }, i !== 0 && /* @__PURE__ */ React.createElement(View, { className: "at-steps__left-line" }), item.status ? /* @__PURE__ */ React.createElement(
       View,
       {
-        key: item.title,
         className: classNames({
-          "at-steps__item": true,
-          "at-steps__item--active": i === current,
-          "at-steps__item--inactive": i !== current
-        }),
-        onClick: this.handleClick.bind(this, i)
-      },
-      /* @__PURE__ */ React.createElement(View, { className: "at-steps__circular-wrap" }, i !== 0 && /* @__PURE__ */ React.createElement(View, { className: "at-steps__left-line" }), item.status ? /* @__PURE__ */ React.createElement(
-        View,
-        {
-          className: classNames({
-            "at-icon": true,
-            "at-icon-check-circle": item.status === "success",
-            "at-icon-close-circle": item.status === "error",
-            "at-steps__single-icon": true,
-            "at-steps__single-icon--success": item.status === "success",
-            "at-steps__single-icon--error": item.status === "error"
-          })
-        }
-      ) : /* @__PURE__ */ React.createElement(View, { className: "at-steps__circular" }, item.icon ? /* @__PURE__ */ React.createElement(
-        Text,
-        {
-          className: classNames("at-icon", {
-            [`at-icon-${item.icon.value}`]: item.icon.value,
-            "at-steps__circle-icon": true
-          })
-        }
-      ) : /* @__PURE__ */ React.createElement(Text, { className: "at-steps__num" }, i + 1)), i !== items.length - 1 && /* @__PURE__ */ React.createElement(View, { className: "at-steps__right-line" })),
-      /* @__PURE__ */ React.createElement(View, { className: "at-steps__title" }, item.title),
-      /* @__PURE__ */ React.createElement(View, { className: "at-steps__desc" }, item.desc)
-    )));
-  }
+          "at-icon": true,
+          "at-icon-check-circle": item.status === "success",
+          "at-icon-close-circle": item.status === "error",
+          "at-steps__single-icon": true,
+          "at-steps__single-icon--success": item.status === "success",
+          "at-steps__single-icon--error": item.status === "error"
+        })
+      }
+    ) : /* @__PURE__ */ React.createElement(View, { className: "at-steps__circular" }, item.icon ? /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        className: classNames("at-icon", {
+          [`at-icon-${item.icon.value}`]: item.icon.value,
+          "at-steps__circle-icon": true
+        })
+      }
+    ) : /* @__PURE__ */ React.createElement(Text, { className: "at-steps__num" }, i + 1)), i !== items.length - 1 && /* @__PURE__ */ React.createElement(View, { className: "at-steps__right-line" })),
+    /* @__PURE__ */ React.createElement(View, { className: "at-steps__title" }, item.title),
+    /* @__PURE__ */ React.createElement(View, { className: "at-steps__desc" }, item.desc)
+  )));
 }
-AtSteps.defaultProps = {
-  customStyle: "",
-  className: "",
-  current: 0,
-  items: [],
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onChange: () => {
-  }
-};
 AtSteps.propTypes = {
   customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
   className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/steps/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtStepsProps } from '../../../types/steps'\n\nexport default class AtSteps extends React.Component<AtStepsProps> {\n  public static defaultProps: AtStepsProps\n  public static propTypes: InferProps<AtStepsProps>\n\n  private handleClick(current: number, event: CommonEvent): void {\n    this.props.onChange(current, event)\n  }\n\n  public render(): JSX.Element {\n    const { customStyle, className, items, current } = this.props\n\n    return (\n      <View className={classNames('at-steps', className)} style={customStyle}>\n        {!!items &&\n          items.map((item, i) => (\n            <View\n              key={item.title}\n              className={classNames({\n                'at-steps__item': true,\n                'at-steps__item--active': i === current,\n                'at-steps__item--inactive': i !== current\n              })}\n              onClick={this.handleClick.bind(this, i)}\n            >\n              <View className='at-steps__circular-wrap'>\n                {i !== 0 && <View className='at-steps__left-line'></View>}\n                {item.status ? (\n                  <View\n                    className={classNames({\n                      'at-icon': true,\n                      'at-icon-check-circle': item.status === 'success',\n                      'at-icon-close-circle': item.status === 'error',\n                      'at-steps__single-icon': true,\n                      'at-steps__single-icon--success':\n                        item.status === 'success',\n                      'at-steps__single-icon--error': item.status === 'error'\n                    })}\n                  ></View>\n                ) : (\n                  <View className='at-steps__circular'>\n                    {item.icon ? (\n                      <Text\n                        className={classNames('at-icon', {\n                          [`at-icon-${item.icon.value}`]: item.icon.value,\n                          'at-steps__circle-icon': true\n                        })}\n                      ></Text>\n                    ) : (\n                      <Text className='at-steps__num'>{i + 1}</Text>\n                    )}\n                  </View>\n                )}\n                {i !== items.length - 1 && (\n                  <View className='at-steps__right-line'></View>\n                )}\n              </View>\n              <View className='at-steps__title'>{item.title}</View>\n              <View className='at-steps__desc'>{item.desc}</View>\n            </View>\n          ))}\n      </View>\n    )\n  }\n}\n\nAtSteps.defaultProps = {\n  customStyle: '',\n  className: '',\n  current: 0,\n  items: [],\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onChange: (): void => {}\n}\n\nAtSteps.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  current: PropTypes.number,\n  items: PropTypes.array,\n  onChange: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAI3B,MAAO,gBAA8B,MAAM,UAAwB;AAAA,EAIzD,YAAY,SAAiB,OAA0B;AAC7D,SAAK,MAAM,SAAS,SAAS,KAAK;AAAA,EACpC;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,aAAa,WAAW,OAAO,QAAQ,IAAI,KAAK;AAExD,WACE,oCAAC,QAAK,WAAW,WAAW,YAAY,SAAS,GAAG,OAAO,eACxD,CAAC,CAAC,SACD,MAAM,IAAI,CAAC,MAAM,MACf;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,KAAK;AAAA,QACV,WAAW,WAAW;AAAA,UACpB,kBAAkB;AAAA,UAClB,0BAA0B,MAAM;AAAA,UAChC,4BAA4B,MAAM;AAAA,QACpC,CAAC;AAAA,QACD,SAAS,KAAK,YAAY,KAAK,MAAM,CAAC;AAAA;AAAA,MAEtC,oCAAC,QAAK,WAAU,6BACb,MAAM,KAAK,oCAAC,QAAK,WAAU,uBAAsB,GACjD,KAAK,SACJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,WAAW;AAAA,YACpB,WAAW;AAAA,YACX,wBAAwB,KAAK,WAAW;AAAA,YACxC,wBAAwB,KAAK,WAAW;AAAA,YACxC,yBAAyB;AAAA,YACzB,kCACE,KAAK,WAAW;AAAA,YAClB,gCAAgC,KAAK,WAAW;AAAA,UAClD,CAAC;AAAA;AAAA,MACF,IAED,oCAAC,QAAK,WAAU,wBACb,KAAK,OACJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,WAAW,WAAW;AAAA,YAC/B,CAAC,WAAW,KAAK,KAAK,KAAK,EAAE,GAAG,KAAK,KAAK;AAAA,YAC1C,yBAAyB;AAAA,UAC3B,CAAC;AAAA;AAAA,MACF,IAED,oCAAC,QAAK,WAAU,mBAAiB,IAAI,CAAE,CAE3C,GAED,MAAM,MAAM,SAAS,KACpB,oCAAC,QAAK,WAAU,wBAAuB,CAE3C;AAAA,MACA,oCAAC,QAAK,WAAU,qBAAmB,KAAK,KAAM;AAAA,MAC9C,oCAAC,QAAK,WAAU,oBAAkB,KAAK,IAAK;AAAA,IAC9C,CACD,CACL;AAAA,EAEJ;AACF;AAEA,QAAQ,eAAe;AAAA,EACrB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO,CAAC;AAAA;AAAA,EAER,UAAU,MAAY;AAAA,EAAC;AACzB;AAEA,QAAQ,YAAY;AAAA,EAClB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,SAAS,UAAU;AAAA,EACnB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AACtB;","names":[]}
+{"version":3,"sources":["../../../src/components/steps/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 { AtStepsProps } from '../../../types/steps'\nimport { noop } from '../../common/utils'\n\nexport default function AtSteps({\n  customStyle = '',\n  className = '',\n  current = 0,\n  items = [],\n  onChange = noop\n}: AtStepsProps): JSX.Element {\n  const handleClick = (stepCurrent: number, event: CommonEvent): void => {\n    onChange(stepCurrent, event)\n  }\n\n  return (\n    <View className={classNames('at-steps', className)} style={customStyle}>\n      {!!items &&\n        items.map((item, i) => (\n          <View\n            key={item.title}\n            className={classNames({\n              'at-steps__item': true,\n              'at-steps__item--active': i === current,\n              'at-steps__item--inactive': i !== current\n            })}\n            onClick={event => handleClick(i, event)}\n          >\n            <View className='at-steps__circular-wrap'>\n              {i !== 0 && <View className='at-steps__left-line'></View>}\n              {item.status ? (\n                <View\n                  className={classNames({\n                    'at-icon': true,\n                    'at-icon-check-circle': item.status === 'success',\n                    'at-icon-close-circle': item.status === 'error',\n                    'at-steps__single-icon': true,\n                    'at-steps__single-icon--success': item.status === 'success',\n                    'at-steps__single-icon--error': item.status === 'error'\n                  })}\n                ></View>\n              ) : (\n                <View className='at-steps__circular'>\n                  {item.icon ? (\n                    <Text\n                      className={classNames('at-icon', {\n                        [`at-icon-${item.icon.value}`]: item.icon.value,\n                        'at-steps__circle-icon': true\n                      })}\n                    ></Text>\n                  ) : (\n                    <Text className='at-steps__num'>{i + 1}</Text>\n                  )}\n                </View>\n              )}\n              {i !== items.length - 1 && (\n                <View className='at-steps__right-line'></View>\n              )}\n            </View>\n            <View className='at-steps__title'>{item.title}</View>\n            <View className='at-steps__desc'>{item.desc}</View>\n          </View>\n        ))}\n    </View>\n  )\n}\n\nAtSteps.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  current: PropTypes.number,\n  items: PropTypes.array,\n  onChange: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAG3B,SAAS,YAAY;AAEN,SAAR,QAAyB;AAAA,EAC9B,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ,CAAC;AAAA,EACT,WAAW;AACb,GAA8B;AAC5B,QAAM,cAAc,CAAC,aAAqB,UAA6B;AACrE,aAAS,aAAa,KAAK;AAAA,EAC7B;AAEA,SACE,oCAAC,QAAK,WAAW,WAAW,YAAY,SAAS,GAAG,OAAO,eACxD,CAAC,CAAC,SACD,MAAM,IAAI,CAAC,MAAM,MACf;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV,WAAW,WAAW;AAAA,QACpB,kBAAkB;AAAA,QAClB,0BAA0B,MAAM;AAAA,QAChC,4BAA4B,MAAM;AAAA,MACpC,CAAC;AAAA,MACD,SAAS,WAAS,YAAY,GAAG,KAAK;AAAA;AAAA,IAEtC,oCAAC,QAAK,WAAU,6BACb,MAAM,KAAK,oCAAC,QAAK,WAAU,uBAAsB,GACjD,KAAK,SACJ;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW;AAAA,UACpB,WAAW;AAAA,UACX,wBAAwB,KAAK,WAAW;AAAA,UACxC,wBAAwB,KAAK,WAAW;AAAA,UACxC,yBAAyB;AAAA,UACzB,kCAAkC,KAAK,WAAW;AAAA,UAClD,gCAAgC,KAAK,WAAW;AAAA,QAClD,CAAC;AAAA;AAAA,IACF,IAED,oCAAC,QAAK,WAAU,wBACb,KAAK,OACJ;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,WAAW;AAAA,UAC/B,CAAC,WAAW,KAAK,KAAK,KAAK,EAAE,GAAG,KAAK,KAAK;AAAA,UAC1C,yBAAyB;AAAA,QAC3B,CAAC;AAAA;AAAA,IACF,IAED,oCAAC,QAAK,WAAU,mBAAiB,IAAI,CAAE,CAE3C,GAED,MAAM,MAAM,SAAS,KACpB,oCAAC,QAAK,WAAU,wBAAuB,CAE3C;AAAA,IACA,oCAAC,QAAK,WAAU,qBAAmB,KAAK,KAAM;AAAA,IAC9C,oCAAC,QAAK,WAAU,oBAAkB,KAAK,IAAK;AAAA,EAC9C,CACD,CACL;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,SAAS,UAAU;AAAA,EACnB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AACtB;","names":[]}

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

@@ -1,27 +1,14 @@
-import { InferProps } from 'prop-types';
 import React from 'react';
+import { CommonEvent } from '@tarojs/components/types/common';
 import { AtSwipeActionProps, AtSwipeActionState } from '../../../types/swipe-action';
-export default class AtSwipeAction extends React.Component<AtSwipeActionProps, AtSwipeActionState> {
-    static defaultProps: AtSwipeActionProps;
-    static propTypes: InferProps<AtSwipeActionProps>;
-    private moveX;
-    constructor(props: AtSwipeActionProps);
-    componentDidMount(): void;
-    componentDidUpdate(_: any, prevState: AtSwipeActionState): void;
-    UNSAFE_componentWillReceiveProps(nextProps: AtSwipeActionProps): void;
-    /**
-     * 获取滑动区域宽度
-     */
-    private getAreaWidth;
-    /**
-     * 获取最大偏移量
-     */
-    private getMaxOffsetSize;
-    private _reset;
-    private handleOpened;
-    private handleClosed;
-    private handleClick;
-    onTouchEnd: (e: any) => void;
-    onChange: (e: any) => void;
-    render(): JSX.Element;
-}
+export type AtSwipeActionInstance = {
+    state: AtSwipeActionState;
+    onChange: (e: {
+        detail: {
+            x: number;
+        };
+    }) => void;
+    onTouchEnd: (e: CommonEvent) => void;
+};
+declare const AtSwipeAction: React.ForwardRefExoticComponent<AtSwipeActionProps & React.RefAttributes<AtSwipeActionInstance>>;
+export default AtSwipeAction;