taro-ui 3.3.1 → 3.3.3

package/dist/components/countdown/index.js

@@ -0,0 +1,152 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+import AtCountdownItem from "./item";
+const toSeconds = (day, hours, minutes, seconds) => day * 60 * 60 * 24 + hours * 60 * 60 + minutes * 60 + seconds;
+const defaultFormat = {
+  day: "\u5929",
+  hours: "\u65F6",
+  minutes: "\u5206",
+  seconds: "\u79D2"
+};
+class AtCountdown extends React.Component {
+  constructor(props) {
+    super(props);
+    const { day = 0, hours = 0, minutes = 0, seconds = 0 } = this.props;
+    this.seconds = toSeconds(day, hours, minutes, seconds);
+    const {
+      day: _day,
+      hours: _hours,
+      minutes: _minutes,
+      seconds: _seconds
+    } = this.calculateTime();
+    this.state = {
+      _day,
+      _hours,
+      _minutes,
+      _seconds
+    };
+  }
+  setTimer() {
+    if (!this.timer) this.countdonwn();
+  }
+  clearTimer() {
+    if (this.timer) {
+      clearTimeout(this.timer);
+      this.timer = 0;
+    }
+  }
+  calculateTime() {
+    let [day, hours, minutes, seconds] = [0, 0, 0, 0];
+    if (this.seconds > 0) {
+      day = this.props.isShowDay ? Math.floor(this.seconds / (60 * 60 * 24)) : 0;
+      hours = this.props.isShowHour ? Math.floor(this.seconds / (60 * 60)) - day * 24 : 0;
+      minutes = this.props.isShowMinute ? Math.floor(this.seconds / 60) - day * 24 * 60 - hours * 60 : 0;
+      seconds = Math.floor(this.seconds) - day * 24 * 60 * 60 - hours * 60 * 60 - minutes * 60;
+    }
+    return {
+      day,
+      hours,
+      minutes,
+      seconds
+    };
+  }
+  countdonwn() {
+    const { day, hours, minutes, seconds } = this.calculateTime();
+    this.setState({
+      _day: day,
+      _hours: hours,
+      _minutes: minutes,
+      _seconds: seconds
+    });
+    this.seconds--;
+    if (this.seconds < 0) {
+      this.clearTimer();
+      this.props.onTimeUp && this.props.onTimeUp();
+      return;
+    }
+    this.timer = setTimeout(() => {
+      this.countdonwn();
+    }, 1e3);
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (JSON.stringify(this.props) === JSON.stringify(nextProps)) return;
+    const { day = 0, hours = 0, minutes = 0, seconds = 0 } = nextProps;
+    this.seconds = toSeconds(day, hours, minutes, seconds);
+    this.clearTimer();
+    this.setTimer();
+  }
+  componentDidMount() {
+    this.setTimer();
+  }
+  componentWillUnmount() {
+    this.clearTimer();
+  }
+  componentDidHide() {
+    this.clearTimer();
+  }
+  componentDidShow() {
+    this.setTimer();
+  }
+  render() {
+    const {
+      className,
+      customStyle,
+      format = defaultFormat,
+      isCard,
+      isShowDay,
+      isShowHour,
+      isShowMinute
+    } = this.props;
+    const { _day, _hours, _minutes, _seconds } = this.state;
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames(
+          {
+            "at-countdown": true,
+            "at-countdown--card": isCard
+          },
+          className
+        ),
+        style: customStyle
+      },
+      isShowDay && /* @__PURE__ */ React.createElement(AtCountdownItem, { num: _day, separator: (format == null ? void 0 : format.day) || "\u5929" }),
+      isShowHour && /* @__PURE__ */ React.createElement(AtCountdownItem, { num: _hours, separator: (format == null ? void 0 : format.hours) || "" }),
+      isShowMinute && /* @__PURE__ */ React.createElement(AtCountdownItem, { num: _minutes, separator: (format == null ? void 0 : format.minutes) || "" }),
+      /* @__PURE__ */ React.createElement(AtCountdownItem, { num: _seconds, separator: (format == null ? void 0 : format.seconds) || "" })
+    );
+  }
+}
+AtCountdown.defaultProps = {
+  customStyle: "",
+  className: "",
+  isCard: false,
+  isShowDay: false,
+  isShowHour: true,
+  isShowMinute: true,
+  format: defaultFormat,
+  day: 0,
+  hours: 0,
+  minutes: 0,
+  seconds: 0
+};
+AtCountdown.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  isCard: PropTypes.bool,
+  isShowDay: PropTypes.bool,
+  isShowHour: PropTypes.bool,
+  isShowMinute: PropTypes.bool,
+  format: PropTypes.object,
+  day: PropTypes.number,
+  hours: PropTypes.number,
+  minutes: PropTypes.number,
+  seconds: PropTypes.number,
+  onTimeUp: PropTypes.func
+};
+export {
+  AtCountdown as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/countdown/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtCountDownProps, AtCountdownState } from '../../../types/countdown'\nimport AtCountdownItem from './item'\n\ntype TimeObject = {\n  day: number\n  hours: number\n  minutes: number\n  seconds: number\n}\n\nconst toSeconds = (\n  day: number,\n  hours: number,\n  minutes: number,\n  seconds: number\n): number => day * 60 * 60 * 24 + hours * 60 * 60 + minutes * 60 + seconds\n\nconst defaultFormat = {\n  day: '天',\n  hours: '时',\n  minutes: '分',\n  seconds: '秒'\n}\n\nexport default class AtCountdown extends React.Component<\n  AtCountDownProps,\n  AtCountdownState\n> {\n  public static defaultProps: AtCountDownProps\n  public static propTypes: InferProps<AtCountDownProps>\n\n  private seconds: number\n  private timer: NodeJS.Timeout | number | undefined\n\n  public constructor(props: AtCountDownProps) {\n    super(props)\n    const { day = 0, hours = 0, minutes = 0, seconds = 0 } = this.props\n    this.seconds = toSeconds(day, hours, minutes, seconds)\n    const {\n      day: _day,\n      hours: _hours,\n      minutes: _minutes,\n      seconds: _seconds\n    } = this.calculateTime()\n\n    this.state = {\n      _day,\n      _hours,\n      _minutes,\n      _seconds\n    }\n  }\n\n  private setTimer(): void {\n    if (!this.timer) this.countdonwn()\n  }\n\n  private clearTimer(): void {\n    if (this.timer) {\n      clearTimeout(this.timer as number)\n      this.timer = 0\n    }\n  }\n\n  private calculateTime(): TimeObject {\n    let [day, hours, minutes, seconds] = [0, 0, 0, 0]\n\n    if (this.seconds > 0) {\n      day = this.props.isShowDay ? Math.floor(this.seconds / (60 * 60 * 24)) : 0\n      hours = this.props.isShowHour\n        ? Math.floor(this.seconds / (60 * 60)) - day * 24\n        : 0\n      minutes = this.props.isShowMinute\n        ? Math.floor(this.seconds / 60) - day * 24 * 60 - hours * 60\n        : 0\n      seconds =\n        Math.floor(this.seconds) -\n        day * 24 * 60 * 60 -\n        hours * 60 * 60 -\n        minutes * 60\n    }\n    return {\n      day,\n      hours,\n      minutes,\n      seconds\n    }\n  }\n\n  private countdonwn(): void {\n    const { day, hours, minutes, seconds } = this.calculateTime()\n\n    this.setState({\n      _day: day,\n      _hours: hours,\n      _minutes: minutes,\n      _seconds: seconds\n    })\n    this.seconds--\n\n    if (this.seconds < 0) {\n      this.clearTimer()\n      this.props.onTimeUp && this.props.onTimeUp()\n      return\n    }\n\n    this.timer = setTimeout(() => {\n      this.countdonwn()\n    }, 1000)\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtCountDownProps): void {\n    if (JSON.stringify(this.props) === JSON.stringify(nextProps)) return\n\n    const { day = 0, hours = 0, minutes = 0, seconds = 0 } = nextProps\n    this.seconds = toSeconds(day, hours, minutes, seconds)\n    this.clearTimer()\n    this.setTimer()\n  }\n\n  public componentDidMount(): void {\n    this.setTimer()\n  }\n\n  public componentWillUnmount(): void {\n    this.clearTimer()\n  }\n\n  public componentDidHide(): void {\n    this.clearTimer()\n  }\n\n  public componentDidShow(): void {\n    this.setTimer()\n  }\n\n  public render(): JSX.Element {\n    const {\n      className,\n      customStyle,\n      format = defaultFormat,\n      isCard,\n      isShowDay,\n      isShowHour,\n      isShowMinute\n    } = this.props\n\n    const { _day, _hours, _minutes, _seconds } = this.state\n\n    return (\n      <View\n        className={classNames(\n          {\n            'at-countdown': true,\n            'at-countdown--card': isCard\n          },\n          className\n        )}\n        style={customStyle}\n      >\n        {isShowDay && (\n          <AtCountdownItem num={_day} separator={format?.day || '天'} />\n        )}\n        {isShowHour && (\n          <AtCountdownItem num={_hours} separator={format?.hours || ''} />\n        )}\n        {isShowMinute && (\n          <AtCountdownItem num={_minutes} separator={format?.minutes || ''} />\n        )}\n        <AtCountdownItem num={_seconds} separator={format?.seconds || ''} />\n      </View>\n    )\n  }\n}\n\nAtCountdown.defaultProps = {\n  customStyle: '',\n  className: '',\n  isCard: false,\n  isShowDay: false,\n  isShowHour: true,\n  isShowMinute: true,\n  format: defaultFormat,\n  day: 0,\n  hours: 0,\n  minutes: 0,\n  seconds: 0\n}\n\nAtCountdown.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  isCard: PropTypes.bool,\n  isShowDay: PropTypes.bool,\n  isShowHour: PropTypes.bool,\n  isShowMinute: PropTypes.bool,\n  format: PropTypes.object,\n  day: PropTypes.number,\n  hours: PropTypes.number,\n  minutes: PropTypes.number,\n  seconds: PropTypes.number,\n  onTimeUp: PropTypes.func\n}\n"],"mappings":"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","names":[]}

