taro-ui 3.3.2 → 3.4.0

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

@@ -0,0 +1,70 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+import { mergeStyle, noop, pxTransform } from "../../common/utils";
+function AtSegmentedControl({
+  customStyle = "",
+  className = "",
+  disabled = false,
+  values = [],
+  selectedColor = "",
+  current = 0,
+  color = "",
+  fontSize = 28,
+  onClick = noop
+}) {
+  const handleClick = (index, event) => {
+    if (disabled) return;
+    onClick(index, event);
+  };
+  const rootStyle = {
+    borderColor: selectedColor
+  };
+  const itemStyle = {
+    color: selectedColor,
+    fontSize: pxTransform(fontSize),
+    borderColor: selectedColor,
+    backgroundColor: color
+  };
+  const selectedItemStyle = {
+    color,
+    fontSize: pxTransform(fontSize),
+    borderColor: selectedColor,
+    backgroundColor: selectedColor
+  };
+  const rootCls = classNames(
+    "at-segmented-control",
+    {
+      "at-segmented-control--disabled": disabled
+    },
+    className
+  );
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: mergeStyle(rootStyle, customStyle) }, values.map((value, i) => /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames("at-segmented-control__item", {
+        "at-segmented-control__item--active": current === i
+      }),
+      style: current === i ? selectedItemStyle : itemStyle,
+      key: value,
+      onClick: (event) => handleClick(i, event)
+    },
+    value
+  )));
+}
+AtSegmentedControl.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  current: PropTypes.number,
+  color: PropTypes.string,
+  fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  disabled: PropTypes.bool,
+  values: PropTypes.array,
+  onClick: PropTypes.func
+};
+var segmented_control_default = AtSegmentedControl;
+export {
+  segmented_control_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/segmented-control/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtSegmentedControlProps } from '../../../types/segmented-control'\nimport { mergeStyle, noop, pxTransform } from '../../common/utils'\n\nfunction AtSegmentedControl({\n  customStyle = '',\n  className = '',\n  disabled = false,\n  values = [],\n  selectedColor = '',\n  current = 0,\n  color = '',\n  fontSize = 28,\n  onClick = noop\n}: AtSegmentedControlProps): JSX.Element {\n  const handleClick = (index: number, event: CommonEvent): void => {\n    if (disabled) return\n    onClick(index, event)\n  }\n\n  const rootStyle = {\n    borderColor: selectedColor\n  }\n  const itemStyle = {\n    color: selectedColor,\n    fontSize: pxTransform(fontSize),\n    borderColor: selectedColor,\n    backgroundColor: color\n  }\n  const selectedItemStyle = {\n    color,\n    fontSize: pxTransform(fontSize),\n    borderColor: selectedColor,\n    backgroundColor: selectedColor\n  }\n  const rootCls = classNames(\n    'at-segmented-control',\n    {\n      'at-segmented-control--disabled': disabled\n    },\n    className\n  )\n\n  return (\n    <View className={rootCls} style={mergeStyle(rootStyle, customStyle)}>\n      {values.map((value, i) => (\n        <View\n          className={classNames('at-segmented-control__item', {\n            'at-segmented-control__item--active': current === i\n          })}\n          style={current === i ? selectedItemStyle : itemStyle}\n          key={value}\n          onClick={event => handleClick(i, event)}\n        >\n          {value}\n        </View>\n      ))}\n    </View>\n  )\n}\n\nAtSegmentedControl.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  current: PropTypes.number,\n  color: PropTypes.string,\n  fontSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n  values: PropTypes.array,\n  onClick: PropTypes.func\n}\n\nexport default AtSegmentedControl\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,YAAY,MAAM,mBAAmB;AAE9C,SAAS,mBAAmB;AAAA,EAC1B,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AACZ,GAAyC;AACvC,QAAM,cAAc,CAAC,OAAe,UAA6B;AAC/D,QAAI,SAAU;AACd,YAAQ,OAAO,KAAK;AAAA,EACtB;AAEA,QAAM,YAAY;AAAA,IAChB,aAAa;AAAA,EACf;AACA,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,IACP,UAAU,YAAY,QAAQ;AAAA,IAC9B,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AACA,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA,UAAU,YAAY,QAAQ;AAAA,IAC9B,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AACA,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,MACE,kCAAkC;AAAA,IACpC;AAAA,IACA;AAAA,EACF;AAEA,SACE,oCAAC,QAAK,WAAW,SAAS,OAAO,WAAW,WAAW,WAAW,KAC/D,OAAO,IAAI,CAAC,OAAO,MAClB;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,8BAA8B;AAAA,QAClD,sCAAsC,YAAY;AAAA,MACpD,CAAC;AAAA,MACD,OAAO,YAAY,IAAI,oBAAoB;AAAA,MAC3C,KAAK;AAAA,MACL,SAAS,WAAS,YAAY,GAAG,KAAK;AAAA;AAAA,IAErC;AAAA,EACH,CACD,CACH;AAEJ;AAEA,mBAAmB,YAAY;AAAA,EAC7B,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,SAAS,UAAU;AAAA,EACnB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAClE,UAAU,UAAU;AAAA,EACpB,QAAQ,UAAU;AAAA,EAClB,SAAS,UAAU;AACrB;AAEA,IAAO,4BAAQ;","names":[]}

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

