@trionesdev/antd-taro-react 0.0.1-beta.3 → 0.0.2-beta.0

package/dist/ActionSheet/index.d.ts

@@ -0,0 +1,3 @@
+import { ActionSheet, ActionSheetProps } from "@trionesdev/antd-mobile-base-react";
+export type { ActionSheetProps };
+export default ActionSheet;

package/dist/ActionSheet/index.js

@@ -0,0 +1,2 @@
+import { ActionSheet } from "@trionesdev/antd-mobile-base-react";
+export default ActionSheet;

package/dist/Alert/index.d.ts

@@ -1,3 +1,3 @@
-import { Alert, AlertProps } from "./alert";
+import { Alert, AlertProps } from "@trionesdev/antd-mobile-base-react";
 export type { AlertProps };
 export default Alert;

package/dist/Alert/index.js

@@ -1,2 +1,2 @@
-import { Alert } from "./alert";
+import { Alert } from "@trionesdev/antd-mobile-base-react";
 export default Alert;

package/dist/Avatar/index.d.ts

@@ -1,2 +1,3 @@
-import { Avatar } from "./avatar";
+import { Avatar, AvatarProps } from "@trionesdev/antd-mobile-base-react";
+export type { AvatarProps };
 export default Avatar;

package/dist/Avatar/index.js

@@ -1,2 +1,2 @@
-import { Avatar } from "./avatar";
+import { Avatar } from "@trionesdev/antd-mobile-base-react";
 export default Avatar;

package/dist/Badge/index.d.ts

@@ -1,3 +1,3 @@
-import { Badge } from './badge';
-export type { BadgeFill, BadgeProps } from './badge';
+import { Badge } from '@trionesdev/antd-mobile-base-react';
+export type { BadgeFill, BadgeProps } from '@trionesdev/antd-mobile-base-react';
 export default Badge;

package/dist/Badge/index.js

@@ -1,2 +1,2 @@
-import { Badge } from "./badge";
+import { Badge } from '@trionesdev/antd-mobile-base-react';
 export default Badge;

package/dist/Button/button.d.ts

@@ -1,7 +1,8 @@
-import "./style.scss";
-import React, { FC, MouseEventHandler } from "react";
+import { ButtonProps as TaroButtonProps } from '@tarojs/components';
+import React, { FC, PropsWithChildren } from 'react';
+import './style.scss';
+import { CommonEventFunction } from '@tarojs/components/types/common';
 export type ButtonProps = {
-    children?: React.ReactNode;
     /**
      * @description block 按钮宽高自适应
      */
@@ -9,7 +10,7 @@ export type ButtonProps = {
     /**
      * @description 颜色
      */
-    color?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
+    color?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | string;
     /**
      * @description 是否危险按钮，会使用 danger 的颜色
      */
@@ -44,10 +45,13 @@ export type ButtonProps = {
      * @description 按钮样式
      */
     variant?: 'outlined' | 'dashed' | 'solid' | 'filled' | 'text' | 'link';
+    size?: 'small' | 'middle' | 'large';
     /**
      * @description 点击事件
      */
-    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onClick?: (e: any) => void;
     [key: string]: any;
+    openType?: TaroButtonProps.OpenType;
+    onGetPhoneNumber?: CommonEventFunction<TaroButtonProps.onGetPhoneNumberEventDetail>;
 };
-export declare const Button: FC<ButtonProps>;
+export declare const Button: FC<PropsWithChildren<ButtonProps>>;

package/dist/Button/button.js

@@ -1,13 +1,14 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "block", "type", "color", "danger", "disabled", "className", "style", "icon", "iconPosition", "loading", "variant", "onClick"];
+var _excluded = ["children", "block", "type", "color", "danger", "disabled", "className", "style", "icon", "iconPosition", "loading", "variant", "size", "onClick", "openType", "onGetPhoneNumber"];
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Button as TaroButton } from '@tarojs/components';
+import classNames from 'classnames';
+import React from 'react';
 import "./style.scss";