package/dist/components/countdown/item/index.d.ts

@@ -0,0 +1,9 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtCountdownItemProps } from '../../../../types/countdown';
+export default class AtCountdownItem extends React.Component<AtCountdownItemProps> {
+    static defaultProps: AtCountdownItemProps;
+    static propTypes: InferProps<AtCountdownItemProps>;
+    private formatNum;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,24 @@
+import PropTypes from "prop-types";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+class AtCountdownItem extends React.Component {
+  formatNum(num) {
+    return num <= 9 ? `0${num}` : `${num}`;
+  }
+  render() {
+    const { num, separator } = this.props;
+    return /* @__PURE__ */ React.createElement(View, { className: "at-countdown__item" }, /* @__PURE__ */ React.createElement(View, { className: "at-countdown__time-box" }, /* @__PURE__ */ React.createElement(Text, { className: "at-countdown__time" }, this.formatNum(num))), /* @__PURE__ */ React.createElement(Text, { className: "at-countdown__separator" }, separator));
+  }
+}
+AtCountdownItem.defaultProps = {
+  num: 0,
+  separator: ":"
+};
+AtCountdownItem.propTypes = {
+  num: PropTypes.number.isRequired,
+  separator: PropTypes.string
+};
+export {
+  AtCountdownItem as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/countdown/item/index.tsx"],"sourcesContent":["import PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { AtCountdownItemProps } from '../../../../types/countdown'\n\nexport default class AtCountdownItem extends React.Component<AtCountdownItemProps> {\n  public static defaultProps: AtCountdownItemProps\n  public static propTypes: InferProps<AtCountdownItemProps>\n\n  private formatNum(num: number): string {\n    return num <= 9 ? `0${num}` : `${num}`\n  }\n\n  public render(): JSX.Element {\n    const { num, separator } = this.props\n\n    return (\n      <View className='at-countdown__item'>\n        <View className='at-countdown__time-box'>\n          <Text className='at-countdown__time'>{this.formatNum(num)}</Text>\n        </View>\n        <Text className='at-countdown__separator'>{separator}</Text>\n      </View>\n    )\n  }\n}\n\nAtCountdownItem.defaultProps = {\n  num: 0,\n  separator: ':'\n}\n\nAtCountdownItem.propTypes = {\n  num: PropTypes.number.isRequired,\n  separator: PropTypes.string\n}\n"],"mappings":"AAAA,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAG3B,MAAO,wBAAsC,MAAM,UAAgC;AAAA,EAIzE,UAAU,KAAqB;AACrC,WAAO,OAAO,IAAI,IAAI,GAAG,KAAK,GAAG,GAAG;AAAA,EACtC;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,KAAK,UAAU,IAAI,KAAK;AAEhC,WACE,oCAAC,QAAK,WAAU,wBACd,oCAAC,QAAK,WAAU,4BACd,oCAAC,QAAK,WAAU,wBAAsB,KAAK,UAAU,GAAG,CAAE,CAC5D,GACA,oCAAC,QAAK,WAAU,6BAA2B,SAAU,CACvD;AAAA,EAEJ;AACF;AAEA,gBAAgB,eAAe;AAAA,EAC7B,KAAK;AAAA,EACL,WAAW;AACb;AAEA,gBAAgB,YAAY;AAAA,EAC1B,KAAK,UAAU,OAAO;AAAA,EACtB,WAAW,UAAU;AACvB;","names":[]}

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

@@ -0,0 +1,10 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtCurtainProps } from '../../../types/curtain';
+export default class AtCurtain extends React.Component<AtCurtainProps> {
+    static defaultProps: AtCurtainProps;
+    static propTypes: InferProps<AtCurtainProps>;
+    private onClose;
+    private _stopPropagation;
+    render(): JSX.Element;
+}

package/dist/components/curtain/index.js

@@ -0,0 +1,62 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+class AtCurtain extends React.Component {
+  onClose(e) {
+    e.stopPropagation();
+    this.props.onClose(e);
+  }
+  _stopPropagation(e) {
+    e.stopPropagation();
+  }
+  render() {
+    const { className, customStyle, isOpened, closeBtnPosition } = this.props;
+    const curtainClass = classNames(
+      {
+        "at-curtain": true,
+        "at-curtain--closed": !isOpened
+      },
+      className
+    );
+    const btnCloseClass = classNames({
+      "at-curtain__btn-close": true,
+      [`at-curtain__btn-close--${closeBtnPosition}`]: closeBtnPosition
+    });
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: curtainClass,
+        style: customStyle,
+        onClick: this._stopPropagation
+      },
+      /* @__PURE__ */ React.createElement(View, { className: "at-curtain__container" }, /* @__PURE__ */ React.createElement(View, { className: "at-curtain__body" }, this.props.children, /* @__PURE__ */ React.createElement(
+        View,
+        {
+          className: btnCloseClass,
+          onClick: this.onClose.bind(this)
+        }
+      )))
+    );
+  }
+}
+AtCurtain.defaultProps = {
+  customStyle: "",
+  className: "",
+  isOpened: false,
+  closeBtnPosition: "bottom",
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onClose: () => {
+  }
+};
+AtCurtain.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  isOpened: PropTypes.bool,
+  closeBtnPosition: PropTypes.string,
+  onClose: PropTypes.func
+};
+export {
+  AtCurtain as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/curtain/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 { AtCurtainProps } from '../../../types/curtain'\n\nexport default class AtCurtain extends React.Component<AtCurtainProps> {\n  public static defaultProps: AtCurtainProps\n  public static propTypes: InferProps<AtCurtainProps>\n\n  private onClose(e: CommonEvent): void {\n    e.stopPropagation()\n    this.props.onClose(e)\n  }\n\n  private _stopPropagation(e: CommonEvent): void {\n    e.stopPropagation()\n  }\n\n  public render(): JSX.Element {\n    const { className, customStyle, isOpened, closeBtnPosition } = this.props\n\n    const curtainClass = classNames(\n      {\n        'at-curtain': true,\n        'at-curtain--closed': !isOpened\n      },\n      className\n    )\n    const btnCloseClass = classNames({\n      'at-curtain__btn-close': true,\n      [`at-curtain__btn-close--${closeBtnPosition}`]: closeBtnPosition\n    })\n\n    return (\n      <View\n        className={curtainClass}\n        style={customStyle}\n        onClick={this._stopPropagation}\n      >\n        <View className='at-curtain__container'>\n          <View className='at-curtain__body'>\n            {this.props.children}\n            <View\n              className={btnCloseClass}\n              onClick={this.onClose.bind(this)}\n            ></View>\n          </View>\n        </View>\n      </View>\n    )\n  }\n}\n\nAtCurtain.defaultProps = {\n  customStyle: '',\n  className: '',\n  isOpened: false,\n  closeBtnPosition: 'bottom',\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  onClose: (): void => {}\n}\n\nAtCurtain.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  isOpened: PropTypes.bool,\n  closeBtnPosition: PropTypes.string,\n  onClose: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAIrB,MAAO,kBAAgC,MAAM,UAA0B;AAAA,EAI7D,QAAQ,GAAsB;AACpC,MAAE,gBAAgB;AAClB,SAAK,MAAM,QAAQ,CAAC;AAAA,EACtB;AAAA,EAEQ,iBAAiB,GAAsB;AAC7C,MAAE,gBAAgB;AAAA,EACpB;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,WAAW,aAAa,UAAU,iBAAiB,IAAI,KAAK;AAEpE,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,cAAc;AAAA,QACd,sBAAsB,CAAC;AAAA,MACzB;AAAA,MACA;AAAA,IACF;AACA,UAAM,gBAAgB,WAAW;AAAA,MAC/B,yBAAyB;AAAA,MACzB,CAAC,0BAA0B,gBAAgB,EAAE,GAAG;AAAA,IAClD,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,SAAS,KAAK;AAAA;AAAA,MAEd,oCAAC,QAAK,WAAU,2BACd,oCAAC,QAAK,WAAU,sBACb,KAAK,MAAM,UACZ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,UACX,SAAS,KAAK,QAAQ,KAAK,IAAI;AAAA;AAAA,MAChC,CACH,CACF;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,UAAU,eAAe;AAAA,EACvB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AAAA,EACV,kBAAkB;AAAA;AAAA,EAElB,SAAS,MAAY;AAAA,EAAC;AACxB;AAEA,UAAU,YAAY;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,UAAU,UAAU;AAAA,EACpB,kBAAkB,UAAU;AAAA,EAC5B,SAAS,UAAU;AACrB;","names":[]}

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

@@ -0,0 +1,8 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtDividerProps } from '../../../types/divider';
+export default class AtDivider extends React.Component<AtDividerProps> {
+    static defaultProps: AtDividerProps;
+    static propTypes: InferProps<AtDividerProps>;
+    render(): JSX.Element;
+}

