taro-ui 3.3.2 → 3.4.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/switch/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes 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\nfunction AtSwitch({\n  customStyle = '',\n  className = '',\n  title = '',\n  color = '#6190e8',\n  border = true,\n  disabled = false,\n  checked = false,\n  onChange\n}: AtSwitchProps): JSX.Element {\n  const handleChange = (event: CommonEvent): void => {\n    const { value, checked: eventChecked } = event.detail\n    const state = typeof value === 'undefined' ? eventChecked : value\n    onChange && onChange(state)\n  }\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={handleChange}\n        />\n      </View>\n    </View>\n  )\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\nexport default AtSwitch\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,QAAQ,YAAY;AAI7B,SAAS,SAAS;AAAA,EAChB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AACF,GAA+B;AAC7B,QAAM,eAAe,CAAC,UAA6B;AACjD,UAAM,EAAE,OAAO,SAAS,aAAa,IAAI,MAAM;AAC/C,UAAM,QAAQ,OAAO,UAAU,cAAc,eAAe;AAC5D,gBAAY,SAAS,KAAK;AAAA,EAC5B;AAEA,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,MACE,6BAA6B,CAAC;AAAA,IAChC;AAAA,IACA;AAAA,EACF;AACA,QAAM,eAAe,WAAW,wBAAwB;AAAA,IACtD,uBAAuB;AAAA,EACzB,CAAC;AAED,SACE,oCAAC,QAAK,WAAW,SAAS,OAAO,eAC/B,oCAAC,QAAK,WAAU,sBAAoB,KAAM,GAC1C,oCAAC,QAAK,WAAW,gBACf,oCAAC,QAAK,WAAU,mBAAkB,GAClC;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,UAAU;AAAA;AAAA,EACZ,CACF,CACF;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,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AAAA,EACnB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AACtB;AAEA,IAAO,iBAAQ;","names":[]}

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

