@trionesdev/antd-taro-react 0.0.2-beta.6 → 0.0.2-beta.8

package/dist/Popup/style.scss

@@ -0,0 +1,114 @@
+@use "../style/variable" as variable;
+
+$trionesPopupCls: 'triones-antm-popup';
+
+.#{$trionesPopupCls} {
+  &-root {
+    display: flex;
+
+    .#{$trionesPopupCls} {
+      position: relative;
+      background-color: white;
+
+      &-title {
+        text-align: center;
+        padding-block: variable.$trionesPaddingContentVertical;
+        padding-inline: variable.$trionesPaddingContentHorizontal;
+      }
+
+      &-close {
+        position: absolute;
+
+        &-top-right {
+          top: variable.$trionesPaddingContentVertical;
+          right: variable.$trionesPaddingContentHorizontal;
+        }
+
+        &-top-left {
+          top: variable.$trionesPaddingContentVertical;
+          left: variable.$trionesPaddingContentHorizontal;
+        }
+      }
+    }
+  }
+
+  &-top {
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-start;
+
+    .#{$trionesPopupCls} {
+      width: 100%;
+      min-height: 20%;
+      max-height: 90%;
+
+      &-round {
+        border-bottom-left-radius: variable.$trionesBorderRadius;
+        border-bottom-right-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+  &-bottom {
+    flex-direction: column;
+    align-items: flex-end;
+    justify-content: flex-end;
+
+    .#{$trionesPopupCls} {
+      width: 100%;
+      min-height: 20%;
+      max-height: 90%;
+
+      &-round {
+        border-top-left-radius: variable.$trionesBorderRadius;
+        border-top-right-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+  &-left {
+    flex-direction: row;
+    justify-content: flex-start;
+
+    .#{$trionesPopupCls} {
+      height: 100%;
+      min-width: 20%;
+      max-width: 90%;
+
+      &-round {
+        border-top-right-radius: variable.$trionesBorderRadius;
+        border-bottom-right-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+
+  &-right {
+    flex-direction: row;
+    justify-content: flex-end;
+
+    .#{$trionesPopupCls} {
+      height: 100%;
+      min-width: 20%;
+      max-width: 90%;
+
+      &-round {
+        border-top-left-radius: variable.$trionesBorderRadius;
+        border-bottom-left-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+  &-center {
+    justify-content: center;
+    align-items: center;
+
+    .#{$trionesPopupCls} {
+      &-round {
+        border-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+
+}

package/dist/Progress/index.d.ts

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

package/dist/Progress/index.js

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

package/dist/SideBar/side-bar.js

@@ -264,13 +264,14 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
                 return computeReactiveOffsetBottom();
               case 6:
                 reactiveOffsetBottom = _context5.sent;
-                if (!isTaroEnv) {
+                if (!isTaroWeApp) {
                   _context5.next = 13;
                   break;
                 }
                 _context5.next = 10;
                 return new Promise(function (resolve) {
-                  Taro.getSystemInfo().then(function (res) {
+                  var _Taro$getSystemInfo;
+                  (_Taro$getSystemInfo = Taro.getSystemInfo) === null || _Taro$getSystemInfo === void 0 || _Taro$getSystemInfo.call(Taro).then(function (res) {
                     return resolve(res.windowHeight);
                   });
                 });

package/dist/Toast/Toast.d.ts

@@ -0,0 +1,18 @@
+import { FC } from "react";
+import React from "react";
+import "./style.scss";
+export type ToastProps = {
+    open?: boolean;
+    maskClosable?: boolean;
+    content?: React.ReactNode;
+    duration?: number;
+    durationAble?: boolean;
+    icon?: 'success' | 'fail' | 'loading' | React.ReactNode;
+    maskClassName?: string;
+    position?: 'top' | 'bottom' | 'center';
+    destroyOnClose?: boolean;
+    afterClose?: () => void;
+    afterOpenChange?: (open: boolean) => void;
+    onDestroy?: () => void;
+};
+export declare const Toast: FC<ToastProps>;

package/dist/Toast/Toast.js

@@ -0,0 +1,112 @@
+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); }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { memo, useEffect, useMemo, useRef, useState } from "react";
+import classNames from "classnames";
+import React from "react";
+import "./style.scss";
+import { SpinLoading } from "../index";
+import Overlay from "../Overlay";
+import { CheckOutline, CloseOutline } from "@trionesdev/antd-mobile-icons-react";
+var toastCls = "triones-antm-toast";
+export var Toast = /*#__PURE__*/memo(function (_ref) {
+  var open = _ref.open,
+    _ref$maskClosable = _ref.maskClosable,
+    maskClosable = _ref$maskClosable === void 0 ? true : _ref$maskClosable,
+    content = _ref.content,
+    _ref$duration = _ref.duration,
+    duration = _ref$duration === void 0 ? 2000 : _ref$duration,
+    _ref$durationAble = _ref.durationAble,
+    durationAble = _ref$durationAble === void 0 ? true : _ref$durationAble,
+    icon = _ref.icon,
+    maskClassName = _ref.maskClassName,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'center' : _ref$position,
+    destroyOnClose = _ref.destroyOnClose,
+    afterClose = _ref.afterClose,
+    afterOpenChange = _ref.afterOpenChange,
+    onDestroy = _ref.onDestroy;
+  var _useState = useState(open || false),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalOpen = _useState2[0],
+    setInternalOpen = _useState2[1];
+  var time = useRef();
+  var handleIcon = function handleIcon() {
+    if (icon === 'success') {
+      return /*#__PURE__*/React.createElement(CheckOutline, null);
+    } else if (icon === 'fail') {
+      return /*#__PURE__*/React.createElement(CloseOutline, null);
+    } else if (icon === 'loading') {
+      return /*#__PURE__*/React.createElement(SpinLoading, {
+        color: "white"
+      });
+    } else {
+      return icon;
+    }
+  };
+  useEffect(function () {
+    if (open === undefined) {
+      return;
+    }
+    if (open !== internalOpen) {
+      setInternalOpen(open);
+    }
+  }, [open]);
+  useEffect(function () {
+    afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(internalOpen);
+    if (!internalOpen) {
+      afterClose === null || afterClose === void 0 || afterClose();
+      if (destroyOnClose) {
+        onDestroy === null || onDestroy === void 0 || onDestroy();
+      }
+      clearTimeout(time.current);
+    }
+    if (durationAble && internalOpen && duration) {
+      time.current = setTimeout(function () {
+        setInternalOpen(false);
+      }, duration);
+    }
+  }, [internalOpen]);
+  var top = useMemo(function () {
+    switch (position) {
+      case 'top':
+        return '20%';
+      case 'bottom':
+        return '80%';
+      default:
+        return '50%';
+    }
+  }, [position]);
+  return /*#__PURE__*/React.createElement(Overlay, {
+    className: maskClassName,
+    open: internalOpen,
+    onClick: function onClick() {
+      if (maskClosable) {
+        setInternalOpen(false);
+      }
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(toastCls)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(toastCls, "-main"), _defineProperty({}, "".concat(toastCls, "-main-icon"), icon)),
+    style: {
+      top: top
+    },
+    onClick: function onClick(e) {
+      e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(toastCls, "-center"))
+  }, icon && /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(toastCls, "-center-icon"))
+  }, handleIcon()), content && /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(toastCls, "-center-content"))
+  }, content)))));
+});

package/dist/Toast/index.d.ts

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

package/dist/Toast/index.js

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

package/dist/Toast/style.scss

@@ -0,0 +1,63 @@
+$toastCls: 'triones-antm-toast';
+
+.#{$toastCls} {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  pointer-events: none;
+
+  &-main {
+
+    padding: 12Px;
+    display: inline-block;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+    width: auto;
+    max-width: 204px;
+    max-height: 70%;
+    overflow: auto;
+    color: #fff;
+    word-break: break-all;
+    background-color: rgba(0, 0, 0, .7);
+    border-radius: 8px;
+    pointer-events: all;
+    font-size: var(--adm-font-size-7);
+    line-height: 1.5;
+    box-sizing: border-box;
+    &-icon{
+      padding: 35Px 12Px;
+      min-width: 150Px;
+      .#{$toastCls}{
+        &-center{
+          &-center{
+            text-align: initial;
+          }
+        }
+      }
+    }
+  }
+
+  &-center{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 8Px;
+    &-icon{
+      .triones-antm-icon{
+        font-size: 36Px;
+      }
+    }
+    &-content{
+      display: inline-block;
+      color: #fff;
+      word-break: break-all;
+      pointer-events: all;
+      text-align: initial;
+    }
+  }
+}