package/dist/components/divider/index.js

@@ -0,0 +1,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 AtDivider extends React.Component {
+  render() {
+    const {
+      className,
+      customStyle,
+      content,
+      height,
+      fontColor,
+      fontSize,
+      lineColor
+    } = this.props;
+    const rootStyle = {
+      height: height ? `${pxTransform(Number(height))}` : ""
+    };
+    const fontStyle = {
+      color: fontColor,
+      fontSize: fontSize ? `${pxTransform(Number(fontSize))}` : ""
+    };
+    const lineStyle = {
+      backgroundColor: lineColor
+    };
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames("at-divider", className),
+        style: mergeStyle(rootStyle, customStyle)
+      },
+      /* @__PURE__ */ React.createElement(View, { className: "at-divider__content", style: fontStyle }, content === "" ? this.props.children : content),
+      /* @__PURE__ */ React.createElement(View, { className: "at-divider__line", style: lineStyle })
+    );
+  }
+}
+AtDivider.defaultProps = {
+  content: "",
+  height: 0,
+  fontColor: "",
+  fontSize: 0,
+  lineColor: ""
+};
+AtDivider.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  content: PropTypes.string,
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  fontColor: PropTypes.string,
+  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  lineColor: PropTypes.string
+};
+export {
+  AtDivider as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/divider/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtDividerProps } from '../../../types/divider'\nimport { mergeStyle, pxTransform } from '../../common/utils'\n\nexport default class AtDivider extends React.Component<AtDividerProps> {\n  public static defaultProps: AtDividerProps\n  public static propTypes: InferProps<AtDividerProps>\n\n  public render(): JSX.Element {\n    const {\n      className,\n      customStyle,\n      content,\n      height,\n      fontColor,\n      fontSize,\n      lineColor\n    } = this.props\n\n    const rootStyle = {\n      height: height ? `${pxTransform(Number(height))}` : ''\n    }\n\n    const fontStyle = {\n      color: fontColor,\n      fontSize: fontSize ? `${pxTransform(Number(fontSize))}` : ''\n    }\n\n    const lineStyle: React.CSSProperties = {\n      backgroundColor: lineColor\n    }\n\n    return (\n      <View\n        className={classNames('at-divider', className)}\n        style={mergeStyle(rootStyle, customStyle as object)}\n      >\n        <View className='at-divider__content' style={fontStyle}>\n          {content === '' ? this.props.children : content}\n        </View>\n        <View className='at-divider__line' style={lineStyle}></View>\n      </View>\n    )\n  }\n}\n\nAtDivider.defaultProps = {\n  content: '',\n  height: 0,\n  fontColor: '',\n  fontSize: 0,\n  lineColor: ''\n}\n\nAtDivider.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  content: PropTypes.string,\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  fontColor: PropTypes.string,\n  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  lineColor: PropTypes.string\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAErB,SAAS,YAAY,mBAAmB;AAExC,MAAO,kBAAgC,MAAM,UAA0B;AAAA,EAI9D,SAAsB;AAC3B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,UAAM,YAAY;AAAA,MAChB,QAAQ,SAAS,GAAG,YAAY,OAAO,MAAM,CAAC,CAAC,KAAK;AAAA,IACtD;AAEA,UAAM,YAAY;AAAA,MAChB,OAAO;AAAA,MACP,UAAU,WAAW,GAAG,YAAY,OAAO,QAAQ,CAAC,CAAC,KAAK;AAAA,IAC5D;AAEA,UAAM,YAAiC;AAAA,MACrC,iBAAiB;AAAA,IACnB;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,cAAc,SAAS;AAAA,QAC7C,OAAO,WAAW,WAAW,WAAqB;AAAA;AAAA,MAElD,oCAAC,QAAK,WAAU,uBAAsB,OAAO,aAC1C,YAAY,KAAK,KAAK,MAAM,WAAW,OAC1C;AAAA,MACA,oCAAC,QAAK,WAAU,oBAAmB,OAAO,WAAW;AAAA,IACvD;AAAA,EAEJ;AACF;AAEA,UAAU,eAAe;AAAA,EACvB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AACb;AAEA,UAAU,YAAY;AAAA,EACpB,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,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAChE,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAClE,WAAW,UAAU;AACvB;","names":[]}

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

