taro-ui 3.3.0 → 3.3.2

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

@@ -1,171 +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';
-export default 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); // TODO: Check behavior
-                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();
+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();
     }
-    // 当 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); // TODO: Check behavior
-        }
+  }
+  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();
+  }
+  /**
+   * 获取滑动区域宽度
+   */
+  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({
-            eleWidth: systemInfo.windowWidth
+          _isOpened: true,
+          offsetSize: -maxOffsetSize + 0.01
         });
-    }
-    /**
-     * 获取最大偏移量
-     */
-    async getMaxOffsetSize() {
-        const { componentId } = this.state;
-        const actionOptionsRect = await delayGetClientRect({
-            selectorStr: `#swipeActionOptions-${componentId}`
-        });
-        const maxOffsetSize = actionOptionsRect[0].width;
+      } else {
         this.setState({
-            maxOffsetSize
+          _isOpened: true,
+          offsetSize: -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
-                });
-            });
+      }
+    } 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 (React.createElement(View, { id: `swipeAction-${componentId}`, className: rootClass, style: {
-                width: `${eleWidth}px`
-            } },
-            React.createElement(MovableArea, { className: 'at-swipe-action__area', style: {
-                    width: `${eleWidth}px`
-                } },
-                React.createElement(MovableView, { className: 'at-swipe-action__content', direction: 'horizontal', damping: 50, x: offsetSize, onTouchEnd: this.onTouchEnd, onChange: this.onChange, disabled: disabled, style: {
-                        width: `${eleWidth + maxOffsetSize}px`
-                    } },
-                    this.props.children,
-                    Array.isArray(options) && options.length > 0 ? (React.createElement(AtSwipeActionOptions, { options: options, componentId: componentId, customStyle: {
-                            opacity: maxOffsetSize ? 1 : 0
-                        } }, options.map((item, key) => (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) },
-                        React.createElement(Text, { className: 'option__text' }, item.text)))))) : null))));
-    }
+  }
+  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
+  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
+  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/lib/components/swipe-action/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/swipe-action/index.tsx"],"names":[],"mappings":"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"}
+{"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/lib/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/lib/components/swipe-action/options/index.js

@@ -1,10 +1,24 @@
-import classNames from 'classnames';
-import React from 'react';
-import { View } from '@tarojs/components';
-export default class AtSwipeActionOptions extends React.Component {
-    render() {
-        const rootClass = classNames('at-swipe-action__options', this.props.className);
-        return (React.createElement(View, { id: `swipeActionOptions-${this.props.componentId}`, className: rootClass, style: this.props.customStyle }, this.props.children));
-    }
+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/lib/components/swipe-action/options/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/swipe-action/options/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAGzC,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAoC;IACnF,MAAM;QACX,MAAM,SAAS,GAAG,UAAU,CAC1B,0BAA0B,EAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAA;QAED,OAAO,CACL,oBAAC,IAAI,IACH,EAAE,EAAE,sBAAsB,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAClD,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,IAE5B,IAAI,CAAC,KAAK,CAAC,QAAQ,CACf,CACR,CAAA;IACH,CAAC;CACF"}
+{"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/lib/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/lib/components/switch/index.js

@@ -1,48 +1,59 @@
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { Switch, View } from '@tarojs/components';
-export default 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 (React.createElement(View, { className: rootCls, style: customStyle },
-            React.createElement(View, { className: 'at-switch__title' }, title),
-            React.createElement(View, { className: containerCls },
-                React.createElement(View, { className: 'at-switch__mask' }),
-                React.createElement(Switch, { className: 'at-switch__switch', checked: checked, color: color, onChange: this.handleChange }))));
-    }
+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
+  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
+  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/lib/components/switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,SAAyB,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAIjD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAwB;IAApE;;QAIU,iBAAY,GAAG,CAAC,KAAkB,EAAQ,EAAE;YAClD,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;YACvC,MAAM,KAAK,GAAG,OAAO,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAA;YAC5D,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;QACnD,CAAC,CAAA;IAgCH,CAAC;IA9BQ,MAAM;QACX,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GACvE,IAAI,CAAC,KAAK,CAAA;QAEZ,MAAM,OAAO,GAAG,UAAU,CACxB,WAAW,EACX;YACE,2BAA2B,EAAE,CAAC,MAAM;SACrC,EACD,SAAS,CACV,CAAA;QACD,MAAM,YAAY,GAAG,UAAU,CAAC,sBAAsB,EAAE;YACtD,qBAAqB,EAAE,QAAQ;SAChC,CAAC,CAAA;QAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW;YAC1C,oBAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAQ;YACjD,oBAAC,IAAI,IAAC,SAAS,EAAE,YAAY;gBAC3B,oBAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,GAAQ;gBACzC,oBAAC,MAAM,IACL,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,CAAC,YAAY,GAC3B,CACG,CACF,CACR,CAAA;IACH,CAAC;CACF;AAED,QAAQ,CAAC,YAAY,GAAG;IACtB,WAAW,EAAE,EAAE;IACf,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,KAAK;CACf,CAAA;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,WAAW,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACtE,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACnE,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAA"}
+{"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/lib/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;
+}