taro-ui 3.3.2 → 3.4.0

package/dist/components/avatar/index.js

@@ -0,0 +1,61 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Image, Text, View } from "@tarojs/components";
+import * as TaroComponents from "@tarojs/components";
+import Taro from "@tarojs/taro";
+const SIZE_CLASS = {
+  large: "large",
+  normal: "normal",
+  small: "small"
+};
+function AtAvatar({
+  size = "normal",
+  circle = false,
+  text = "",
+  image = "",
+  customStyle = {},
+  className = "",
+  openData
+}) {
+  const isWEAPP = Taro.getEnv() === Taro.ENV_TYPE.WEAPP;
+  const rootClassName = ["at-avatar"];
+  const iconSize = SIZE_CLASS[size || "normal"];
+  const classObject = {
+    [`at-avatar--${iconSize}`]: iconSize,
+    "at-avatar--circle": circle
+  };
+  let letter = "";
+  if (text) letter = text[0];
+  let elem;
+  if (openData && openData.type === "userAvatarUrl" && isWEAPP && Taro.canIUse("open-data")) {
+    const OpenData = TaroComponents.OpenData;
+    elem = /* @__PURE__ */ React.createElement(OpenData, { type: openData.type });
+  } else if (image) {
+    elem = /* @__PURE__ */ React.createElement(Image, { className: "at-avatar__img", src: image });
+  } else {
+    elem = /* @__PURE__ */ React.createElement(Text, { className: "at-avatar__text" }, letter);
+  }
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(rootClassName, classObject, className),
+      style: customStyle
+    },
+    elem
+  );
+}
+AtAvatar.propTypes = {
+  size: PropTypes.oneOf(["large", "normal", "small"]),
+  circle: PropTypes.bool,
+  text: PropTypes.string,
+  image: PropTypes.string,
+  openData: PropTypes.object,
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
+};
+var avatar_default = AtAvatar;
+export {
+  avatar_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/avatar/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Image, Text, View } from '@tarojs/components'\nimport * as TaroComponents from '@tarojs/components'\nimport Taro from '@tarojs/taro'\nimport { AtAvatarProps } from '../../../types/avatar'\n\nconst SIZE_CLASS = {\n  large: 'large',\n  normal: 'normal',\n  small: 'small'\n}\n\nfunction AtAvatar({\n  size = 'normal',\n  circle = false,\n  text = '',\n  image = '',\n  customStyle = {},\n  className = '',\n  openData\n}: AtAvatarProps): JSX.Element {\n  const isWEAPP = Taro.getEnv() === Taro.ENV_TYPE.WEAPP\n  const rootClassName = ['at-avatar']\n  const iconSize = SIZE_CLASS[size || 'normal']\n  const classObject = {\n    [`at-avatar--${iconSize}`]: iconSize,\n    'at-avatar--circle': circle\n  }\n\n  let letter = ''\n  if (text) letter = text[0]\n\n  let elem: React.ReactNode\n  if (\n    openData &&\n    openData.type === 'userAvatarUrl' &&\n    isWEAPP &&\n    Taro.canIUse('open-data')\n  ) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const OpenData = (TaroComponents as any).OpenData\n    elem = <OpenData type={openData.type}></OpenData>\n  } else if (image) {\n    elem = <Image className='at-avatar__img' src={image} />\n  } else {\n    elem = <Text className='at-avatar__text'>{letter}</Text>\n  }\n  return (\n    <View\n      className={classNames(rootClassName, classObject, className)}\n      style={customStyle}\n    >\n      {elem}\n    </View>\n  )\n}\n\nAtAvatar.propTypes = {\n  size: PropTypes.oneOf(['large', 'normal', 'small']),\n  circle: PropTypes.bool,\n  text: PropTypes.string,\n  image: PropTypes.string,\n  openData: PropTypes.object,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])\n}\n\nexport default AtAvatar\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,OAAO,MAAM,YAAY;AAClC,YAAY,oBAAoB;AAChC,OAAO,UAAU;AAGjB,MAAM,aAAa;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAEA,SAAS,SAAS;AAAA,EAChB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc,CAAC;AAAA,EACf,YAAY;AAAA,EACZ;AACF,GAA+B;AAC7B,QAAM,UAAU,KAAK,OAAO,MAAM,KAAK,SAAS;AAChD,QAAM,gBAAgB,CAAC,WAAW;AAClC,QAAM,WAAW,WAAW,QAAQ,QAAQ;AAC5C,QAAM,cAAc;AAAA,IAClB,CAAC,cAAc,QAAQ,EAAE,GAAG;AAAA,IAC5B,qBAAqB;AAAA,EACvB;AAEA,MAAI,SAAS;AACb,MAAI,KAAM,UAAS,KAAK,CAAC;AAEzB,MAAI;AACJ,MACE,YACA,SAAS,SAAS,mBAClB,WACA,KAAK,QAAQ,WAAW,GACxB;AAEA,UAAM,WAAY,eAAuB;AACzC,WAAO,oCAAC,YAAS,MAAM,SAAS,MAAM;AAAA,EACxC,WAAW,OAAO;AAChB,WAAO,oCAAC,SAAM,WAAU,kBAAiB,KAAK,OAAO;AAAA,EACvD,OAAO;AACL,WAAO,oCAAC,QAAK,WAAU,qBAAmB,MAAO;AAAA,EACnD;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,eAAe,aAAa,SAAS;AAAA,MAC3D,OAAO;AAAA;AAAA,IAEN;AAAA,EACH;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,MAAM,UAAU,MAAM,CAAC,SAAS,UAAU,OAAO,CAAC;AAAA,EAClD,QAAQ,UAAU;AAAA,EAClB,MAAM,UAAU;AAAA,EAChB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AACpE;AAEA,IAAO,iBAAQ;","names":[]}

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

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+import { AtBadgeProps } from '../../../types/badge';
+declare function AtBadge({ dot, value, maxValue, customStyle, className, children }: AtBadgeProps): JSX.Element;
+declare namespace AtBadge {
+    var propTypes: {
+        dot: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        maxValue: PropTypes.Requireable<number>;
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        className: PropTypes.Requireable<NonNullable<string | any[] | null | undefined>>;
+    };
+}
+export default AtBadge;