@@ -0,0 +1,16 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtDrawerProps, AtDrawerState } from '../../../types/drawer';
+export default class AtDrawer extends React.Component<AtDrawerProps, AtDrawerState> {
+    static defaultProps: AtDrawerProps;
+    static propTypes: InferProps<AtDrawerProps>;
+    constructor(props: AtDrawerProps);
+    componentDidMount(): void;
+    private onItemClick;
+    private onHide;
+    private animHide;
+    private animShow;
+    private onMaskClick;
+    UNSAFE_componentWillReceiveProps(nextProps: AtDrawerProps): void;
+    render(): JSX.Element;
+}

package/dist/components/drawer/index.js

@@ -0,0 +1,114 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+import AtList from "../list/index";
+import AtListItem from "../list/item/index";
+class AtDrawer extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      animShow: false,
+      _show: props.show
+    };
+  }
+  componentDidMount() {
+    const { _show } = this.state;
+    if (_show) this.animShow();
+  }
+  onItemClick(index) {
+    this.props.onItemClick && this.props.onItemClick(index);
+    this.animHide();
+  }
+  onHide() {
+    this.setState({ _show: false }, () => {
+      this.props.onClose && this.props.onClose();
+    });
+  }
+  animHide() {
+    this.setState({
+      animShow: false
+    });
+    setTimeout(() => {
+      this.onHide();
+    }, 300);
+  }
+  animShow() {
+    this.setState({ _show: true });
+    setTimeout(() => {
+      this.setState({
+        animShow: true
+      });
+    }, 200);
+  }
+  onMaskClick() {
+    this.animHide();
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const { show } = nextProps;
+    if (show !== this.state._show) {
+      show ? this.animShow() : this.animHide();
+    }
+  }
+  render() {
+    const { mask, width, right, items } = this.props;
+    const { animShow, _show } = this.state;
+    const rootClassName = ["at-drawer"];
+    const maskStyle = {
+      display: mask ? "block" : "none",
+      opacity: animShow ? 1 : 0
+    };
+    const listStyle = {
+      width,
+      transition: animShow ? "all 225ms cubic-bezier(0, 0, 0.2, 1)" : "all 195ms cubic-bezier(0.4, 0, 0.6, 1)"
+    };
+    const classObject = {
+      "at-drawer--show": animShow,
+      "at-drawer--right": right,
+      "at-drawer--left": !right
+    };
+    return _show ? /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames(rootClassName, classObject, this.props.className)
+      },
+      /* @__PURE__ */ React.createElement(
+        View,
+        {
+          className: "at-drawer__mask",
+          style: maskStyle,
+          onClick: this.onMaskClick.bind(this)
+        }
+      ),
+      /* @__PURE__ */ React.createElement(View, { className: "at-drawer__content", style: listStyle }, !!items && items.length ? /* @__PURE__ */ React.createElement(AtList, null, items.map((name, index) => /* @__PURE__ */ React.createElement(
+        AtListItem,
+        {
+          key: `${name}-${index}`,
+          "data-index": index,
+          onClick: this.onItemClick.bind(this, index),
+          title: name,
+          arrow: "right"
+        }
+      ))) : this.props.children)
+    ) : /* @__PURE__ */ React.createElement(View, null);
+  }
+}
+AtDrawer.defaultProps = {
+  show: false,
+  mask: true,
+  width: "",
+  right: false,
+  items: []
+};
+AtDrawer.propTypes = {
+  show: PropTypes.bool,
+  mask: PropTypes.bool,
+  width: PropTypes.string,
+  items: PropTypes.arrayOf(PropTypes.string),
+  onItemClick: PropTypes.func,
+  onClose: PropTypes.func
+};
+export {
+  AtDrawer as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/drawer/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtDrawerProps, AtDrawerState } from '../../../types/drawer'\nimport AtList from '../list/index'\nimport AtListItem from '../list/item/index'\n\nexport default class AtDrawer extends React.Component<\n  AtDrawerProps,\n  AtDrawerState\n> {\n  public static defaultProps: AtDrawerProps\n  public static propTypes: InferProps<AtDrawerProps>\n\n  public constructor(props: AtDrawerProps) {\n    super(props)\n    this.state = {\n      animShow: false,\n      _show: props.show\n    }\n  }\n\n  public componentDidMount(): void {\n    const { _show } = this.state\n    if (_show) this.animShow()\n  }\n\n  private onItemClick(index: number): void {\n    this.props.onItemClick && this.props.onItemClick(index)\n    this.animHide()\n  }\n\n  private onHide(): void {\n    this.setState({ _show: false }, () => {\n      this.props.onClose && this.props.onClose()\n    })\n  }\n\n  private animHide(): void {\n    this.setState({\n      animShow: false\n    })\n    setTimeout(() => {\n      this.onHide()\n    }, 300)\n  }\n\n  private animShow(): void {\n    this.setState({ _show: true })\n    setTimeout(() => {\n      this.setState({\n        animShow: true\n      })\n    }, 200)\n  }\n\n  private onMaskClick(): void {\n    this.animHide()\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: AtDrawerProps): void {\n    const { show } = nextProps\n    if (show !== this.state._show) {\n      show ? this.animShow() : this.animHide()\n    }\n  }\n\n  public render(): JSX.Element {\n    const { mask, width, right, items } = this.props\n    const { animShow, _show } = this.state\n    const rootClassName = ['at-drawer']\n\n    const maskStyle = {\n      display: mask ? 'block' : 'none',\n      opacity: animShow ? 1 : 0\n    }\n    const listStyle = {\n      width,\n      transition: animShow\n        ? 'all 225ms cubic-bezier(0, 0, 0.2, 1)'\n        : 'all 195ms cubic-bezier(0.4, 0, 0.6, 1)'\n    }\n\n    const classObject = {\n      'at-drawer--show': animShow,\n      'at-drawer--right': right,\n      'at-drawer--left': !right\n    }\n\n    return _show ? (\n      <View\n        className={classNames(rootClassName, classObject, this.props.className)}\n      >\n        <View\n          className='at-drawer__mask'\n          style={maskStyle}\n          onClick={this.onMaskClick.bind(this)}\n        ></View>\n\n        <View className='at-drawer__content' style={listStyle}>\n          {!!items && items.length ? (\n            <AtList>\n              {items.map((name, index) => (\n                <AtListItem\n                  key={`${name}-${index}`}\n                  data-index={index}\n                  onClick={this.onItemClick.bind(this, index)}\n                  title={name}\n                  arrow='right'\n                ></AtListItem>\n              ))}\n            </AtList>\n          ) : (\n            this.props.children\n          )}\n        </View>\n      </View>\n    ) : (\n      <View></View>\n    )\n  }\n}\n\nAtDrawer.defaultProps = {\n  show: false,\n  mask: true,\n  width: '',\n  right: false,\n  items: []\n}\n\nAtDrawer.propTypes = {\n  show: PropTypes.bool,\n  mask: PropTypes.bool,\n  width: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.string),\n  onItemClick: PropTypes.func,\n  onClose: PropTypes.func\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,9 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtFabProps } from '../../../types/fab';
+export default class AtFab extends React.Component<AtFabProps> {
+    static defaultProps: AtFabProps;
+    static propTypes: InferProps<AtFabProps>;
+    private onClick;
+    render(): JSX.Element;
+}