@@ -0,0 +1,19 @@
+import PropTypes from 'prop-types';
+import { AtTabBarProps } from '../../../types/tab-bar';
+declare function AtTabBar({ customStyle, className, fixed, backgroundColor, tabList, current, color, iconSize, fontSize, selectedColor, onClick }: AtTabBarProps): JSX.Element;
+declare namespace AtTabBar {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        fixed: PropTypes.Requireable<boolean>;
+        backgroundColor: PropTypes.Requireable<string>;
+        current: PropTypes.Requireable<number>;
+        iconSize: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        fontSize: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        color: PropTypes.Requireable<string>;
+        selectedColor: PropTypes.Requireable<string>;
+        tabList: PropTypes.Requireable<any[]>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtTabBar;

package/dist/components/tab-bar/index.js

@@ -0,0 +1,143 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Image, Text, View } from "@tarojs/components";
+import { mergeStyle } from "../../common/utils";
+import AtBadge from "../badge/index";
+function AtTabBar({
+  customStyle = "",
+  className = "",
+  fixed = false,
+  backgroundColor,
+  tabList = [],
+  current = 0,
+  color,
+  iconSize,
+  fontSize,
+  selectedColor,
+  onClick
+}) {
+  const handleClick = (index, event) => {
+    onClick && onClick(index, event);
+  };
+  const defaultStyle = {
+    color: color || ""
+  };
+  const selectedStyle = {
+    color: selectedColor || ""
+  };
+  const titleStyle = {
+    fontSize: fontSize ? `${fontSize}px` : ""
+  };
+  const rootStyle = {
+    backgroundColor: backgroundColor || ""
+  };
+  const imgStyle = {
+    width: `${iconSize}px`,
+    height: `${iconSize}px`
+  };
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(
+        {
+          "at-tab-bar": true,
+          "at-tab-bar--fixed": fixed
+        },
+        className
+      ),
+      style: mergeStyle(rootStyle, customStyle)
+    },
+    tabList.map((item, i) => /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classNames("at-tab-bar__item", {
+          "at-tab-bar__item--active": current === i
+        }),
+        style: current === i ? selectedStyle : defaultStyle,
+        key: i,
+        onClick: (event) => handleClick(i, event)
+      },
+      item.iconType ? /* @__PURE__ */ React.createElement(
+        AtBadge,
+        {
+          dot: !!item.dot,
+          value: item.text,
+          maxValue: Number(item.max)
+        },
+        /* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__icon" }, /* @__PURE__ */ React.createElement(
+          Text,
+          {
+            className: classNames(
+              `${item.iconPrefixClass || "at-icon"}`,
+              {
+                [`${item.iconPrefixClass || "at-icon"}-${item.selectedIconType}`]: current === i && item.selectedIconType,
+                [`${item.iconPrefixClass || "at-icon"}-${item.iconType}`]: !(current === i && item.selectedIconType)
+              }
+            ),
+            style: {
+              color: current === i ? selectedColor : color,
+              fontSize: iconSize ? `${iconSize}px` : ""
+            }
+          }
+        ))
+      ) : null,
+      item.image ? /* @__PURE__ */ React.createElement(
+        AtBadge,
+        {
+          dot: !!item.dot,
+          value: item.text,
+          maxValue: Number(item.max)
+        },
+        /* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__icon" }, /* @__PURE__ */ React.createElement(
+          Image,
+          {
+            className: classNames("at-tab-bar__inner-img", {
+              "at-tab-bar__inner-img--inactive": current !== i
+            }),
+            mode: "widthFix",
+            src: item.selectedImage || item.image,
+            style: imgStyle
+          }
+        ), /* @__PURE__ */ React.createElement(
+          Image,
+          {
+            className: classNames("at-tab-bar__inner-img", {
+              "at-tab-bar__inner-img--inactive": current === i
+            }),
+            mode: "widthFix",
+            src: item.image,
+            style: imgStyle
+          }
+        ))
+      ) : null,
+      /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(
+        AtBadge,
+        {
+          dot: item.iconType || item.image ? false : !!item.dot,
+          value: item.iconType || item.image ? "" : item.text,
+          maxValue: item.iconType || item.image ? 0 : Number(item.max)
+        },
+        /* @__PURE__ */ React.createElement(View, { className: "at-tab-bar__title", style: titleStyle }, item.title)
+      ))
+    ))
+  );
+}
+AtTabBar.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  fixed: PropTypes.bool,
+  backgroundColor: PropTypes.string,
+  current: PropTypes.number,
+  iconSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  color: PropTypes.string,
+  selectedColor: PropTypes.string,
+  tabList: PropTypes.array,
+  onClick: PropTypes.func
+};
+var tab_bar_default = AtTabBar;
+export {
+  tab_bar_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/tab-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tab-bar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Image, Text, View } from '@tarojs/components'\nimport { CommonEvent } from '@tarojs/components/types/common'\nimport { AtTabBarProps, TabItem } from '../../../types/tab-bar'\nimport { mergeStyle } from '../../common/utils'\nimport AtBadge from '../badge/index'\n\nfunction AtTabBar({\n  customStyle = '',\n  className = '',\n  fixed = false,\n  backgroundColor,\n  tabList = [],\n  current = 0,\n  color,\n  iconSize,\n  fontSize,\n  selectedColor,\n  onClick\n}: AtTabBarProps): JSX.Element {\n  const handleClick = (index: number, event: CommonEvent): void => {\n    onClick && onClick(index, event)\n  }\n\n  const defaultStyle = {\n    color: color || ''\n  }\n  const selectedStyle = {\n    color: selectedColor || ''\n  }\n  const titleStyle = {\n    fontSize: fontSize ? `${fontSize}px` : ''\n  }\n  const rootStyle = {\n    backgroundColor: backgroundColor || ''\n  }\n  const imgStyle = {\n    width: `${iconSize}px`,\n    height: `${iconSize}px`\n  }\n\n  return (\n    <View\n      className={classNames(\n        {\n          'at-tab-bar': true,\n          'at-tab-bar--fixed': fixed\n        },\n        className\n      )}\n      style={mergeStyle(rootStyle, customStyle)}\n    >\n      {tabList.map((item: TabItem, i: number) => (\n        <View\n          className={classNames('at-tab-bar__item', {\n            'at-tab-bar__item--active': current === i\n          })}\n          style={current === i ? selectedStyle : defaultStyle}\n          key={i}\n          onClick={(event: CommonEvent) => handleClick(i, event)}\n        >\n          {item.iconType ? (\n            <AtBadge\n              dot={!!item.dot}\n              value={item.text}\n              maxValue={Number(item.max)}\n            >\n              <View className='at-tab-bar__icon'>\n                <Text\n                  className={classNames(\n                    `${item.iconPrefixClass || 'at-icon'}`,\n                    {\n                      [`${item.iconPrefixClass || 'at-icon'}-${\n                        item.selectedIconType\n                      }`]: current === i && item.selectedIconType,\n                      [`${item.iconPrefixClass || 'at-icon'}-${item.iconType}`]:\n                        !(current === i && item.selectedIconType)\n                    }\n                  )}\n                  style={{\n                    color: current === i ? selectedColor : color,\n                    fontSize: iconSize ? `${iconSize}px` : ''\n                  }}\n                ></Text>\n              </View>\n            </AtBadge>\n          ) : null}\n\n          {item.image ? (\n            <AtBadge\n              dot={!!item.dot}\n              value={item.text}\n              maxValue={Number(item.max)}\n            >\n              <View className='at-tab-bar__icon'>\n                <Image\n                  className={classNames('at-tab-bar__inner-img', {\n                    'at-tab-bar__inner-img--inactive': current !== i\n                  })}\n                  mode='widthFix'\n                  src={item.selectedImage || item.image}\n                  style={imgStyle}\n                ></Image>\n                <Image\n                  className={classNames('at-tab-bar__inner-img', {\n                    'at-tab-bar__inner-img--inactive': current === i\n                  })}\n                  mode='widthFix'\n                  src={item.image}\n                  style={imgStyle}\n                ></Image>\n              </View>\n            </AtBadge>\n          ) : null}\n\n          <View>\n            <AtBadge\n              dot={item.iconType || item.image ? false : !!item.dot}\n              value={item.iconType || item.image ? '' : item.text}\n              maxValue={item.iconType || item.image ? 0 : Number(item.max)}\n            >\n              <View className='at-tab-bar__title' style={titleStyle}>\n                {item.title}\n              </View>\n            </AtBadge>\n          </View>\n        </View>\n      ))}\n    </View>\n  )\n}\n\nAtTabBar.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  fixed: PropTypes.bool,\n  backgroundColor: PropTypes.string,\n  current: PropTypes.number,\n  iconSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  color: PropTypes.string,\n  selectedColor: PropTypes.string,\n  tabList: PropTypes.array,\n  onClick: PropTypes.func\n}\n\nexport default AtTabBar\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,18 @@
+import PropTypes from 'prop-types';
+import { AtTabsProps } from '../../../types/tabs';
+declare function AtTabs({ customStyle, className, tabDirection, height, current, swipeable, scroll, animated, tabList, onClick, children }: AtTabsProps): JSX.Element;
+declare namespace AtTabs {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        height: PropTypes.Requireable<string>;
+        tabDirection: PropTypes.Requireable<string>;
+        current: PropTypes.Requireable<number>;
+        swipeable: PropTypes.Requireable<boolean>;
+        scroll: PropTypes.Requireable<boolean>;
+        animated: PropTypes.Requireable<boolean>;
+        tabList: PropTypes.Requireable<any[]>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtTabs;

package/dist/components/tabs/index.js

@@ -0,0 +1,230 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React, { useEffect, useRef, useState } from "react";
+import { ScrollView, View } from "@tarojs/components";
+import Taro from "@tarojs/taro";
+import { isTest, mergeStyle, uuid } from "../../common/utils";
+const ENV = Taro.getEnv();
+const MIN_DISTANCE = 100;
+const MAX_INTERVAL = 10;
+function AtTabs({
+  customStyle = "",
+  className = "",
+  tabDirection = "horizontal",
+  height = "",
+  current = 0,
+  swipeable = true,
+  scroll = false,
+  animated = true,
+  tabList = [],
+  onClick,
+  children
+}) {
+  const tabIdRef = useRef(isTest() ? "tabs-AOTU2018" : uuid());
+  const touchDotRef = useRef(0);
+  const timerRef = useRef(null);
+  const intervalRef = useRef(0);
+  const isMovingRef = useRef(false);
+  const tabHeaderRef = useRef(null);
+  const [scrollState, setScrollState] = useState({
+    _scrollLeft: 0,
+    _scrollTop: 0,
+    _scrollIntoView: ""
+  });
+  const getTabHeaderRef = () => {
+    if (ENV === Taro.ENV_TYPE.WEB) {
+      tabHeaderRef.current = document.getElementById(tabIdRef.current);
+    }
+  };
+  const updateState = (idx) => {
+    var _a;
+    if (scroll) {
+      switch (ENV) {
+        case Taro.ENV_TYPE.WEAPP:
+        case Taro.ENV_TYPE.ALIPAY:
+        case Taro.ENV_TYPE.SWAN: {
+          const index = Math.max(idx - 1, 0);
+          setScrollState((prev) => __spreadProps(__spreadValues({}, prev), {
+            _scrollIntoView: `tab${tabIdRef.current}${index}`
+          }));
+          break;
+        }
+        case Taro.ENV_TYPE.WEB: {
+          const index = Math.max(idx - 1, 0);
+          const prevTabItem = (_a = tabHeaderRef.current) == null ? void 0 : _a.children[index];
+          prevTabItem && setScrollState((prev) => __spreadProps(__spreadValues({}, prev), {
+            _scrollTop: prevTabItem.offsetTop,
+            _scrollLeft: prevTabItem.offsetLeft
+          }));
+          break;
+        }
+        default: {
+          console.warn("AtTab \u7EC4\u4EF6\u5728\u8BE5\u73AF\u5883\u8FD8\u672A\u9002\u914D");
+          break;
+        }
+      }
+    }
+  };
+  const handleClick = (index, event) => {
+    onClick && onClick(index, event);
+  };
+  const handleTouchStart = (e) => {
+    if (!swipeable || tabDirection === "vertical") return;
+    touchDotRef.current = e.touches[0].pageX;
+    timerRef.current = setInterval(() => {
+      intervalRef.current++;
+    }, 100);
+  };
+  const handleTouchMove = (e) => {
+    if (!swipeable || tabDirection === "vertical") return;
+    const touchMove = e.touches[0].pageX;
+    const moveDistance = touchMove - touchDotRef.current;
+    const maxIndex = tabList.length;
+    if (!isMovingRef.current && intervalRef.current < MAX_INTERVAL && touchDotRef.current > 20) {
+      if (current + 1 < maxIndex && moveDistance <= -MIN_DISTANCE) {
+        isMovingRef.current = true;
+        handleClick(current + 1, e);
+      } else if (current - 1 >= 0 && moveDistance >= MIN_DISTANCE) {
+        isMovingRef.current = true;
+        handleClick(current - 1, e);
+      }
+    }
+  };
+  const handleTouchEnd = () => {
+    if (!swipeable || tabDirection === "vertical") return;
+    timerRef.current && clearInterval(timerRef.current);
+    intervalRef.current = 0;
+    isMovingRef.current = false;
+  };
+  useEffect(() => {
+    getTabHeaderRef();
+    updateState(current);
+    return () => {
+      tabHeaderRef.current = null;
+    };
+  }, []);
+  const prevScrollRef = useRef(scroll);
+  const prevCurrentRef = useRef(current);
+  const isMountRef = useRef(true);
+  useEffect(() => {
+    if (isMountRef.current) {
+      isMountRef.current = false;
+      return;
+    }
+    if (scroll !== prevScrollRef.current) {
+      getTabHeaderRef();
+      prevScrollRef.current = scroll;
+    }
+    if (current !== prevCurrentRef.current) {
+      updateState(current);
+      prevCurrentRef.current = current;
+    }
+  }, [scroll, current]);
+  const { _scrollLeft, _scrollTop, _scrollIntoView } = scrollState;
+  const heightStyle = { height };
+  const underlineStyle = {
+    height: tabDirection === "vertical" ? `${tabList.length * 100}%` : "1PX",
+    width: tabDirection === "horizontal" ? `${tabList.length * 100}%` : "1PX"
+  };
+  const bodyStyle = {};
+  let transformStyle = `translate3d(0px, -${current * 100}%, 0px)`;
+  if (tabDirection === "horizontal") {
+    transformStyle = `translate3d(-${current * 100}%, 0px, 0px)`;
+  }
+  Object.assign(bodyStyle, {
+    transform: transformStyle
+  });
+  if (!animated) {
+    bodyStyle.transition = "unset";
+  }
+  const tabItems = tabList.map((item, idx) => {
+    const itemCls = classNames({
+      "at-tabs__item": true,
+      "at-tabs__item--active": current === idx
+    });
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: itemCls,
+        id: `tab${tabIdRef.current}${idx}`,
+        key: `at-tabs-item-${idx}`,
+        onClick: (event) => handleClick(idx, event)
+      },
+      item.title,
+      /* @__PURE__ */ React.createElement(View, { className: "at-tabs__item-underline" })
+    );
+  });
+  const rootCls = classNames(
+    {
+      "at-tabs": true,
+      "at-tabs--scroll": scroll,
+      [`at-tabs--${tabDirection}`]: true,
+      [`at-tabs--${ENV}`]: true
+    },
+    className
+  );
+  const scrollX = tabDirection === "horizontal";
+  const scrollY = tabDirection === "vertical";
+  return /* @__PURE__ */ React.createElement(View, { className: rootCls, style: mergeStyle(heightStyle, customStyle) }, scroll ? /* @__PURE__ */ React.createElement(
+    ScrollView,
+    {
+      id: tabIdRef.current,
+      className: "at-tabs__header",
+      style: heightStyle,
+      scrollX,
+      scrollY,
+      scrollWithAnimation: true,
+      scrollLeft: _scrollLeft,
+      scrollTop: _scrollTop,
+      scrollIntoView: _scrollIntoView
+    },
+    tabItems
+  ) : /* @__PURE__ */ React.createElement(View, { id: tabIdRef.current, className: "at-tabs__header" }, tabItems), /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: "at-tabs__body",
+      onTouchStart: handleTouchStart,
+      onTouchEnd: handleTouchEnd,
+      onTouchMove: handleTouchMove,
+      style: mergeStyle(bodyStyle, heightStyle)
+    },
+    /* @__PURE__ */ React.createElement(View, { className: "at-tabs__underline", style: underlineStyle }),
+    children
+  ));
+}
+AtTabs.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  height: PropTypes.string,
+  tabDirection: PropTypes.oneOf(["horizontal", "vertical"]),
+  current: PropTypes.number,
+  swipeable: PropTypes.bool,
+  scroll: PropTypes.bool,
+  animated: PropTypes.bool,
+  tabList: PropTypes.array,
+  onClick: PropTypes.func
+};
+var tabs_default = AtTabs;
+export {
+  tabs_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tabs/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { ScrollView, View } from '@tarojs/components'\nimport { CommonEvent, ITouchEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtTabsProps } from '../../../types/tabs'\nimport { isTest, mergeStyle, uuid } from '../../common/utils'\n\nconst ENV = Taro.getEnv()\nconst MIN_DISTANCE = 100\nconst MAX_INTERVAL = 10\n\nfunction AtTabs({\n  customStyle = '',\n  className = '',\n  tabDirection = 'horizontal',\n  height = '',\n  current = 0,\n  swipeable = true,\n  scroll = false,\n  animated = true,\n  tabList = [],\n  onClick,\n  children\n}: AtTabsProps): JSX.Element {\n  const tabIdRef = useRef(isTest() ? 'tabs-AOTU2018' : uuid())\n  const touchDotRef = useRef(0)\n  const timerRef = useRef<ReturnType<typeof setInterval> | null>(null)\n  const intervalRef = useRef(0)\n  const isMovingRef = useRef(false)\n  const tabHeaderRef = useRef<any>(null)\n\n  const [scrollState, setScrollState] = useState({\n    _scrollLeft: 0,\n    _scrollTop: 0,\n    _scrollIntoView: ''\n  })\n\n  const getTabHeaderRef = (): void => {\n    if (ENV === Taro.ENV_TYPE.WEB) {\n      tabHeaderRef.current = document.getElementById(tabIdRef.current)\n    }\n  }\n\n  const updateState = (idx: number): void => {\n    if (scroll) {\n      switch (ENV) {\n        case Taro.ENV_TYPE.WEAPP:\n        case Taro.ENV_TYPE.ALIPAY:\n        case Taro.ENV_TYPE.SWAN: {\n          const index = Math.max(idx - 1, 0)\n          setScrollState(prev => ({\n            ...prev,\n            _scrollIntoView: `tab${tabIdRef.current}${index}`\n          }))\n          break\n        }\n        case Taro.ENV_TYPE.WEB: {\n          const index = Math.max(idx - 1, 0)\n          const prevTabItem = tabHeaderRef.current?.children[index]\n          prevTabItem &&\n            setScrollState(prev => ({\n              ...prev,\n              _scrollTop: prevTabItem.offsetTop,\n              _scrollLeft: prevTabItem.offsetLeft\n            }))\n          break\n        }\n        default: {\n          console.warn('AtTab 组件在该环境还未适配')\n          break\n        }\n      }\n    }\n  }\n\n  const handleClick = (index: number, event: CommonEvent): void => {\n    onClick && onClick(index, event)\n  }\n\n  const handleTouchStart = (e: ITouchEvent): void => {\n    if (!swipeable || tabDirection === 'vertical') return\n    touchDotRef.current = e.touches[0].pageX\n    timerRef.current = setInterval(() => {\n      intervalRef.current++\n    }, 100)\n  }\n\n  const handleTouchMove = (e: ITouchEvent): void => {\n    if (!swipeable || tabDirection === 'vertical') return\n\n    const touchMove = e.touches[0].pageX\n    const moveDistance = touchMove - touchDotRef.current\n    const maxIndex = tabList.length\n\n    if (\n      !isMovingRef.current &&\n      intervalRef.current < MAX_INTERVAL &&\n      touchDotRef.current > 20\n    ) {\n      if (current + 1 < maxIndex && moveDistance <= -MIN_DISTANCE) {\n        isMovingRef.current = true\n        handleClick(current + 1, e)\n      } else if (current - 1 >= 0 && moveDistance >= MIN_DISTANCE) {\n        isMovingRef.current = true\n        handleClick(current - 1, e)\n      }\n    }\n  }\n\n  const handleTouchEnd = (): void => {\n    if (!swipeable || tabDirection === 'vertical') return\n\n    timerRef.current && clearInterval(timerRef.current)\n    intervalRef.current = 0\n    isMovingRef.current = false\n  }\n\n  useEffect(() => {\n    getTabHeaderRef()\n    updateState(current)\n    return () => {\n      tabHeaderRef.current = null\n    }\n    // componentDidMount / componentWillUnmount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  const prevScrollRef = useRef(scroll)\n  const prevCurrentRef = useRef(current)\n  const isMountRef = useRef(true)\n  useEffect(() => {\n    if (isMountRef.current) {\n      isMountRef.current = false\n      return\n    }\n    if (scroll !== prevScrollRef.current) {\n      getTabHeaderRef()\n      prevScrollRef.current = scroll\n    }\n    if (current !== prevCurrentRef.current) {\n      updateState(current)\n      prevCurrentRef.current = current\n    }\n  }, [scroll, current])\n\n  const { _scrollLeft, _scrollTop, _scrollIntoView } = scrollState\n\n  const heightStyle = { height }\n  const underlineStyle = {\n    height: tabDirection === 'vertical' ? `${tabList.length * 100}%` : '1PX',\n    width: tabDirection === 'horizontal' ? `${tabList.length * 100}%` : '1PX'\n  }\n  const bodyStyle: React.CSSProperties = {}\n  let transformStyle = `translate3d(0px, -${current * 100}%, 0px)`\n  if (tabDirection === 'horizontal') {\n    transformStyle = `translate3d(-${current * 100}%, 0px, 0px)`\n  }\n  Object.assign(bodyStyle, {\n    transform: transformStyle\n  })\n  if (!animated) {\n    bodyStyle.transition = 'unset'\n  }\n\n  const tabItems = tabList.map((item, idx) => {\n    const itemCls = classNames({\n      'at-tabs__item': true,\n      'at-tabs__item--active': current === idx\n    })\n\n    return (\n      <View\n        className={itemCls}\n        id={`tab${tabIdRef.current}${idx}`}\n        key={`at-tabs-item-${idx}`}\n        onClick={(event: CommonEvent) => handleClick(idx, event)}\n      >\n        {item.title}\n        <View className='at-tabs__item-underline'></View>\n      </View>\n    )\n  })\n  const rootCls = classNames(\n    {\n      'at-tabs': true,\n      'at-tabs--scroll': scroll,\n      [`at-tabs--${tabDirection}`]: true,\n      [`at-tabs--${ENV}`]: true\n    },\n    className\n  )\n  const scrollX = tabDirection === 'horizontal'\n  const scrollY = tabDirection === 'vertical'\n\n  return (\n    <View className={rootCls} style={mergeStyle(heightStyle, customStyle)}>\n      {scroll ? (\n        <ScrollView\n          id={tabIdRef.current}\n          className='at-tabs__header'\n          style={heightStyle}\n          scrollX={scrollX}\n          scrollY={scrollY}\n          scrollWithAnimation\n          scrollLeft={_scrollLeft}\n          scrollTop={_scrollTop}\n          scrollIntoView={_scrollIntoView}\n        >\n          {tabItems}\n        </ScrollView>\n      ) : (\n        <View id={tabIdRef.current} className='at-tabs__header'>\n          {tabItems}\n        </View>\n      )}\n      <View\n        className='at-tabs__body'\n        onTouchStart={handleTouchStart}\n        onTouchEnd={handleTouchEnd}\n        onTouchMove={handleTouchMove}\n        style={mergeStyle(bodyStyle, heightStyle)}\n      >\n        <View className='at-tabs__underline' style={underlineStyle}></View>\n        {children}\n      </View>\n    </View>\n  )\n}\n\nAtTabs.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  height: PropTypes.string,\n  tabDirection: PropTypes.oneOf(['horizontal', 'vertical']),\n  current: PropTypes.number,\n  swipeable: PropTypes.bool,\n  scroll: PropTypes.bool,\n  animated: PropTypes.bool,\n  tabList: PropTypes.array,\n  onClick: PropTypes.func\n}\n\nexport default AtTabs\n"],"mappings":"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","names":[]}

package/dist/components/tabs-pane/index.d.ts

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+import { AtTabsPaneProps } from '../../../types/tabs-pane';
+declare function AtTabsPane({ customStyle, className, tabDirection, index, current, children }: AtTabsPaneProps): JSX.Element;
+declare namespace AtTabsPane {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        tabDirection: PropTypes.Requireable<string>;
+        index: PropTypes.Requireable<number>;
+        current: PropTypes.Requireable<number>;
+    };
+}
+export default AtTabsPane;

package/dist/components/tabs-pane/index.js

@@ -0,0 +1,41 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+function AtTabsPane({
+  customStyle = "",
+  className = "",
+  tabDirection = "horizontal",
+  index = 0,
+  current = 0,
+  children
+}) {
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(
+        {
+          "at-tabs-pane": true,
+          "at-tabs-pane--vertical": tabDirection === "vertical",
+          "at-tabs-pane--active": index === current,
+          "at-tabs-pane--inactive": index !== current
+        },
+        className
+      ),
+      style: customStyle
+    },
+    children
+  );
+}
+AtTabsPane.propTypes = {
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  tabDirection: PropTypes.oneOf(["horizontal", "vertical"]),
+  index: PropTypes.number,
+  current: PropTypes.number
+};
+var tabs_pane_default = AtTabsPane;
+export {
+  tabs_pane_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/tabs-pane/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tabs-pane/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtTabsPaneProps } from '../../../types/tabs-pane'\n\nfunction AtTabsPane({\n  customStyle = '',\n  className = '',\n  tabDirection = 'horizontal',\n  index = 0,\n  current = 0,\n  children\n}: AtTabsPaneProps): JSX.Element {\n  return (\n    <View\n      className={classNames(\n        {\n          'at-tabs-pane': true,\n          'at-tabs-pane--vertical': tabDirection === 'vertical',\n          'at-tabs-pane--active': index === current,\n          'at-tabs-pane--inactive': index !== current\n        },\n        className\n      )}\n      style={customStyle}\n    >\n      {children}\n    </View>\n  )\n}\n\nAtTabsPane.propTypes = {\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),\n  tabDirection: PropTypes.oneOf(['horizontal', 'vertical']),\n  index: PropTypes.number,\n  current: PropTypes.number\n}\n\nexport default AtTabsPane\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,WAAW;AAAA,EAClB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AACF,GAAiC;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,UACE,gBAAgB;AAAA,UAChB,0BAA0B,iBAAiB;AAAA,UAC3C,wBAAwB,UAAU;AAAA,UAClC,0BAA0B,UAAU;AAAA,QACtC;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA;AAAA,IAEN;AAAA,EACH;AAEJ;AAEA,WAAW,YAAY;AAAA,EACrB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AAAA,EAClE,cAAc,UAAU,MAAM,CAAC,cAAc,UAAU,CAAC;AAAA,EACxD,OAAO,UAAU;AAAA,EACjB,SAAS,UAAU;AACrB;AAEA,IAAO,oBAAQ;","names":[]}

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

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+import { AtTagProps } from '../../../types/tag';
+declare function AtTag({ size, type, name, circle, disabled, active, customStyle, className, children, onClick }: AtTagProps): JSX.Element;
+declare namespace AtTag {
+    var propTypes: {
+        size: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        name: PropTypes.Requireable<string>;
+        circle: PropTypes.Requireable<boolean>;
+        active: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtTag;

package/dist/components/tag/index.js

@@ -0,0 +1,66 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+const SIZE_CLASS = {
+  normal: "normal",
+  small: "small"
+};
+const TYPE_CLASS = {
+  primary: "primary"
+};
+function AtTag({
+  size = "normal",
+  type = "",
+  name = "",
+  circle = false,
+  disabled = false,
+  active = false,
+  customStyle = {},
+  className,
+  children,
+  onClick
+}) {
+  const handleClick = (event) => {
+    if (!disabled) {
+      typeof onClick === "function" && onClick(
+        {
+          name,
+          active
+        },
+        event
+      );
+    }
+  };
+  const rootClassName = ["at-tag"];
+  const classObject = {
+    [`at-tag--${SIZE_CLASS[size]}`]: SIZE_CLASS[size],
+    [`at-tag--${type}`]: TYPE_CLASS[type],
+    "at-tag--disabled": disabled,
+    "at-tag--active": active,
+    "at-tag--circle": circle
+  };
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(rootClassName, classObject, className),
+      style: customStyle,
+      onClick: handleClick
+    },
+    children
+  );
+}
+AtTag.propTypes = {
+  size: PropTypes.oneOf(["normal", "small"]),
+  type: PropTypes.oneOf(["", "primary"]),
+  name: PropTypes.string,
+  circle: PropTypes.bool,
+  active: PropTypes.bool,
+  disabled: PropTypes.bool,
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  onClick: PropTypes.func
+};
+export {
+  AtTag as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tag/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 { AtTagProps } from '../../../types/tag'\n\nconst SIZE_CLASS = {\n  normal: 'normal',\n  small: 'small'\n}\n\nconst TYPE_CLASS = {\n  primary: 'primary'\n}\n\nexport default function AtTag({\n  size = 'normal',\n  type = '',\n  name = '',\n  circle = false,\n  disabled = false,\n  active = false,\n  customStyle = {},\n  className,\n  children,\n  onClick\n}: AtTagProps): JSX.Element {\n  const handleClick = (event: CommonEvent): void => {\n    if (!disabled) {\n      typeof onClick === 'function' &&\n        onClick(\n          {\n            name,\n            active\n          },\n          event\n        )\n    }\n  }\n\n  const rootClassName = ['at-tag']\n\n  const classObject = {\n    [`at-tag--${SIZE_CLASS[size]}`]: SIZE_CLASS[size],\n    [`at-tag--${type}`]: TYPE_CLASS[type],\n    'at-tag--disabled': disabled,\n    'at-tag--active': active,\n    'at-tag--circle': circle\n  }\n\n  return (\n    <View\n      className={classNames(rootClassName, classObject, className)}\n      style={customStyle}\n      onClick={handleClick}\n    >\n      {children}\n    </View>\n  )\n}\n\nAtTag.propTypes = {\n  size: PropTypes.oneOf(['normal', 'small']),\n  type: PropTypes.oneOf(['', 'primary']),\n  name: PropTypes.string,\n  circle: PropTypes.bool,\n  active: PropTypes.bool,\n  disabled: PropTypes.bool,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  onClick: PropTypes.func\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAIrB,MAAM,aAAa;AAAA,EACjB,QAAQ;AAAA,EACR,OAAO;AACT;AAEA,MAAM,aAAa;AAAA,EACjB,SAAS;AACX;AAEe,SAAR,MAAuB;AAAA,EAC5B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,cAAc,CAAC,UAA6B;AAChD,QAAI,CAAC,UAAU;AACb,aAAO,YAAY,cACjB;AAAA,QACE;AAAA,UACE;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACJ;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,QAAQ;AAE/B,QAAM,cAAc;AAAA,IAClB,CAAC,WAAW,WAAW,IAAI,CAAC,EAAE,GAAG,WAAW,IAAI;AAAA,IAChD,CAAC,WAAW,IAAI,EAAE,GAAG,WAAW,IAAI;AAAA,IACpC,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,eAAe,aAAa,SAAS;AAAA,MAC3D,OAAO;AAAA,MACP,SAAS;AAAA;AAAA,IAER;AAAA,EACH;AAEJ;AAEA,MAAM,YAAY;AAAA,EAChB,MAAM,UAAU,MAAM,CAAC,UAAU,OAAO,CAAC;AAAA,EACzC,MAAM,UAAU,MAAM,CAAC,IAAI,SAAS,CAAC;AAAA,EACrC,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA,EAClB,QAAQ,UAAU;AAAA,EAClB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,SAAS,UAAU;AACrB;","names":[]}

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

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+import { AtTextareaProps } from '../../../types/textarea';
+declare function AtTextarea({ customStyle, className, cursorSpacing, maxLength, placeholder, disabled, autoFocus, focus, showConfirmBar, selectionStart, selectionEnd, count, fixed, height, textOverflowForbidden, value, placeholderStyle, placeholderClass, onChange, onFocus, onBlur, onConfirm, onLinechange }: AtTextareaProps): JSX.Element;
+declare namespace AtTextarea {
+    var propTypes: {
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+        value: PropTypes.Requireable<string>;
+        cursorSpacing: PropTypes.Requireable<number>;
+        maxLength: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        placeholderClass: PropTypes.Requireable<string>;
+        placeholderStyle: PropTypes.Requireable<string>;
+        placeholder: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        autoFocus: PropTypes.Requireable<boolean>;
+        focus: PropTypes.Requireable<boolean>;
+        showConfirmBar: PropTypes.Requireable<boolean>;
+        selectionStart: PropTypes.Requireable<number>;
+        selectionEnd: PropTypes.Requireable<number>;
+        count: PropTypes.Requireable<boolean>;
+        textOverflowForbidden: PropTypes.Requireable<boolean>;
+        fixed: PropTypes.Requireable<boolean>;
+        height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        onLinechange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtTextarea;