taro-ui 3.3.1 → 3.3.3

package/dist/components/slider/index.js

@@ -0,0 +1,115 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React 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 });
+    }
+    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,
+        {
+          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}`)
+    );
+  }
+}
+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]),
+  min: PropTypes.number,
+  max: PropTypes.number,
+  step: PropTypes.number,
+  value: PropTypes.number,
+  disabled: PropTypes.bool,
+  activeColor: PropTypes.string,
+  backgroundColor: PropTypes.string,
+  blockSize: PropTypes.number,
+  blockColor: PropTypes.string,
+  showValue: PropTypes.bool,
+  onChange: PropTypes.func,
+  onChanging: PropTypes.func
+};
+export {
+  AtSlider as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

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

package/dist/components/steps/index.js

@@ -0,0 +1,67 @@
+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(
+      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)
+    )));
+  }
+}
+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]),
+  current: PropTypes.number,
+  items: PropTypes.array,
+  onChange: PropTypes.func
+};
+export {
+  AtSteps as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,220 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React 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;
+      if (typeof onOpened === "function") {
+        onOpened(event);
+      }
+    };
+    this.handleClosed = (event) => {
+      const { onClosed } = this.props;
+      if (typeof onClosed === "function") {
+        onClosed(event);
+      }
+    };
+    this.handleClick = (item, index, event) => {
+      const { onClick, autoClose } = this.props;
+      if (typeof onClick === "function") {
+        onClick(item, index, event);
+      }
+      if (autoClose) {
+        this._reset(false);
+        this.handleClosed(event);
+      }
+    };
+    this.onTouchEnd = (e) => {
+      const { maxOffsetSize } = this.state;
+      if (Math.abs(this.moveX) < maxOffsetSize / 2) {
+        this._reset(false);
+        this.handleClosed(e);
+      } else {
+        this._reset(true);
+        this.handleOpened(e);
+      }
+    };
+    this.onChange = (e) => {
+      this.moveX = e.detail.x;
+    };
+    const { isOpened } = props;
+    this.state = {
+      componentId: uuid(),
+      // eslint-disable-next-line no-extra-boolean-cast
+      offsetSize: 0,
+      _isOpened: !!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({
+      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
+        },
+        () => {
+          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);
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        id: `swipeAction-${componentId}`,
+        className: rootClass,
+        style: {
+          width: `${eleWidth}px`
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        MovableArea,
+        {
+          className: "at-swipe-action__area",
+          style: {
+            width: `${eleWidth}px`
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          MovableView,
+          {
+            className: "at-swipe-action__content",
+            direction: "horizontal",
+            damping: 50,
+            x: offsetSize,
+            onTouchEnd: this.onTouchEnd,
+            onChange: this.onChange,
+            disabled,
+            style: {
+              width: `${eleWidth + maxOffsetSize}px`
+            }
+          },
+          this.props.children,
+          Array.isArray(options) && options.length > 0 ? /* @__PURE__ */ React.createElement(
+            AtSwipeActionOptions,
+            {
+              options,
+              componentId,
+              customStyle: {
+                opacity: maxOffsetSize ? 1 : 0
+              }
+            },
+            options.map((item, key) => /* @__PURE__ */ React.createElement(
+              View,
+              {
+                key: `${item.text}-${key}`,
+                style: item.style,
+                onClick: (e) => this.handleClick(item, key, e),
+                className: classNames(
+                  "at-swipe-action__option",
+                  item.className
+                )
+              },
+              /* @__PURE__ */ React.createElement(Text, { className: "option__text" }, item.text)
+            ))
+          ) : null
+        )
+      )
+    );
+  }
+}
+AtSwipeAction.defaultProps = {
+  options: [],
+  isOpened: false,
+  disabled: false,
+  autoClose: false,
+  maxDistance: 0,
+  areaWidth: 0
+};
+AtSwipeAction.propTypes = {
+  isOpened: PropTypes.bool,
+  disabled: PropTypes.bool,
+  autoClose: PropTypes.bool,
+  options: PropTypes.arrayOf(
+    PropTypes.shape({
+      text: PropTypes.string,
+      style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+      className: PropTypes.oneOfType([
+        PropTypes.object,
+        PropTypes.string,
+        PropTypes.array
+      ])
+    })
+  ),
+  onClick: PropTypes.func,
+  onOpened: PropTypes.func,
+  onClosed: PropTypes.func
+};
+export {
+  AtSwipeAction as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,24 @@
+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
+    );
+  }
+}
+export {
+  AtSwipeActionOptions as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

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

package/dist/components/switch/index.js

@@ -0,0 +1,59 @@
+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
+      }
+    )));
+  }
+}
+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]),
+  title: PropTypes.string,
+  color: PropTypes.string,
+  checked: PropTypes.bool,
+  border: PropTypes.bool,
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func
+};
+export {
+  AtSwitch as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

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