package/dist/index.d.ts

@@ -12,12 +12,16 @@ export { default as Calendar, CalendarGrid, TouchableCalendarGrid, } from './Cal
 export type { CalendarGridProps, CalendarProps } from './Calendar';
 export { default as CalendarDatetimePicker } from './CalendarDatetimePicker';
 export type { CalendarDatetimePickerProps } from './CalendarDatetimePicker';
-export { default as CalendarPicker } from './CalendarPicker';
-export type { CalendarPickerProps } from './CalendarPicker';
+export { default as CalendarDatetimePopup } from './CalendarDatetimePopup';
+export type { CalendarDatetimePopupProps } from './CalendarDatetimePopup';
+export { default as CalendarPopup } from './CalendarPopup';
+export type { CalendarPopupProps, CalendarPopupRangeProps } from './CalendarPopup';
 export { default as Card } from './Card';
 export type { CardProps } from './Card';
 export { default as CascaderPicker } from './CascaderPicker';
 export type { CascaderPickerProps } from './CascaderPicker';
+export { default as CascaderPopup } from './CascaderPopup';
+export type { CascaderPopupProps } from './CascaderPopup';
 export { default as CascaderView } from './CascaderView';
 export type { CascaderViewProps } from './CascaderView';
 export { default as Cell } from './Cell';