-import React from "react";
-import classNames from "classnames";
 export var Button = function Button(_ref) {
   var children = _ref.children,
     _ref$block = _ref.block,
@@ -25,9 +26,13 @@ export var Button = function Button(_ref) {
     iconPosition = _ref$iconPosition === void 0 ? 'start' : _ref$iconPosition,
     loading = _ref.loading,
     variant = _ref.variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size,
     onClick = _ref.onClick,
+    openType = _ref.openType,
+    onGetPhoneNumber = _ref.onGetPhoneNumber,
     props = _objectWithoutProperties(_ref, _excluded);
-  var clsPrefix = "triones-antm-button";
+  var clsPrefix = 'triones-antm-button';
   var finalColor = color;
   var finalVariant = variant;
   if (type) {
@@ -51,9 +56,12 @@ export var Button = function Button(_ref) {
   if (danger) {
     finalColor = 'danger';
   }
-  return /*#__PURE__*/React.createElement("button", {
-    onClick: onClick,
-    className: classNames(clsPrefix, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(clsPrefix, "-block"), block), "".concat(clsPrefix, "-type-").concat(type), type), "".concat(clsPrefix, "-color-").concat(finalColor), finalColor), "".concat(clsPrefix, "-variant-").concat(finalVariant), finalVariant)),
-    disabled: disabled
-  }, iconPosition == 'start' && icon, children, iconPosition == 'end' && icon);
+  return /*#__PURE__*/React.createElement(TaroButton, {
+    className: classNames(clsPrefix, "".concat(clsPrefix, "-").concat(size), className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(clsPrefix, "-block"), block), "".concat(clsPrefix, "-type-").concat(type), type), "".concat(clsPrefix, "-color-").concat(finalColor), finalColor), "".concat(clsPrefix, "-variant-").concat(finalVariant), finalVariant)),
+    style: style,
+    disabled: disabled,
+    openType: openType,
+    onGetPhoneNumber: onGetPhoneNumber,
+    onClick: onClick
+  }, iconPosition === 'start' && icon, children, iconPosition === 'end' && icon);
 };

package/dist/Button/style.scss