@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types';
+import { AtSliderProps } from '../../../types/slider';
+declare function AtSlider({ customStyle, className, min, max, step, value, disabled, activeColor, backgroundColor, blockSize, blockColor, showValue, onChange, onChanging }: AtSliderProps): JSX.Element;
+declare namespace AtSlider {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        min: PropTypes.Requireable<number>;
+        max: PropTypes.Requireable<number>;
+        step: PropTypes.Requireable<number>;
+        value: PropTypes.Requireable<number>;
+        disabled: PropTypes.Requireable<boolean>;
+        activeColor: PropTypes.Requireable<string>;
+        backgroundColor: PropTypes.Requireable<string>;
+        blockSize: PropTypes.Requireable<number>;
+        blockColor: PropTypes.Requireable<string>;
+        showValue: PropTypes.Requireable<boolean>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChanging: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtSlider;

package/dist/components/slider/index.js

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

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

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

package/dist/components/steps/index.js

@@ -0,0 +1,62 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Text, View } from "@tarojs/components";
+import { noop } from "../../common/utils";
+function AtSteps({
+  customStyle = "",
+  className = "",
+  current = 0,
+  items = [],
+  onChange = noop
+}) {
+  const handleClick = (stepCurrent, event) => {
+    onChange(stepCurrent, event);
+  };
+  return /* @__PURE__ */ React.createElement(View, { className: classNames("at-steps", className), style: customStyle }, !!items && items.map((item, i) => /* @__PURE__ */ React.createElement(
+    View,
+    {
+      key: item.title,
+      className: classNames({
+        "at-steps__item": true,
+        "at-steps__item--active": i === current,
+        "at-steps__item--inactive": i !== current
+      }),
+      onClick: (event) => handleClick(i, event)
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "at-steps__circular-wrap" }, i !== 0 && /* @__PURE__ */ React.createElement(View, { className: "at-steps__left-line" }), item.status ? /* @__PURE__ */ React.createElement(
+      View,
+      {
+        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.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 from 'prop-types'\nimport React from 'react'\nimport { Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtStepsProps } from '../../../types/steps'\nimport { noop } from '../../common/utils'\n\nexport default function AtSteps({\n  customStyle = '',\n  className = '',\n  current = 0,\n  items = [],\n  onChange = noop\n}: AtStepsProps): JSX.Element {\n  const handleClick = (stepCurrent: number, event: CommonEvent): void => {\n    onChange(stepCurrent, event)\n  }\n\n  return (\n    <View className={classNames('at-steps', className)} style={customStyle}>\n      {!!items &&\n        items.map((item, i) => (\n          <View\n            key={item.title}\n            className={classNames({\n              'at-steps__item': true,\n              'at-steps__item--active': i === current,\n              'at-steps__item--inactive': i !== current\n            })}\n            onClick={event => handleClick(i, event)}\n          >\n            <View className='at-steps__circular-wrap'>\n              {i !== 0 && <View className='at-steps__left-line'></View>}\n              {item.status ? (\n                <View\n                  className={classNames({\n                    'at-icon': true,\n                    'at-icon-check-circle': item.status === 'success',\n                    'at-icon-close-circle': item.status === 'error',\n                    'at-steps__single-icon': true,\n                    'at-steps__single-icon--success': item.status === 'success',\n                    'at-steps__single-icon--error': item.status === 'error'\n                  })}\n                ></View>\n              ) : (\n                <View className='at-steps__circular'>\n                  {item.icon ? (\n                    <Text\n                      className={classNames('at-icon', {\n                        [`at-icon-${item.icon.value}`]: item.icon.value,\n                        'at-steps__circle-icon': true\n                      })}\n                    ></Text>\n                  ) : (\n                    <Text className='at-steps__num'>{i + 1}</Text>\n                  )}\n                </View>\n              )}\n              {i !== items.length - 1 && (\n                <View className='at-steps__right-line'></View>\n              )}\n            </View>\n            <View className='at-steps__title'>{item.title}</View>\n            <View className='at-steps__desc'>{item.desc}</View>\n          </View>\n        ))}\n    </View>\n  )\n}\n\nAtSteps.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  current: PropTypes.number,\n  items: PropTypes.array,\n  onChange: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAG3B,SAAS,YAAY;AAEN,SAAR,QAAyB;AAAA,EAC9B,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ,CAAC;AAAA,EACT,WAAW;AACb,GAA8B;AAC5B,QAAM,cAAc,CAAC,aAAqB,UAA6B;AACrE,aAAS,aAAa,KAAK;AAAA,EAC7B;AAEA,SACE,oCAAC,QAAK,WAAW,WAAW,YAAY,SAAS,GAAG,OAAO,eACxD,CAAC,CAAC,SACD,MAAM,IAAI,CAAC,MAAM,MACf;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV,WAAW,WAAW;AAAA,QACpB,kBAAkB;AAAA,QAClB,0BAA0B,MAAM;AAAA,QAChC,4BAA4B,MAAM;AAAA,MACpC,CAAC;AAAA,MACD,SAAS,WAAS,YAAY,GAAG,KAAK;AAAA;AAAA,IAEtC,oCAAC,QAAK,WAAU,6BACb,MAAM,KAAK,oCAAC,QAAK,WAAU,uBAAsB,GACjD,KAAK,SACJ;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW;AAAA,UACpB,WAAW;AAAA,UACX,wBAAwB,KAAK,WAAW;AAAA,UACxC,wBAAwB,KAAK,WAAW;AAAA,UACxC,yBAAyB;AAAA,UACzB,kCAAkC,KAAK,WAAW;AAAA,UAClD,gCAAgC,KAAK,WAAW;AAAA,QAClD,CAAC;AAAA;AAAA,IACF,IAED,oCAAC,QAAK,WAAU,wBACb,KAAK,OACJ;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW,WAAW;AAAA,UAC/B,CAAC,WAAW,KAAK,KAAK,KAAK,EAAE,GAAG,KAAK,KAAK;AAAA,UAC1C,yBAAyB;AAAA,QAC3B,CAAC;AAAA;AAAA,IACF,IAED,oCAAC,QAAK,WAAU,mBAAiB,IAAI,CAAE,CAE3C,GAED,MAAM,MAAM,SAAS,KACpB,oCAAC,QAAK,WAAU,wBAAuB,CAE3C;AAAA,IACA,oCAAC,QAAK,WAAU,qBAAmB,KAAK,KAAM;AAAA,IAC9C,oCAAC,QAAK,WAAU,oBAAkB,KAAK,IAAK;AAAA,EAC9C,CACD,CACL;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,SAAS,UAAU;AAAA,EACnB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AACtB;","names":[]}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CommonEvent } from '@tarojs/components/types/common';
+import { AtSwipeActionProps, AtSwipeActionState } from '../../../types/swipe-action';
+export type AtSwipeActionInstance = {
+    state: AtSwipeActionState;
+    onChange: (e: {
+        detail: {
+            x: number;
+        };
+    }) => void;
+    onTouchEnd: (e: CommonEvent) => void;
+};
+declare const AtSwipeAction: React.ForwardRefExoticComponent<AtSwipeActionProps & React.RefAttributes<AtSwipeActionInstance>>;
+export default AtSwipeAction;

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

@@ -0,0 +1,223 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React, {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useImperativeHandle,
+  useRef,
+  useState
+} from "react";
+import Taro from "@tarojs/taro";
+import { Text, View, MovableArea, MovableView } from "@tarojs/components";
+import { uuid, delayGetClientRect } from "../../common/utils";
+import AtSwipeActionOptions from "./options/index";
+const AtSwipeAction = forwardRef(
+  function AtSwipeAction2({
+    options = [],
+    isOpened = false,
+    disabled = false,
+    autoClose = false,
+    className,
+    children,
+    onClick,
+    onOpened,
+    onClosed
+  }, ref) {
+    const [componentId] = useState(() => uuid());
+    const [offsetSize, setOffsetSize] = useState(0);
+    const [_isOpened, setIsOpened] = useState(!!isOpened);
+    const [eleWidth, setEleWidth] = useState(0);
+    const [maxOffsetSize, setMaxOffsetSize] = useState(0);
+    const moveXRef = useRef(offsetSize);
+    const getMaxOffsetSize = useCallback(async () => {
+      const actionOptionsRect = await delayGetClientRect({
+        selectorStr: `#swipeActionOptions-${componentId}`
+      });
+      setMaxOffsetSize(actionOptionsRect[0].width);
+    }, [componentId]);
+    const getAreaWidth = useCallback(async () => {
+      const systemInfo = await Taro.getSystemInfo();
+      setEleWidth(systemInfo.windowWidth);
+    }, []);
+    const _reset = useCallback(
+      (opened) => {
+        if (opened) {
+          if (process.env.TARO_ENV === "jd") {
+            setIsOpened(true);
+            setOffsetSize(-maxOffsetSize + 0.01);
+          } else {
+            setIsOpened(true);
+            setOffsetSize(-maxOffsetSize);
+          }
+        } else {
+          const currentMoveX = moveXRef.current;
+          setIsOpened(false);
+          setOffsetSize(currentMoveX);
+          setTimeout(() => {
+            setOffsetSize(0);
+          }, 0);
+        }
+      },
+      [maxOffsetSize]
+    );
+    useEffect(() => {
+      getAreaWidth();
+    }, [getAreaWidth]);
+    useEffect(() => {
+      if (eleWidth > 0) {
+        getMaxOffsetSize();
+      }
+    }, [eleWidth, getMaxOffsetSize]);
+    const isOpenedPropRef = useRef(isOpened);
+    useEffect(() => {
+      if (isOpenedPropRef.current === isOpened) return;
+      isOpenedPropRef.current = isOpened;
+      if (isOpened !== _isOpened) {
+        moveXRef.current = isOpened ? 0 : maxOffsetSize;
+        _reset(!!isOpened);
+      }
+    }, [isOpened, _isOpened, maxOffsetSize, _reset]);
+    const handleOpened = (event) => {
+      if (typeof onOpened === "function") {
+        onOpened(event);
+      }
+    };
+    const handleClosed = (event) => {
+      if (typeof onClosed === "function") {
+        onClosed(event);
+      }
+    };
+    const handleClick = (item, index, event) => {
+      if (typeof onClick === "function") {
+        onClick(item, index, event);
+      }
+      if (autoClose) {
+        _reset(false);
+        handleClosed(event);
+      }
+    };
+    const onTouchEnd = (e) => {
+      if (Math.abs(moveXRef.current) < maxOffsetSize / 2) {
+        _reset(false);
+        handleClosed(e);
+      } else {
+        _reset(true);
+        handleOpened(e);
+      }
+    };
+    const onChange = (e) => {
+      moveXRef.current = e.detail.x;
+    };
+    const stateRef = useRef({
+      componentId,
+      offsetSize,
+      _isOpened,
+      needAnimation: false,
+      eleWidth,
+      maxOffsetSize
+    });
+    stateRef.current = {
+      componentId,
+      offsetSize,
+      _isOpened,
+      needAnimation: false,
+      eleWidth,
+      maxOffsetSize
+    };
+    useImperativeHandle(
+      ref,
+      () => ({
+        get state() {
+          return stateRef.current;
+        },
+        onChange,
+        onTouchEnd
+      }),
+      [onChange, onTouchEnd]
+    );
+    const rootClass = classNames("at-swipe-action", 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,
+            onChange,
+            disabled,
+            style: {
+              width: `${eleWidth + maxOffsetSize}px`
+            }
+          },
+          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) => handleClick(item, key, e),
+                className: classNames(
+                  "at-swipe-action__option",
+                  item.className
+                )
+              },
+              /* @__PURE__ */ React.createElement(Text, { className: "option__text" }, item.text)
+            ))
+          ) : null
+        )
+      )
+    );
+  }
+);
+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
+};
+var swipe_action_default = AtSwipeAction;
+export {
+  swipe_action_default 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 from 'prop-types'\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState\n} from 'react'\nimport Taro from '@tarojs/taro'\nimport { Text, View, MovableArea, MovableView } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport {\n  AtSwipeActionProps,\n  AtSwipeActionState,\n  SwipeActionOption\n} from '../../../types/swipe-action'\nimport { uuid, delayGetClientRect } from '../../common/utils'\nimport AtSwipeActionOptions from './options/index'\n\nexport type AtSwipeActionInstance = {\n  state: AtSwipeActionState\n  onChange: (e: { detail: { x: number } }) => void\n  onTouchEnd: (e: CommonEvent) => void\n}\n\nconst AtSwipeAction = forwardRef<AtSwipeActionInstance, AtSwipeActionProps>(\n  function AtSwipeAction(\n    {\n      options = [],\n      isOpened = false,\n      disabled = false,\n      autoClose = false,\n      className,\n      children,\n      onClick,\n      onOpened,\n      onClosed\n    },\n    ref\n  ): JSX.Element {\n    const [componentId] = useState(() => uuid())\n    const [offsetSize, setOffsetSize] = useState(0)\n    const [_isOpened, setIsOpened] = useState(!!isOpened)\n    const [eleWidth, setEleWidth] = useState(0)\n    const [maxOffsetSize, setMaxOffsetSize] = useState(0)\n    const moveXRef = useRef(offsetSize)\n\n    const getMaxOffsetSize = useCallback(async (): Promise<void> => {\n      const actionOptionsRect = await delayGetClientRect({\n        selectorStr: `#swipeActionOptions-${componentId}`\n      })\n\n      setMaxOffsetSize(actionOptionsRect[0].width)\n    }, [componentId])\n\n    const getAreaWidth = useCallback(async (): Promise<void> => {\n      const systemInfo = await Taro.getSystemInfo()\n      setEleWidth(systemInfo.windowWidth)\n    }, [])\n\n    const _reset = useCallback(\n      (opened: boolean): void => {\n        if (opened) {\n          if (process.env.TARO_ENV === 'jd') {\n            setIsOpened(true)\n            setOffsetSize(-maxOffsetSize + 0.01)\n          } else {\n            setIsOpened(true)\n            setOffsetSize(-maxOffsetSize)\n          }\n        } else {\n          const currentMoveX = moveXRef.current\n          setIsOpened(false)\n          setOffsetSize(currentMoveX)\n          setTimeout(() => {\n            setOffsetSize(0)\n          }, 0)\n        }\n      },\n      [maxOffsetSize]\n    )\n\n    useEffect(() => {\n      getAreaWidth()\n    }, [getAreaWidth])\n\n    useEffect(() => {\n      if (eleWidth > 0) {\n        getMaxOffsetSize()\n      }\n    }, [eleWidth, getMaxOffsetSize])\n\n    const isOpenedPropRef = useRef(isOpened)\n    useEffect(() => {\n      if (isOpenedPropRef.current === isOpened) return\n      isOpenedPropRef.current = isOpened\n      if (isOpened !== _isOpened) {\n        moveXRef.current = isOpened ? 0 : maxOffsetSize\n        _reset(!!isOpened)\n      }\n    }, [isOpened, _isOpened, maxOffsetSize, _reset])\n\n    const handleOpened = (event: CommonEvent): void => {\n      if (typeof onOpened === 'function') {\n        onOpened(event)\n      }\n    }\n\n    const handleClosed = (event: CommonEvent): void => {\n      if (typeof onClosed === 'function') {\n        onClosed(event)\n      }\n    }\n\n    const handleClick = (\n      item: SwipeActionOption,\n      index: number,\n      event: CommonEvent\n    ): void => {\n      if (typeof onClick === 'function') {\n        onClick(item, index, event)\n      }\n      if (autoClose) {\n        _reset(false)\n        handleClosed(event)\n      }\n    }\n\n    const onTouchEnd = (e: CommonEvent): void => {\n      if (Math.abs(moveXRef.current) < maxOffsetSize / 2) {\n        _reset(false)\n        handleClosed(e)\n      } else {\n        _reset(true)\n        handleOpened(e)\n      }\n    }\n\n    const onChange = (e: { detail: { x: number } }): void => {\n      moveXRef.current = e.detail.x\n    }\n\n    const stateRef = useRef<AtSwipeActionState>({\n      componentId,\n      offsetSize,\n      _isOpened,\n      needAnimation: false,\n      eleWidth,\n      maxOffsetSize\n    })\n    stateRef.current = {\n      componentId,\n      offsetSize,\n      _isOpened,\n      needAnimation: false,\n      eleWidth,\n      maxOffsetSize\n    }\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        get state() {\n          return stateRef.current\n        },\n        onChange,\n        onTouchEnd\n      }),\n      [onChange, onTouchEnd]\n    )\n\n    const rootClass = classNames('at-swipe-action', className)\n\n    return (\n      <View\n        id={`swipeAction-${componentId}`}\n        className={rootClass}\n        style={{\n          width: `${eleWidth}px`\n        }}\n      >\n        <MovableArea\n          className='at-swipe-action__area'\n          style={{\n            width: `${eleWidth}px`\n          }}\n        >\n          <MovableView\n            className='at-swipe-action__content'\n            direction='horizontal'\n            damping={50}\n            x={offsetSize}\n            onTouchEnd={onTouchEnd}\n            onChange={onChange}\n            disabled={disabled}\n            style={{\n              width: `${eleWidth + maxOffsetSize}px`\n            }}\n          >\n            {children}\n            {Array.isArray(options) && options.length > 0 ? (\n              <AtSwipeActionOptions\n                options={options}\n                componentId={componentId}\n                customStyle={{\n                  opacity: maxOffsetSize ? 1 : 0\n                }}\n              >\n                {options.map((item, key) => (\n                  <View\n                    key={`${item.text}-${key}`}\n                    style={item.style}\n                    onClick={(e): void => handleClick(item, key, e)}\n                    className={classNames(\n                      'at-swipe-action__option',\n                      item.className\n                    )}\n                  >\n                    <Text className='option__text'>{item.text}</Text>\n                  </View>\n                ))}\n              </AtSwipeActionOptions>\n            ) : null}\n          </MovableView>\n        </MovableArea>\n      </View>\n    )\n  }\n)\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n;(AtSwipeAction as any).propTypes = {\n  isOpened: PropTypes.bool,\n  disabled: PropTypes.bool,\n  autoClose: PropTypes.bool,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n      className: PropTypes.oneOfType([\n        PropTypes.object,\n        PropTypes.string,\n        PropTypes.array\n      ])\n    })\n  ),\n\n  onClick: PropTypes.func,\n  onOpened: PropTypes.func,\n  onClosed: PropTypes.func\n}\n\nexport default AtSwipeAction\n"],"mappings":"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","names":["AtSwipeAction"]}

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