@@ -26,6 +30,7 @@ export { default as Checkbox } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
 export { default as ConfigProvider } from './ConfigProvider';
 export type { ConfigProviderProps } from './ConfigProvider';
+export { default as DatePicker } from './DatePicker';
 export { default as Descriptions } from "./Descriptions";
 export type { DescriptionsProps } from "./Descriptions";
 export { default as Divider } from './Divider';
@@ -52,12 +57,12 @@ export { default as Input } from './Input';
 export type { InputOPTProps, InputPasswordProps, InputProps, InputTextareaProps } from './Input';
 export { default as InputNumber } from './InputNumber';
 export type { InputNumberProps } from './InputNumber';
-export { default as Mask } from "./Mask";
-export type { MaskProps } from "./Mask";
 export { default as NavBar } from './NavBar';
 export type { NavBarProps } from './NavBar';
 export { default as NoticeBar } from './NoticeBar';
 export type { NoticeBarProps } from './NoticeBar';
+export { default as Overlay } from './Overlay';
+export type { OverlayProps } from './Overlay';
 export { default as PageIndicator } from './PageIndicator';
 export type { PageIndicatorProps } from './PageIndicator';
 export { default as Picker } from './Picker';

package/dist/index.js

@@ -5,13 +5,16 @@ export { default as Badge } from "./Badge";
 export { default as Button } from "./Button";
 export { default as Calendar, CalendarGrid, TouchableCalendarGrid } from "./Calendar";
 export { default as CalendarDatetimePicker } from "./CalendarDatetimePicker";
-export { default as CalendarPicker } from "./CalendarPicker";
+export { default as CalendarDatetimePopup } from "./CalendarDatetimePopup";
+export { default as CalendarPopup } from "./CalendarPopup";
 export { default as Card } from "./Card";
 export { default as CascaderPicker } from "./CascaderPicker";
+export { default as CascaderPopup } from "./CascaderPopup";
 export { default as CascaderView } from "./CascaderView";
 export { default as Cell } from "./Cell";
 export { default as Checkbox } from "./Checkbox";
 export { default as ConfigProvider } from "./ConfigProvider";