package/dist/components/badge/index.js

@@ -0,0 +1,35 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { View } from "@tarojs/components";
+function formatValue(value, maxValue) {
+  if (value === "" || value === null || typeof value === "undefined") return "";
+  const numValue = +value;
+  if (Number.isNaN(numValue)) {
+    return value;
+  }
+  return numValue > maxValue ? `${maxValue}+` : numValue;
+}
+function AtBadge({
+  dot = false,
+  value = "",
+  maxValue = 99,
+  customStyle = {},
+  className = "",
+  children
+}) {
+  const rootClassName = ["at-badge"];
+  const val = formatValue(value, maxValue);
+  return /* @__PURE__ */ React.createElement(View, { className: classNames(rootClassName, className), style: customStyle }, children, dot ? /* @__PURE__ */ React.createElement(View, { className: "at-badge__dot" }) : val !== "" && /* @__PURE__ */ React.createElement(View, { className: "at-badge__num" }, val));
+}
+AtBadge.propTypes = {
+  dot: PropTypes.bool,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  maxValue: PropTypes.number,
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
+};
+export {
+  AtBadge as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/badge/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { View } from '@tarojs/components'\nimport { AtBadgeProps } from '../../../types/badge'\n\nfunction formatValue(\n  value: string | number | undefined,\n  maxValue: number\n): string | number {\n  if (value === '' || value === null || typeof value === 'undefined') return ''\n  const numValue = +value\n  if (Number.isNaN(numValue)) {\n    return value\n  }\n  return numValue > maxValue ? `${maxValue}+` : numValue\n}\n\nexport default function AtBadge({\n  dot = false,\n  value = '',\n  maxValue = 99,\n  customStyle = {},\n  className = '',\n  children\n}: AtBadgeProps): JSX.Element {\n  const rootClassName = ['at-badge']\n\n  const val = formatValue(value, maxValue)\n\n  return (\n    <View className={classNames(rootClassName, className)} style={customStyle}>\n      {children}\n      {dot ? (\n        <View className='at-badge__dot'></View>\n      ) : (\n        val !== '' && <View className='at-badge__num'>{val}</View>\n      )}\n    </View>\n  )\n}\n\nAtBadge.propTypes = {\n  dot: PropTypes.bool,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  maxValue: PropTypes.number,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])\n}\n"],"mappings":"AAAA,OAAO,gBAAgB;AACvB,OAAO,eAAe;AACtB,OAAO,WAAW;AAClB,SAAS,YAAY;AAGrB,SAAS,YACP,OACA,UACiB;AACjB,MAAI,UAAU,MAAM,UAAU,QAAQ,OAAO,UAAU,YAAa,QAAO;AAC3E,QAAM,WAAW,CAAC;AAClB,MAAI,OAAO,MAAM,QAAQ,GAAG;AAC1B,WAAO;AAAA,EACT;AACA,SAAO,WAAW,WAAW,GAAG,QAAQ,MAAM;AAChD;AAEe,SAAR,QAAyB;AAAA,EAC9B,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,cAAc,CAAC;AAAA,EACf,YAAY;AAAA,EACZ;AACF,GAA8B;AAC5B,QAAM,gBAAgB,CAAC,UAAU;AAEjC,QAAM,MAAM,YAAY,OAAO,QAAQ;AAEvC,SACE,oCAAC,QAAK,WAAW,WAAW,eAAe,SAAS,GAAG,OAAO,eAC3D,UACA,MACC,oCAAC,QAAK,WAAU,iBAAgB,IAEhC,QAAQ,MAAM,oCAAC,QAAK,WAAU,mBAAiB,GAAI,CAEvD;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,KAAK,UAAU;AAAA,EACf,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAC/D,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACrE,WAAW,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC;AACpE;","names":[]}

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