@@ -0,0 +1,3 @@
+import { AtSwipeActionOptionsProps } from '../../../../types/swipe-action';
+declare function AtSwipeActionOptions({ className, componentId, customStyle, children }: AtSwipeActionOptionsProps): JSX.Element;
+export default AtSwipeActionOptions;

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

@@ -0,0 +1,25 @@
+import classNames from "classnames";
+import React from "react";
+import { View } from "@tarojs/components";
+function AtSwipeActionOptions({
+  className,
+  componentId,
+  customStyle,
+  children
+}) {
+  const rootClass = classNames("at-swipe-action__options", className);
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      id: `swipeActionOptions-${componentId}`,
+      className: rootClass,
+      style: customStyle
+    },
+    children
+  );
+}
+var options_default = AtSwipeActionOptions;
+export {
+  options_default 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\nfunction AtSwipeActionOptions({\n  className,\n  componentId,\n  customStyle,\n  children\n}: AtSwipeActionOptionsProps): JSX.Element {\n  const rootClass = classNames('at-swipe-action__options', className)\n\n  return (\n    <View\n      id={`swipeActionOptions-${componentId}`}\n      className={rootClass}\n      style={customStyle}\n    >\n      {children}\n    </View>\n  )\n}\n\nexport default AtSwipeActionOptions\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2C;AACzC,QAAM,YAAY,WAAW,4BAA4B,SAAS;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,sBAAsB,WAAW;AAAA,MACrC,WAAW;AAAA,MACX,OAAO;AAAA;AAAA,IAEN;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}

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

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

package/dist/components/switch/index.js

@@ -0,0 +1,54 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Switch, View } from "@tarojs/components";
+function AtSwitch({
+  customStyle = "",
+  className = "",
+  title = "",
+  color = "#6190e8",
+  border = true,
+  disabled = false,
+  checked = false,
+  onChange
+}) {
+  const handleChange = (event) => {
+    const { value, checked: eventChecked } = event.detail;
+    const state = typeof value === "undefined" ? eventChecked : value;
+    onChange && onChange(state);
+  };
+  const rootCls = classNames(
+    "at-switch",
+    {
+      "at-switch--without-border": !border
+    },
+    className
+  );
+  const containerCls = classNames("at-switch__container", {
+    "at-switch--disabled": disabled
+  });
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: customStyle }, /* @__PURE__ */ React.createElement(View, { className: "at-switch__title" }, title), /* @__PURE__ */ React.createElement(View, { className: containerCls }, /* @__PURE__ */ React.createElement(View, { className: "at-switch__mask" }), /* @__PURE__ */ React.createElement(
+    Switch,
+    {
+      className: "at-switch__switch",
+      checked,
+      color,
+      onChange: handleChange
+    }
+  )));
+}
+AtSwitch.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
+};
+var switch_default = AtSwitch;
+export {
+  switch_default as default
+};
+//# sourceMappingURL=index.js.map