@@ -1,193 +1,231 @@
-button::after {
-  content: none;
-  width: 100%;
-}
-
-$buttonCls: 'triones-antm-button';
-.#{$buttonCls} {
-  position: relative;
-  display: inline-flex;
-  flex-direction: column;
-  justify-self: center;
-  align-items: center;
-  height: auto;
-  line-height: normal;
-  padding: 7Px 12Px;
-  border-radius: 4Px;
-  border: 1Px none;
-  box-sizing: border-box;
-  font-size: 14Px;
-  z-index: 2;
-
-  &:active {
-    filter: brightness(92%);
-  }
-
-  &[disabled] {
-    opacity: 0.4;
-
-    &:active {
-      filter: none;
-    }
-  }
-
-  &-color {
-    &-default {
-      background-color: #ffffff;
-
-      &.#{$buttonCls} {
-        &-variant {
-          &-solid {
-            color: #ffffff;
-            background-color: rgba(0, 0, 0, 0.75);
-            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.75);
-          }
-
-          &-outlined {
-            color: rgba(0, 0, 0, 0.75);
-            border: 1px solid rgba(0, 0, 0, 0.75);
-            background-color: white;
-          }
-
-          &-dashed {
-            color: rgba(0, 0, 0, 0.75);
-            border: 1px dashed rgba(0, 0, 0, 0.75);
-            background-color: #ffffff;
-          }
-
-          &-filled {
-            color: rgba(0, 0, 0, 0.75);
-            background-color: rgba(0, 0, 0, 0.06);
-          }
-
-          &-text {
-            color: rgba(0, 0, 0, 0.75);
-            background-color: #ffffff;
-          }
-
-          &-link {
-            color: rgba(0, 0, 0, 0.75);
-            background-color: #ffffff;
-
-            &:active {
-              filter: none;
-            }
-          }
-        }
-      }
-    }
-
-    &-primary {
-      &.#{$buttonCls} {
-        &-variant {
-          &-solid {
-            color: #ffffff;
-            background-color: #1677ff;
-            box-shadow: inset 0 0 0 1px #1677ff;
-          }
-
-          &-outlined {
-            color: #1677ff;
-            background-color: white;
-            border: 1px solid #1677ff;
-          }
-
-          &-dashed {
-            color: #1677ff;
-            border: 1px dashed #1677ff;
-            background-color: #ffffff;
-          }
-
-          &-filled {
-            color: #1677ff;
-            background-color: #bae0ff;
-          }
-
-          &-text {
-            color: #1677ff;
-            background-color: #ffffff;
-          }
-
-          &-link {
-            color: #1677ff;
-            background-color: #ffffff;
-
-            &:active {
-              filter: none;
-            }
-          }
-        }
-      }
-    }
-
-    &-danger {
-      &.#{$buttonCls} {
-        &-variant {
-          &-solid {
-            color: #ffffff;
-            background-color: #ff4d4f;
-            box-shadow: inset 0 0 0 1px #ff4d4f;
-          }
-
-          &-outlined {
-            color: #ff4d4f;
-            background-color: #ffffff;
-            border: 1px solid #ff4d4f;
-          }
-
-          &-dashed {
-            color: #ff4d4f;
-            border: 1px dashed #ff4d4f;
-            background-color: #ffffff;
-          }
-
-          &-filled {
-            color: #ff4d4f;
-            background-color: #ffdfdc;
-          }
-
-          &-text {
-            color: #ff4d4f;
-            background-color: #ffffff;
-          }
-
-          &-link {
-            color: #ff4d4f;
-            background-color: #ffffff;
-
-            &:active {
-              filter: none;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  &-variant {
-    &-solid {
-    }
-
-    &-outlined {
-      background-color: #ffffff;
-    }
-
-    &-dashed {
-      border: 1px dashed #d9d9d9;
-      background-color: #ffffff;
-    }
-
-    &-text {
-      background-color: #ffffff;
-    }
-
-    &-link {
-      background-color: #ffffff;
-    }
-  }
-
-  &-block {
-    display: flex;
-    width: 100%;
-  }
-}
+@import "@trionesdev/antd-mobile-base-react/dist/style/variable";
+
+$trionesButtonPendingInlineSm: 7Px;
+$trionesButtonHeightSm: 24Px;
+
+$trionesButtonPendingInline: 15Px;
+$trionesButtonHeight: 32Px;
+
+$trionesButtonContentFontSizeLg: $trionesFontSizeLg;
+$trionesButtonPendingInlineLg: 15Px;
+$trionesButtonHeightLg: 40Px;
+
+button::after {
+  content: none;
+  width: 100%;
+}
+
+$buttonCls: 'triones-antm-button';
+.#{$buttonCls} {
+  width: auto;
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+  height: auto;
+  line-height: normal;
+  border-radius: 4Px;
+  border: 1Px none;
+  box-sizing: border-box;
+  font-size: 14Px;
+  z-index: 2;
+  margin-top: 0;
+
+  &:active {
+    filter: brightness(92%);
+  }
+  &::after{
+    content: none;
+  }
+
+  &[disabled] {
+    opacity: 0.4;
+
+    &:active {
+      filter: none;
+    }
+  }
+  &:not([disabled]):active{}
+
+  &-color {
+    &-default {
+      background-color: #ffffff;
+
+      &.#{$buttonCls} {
+        &-variant {
+          &-solid {
+            color: #ffffff;
+            background-color: rgba(0, 0, 0, 0.75);
+            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.75);
+          }
+
+          &-outlined {
+            color: rgba(0, 0, 0, 0.75);
+            border: 1px solid rgba(0, 0, 0, 0.75);
+            background-color: white;
+          }
+
+          &-dashed {
+            color: rgba(0, 0, 0, 0.75);
+            border: 1px dashed rgba(0, 0, 0, 0.75);
+            background-color: #ffffff;
+          }
+
+          &-filled {
+            color: rgba(0, 0, 0, 0.75);
+            background-color: rgba(0, 0, 0, 0.06);
+          }
+
+          &-text {
+            color: rgba(0, 0, 0, 0.75);
+            background-color: #ffffff;
+          }
+
+          &-link {
+            color: rgba(0, 0, 0, 0.75);
+            background-color: #ffffff;
+
+            &:active {
+              filter: none;
+            }
+          }
+        }
+      }
+    }
+
+    &-primary {
+      &.#{$buttonCls} {
+        &-variant {
+          &-solid {
+            color: #ffffff;
+            background-color: $trionesColorPrimaryText;
+            box-shadow: inset 0 0 0 1px $trionesColorPrimaryText;
+          }
+
+          &-outlined {
+            color: #1677ff;
+            background-color: white;
+            border: 1px solid $trionesColorPrimaryText;
+          }
+
+          &-dashed {
+            color: $trionesColorPrimaryText;
+            border: 1px dashed $trionesColorPrimaryText;
+            background-color: #ffffff;
+          }
+
+          &-filled {
+            color: $trionesColorPrimaryText;
+            background-color: $trionesColorPrimaryBg;
+          }
+
+          &-text {
+            color: $trionesColorPrimaryText;
+            background-color: #ffffff;
+          }
+
+          &-link {
+            color: $trionesColorPrimaryText;
+            background-color: #ffffff;
+
+            &:active {
+              filter: none;
+            }
+          }
+        }
+      }
+    }
+
+    &-danger {
+      &.#{$buttonCls} {
+        &-variant {
+          &-solid {
+            color: #ffffff;
+            background-color: $trionesColorErrorText;
+            box-shadow: inset 0 0 0 1px $trionesColorErrorText;
+          }
+
+          &-outlined {
+            color: $trionesColorErrorText;
+            background-color: #ffffff;
+            border: 1px solid $trionesColorErrorText;
+          }
+
+          &-dashed {
+            color: $trionesColorErrorText;
+            border: 1px dashed $trionesColorErrorText;
+            background-color: #ffffff;
+          }
+
+          &-filled {
+            color: $trionesColorErrorText;
+            background-color: #ffdfdc;
+          }
+
+          &-text {
+            color: $trionesColorErrorText;
+            background-color: #ffffff;
+          }
+
+          &-link {
+            color: $trionesColorErrorText;
+            background-color: #ffffff;
+
+            &:active {
+              filter: none;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &-variant {
+    &-solid {
+    }
+
+    &-outlined {
+      background-color: #ffffff;
+    }
+
+    &-dashed {
+      border: 1px dashed #d9d9d9;
+      background-color: #ffffff;
+    }
+
+    &-text {
+      background-color: #ffffff;
+    }
+
+    &-link {
+      background-color: #ffffff;
+    }
+  }
+
+  &-block {
+    display: flex;
+    width: 100%;
+  }
+
+  &-small {
+    font-size: $trionesFontSizeSm;
+    padding-inline: $trionesButtonPendingInlineSm;
+    height: $trionesButtonHeightSm;
+    border-radius: $trionesBorderRadiusSm;
+  }
+
+  &-middle {
+    padding-inline: $trionesButtonPendingInline;
+    height: $trionesButtonHeight;
+    border-radius: $trionesBorderRadius;
+  }
+
+  &-large {
+    font-size: $trionesButtonContentFontSizeLg;
+    padding-inline: $trionesButtonPendingInlineLg;
+    height: $trionesButtonHeightLg;
+    border-radius: $trionesBorderRadiusLg;
+  }
+}

package/dist/Calendar/calendar-grid.js

@@ -13,9 +13,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import classNames from 'classnames';
+import { isEmpty } from 'lodash';
 import React, { forwardRef, memo, useEffect, useMemo, useState } from 'react';
 import "./style.scss";
-import _ from "lodash";
 var calendarCls = 'triones-antm-calendar';
 var CalendarCell = /*#__PURE__*/memo(function (_ref) {
   var _ref$mouth = _ref.mouth,
@@ -29,7 +29,7 @@ var CalendarCell = /*#__PURE__*/memo(function (_ref) {
     return date.getMonth() !== mouth.getMonth();
   }, [date, mouth]);
   var selected = useMemo(function () {
-    if (disabled || _.isEmpty(value)) {
+    if (disabled || isEmpty(value)) {
       return false;
     }
     if (value !== null && value !== void 0 && value[0]) {

package/dist/Calendar/calendar-header.js

@@ -1,12 +1,12 @@
 import React from "react";
 import classNames from "classnames";
-import { useConfig } from "../ConfigProvider";
+import ConfigProvider from "../ConfigProvider";
 var calendarCls = 'triones-antm-calendar';
 export var CalendarHeader = function CalendarHeader(_ref) {
   var mouth = _ref.mouth,
     onChange = _ref.onChange;
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
+  var _ConfigProvider$useCo = ConfigProvider.useConfig(),
+    locale = _ConfigProvider$useCo.locale;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(calendarCls, "-header"))
   }, /*#__PURE__*/React.createElement("div", {

package/dist/Calendar/calendar-range.d.ts

@@ -1,9 +1,10 @@
-import { FC } from "react";
-import "./style.scss";
+import { FC } from 'react';
+import './style.scss';
 type CalendarProps = {
     mouth?: Date;
     value?: Date[];
     onChange?: (date: Date[]) => void;
+    slideable?: boolean;
 };
 export declare const CalendarRange: FC<CalendarProps>;
 export {};