@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+import { AtButtonProps } from '../../../types/button';
+declare function AtButton({ size, type, circle, full, loading, disabled, customStyle, className, children, formType, openType, lang, sessionFrom, sendMessageTitle, sendMessagePath, sendMessageImg, showMessageCard, appParameter, onClick, onGetUserInfo, onContact, onGetPhoneNumber, onError, onOpenSetting }: AtButtonProps): JSX.Element;
+declare namespace AtButton {
+    var propTypes: {
+        size: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        circle: PropTypes.Requireable<boolean>;
+        full: PropTypes.Requireable<boolean>;
+        loading: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        customStyle: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        formType: PropTypes.Requireable<string>;
+        openType: PropTypes.Requireable<string>;
+        lang: PropTypes.Requireable<string>;
+        sessionFrom: PropTypes.Requireable<string>;
+        sendMessageTitle: PropTypes.Requireable<string>;
+        sendMessagePath: PropTypes.Requireable<string>;
+        sendMessageImg: PropTypes.Requireable<string>;
+        showMessageCard: PropTypes.Requireable<boolean>;
+        appParameter: PropTypes.Requireable<string>;
+        onGetUserInfo: PropTypes.Requireable<(...args: any[]) => any>;
+        onContact: PropTypes.Requireable<(...args: any[]) => any>;
+        onGetPhoneNumber: PropTypes.Requireable<(...args: any[]) => any>;
+        onError: PropTypes.Requireable<(...args: any[]) => any>;
+        onOpenSetting: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default AtButton;

package/dist/components/button/index.js

@@ -0,0 +1,162 @@
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import React from "react";
+import { Button, View } from "@tarojs/components";
+import Taro from "@tarojs/taro";
+import AtLoading from "../loading/index";
+const SIZE_CLASS = {
+  normal: "normal",
+  small: "small"
+};
+const TYPE_CLASS = {
+  primary: "primary",
+  secondary: "secondary"
+};
+function AtButton({
+  size = "normal",
+  type,
+  circle = false,
+  full = false,
+  loading = false,
+  disabled = false,
+  customStyle = {},
+  className,
+  children,
+  formType,
+  openType,
+  lang = "en",
+  sessionFrom = "",
+  sendMessageTitle = "",
+  sendMessagePath = "",
+  sendMessageImg = "",
+  showMessageCard = false,
+  appParameter = "",
+  onClick,
+  onGetUserInfo,
+  onContact,
+  onGetPhoneNumber,
+  onError,
+  onOpenSetting
+}) {
+  const isWEB = Taro.getEnv() === Taro.ENV_TYPE.WEB;
+  const isWEAPP = Taro.getEnv() === Taro.ENV_TYPE.WEAPP;
+  const isALIPAY = Taro.getEnv() === Taro.ENV_TYPE.ALIPAY;
+  const handleClick = (event) => {
+    if (!disabled) {
+      onClick && onClick(event);
+    }
+  };
+  const handleGetUserInfo = (event) => {
+    onGetUserInfo && onGetUserInfo(event);
+  };
+  const handleContact = (event) => {
+    onContact && onContact(event);
+  };
+  const handleGetPhoneNumber = (event) => {
+    onGetPhoneNumber && onGetPhoneNumber(event);
+  };
+  const handleError = (event) => {
+    onError && onError(event);
+  };
+  const handleOpenSetting = (event) => {
+    onOpenSetting && onOpenSetting(event);
+  };
+  const buttonType = type != null ? type : "";
+  const rootClassName = ["at-button"];
+  const classObject = {
+    [`at-button--${SIZE_CLASS[size]}`]: SIZE_CLASS[size],
+    "at-button--disabled": disabled,
+    [`at-button--${buttonType}`]: buttonType ? TYPE_CLASS[buttonType] : false,
+    "at-button--circle": circle,
+    "at-button--full": full
+  };
+  const loadingColor = type === "primary" ? "#fff" : "";
+  const loadingSize = size === "small" ? "30" : 0;
+  let loadingComponent = null;
+  if (loading) {
+    loadingComponent = /* @__PURE__ */ React.createElement(View, { className: "at-button__icon" }, /* @__PURE__ */ React.createElement(AtLoading, { color: loadingColor, size: loadingSize }));
+    rootClassName.push("at-button--icon");
+  }
+  const webButton = /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      className: "at-button__wxbutton",
+      lang,
+      formType
+    }
+  );
+  const button = /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      className: "at-button__wxbutton",
+      formType,
+      openType,
+      lang,
+      sessionFrom,
+      sendMessageTitle,
+      sendMessagePath,
+      sendMessageImg,
+      showMessageCard,
+      appParameter,
+      onGetUserInfo: handleGetUserInfo,
+      onGetPhoneNumber: handleGetPhoneNumber,
+      onOpenSetting: handleOpenSetting,
+      onError: handleError,
+      onContact: handleContact
+    }
+  );
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classNames(rootClassName, classObject, className),
+      style: customStyle,
+      onClick: handleClick
+    },
+    isWEB && !disabled && webButton,
+    isWEAPP && !disabled && button,
+    isALIPAY && !disabled && button,
+    loadingComponent,
+    /* @__PURE__ */ React.createElement(View, { className: "at-button__text" }, children)
+  );
+}
+AtButton.propTypes = {
+  size: PropTypes.oneOf(["normal", "small"]),
+  type: PropTypes.oneOf(["primary", "secondary", ""]),
+  circle: PropTypes.bool,
+  full: PropTypes.bool,
+  loading: PropTypes.bool,
+  disabled: PropTypes.bool,
+  onClick: PropTypes.func,
+  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  formType: PropTypes.oneOf(["submit", "reset", ""]),
+  openType: PropTypes.oneOf([
+    "contact",
+    "share",
+    "getUserInfo",
+    "getPhoneNumber",
+    "launchApp",
+    "openSetting",
+    "feedback",
+    "getRealnameAuthInfo",
+    "getAuthorize",
+    "contactShare",
+    ""
+  ]),
+  lang: PropTypes.string,
+  sessionFrom: PropTypes.string,
+  sendMessageTitle: PropTypes.string,
+  sendMessagePath: PropTypes.string,
+  sendMessageImg: PropTypes.string,
+  showMessageCard: PropTypes.bool,
+  appParameter: PropTypes.string,
+  onGetUserInfo: PropTypes.func,
+  onContact: PropTypes.func,
+  onGetPhoneNumber: PropTypes.func,
+  onError: PropTypes.func,
+  onOpenSetting: PropTypes.func
+};
+var button_default = AtButton;
+export {
+  button_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Button, View } from '@tarojs/components'\nimport { ButtonProps } from '@tarojs/components/types/Button'\nimport { BaseEventOrig, CommonEvent } from '@tarojs/components/types/common'\nimport Taro from '@tarojs/taro'\nimport { AtButtonProps } from '../../../types/button'\nimport AtLoading from '../loading/index'\n\nconst SIZE_CLASS = {\n  normal: 'normal',\n  small: 'small'\n}\n\nconst TYPE_CLASS = {\n  primary: 'primary',\n  secondary: 'secondary'\n}\n\nfunction AtButton({\n  size = 'normal',\n  type,\n  circle = false,\n  full = false,\n  loading = false,\n  disabled = false,\n  customStyle = {},\n  className,\n  children,\n  formType,\n  openType,\n  lang = 'en',\n  sessionFrom = '',\n  sendMessageTitle = '',\n  sendMessagePath = '',\n  sendMessageImg = '',\n  showMessageCard = false,\n  appParameter = '',\n  onClick,\n  onGetUserInfo,\n  onContact,\n  onGetPhoneNumber,\n  onError,\n  onOpenSetting\n}: AtButtonProps): JSX.Element {\n  const isWEB = Taro.getEnv() === Taro.ENV_TYPE.WEB\n  const isWEAPP = Taro.getEnv() === Taro.ENV_TYPE.WEAPP\n  const isALIPAY = Taro.getEnv() === Taro.ENV_TYPE.ALIPAY\n\n  const handleClick = (event: CommonEvent): void => {\n    if (!disabled) {\n      onClick && onClick(event)\n    }\n  }\n\n  const handleGetUserInfo = (event: CommonEvent): void => {\n    onGetUserInfo && onGetUserInfo(event)\n  }\n\n  const handleContact = (\n    event: BaseEventOrig<ButtonProps.onContactEventDetail>\n  ): void => {\n    onContact && onContact(event)\n  }\n\n  const handleGetPhoneNumber = (event: CommonEvent): void => {\n    onGetPhoneNumber && onGetPhoneNumber(event)\n  }\n\n  const handleError = (event: CommonEvent): void => {\n    onError && onError(event)\n  }\n\n  const handleOpenSetting = (event: CommonEvent): void => {\n    onOpenSetting && onOpenSetting(event)\n  }\n\n  const buttonType = type ?? ''\n  const rootClassName = ['at-button']\n  const classObject = {\n    [`at-button--${SIZE_CLASS[size]}`]: SIZE_CLASS[size],\n    'at-button--disabled': disabled,\n    [`at-button--${buttonType}`]: buttonType\n      ? TYPE_CLASS[buttonType as keyof typeof TYPE_CLASS]\n      : false,\n    'at-button--circle': circle,\n    'at-button--full': full\n  }\n  const loadingColor = type === 'primary' ? '#fff' : ''\n  const loadingSize = size === 'small' ? '30' : 0\n\n  let loadingComponent: JSX.Element | null = null\n  if (loading) {\n    loadingComponent = (\n      <View className='at-button__icon'>\n        <AtLoading color={loadingColor} size={loadingSize} />\n      </View>\n    )\n    rootClassName.push('at-button--icon')\n  }\n\n  const webButton = (\n    <Button\n      className='at-button__wxbutton'\n      lang={lang}\n      formType={formType}\n    ></Button>\n  )\n\n  const button = (\n    <Button\n      className='at-button__wxbutton'\n      formType={formType}\n      openType={openType}\n      lang={lang}\n      sessionFrom={sessionFrom}\n      sendMessageTitle={sendMessageTitle}\n      sendMessagePath={sendMessagePath}\n      sendMessageImg={sendMessageImg}\n      showMessageCard={showMessageCard}\n      appParameter={appParameter}\n      onGetUserInfo={handleGetUserInfo}\n      onGetPhoneNumber={handleGetPhoneNumber}\n      onOpenSetting={handleOpenSetting}\n      onError={handleError}\n      onContact={handleContact}\n    ></Button>\n  )\n\n  return (\n    <View\n      className={classNames(rootClassName, classObject, className)}\n      style={customStyle}\n      onClick={handleClick}\n    >\n      {isWEB && !disabled && webButton}\n      {isWEAPP && !disabled && button}\n      {isALIPAY && !disabled && button}\n      {loadingComponent}\n      <View className='at-button__text'>{children}</View>\n    </View>\n  )\n}\n\nAtButton.propTypes = {\n  size: PropTypes.oneOf(['normal', 'small']),\n  type: PropTypes.oneOf(['primary', 'secondary', '']),\n  circle: PropTypes.bool,\n  full: PropTypes.bool,\n  loading: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  customStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  formType: PropTypes.oneOf(['submit', 'reset', '']),\n  openType: PropTypes.oneOf([\n    'contact',\n    'share',\n    'getUserInfo',\n    'getPhoneNumber',\n    'launchApp',\n    'openSetting',\n    'feedback',\n    'getRealnameAuthInfo',\n    'getAuthorize',\n    'contactShare',\n    ''\n  ]),\n  lang: PropTypes.string,\n  sessionFrom: PropTypes.string,\n  sendMessageTitle: PropTypes.string,\n  sendMessagePath: PropTypes.string,\n  sendMessageImg: PropTypes.string,\n  showMessageCard: PropTypes.bool,\n  appParameter: PropTypes.string,\n  onGetUserInfo: PropTypes.func,\n  onContact: PropTypes.func,\n  onGetPhoneNumber: PropTypes.func,\n  onError: PropTypes.func,\n  onOpenSetting: PropTypes.func\n}\n\nexport default AtButton\n"],"mappings":"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","names":[]}