package/dist/components/fab/index.js

@@ -0,0 +1,29 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+class AtFab extends React.Component {
+  onClick(e) {
+    if (typeof this.props.onClick === "function") {
+      this.props.onClick(e);
+    }
+  }
+  render() {
+    const { size, className, children } = this.props;
+    const rootClass = classNames("at-fab", className, {
+      [`at-fab--${size}`]: size
+    });
+    return /* @__PURE__ */ React.createElement(View, { className: rootClass, onClick: this.onClick.bind(this) }, children);
+  }
+}
+AtFab.propTypes = {
+  size: PropTypes.oneOf(["normal", "small"]),
+  onClick: PropTypes.func
+};
+AtFab.defaultProps = {
+  size: "normal"
+};
+export {
+  AtFab as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/fab/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 { AtFabProps } from '../../../types/fab'\n\nexport default class AtFab extends React.Component<AtFabProps> {\n  public static defaultProps: AtFabProps\n  public static propTypes: InferProps<AtFabProps>\n\n  private onClick(e: CommonEvent): void {\n    if (typeof this.props.onClick === 'function') {\n      this.props.onClick(e)\n    }\n  }\n\n  public render(): JSX.Element {\n    const { size, className, children } = this.props\n\n    const rootClass = classNames('at-fab', className, {\n      [`at-fab--${size}`]: size\n    })\n\n    return (\n      <View className={rootClass} onClick={this.onClick.bind(this)}>\n        {children}\n      </View>\n    )\n  }\n}\n\nAtFab.propTypes = {\n  size: PropTypes.oneOf(['normal', 'small']),\n  onClick: PropTypes.func\n}\n\nAtFab.defaultProps = {\n  size: 'normal'\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAIrB,MAAO,cAA4B,MAAM,UAAsB;AAAA,EAIrD,QAAQ,GAAsB;AACpC,QAAI,OAAO,KAAK,MAAM,YAAY,YAAY;AAC5C,WAAK,MAAM,QAAQ,CAAC;AAAA,IACtB;AAAA,EACF;AAAA,EAEO,SAAsB;AAC3B,UAAM,EAAE,MAAM,WAAW,SAAS,IAAI,KAAK;AAE3C,UAAM,YAAY,WAAW,UAAU,WAAW;AAAA,MAChD,CAAC,WAAW,IAAI,EAAE,GAAG;AAAA,IACvB,CAAC;AAED,WACE,oCAAC,QAAK,WAAW,WAAW,SAAS,KAAK,QAAQ,KAAK,IAAI,KACxD,QACH;AAAA,EAEJ;AACF;AAEA,MAAM,YAAY;AAAA,EAChB,MAAM,UAAU,MAAM,CAAC,UAAU,OAAO,CAAC;AAAA,EACzC,SAAS,UAAU;AACrB;AAEA,MAAM,eAAe;AAAA,EACnB,MAAM;AACR;","names":[]}

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

@@ -0,0 +1,7 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtFlexProps } from '../../../types/flex';
+export default class AtFlex extends React.Component<AtFlexProps> {
+    static propTypes: InferProps<AtFlexProps>;
+    render(): JSX.Element;
+}

package/dist/components/flex/index.js

@@ -0,0 +1,41 @@
+import classNames from "classnames";
+import _forEach from "lodash/forEach";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+class AtFlex extends React.Component {
+  render() {
+    const rootClass = ["at-row"];
+    _forEach(this.props, (value, key) => {
+      if (key === "children") {
+        return;
+      }
+      if (key === "alignContent") {
+        return rootClass.push(`at-row--${value}`);
+      }
+      if (key === "alignContent") {
+        return rootClass.push(`at-row__align-content--${value}`);
+      }
+      rootClass.push(`at-row__${key}--${value}`);
+    });
+    return /* @__PURE__ */ React.createElement(View, { className: classNames(rootClass) }, this.props.children);
+  }
+}
+AtFlex.propTypes = {
+  wrap: PropTypes.oneOf(["no-wrap", "wrap", "wrap-reverse"]),
+  align: PropTypes.oneOf(["start", "end", "center", "stretch", "baseline"]),
+  justify: PropTypes.oneOf(["start", "end", "center", "between", "around"]),
+  dirction: PropTypes.oneOf(["row", "column", "row-reverse", "column-reverse"]),
+  alignContent: PropTypes.oneOf([
+    "start",
+    "end",
+    "center",
+    "stretch",
+    "between",
+    "around"
+  ])
+};
+export {
+  AtFlex as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/flex/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport _forEach from 'lodash/forEach'\nimport PropTypes, { InferProps } from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtFlexProps } from '../../../types/flex'\n\nexport default class AtFlex extends React.Component<AtFlexProps> {\n  public static propTypes: InferProps<AtFlexProps>\n\n  public render(): JSX.Element {\n    const rootClass = ['at-row']\n\n    _forEach(this.props, (value, key) => {\n      if (key === 'children') {\n        return\n      }\n      if (key === 'alignContent') {\n        return rootClass.push(`at-row--${value}`)\n      }\n      if (key === 'alignContent') {\n        return rootClass.push(`at-row__align-content--${value}`)\n      }\n      rootClass.push(`at-row__${key}--${value}`)\n    })\n\n    return <View className={classNames(rootClass)}>{this.props.children}</View>\n  }\n}\n\nAtFlex.propTypes = {\n  wrap: PropTypes.oneOf(['no-wrap', 'wrap', 'wrap-reverse']),\n  align: PropTypes.oneOf(['start', 'end', 'center', 'stretch', 'baseline']),\n  justify: PropTypes.oneOf(['start', 'end', 'center', 'between', 'around']),\n  dirction: PropTypes.oneOf(['row', 'column', 'row-reverse', 'column-reverse']),\n  alignContent: PropTypes.oneOf([\n    'start',\n    'end',\n    'center',\n    'stretch',\n    'between',\n    'around'\n  ])\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,cAAc;AACrB,OAAO,eAA+B;AACtC,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,MAAO,eAA6B,MAAM,UAAuB;AAAA,EAGxD,SAAsB;AAC3B,UAAM,YAAY,CAAC,QAAQ;AAE3B,aAAS,KAAK,OAAO,CAAC,OAAO,QAAQ;AACnC,UAAI,QAAQ,YAAY;AACtB;AAAA,MACF;AACA,UAAI,QAAQ,gBAAgB;AAC1B,eAAO,UAAU,KAAK,WAAW,KAAK,EAAE;AAAA,MAC1C;AACA,UAAI,QAAQ,gBAAgB;AAC1B,eAAO,UAAU,KAAK,0BAA0B,KAAK,EAAE;AAAA,MACzD;AACA,gBAAU,KAAK,WAAW,GAAG,KAAK,KAAK,EAAE;AAAA,IAC3C,CAAC;AAED,WAAO,oCAAC,QAAK,WAAW,WAAW,SAAS,KAAI,KAAK,MAAM,QAAS;AAAA,EACtE;AACF;AAEA,OAAO,YAAY;AAAA,EACjB,MAAM,UAAU,MAAM,CAAC,WAAW,QAAQ,cAAc,CAAC;AAAA,EACzD,OAAO,UAAU,MAAM,CAAC,SAAS,OAAO,UAAU,WAAW,UAAU,CAAC;AAAA,EACxE,SAAS,UAAU,MAAM,CAAC,SAAS,OAAO,UAAU,WAAW,QAAQ,CAAC;AAAA,EACxE,UAAU,UAAU,MAAM,CAAC,OAAO,UAAU,eAAe,gBAAgB,CAAC;AAAA,EAC5E,cAAc,UAAU,MAAM;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/components/flex/item/index.d.ts

@@ -0,0 +1,7 @@
+import { InferProps } from 'prop-types';
+import React from 'react';
+import { AtFlexItemProps } from '../../../../types/flex';
+export default class AtFlexItem extends React.Component<AtFlexItemProps> {
+    static propTypes: InferProps<AtFlexItemProps>;
+    render(): JSX.Element;
+}