+export { default as DatePicker } from "./DatePicker";
 export { default as Descriptions } from "./Descriptions";
 export { default as Divider } from "./Divider";
 export { default as Ellipsis } from "./Ellipsis";
@@ -25,9 +28,9 @@ export { default as ImagesPreview } from "./ImagesPreview";
 export { default as ImagesWall } from "./ImagesWall";
 export { default as Input } from "./Input";
 export { default as InputNumber } from "./InputNumber";
-export { default as Mask } from "./Mask";
 export { default as NavBar } from "./NavBar";
 export { default as NoticeBar } from "./NoticeBar";
+export { default as Overlay } from "./Overlay";
 export { default as PageIndicator } from "./PageIndicator";
 export { default as Picker } from "./Picker";
 export { default as PickerView } from "./PickerView";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trionesdev/antd-taro-react",
-  "version": "0.0.2-beta.6",
+  "version": "0.0.2-beta.8",
   "description": "antd taro react",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -29,7 +29,7 @@
     "@tarojs/react": "^4.1.8",
     "@tarojs/taro": "^4.1.8",
     "classnames": "^2.5.1",
-    "lodash-es": "^4.17.21",
+    "lodash-es": "4.17.23",
     "react": ">=16.9.0"
   },
   "devDependencies": {
@@ -52,12 +52,13 @@
     "@types/react": "^18.0.0",
     "classnames": "^2.5.1",
     "father": "^4.6.9",
-    "lodash-es": "^4.17.21"
+    "lodash-es": "^4.17.23"
   },
   "dependencies": {
     "@tarojs/components": "^4.1.8",
-    "@trionesdev/antd-mobile-base-react": "^0.0.2-beta.6",
+    "@trionesdev/antd-mobile-base-react": "^0.0.2-beta.8",
     "crypto-js": "^4.2.0",
+    "dayjs": "^1.11.19",
     "rc-field-form": "^2.7.0",
     "rc-util": "^5.44.3",
     "react": "^18.0.0",
@@ -65,7 +66,7 @@
   },
   "optionalDependencies": {
     "@trionesdev/antd-mobile-base-react": "workspace:*",
-    "@trionesdev/antd-mobile-icons-react": "0.0.2-beta.6"
+    "@trionesdev/antd-mobile-icons-react": "0.0.2-beta.8"
   },
-  "gitHead": "67e8a0eb804b24ce8aeeb8c2c7aac8046da5be5d"
+  "gitHead": "f88406f6bb2af29bd4f8f470adb1d029f7787242"
 }

package/dist/CalendarPicker/calendar-picker.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import './style.scss';
-import { CalendarPickerProps } from './types';
-export declare const CalendarPicker: FC<CalendarPickerProps>;

package/dist/CalendarPicker/calendar-range-picker.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import "./style.scss";
-import { CalendarPickerRangeProps } from "./types";
-export declare const CalendarRangePicker: FC<CalendarPickerRangeProps>;

package/dist/CalendarPicker/index.d.ts

@@ -1,9 +0,0 @@
-import { CalendarPicker as InternalCalendarPicker } from "./calendar-picker";
-import { CalendarRangePicker } from "./calendar-range-picker";
-import { CalendarPickerProps } from "./types";
-type CompoundedComponent = typeof InternalCalendarPicker & {
-    Range: typeof CalendarRangePicker;
-};
-declare const CalendarPicker: CompoundedComponent;
-export type { CalendarPickerProps };
-export default CalendarPicker;

package/dist/CalendarPicker/index.js

@@ -1,5 +0,0 @@
-import { CalendarPicker as InternalCalendarPicker } from "./calendar-picker";
-import { CalendarRangePicker } from "./calendar-range-picker";
-var CalendarPicker = InternalCalendarPicker;
-CalendarPicker.Range = CalendarRangePicker;
-export default CalendarPicker;

package/dist/Mask/index.d.ts

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