package/dist/components/calendar/body/index.d.ts

@@ -0,0 +1,3 @@
+import { AtCalendarBodyProps } from '../../../../types/calendar';
+declare function AtCalendarBody({ marks, selectedDate, format, generateDate, validDates, minDate, maxDate, selectedDates, isSwiper, isVertical, onDayClick, onLongClick, onSwipeMonth }: AtCalendarBodyProps): JSX.Element;
+export default AtCalendarBody;

package/dist/components/calendar/body/index.js

@@ -0,0 +1,269 @@
+import classnames from "classnames";
+import dayjs from "dayjs";
+import React, { useEffect, useRef, useState } from "react";
+import { Swiper, SwiperItem, View } from "@tarojs/components";
+import { delayQuerySelector } from "../../../common/utils";
+import generateCalendarGroup from "../common/helper";
+import AtCalendarDateList from "../ui/date-list/index";
+import AtCalendarDayList from "../ui/day-list/index";
+const ANIMTE_DURATION = 300;
+function AtCalendarBody({
+  marks = [],
+  selectedDate = {
+    end: Date.now(),
+    start: Date.now()
+  },
+  format = "YYYY-MM-DD",
+  generateDate = Date.now(),
+  validDates,
+  minDate,
+  maxDate,
+  selectedDates,
+  isSwiper,
+  isVertical,
+  onDayClick,
+  onLongClick,
+  onSwipeMonth
+}) {
+  const changeCountRef = useRef(0);
+  const currentSwiperIndexRef = useRef(1);
+  const startXRef = useRef(0);
+  const swipeStartPointRef = useRef(0);
+  const isPreMonthRef = useRef(false);
+  const maxWidthRef = useRef(0);
+  const isTouchingRef = useRef(false);
+  const generateFuncRef = useRef(
+    generateCalendarGroup({
+      validDates,
+      format,
+      minDate,
+      maxDate,
+      marks,
+      selectedDates
+    })
+  );
+  const getGroups = (genDate, selDate) => {
+    const dayjsDate = dayjs(genDate);
+    const arr = [];
+    const preList = generateFuncRef.current(
+      dayjsDate.subtract(1, "month").valueOf(),
+      selDate
+    );
+    const nowList = generateFuncRef.current(
+      genDate,
+      selDate,
+      true
+    );
+    const nextList = generateFuncRef.current(
+      dayjsDate.add(1, "month").valueOf(),
+      selDate
+    );
+    const preListIndex = currentSwiperIndexRef.current === 0 ? 2 : currentSwiperIndexRef.current - 1;
+    const nextListIndex = currentSwiperIndexRef.current === 2 ? 0 : currentSwiperIndexRef.current + 1;
+    arr[preListIndex] = preList;
+    arr[nextListIndex] = nextList;
+    arr[currentSwiperIndexRef.current] = nowList;
+    return arr;
+  };
+  const [listGroup, setListGroup] = useState(
+    () => getGroups(generateDate, selectedDate)
+  );
+  const [offsetSize, setOffsetSize] = useState(0);
+  const [isAnimate, setIsAnimate] = useState(false);
+  useEffect(() => {
+    delayQuerySelector(".at-calendar-slider__main").then((res) => {
+      maxWidthRef.current = res[0].width;
+    });
+  }, []);
+  const isMountedRef = useRef(false);
+  useEffect(() => {
+    if (!isMountedRef.current) {
+      isMountedRef.current = true;
+      return;
+    }
+    generateFuncRef.current = generateCalendarGroup({
+      validDates,
+      format,
+      minDate,
+      maxDate,
+      marks,
+      selectedDates
+    });
+    const nextListGroup = getGroups(generateDate, selectedDate);
+    setOffsetSize(0);
+    setListGroup(nextListGroup);
+  }, [
+    validDates,
+    marks,
+    format,
+    minDate,
+    maxDate,
+    generateDate,
+    selectedDate,
+    selectedDates
+  ]);
+  const handleTouchStart = (e) => {
+    if (!isSwiper) {
+      return;
+    }
+    isTouchingRef.current = true;
+    startXRef.current = e.touches[0].clientX;
+  };
+  const handleTouchMove = (e) => {
+    if (!isSwiper) {
+      return;
+    }
+    if (!isTouchingRef.current) return;
+    const { clientX } = e.touches[0];
+    const nextOffsetSize = clientX - startXRef.current;
+    setOffsetSize(nextOffsetSize);
+  };
+  const animateMoveSlide = (offset, callback) => {
+    setIsAnimate(true);
+    Promise.resolve().then(() => {
+      setOffsetSize(offset);
+      setTimeout(() => {
+        setIsAnimate(false);
+        callback == null ? void 0 : callback();
+      }, ANIMTE_DURATION);
+    });
+  };
+  const handleTouchEnd = () => {
+    if (!isSwiper) {
+      return;
+    }
+    isTouchingRef.current = false;
+    const isRight = offsetSize > 0;
+    const breakpoint = maxWidthRef.current / 2;
+    const absOffsetSize = Math.abs(offsetSize);
+    if (absOffsetSize > breakpoint) {
+      const res = isRight ? maxWidthRef.current : -maxWidthRef.current;
+      animateMoveSlide(res, () => {
+        onSwipeMonth(isRight ? -1 : 1);
+      });
+      return;
+    }
+    animateMoveSlide(0);
+  };
+  const handleChange = (e) => {
+    const { current, source } = e.detail;
+    if (source === "touch") {
+      currentSwiperIndexRef.current = current;
+      changeCountRef.current += 1;
+    }
+  };
+  const handleAnimateFinish = () => {
+    if (changeCountRef.current > 0) {
+      onSwipeMonth(
+        isPreMonthRef.current ? -changeCountRef.current : changeCountRef.current
+      );
+      changeCountRef.current = 0;
+    }
+  };
+  const handleSwipeTouchStart = (e) => {
+    const { clientY, clientX } = e.changedTouches[0];
+    swipeStartPointRef.current = isVertical ? clientY : clientX;
+  };
+  const handleSwipeTouchEnd = (e) => {
+    const { clientY, clientX } = e.changedTouches[0];
+    isPreMonthRef.current = isVertical ? clientY - swipeStartPointRef.current > 0 : clientX - swipeStartPointRef.current > 0;
+  };
+  if (!isSwiper) {
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classnames(
+          "main",
+          "at-calendar-slider__main",
+          `at-calendar-slider__main--${process.env.TARO_ENV}`
+        )
+      },
+      /* @__PURE__ */ React.createElement(AtCalendarDayList, null),
+      /* @__PURE__ */ React.createElement(View, { className: "main__body body" }, /* @__PURE__ */ React.createElement(View, { className: "body__slider body__slider--now" }, /* @__PURE__ */ React.createElement(
+        AtCalendarDateList,
+        {
+          list: listGroup[1].list,
+          onClick: onDayClick,
+          onLongClick
+        }
+      )))
+    );
+  }
+  if (process.env.TARO_ENV === "h5") {
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        className: classnames(
+          "main",
+          "at-calendar-slider__main",
+          `at-calendar-slider__main--${process.env.TARO_ENV}`
+        ),
+        onTouchEnd: handleTouchEnd,
+        onTouchMove: handleTouchMove,
+        onTouchStart: handleTouchStart
+      },
+      /* @__PURE__ */ React.createElement(AtCalendarDayList, null),
+      /* @__PURE__ */ React.createElement(
+        View,
+        {
+          className: classnames("main__body  body", {
+            "main__body--slider": isSwiper,
+            "main__body--animate": isAnimate
+          }),
+          style: {
+            transform: isSwiper ? `translateX(-100%) translate3d(${offsetSize},0,0)` : "",
+            WebkitTransform: isSwiper ? `translateX(-100%) translate3d(${offsetSize}px,0,0)` : ""
+          }
+        },
+        /* @__PURE__ */ React.createElement(View, { className: "body__slider body__slider--pre" }, /* @__PURE__ */ React.createElement(AtCalendarDateList, { list: listGroup[0].list })),
+        /* @__PURE__ */ React.createElement(View, { className: "body__slider body__slider--now" }, /* @__PURE__ */ React.createElement(
+          AtCalendarDateList,
+          {
+            list: listGroup[1].list,
+            onClick: onDayClick,
+            onLongClick
+          }
+        )),
+        /* @__PURE__ */ React.createElement(View, { className: "body__slider body__slider--next" }, /* @__PURE__ */ React.createElement(AtCalendarDateList, { list: listGroup[2].list }))
+      )
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    View,
+    {
+      className: classnames(
+        "main",
+        "at-calendar-slider__main",
+        `at-calendar-slider__main--${process.env.TARO_ENV}`
+      )
+    },
+    /* @__PURE__ */ React.createElement(AtCalendarDayList, null),
+    /* @__PURE__ */ React.createElement(
+      Swiper,
+      {
+        circular: true,
+        current: 1,
+        skipHiddenItemLayout: true,
+        className: classnames("main__body"),
+        onChange: handleChange,
+        vertical: isVertical,
+        onAnimationFinish: handleAnimateFinish,
+        onTouchEnd: handleSwipeTouchEnd,
+        onTouchStart: handleSwipeTouchStart
+      },
+      listGroup.map((item, key) => /* @__PURE__ */ React.createElement(SwiperItem, { key, itemId: key.toString() }, /* @__PURE__ */ React.createElement(
+        AtCalendarDateList,
+        {
+          list: item.list,
+          onClick: onDayClick,
+          onLongClick
+        }
+      )))
+    )
+  );
+}
+var body_default = AtCalendarBody;
+export {
+  body_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/calendar/body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/calendar/body/index.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport dayjs from 'dayjs'\nimport React, { useEffect, useRef, useState } from 'react'\nimport { Swiper, SwiperItem, View } from '@tarojs/components'\nimport {\n  BaseEventOrig,\n  ITouch,\n  ITouchEvent\n} from '@tarojs/components/types/common'\nimport {\n  AtCalendarBodyListGroup,\n  AtCalendarBodyProps,\n  Calendar\n} from '../../../../types/calendar'\nimport { delayQuerySelector } from '../../../common/utils'\nimport generateCalendarGroup from '../common/helper'\nimport AtCalendarDateList from '../ui/date-list/index'\nimport AtCalendarDayList from '../ui/day-list/index'\n\nconst ANIMTE_DURATION = 300\n\nfunction AtCalendarBody({\n  marks = [],\n  selectedDate = {\n    end: Date.now(),\n    start: Date.now()\n  },\n  format = 'YYYY-MM-DD',\n  generateDate = Date.now(),\n  validDates,\n  minDate,\n  maxDate,\n  selectedDates,\n  isSwiper,\n  isVertical,\n  onDayClick,\n  onLongClick,\n  onSwipeMonth\n}: AtCalendarBodyProps): JSX.Element {\n  const changeCountRef = useRef(0)\n  const currentSwiperIndexRef = useRef(1)\n  const startXRef = useRef(0)\n  const swipeStartPointRef = useRef(0)\n  const isPreMonthRef = useRef(false)\n  const maxWidthRef = useRef(0)\n  const isTouchingRef = useRef(false)\n\n  const generateFuncRef = useRef(\n    generateCalendarGroup({\n      validDates,\n      format,\n      minDate,\n      maxDate,\n      marks,\n      selectedDates\n    })\n  )\n\n  const getGroups = (\n    genDate: number,\n    selDate: Calendar.SelectedDate\n  ): AtCalendarBodyListGroup => {\n    const dayjsDate = dayjs(genDate)\n    const arr: AtCalendarBodyListGroup = []\n    const preList: Calendar.ListInfo<Calendar.Item> = generateFuncRef.current(\n      dayjsDate.subtract(1, 'month').valueOf(),\n      selDate\n    )\n\n    const nowList: Calendar.ListInfo<Calendar.Item> = generateFuncRef.current(\n      genDate,\n      selDate,\n      true\n    )\n\n    const nextList: Calendar.ListInfo<Calendar.Item> = generateFuncRef.current(\n      dayjsDate.add(1, 'month').valueOf(),\n      selDate\n    )\n\n    const preListIndex =\n      currentSwiperIndexRef.current === 0\n        ? 2\n        : currentSwiperIndexRef.current - 1\n    const nextListIndex =\n      currentSwiperIndexRef.current === 2\n        ? 0\n        : currentSwiperIndexRef.current + 1\n\n    arr[preListIndex] = preList\n    arr[nextListIndex] = nextList\n    arr[currentSwiperIndexRef.current] = nowList\n\n    return arr\n  }\n\n  const [listGroup, setListGroup] = useState<AtCalendarBodyListGroup>(() =>\n    getGroups(generateDate, selectedDate)\n  )\n  const [offsetSize, setOffsetSize] = useState(0)\n  const [isAnimate, setIsAnimate] = useState(false)\n\n  useEffect(() => {\n    delayQuerySelector('.at-calendar-slider__main').then(res => {\n      maxWidthRef.current = res[0].width\n    })\n  }, [])\n\n  const isMountedRef = useRef(false)\n\n  useEffect(() => {\n    if (!isMountedRef.current) {\n      isMountedRef.current = true\n      return\n    }\n\n    generateFuncRef.current = generateCalendarGroup({\n      validDates,\n      format,\n      minDate,\n      maxDate,\n      marks,\n      selectedDates\n    })\n    const nextListGroup = getGroups(generateDate, selectedDate)\n\n    setOffsetSize(0)\n    setListGroup(nextListGroup)\n  }, [\n    validDates,\n    marks,\n    format,\n    minDate,\n    maxDate,\n    generateDate,\n    selectedDate,\n    selectedDates\n  ])\n\n  const handleTouchStart = (e: ITouchEvent): void => {\n    if (!isSwiper) {\n      return\n    }\n    isTouchingRef.current = true\n    startXRef.current = e.touches[0].clientX\n  }\n\n  const handleTouchMove = (e: ITouchEvent): void => {\n    if (!isSwiper) {\n      return\n    }\n    if (!isTouchingRef.current) return\n\n    const { clientX } = e.touches[0]\n    const nextOffsetSize = clientX - startXRef.current\n\n    setOffsetSize(nextOffsetSize)\n  }\n\n  const animateMoveSlide = (offset: number, callback?: () => void): void => {\n    setIsAnimate(true)\n    Promise.resolve().then(() => {\n      setOffsetSize(offset)\n      setTimeout(() => {\n        setIsAnimate(false)\n        callback?.()\n      }, ANIMTE_DURATION)\n    })\n  }\n\n  const handleTouchEnd = (): void => {\n    if (!isSwiper) {\n      return\n    }\n\n    isTouchingRef.current = false\n    const isRight = offsetSize > 0\n\n    const breakpoint = maxWidthRef.current / 2\n    const absOffsetSize = Math.abs(offsetSize)\n\n    if (absOffsetSize > breakpoint) {\n      const res = isRight ? maxWidthRef.current : -maxWidthRef.current\n      animateMoveSlide(res, () => {\n        onSwipeMonth(isRight ? -1 : 1)\n      })\n      return\n    }\n    animateMoveSlide(0)\n  }\n\n  const handleChange = (\n    e: BaseEventOrig<{\n      current: number\n      source: string\n    }>\n  ): void => {\n    const { current, source } = e.detail\n\n    if (source === 'touch') {\n      currentSwiperIndexRef.current = current\n      changeCountRef.current += 1\n    }\n  }\n\n  const handleAnimateFinish = (): void => {\n    if (changeCountRef.current > 0) {\n      onSwipeMonth(\n        isPreMonthRef.current ? -changeCountRef.current : changeCountRef.current\n      )\n      changeCountRef.current = 0\n    }\n  }\n\n  const handleSwipeTouchStart = (\n    e: ITouchEvent & { changedTouches: Array<ITouch> }\n  ): void => {\n    const { clientY, clientX } = e.changedTouches[0]\n    swipeStartPointRef.current = isVertical ? clientY : clientX\n  }\n\n  const handleSwipeTouchEnd = (\n    e: ITouchEvent & { changedTouches: Array<ITouch> }\n  ): void => {\n    const { clientY, clientX } = e.changedTouches[0]\n    isPreMonthRef.current = isVertical\n      ? clientY - swipeStartPointRef.current > 0\n      : clientX - swipeStartPointRef.current > 0\n  }\n\n  if (!isSwiper) {\n    return (\n      <View\n        className={classnames(\n          'main',\n          'at-calendar-slider__main',\n          `at-calendar-slider__main--${process.env.TARO_ENV}`\n        )}\n      >\n        <AtCalendarDayList />\n        <View className='main__body body'>\n          <View className='body__slider body__slider--now'>\n            <AtCalendarDateList\n              list={listGroup[1].list}\n              onClick={onDayClick}\n              onLongClick={onLongClick}\n            />\n          </View>\n        </View>\n      </View>\n    )\n  }\n\n  /* 需要 Taro 组件库维护 Swiper 使 小程序 和 H5 的表现保持一致  */\n  if (process.env.TARO_ENV === 'h5') {\n    return (\n      <View\n        className={classnames(\n          'main',\n          'at-calendar-slider__main',\n          `at-calendar-slider__main--${process.env.TARO_ENV}`\n        )}\n        onTouchEnd={handleTouchEnd}\n        onTouchMove={handleTouchMove}\n        onTouchStart={handleTouchStart}\n      >\n        <AtCalendarDayList />\n        <View\n          className={classnames('main__body  body', {\n            'main__body--slider': isSwiper,\n            'main__body--animate': isAnimate\n          })}\n          style={{\n            transform: isSwiper\n              ? `translateX(-100%) translate3d(${offsetSize},0,0)`\n              : '',\n            WebkitTransform: isSwiper\n              ? `translateX(-100%) translate3d(${offsetSize}px,0,0)`\n              : ''\n          }}\n        >\n          <View className='body__slider body__slider--pre'>\n            <AtCalendarDateList list={listGroup[0].list} />\n          </View>\n          <View className='body__slider body__slider--now'>\n            <AtCalendarDateList\n              list={listGroup[1].list}\n              onClick={onDayClick}\n              onLongClick={onLongClick}\n            />\n          </View>\n          <View className='body__slider body__slider--next'>\n            <AtCalendarDateList list={listGroup[2].list} />\n          </View>\n        </View>\n      </View>\n    )\n  }\n\n  return (\n    <View\n      className={classnames(\n        'main',\n        'at-calendar-slider__main',\n        `at-calendar-slider__main--${process.env.TARO_ENV}`\n      )}\n    >\n      <AtCalendarDayList />\n      <Swiper\n        circular\n        current={1}\n        skipHiddenItemLayout\n        className={classnames('main__body')}\n        onChange={handleChange}\n        vertical={isVertical}\n        onAnimationFinish={handleAnimateFinish}\n        onTouchEnd={handleSwipeTouchEnd}\n        onTouchStart={handleSwipeTouchStart}\n      >\n        {listGroup.map((item, key) => (\n          <SwiperItem key={key} itemId={key.toString()}>\n            <AtCalendarDateList\n              list={item.list}\n              onClick={onDayClick}\n              onLongClick={onLongClick}\n            />\n          </SwiperItem>\n        ))}\n      </Swiper>\n    </View>\n  )\n}\n\nexport default AtCalendarBody\n"],"mappings":"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","names":[]}

package/dist/components/calendar/controller/index.d.ts

@@ -0,0 +1,3 @@
+import { AtCalendarControllerProps } from '../../../../types/calendar';
+declare function AtCalendarController({ generateDate, minDate, maxDate, monthFormat, hideArrow, onPreMonth, onNextMonth, onSelectDate }: AtCalendarControllerProps): JSX.Element;
+export default AtCalendarController;