package/dist/Mask/index.js

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

package/dist/Progress/Progress.d.ts

@@ -1,39 +0,0 @@
-import { FC } from "react";
-import { Size } from "./types";
-import "./style.scss";
-import { PercentPositionAlign, ProgressStatus } from "./types";
-import "./style.scss";
-export type ProgressProps = {
-    /**
-     * @description 内容的模板函数
-     * @default percent => `${percent}%`
-     */
-    format?: (percent: number) => string;
-    type?: 'line' | 'circle';
-    /**
-     * @description 百分比
-     * @default 0
-     */
-    percent?: number;
-    size?: Size;
-    /**
-     * @description 是否显示进度数值或状态图标
-     * @default true
-     */
-    showInfo?: boolean;
-    /**
-     * @description 未完成的分段的颜色
-     */
-    railColor?: string;
-    /**
-     * @description 进度条的色彩
-     */
-    strokeColor?: string;
-    strokeWidth?: number;
-    status?: ProgressStatus;
-    /**
-     * @description 进度数值位置
-     */
-    percentPositionAlign?: PercentPositionAlign;
-};
-export declare const Progress: FC<ProgressProps>;

package/dist/Progress/Progress.js

@@ -1,56 +0,0 @@
-import React from "react";
-import { ProgressCircle } from "./ProgressCircle";
-import "./style.scss";
-import { ProgressLine } from "./ProgressLine";
-import { exceptionColor, successColor } from "./types";
-import "./style.scss";
-export var Progress = function Progress(_ref) {
-  var format = _ref.format,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'line' : _ref$type,
-    _ref$percent = _ref.percent,
-    percent = _ref$percent === void 0 ? 0 : _ref$percent,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'middle' : _ref$size,
-    _ref$showInfo = _ref.showInfo,
-    showInfo = _ref$showInfo === void 0 ? true : _ref$showInfo,
-    _ref$railColor = _ref.railColor,
-    railColor = _ref$railColor === void 0 ? '#E5E5E5' : _ref$railColor,
-    _ref$strokeColor = _ref.strokeColor,
-    strokeColor = _ref$strokeColor === void 0 ? '#1777FF' : _ref$strokeColor,
-    _ref$strokeWidth = _ref.strokeWidth,
-    strokeWidth = _ref$strokeWidth === void 0 ? 6 : _ref$strokeWidth,
-    status = _ref.status,
-    percentPositionAlign = _ref.percentPositionAlign;
-  var handleComputedStrokeColor = function handleComputedStrokeColor() {
-    if (status === 'exception') {
-      return exceptionColor;
-    }
-    if (percent >= 100) {
-      return successColor;
-    }
-    return strokeColor;
-  };
-  if (type === 'line') {
-    return /*#__PURE__*/React.createElement(ProgressLine, {
-      format: format,
-      percent: percent,
-      size: size,
-      railColor: railColor,
-      strokeColor: handleComputedStrokeColor(),
-      status: status,
-      showInfo: showInfo,
-      percentPositionAlign: percentPositionAlign
-    });
-  }
-  return /*#__PURE__*/React.createElement(ProgressCircle, {
-    format: format,
-    percent: percent,
-    size: size,
-    railColor: railColor,
-    strokeColor: handleComputedStrokeColor(),
-    strokeWidth: strokeWidth,
-    showInfo: showInfo,
-    status: status
-  });
-};

package/dist/Progress/ProgressCircle.d.ts

@@ -1,16 +0,0 @@
-import { FC } from "react";
-import { Size } from "./types";
-import { ProgressStatus } from "./types";
-type ProcessCircleProps = {
-    format?: (percent: number) => string;
-    percent?: number;
-    strokeWidth?: number;
-    size?: Size;
-    showInfo?: boolean;
-    railColor?: string;
-    strokeColor?: string;
-    strokeLineCap?: 'butt' | 'round' | 'square';
-    status?: ProgressStatus;
-};
-export declare const ProgressCircle: FC<ProcessCircleProps>;
-export {};