@para-ui/core 3.0.28 → 3.0.30

package/PopConfirm/index.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useState, useEffect } from 'react';
@@ -9,15 +9,15 @@ import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import { Button } from '../Button/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
-import { u as usePopupContainer } from '../_verture/usePopupContainer-b8ab7cab.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { u as usePopupContainer } from '../_verture/usePopupContainer-87febeb9.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
-import '../_verture/index-bbed73a3.js';
+import '../_verture/index-be4faaee.js';
 import 'rc-dropdown';
 import 'dayjs';
 import '@paraview/lib';
@@ -43,76 +43,72 @@ var localeJson = {
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午1:44\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-popconfirm.paraui-v3-tooltip {\n  position: absolute;\n  max-width: 600px;\n  padding: 0;\n  font-size: 14px;\n  color: initial;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n}\n.paraui-v3-popconfirm.paraui-v3-tooltip .component-tooltip-inner {\n  min-width: auto;\n  min-height: auto;\n  padding: 0;\n  color: initial;\n  background-color: transparent;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper {\n  min-width: 350px;\n  padding: 24px;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message {\n  position: relative;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-icon {\n  position: absolute;\n  top: 2px;\n  color: rgb(255, 161, 80);\n  line-height: 0;\n  font-size: 16px;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-icon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-body {\n  padding-left: 24px;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-title {\n  font-weight: 700;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-content {\n  font-weight: 400;\n  margin-top: 13px;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-btns {\n  margin-top: 32px;\n  text-align: right;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-btns > button + button {\n  margin-left: 16px;\n}";
 styleInject(css_248z);
 
+//图标
 var iconMapping = {
   "success": jsx(CompleteIcon, {}),
   "warning": jsx(WarningCircleF, {}),
   "error": jsx(CloseCircleFilled, {}),
   "info": jsx(InfoOutlined, {})
-}; //popConfirm
-
+};
+//popConfirm
 var PopConfirm = function PopConfirm(props) {
   var _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'warning' : _props$type,
-      title = props.title,
-      content = props.content,
-      icon = props.icon,
-      okText = props.okText,
-      cancelText = props.cancelText,
-      onOk = props.onOk,
-      onCancel = props.onCancel,
-      okButtonProps = props.okButtonProps,
-      cancelButtonProps = props.cancelButtonProps,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottom' : _props$placement,
-      className = props.className,
-      overlayClassName = props.overlayClassName,
-      style = props.style,
-      children = props.children,
-      _props$open = props.open,
-      open = _props$open === void 0 ? false : _props$open,
-      _props$controllable = props.controllable,
-      controllable = _props$controllable === void 0 ? false : _props$controllable,
-      _props$showCancel = props.showCancel,
-      showCancel = _props$showCancel === void 0 ? true : _props$showCancel,
-      _props$bubble = props.bubble,
-      bubble = _props$bubble === void 0 ? true : _props$bubble,
-      actions = props.actions,
-      onClose = props.onClose,
-      customizeContainer = props.getPopupContainer,
-      restProps = __rest(props, ["trigger", "type", "title", "content", "icon", "okText", "cancelText", "onOk", "onCancel", "okButtonProps", "cancelButtonProps", "placement", "className", "overlayClassName", "style", "children", "open", "controllable", "showCancel", "bubble", "actions", "onClose", "getPopupContainer"]);
-
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'warning' : _props$type,
+    title = props.title,
+    content = props.content,
+    icon = props.icon,
+    okText = props.okText,
+    cancelText = props.cancelText,
+    onOk = props.onOk,
+    onCancel = props.onCancel,
+    okButtonProps = props.okButtonProps,
+    cancelButtonProps = props.cancelButtonProps,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottom' : _props$placement,
+    className = props.className,
+    overlayClassName = props.overlayClassName,
+    style = props.style,
+    children = props.children,
+    _props$open = props.open,
+    open = _props$open === void 0 ? false : _props$open,
+    _props$controllable = props.controllable,
+    controllable = _props$controllable === void 0 ? false : _props$controllable,
+    _props$showCancel = props.showCancel,
+    showCancel = _props$showCancel === void 0 ? true : _props$showCancel,
+    _props$bubble = props.bubble,
+    bubble = _props$bubble === void 0 ? true : _props$bubble,
+    actions = props.actions,
+    onClose = props.onClose,
+    customizeContainer = props.getPopupContainer,
+    restProps = __rest(props, ["trigger", "type", "title", "content", "icon", "okText", "cancelText", "onOk", "onCancel", "okButtonProps", "cancelButtonProps", "placement", "className", "overlayClassName", "style", "children", "open", "controllable", "showCancel", "bubble", "actions", "onClose", "getPopupContainer"]);
   var intl = useFormatMessage('PopConfirm', localeJson);
   var wrapRef = React__default.useRef();
-  var getPopupContainer = usePopupContainer(wrapRef, customizeContainer); //打开
-
+  var getPopupContainer = usePopupContainer(wrapRef, customizeContainer);
+  //打开
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      inOpen = _useState2[0],
-      setInOpen = _useState2[1]; //取消
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    inOpen = _useState2[0],
+    setInOpen = _useState2[1];
+  //取消
   var handleCancel = function handleCancel() {
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     handleClose();
-  }; //确认
-
-
+  };
+  //确认
   var handleOk = function handleOk() {
     onOk === null || onOk === void 0 ? void 0 : onOk();
     handleClose();
-  }; //关闭
-
-
+  };
+  //关闭
   var handleClose = function handleClose() {
     if (!controllable) {
       setInOpen(false);
       onClose === null || onClose === void 0 ? void 0 : onClose();
     }
-  }; //tooltip vis
-
-
+  };
+  //tooltip vis
   var onVisibleChange = function onVisibleChange(vis) {
     if (!controllable) {
       setInOpen(vis);
@@ -121,11 +117,10 @@ var PopConfirm = function PopConfirm(props) {
       if (open) onClose === null || onClose === void 0 ? void 0 : onClose();
     }
   };
-
   useEffect(function () {
     if (controllable) setInOpen(open);
-  }, [open]); //渲染内容
-
+  }, [open]);
+  //渲染内容
   var renderOverlay = function renderOverlay() {
     var btns = jsxs(Fragment, {
       children: [showCancel && jsx(Button, Object.assign({
@@ -146,7 +141,6 @@ var PopConfirm = function PopConfirm(props) {
         })
       }))]
     });
-
     return jsxs("div", Object.assign({
       className: clsx('popconfirm-wrapper'),
       style: style,
@@ -181,7 +175,6 @@ var PopConfirm = function PopConfirm(props) {
       }))]
     }));
   };
-
   return jsx(Tooltip, Object.assign({}, restProps, {
     ref: wrapRef,
     trigger: trigger,

package/Popover/index.js

@@ -2,25 +2,25 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import { Tooltip } from '../Tooltip/index.js';
-import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-bf34e6fa.js';
-import { u as usePopupContainer } from '../_verture/usePopupContainer-b8ab7cab.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-66aa48a1.js';
+import { u as usePopupContainer } from '../_verture/usePopupContainer-87febeb9.js';
 import clsx from 'clsx';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/slicedToArray-d7722f4b.js';
+import '../_verture/slicedToArray-77980792.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/7 上午11:06\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-popover {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1500;\n  font-weight: 400;\n  white-space: normal;\n  text-align: left;\n  cursor: auto;\n  user-select: text;\n}\n.paraui-v3-popover::after {\n  position: absolute;\n  background: rgba(255, 255, 255, 0.01);\n  content: \"\";\n}\n.paraui-v3-popover.component-popover-hidden {\n  display: none;\n}\n.paraui-v3-popover .component-popover-inner {\n  background-color: rgb(255, 255, 255);\n  background-clip: padding-box;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-popover .component-popover-title {\n  min-height: 32px;\n  margin: 0;\n  padding: 4px 16px;\n  color: rgb(46, 55, 67);\n  font-weight: 400;\n  border-bottom: 1px solid #f0f0f0;\n}\n.paraui-v3-popover .component-popover-inner-content {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-popover .component-popover-buttons {\n  margin-bottom: 4px;\n  text-align: right;\n}\n.paraui-v3-popover .component-popover-buttons button {\n  margin-left: 8px;\n}\n.paraui-v3-popover .component-popover-arrow {\n  position: absolute;\n  display: none;\n  width: 16px;\n  height: 16px;\n  overflow: hidden;\n  background: transparent;\n  pointer-events: none;\n}\n.paraui-v3-popover .component-popover-arrow-content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  width: 11.3137085px;\n  height: 11.3137085px;\n  margin: auto;\n  background-color: rgb(255, 255, 255);\n  content: \"\";\n  border-radius: 0 0 4px;\n  pointer-events: none;\n}\n.paraui-v3-popover .component-popover-arrow-content::before {\n  position: absolute;\n  top: -11.3137085px;\n  left: -11.3137085px;\n  width: 33.9411255px;\n  height: 33.9411255px;\n  background: rgb(255, 255, 255) -10px -10px no-repeat;\n  content: \"\";\n  -webkit-clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-v3-popover.component-popover-placement-top .component-popover-arrow, .paraui-v3-popover.component-popover-placement-topLeft .component-popover-arrow, .paraui-v3-popover.component-popover-placement-topRight .component-popover-arrow {\n  bottom: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-top .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-topLeft .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-topRight .component-popover-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(-1px) rotate(45deg);\n}\n.paraui-v3-popover.component-popover-placement-top .component-popover-arrow {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.paraui-v3-popover.component-popover-placement-topLeft .component-popover-arrow {\n  left: 16px;\n}\n.paraui-v3-popover.component-popover-placement-topRight .component-popover-arrow {\n  right: 16px;\n}\n.paraui-v3-popover.component-popover-placement-right .component-popover-arrow, .paraui-v3-popover.component-popover-placement-rightTop .component-popover-arrow, .paraui-v3-popover.component-popover-placement-rightBottom .component-popover-arrow {\n  left: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-right .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-rightTop .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-rightBottom .component-popover-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(1px) rotate(135deg);\n}\n.paraui-v3-popover.component-popover-placement-right .component-popover-arrow {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v3-popover.component-popover-placement-rightTop .component-popover-arrow {\n  top: 12px;\n}\n.paraui-v3-popover.component-popover-placement-rightBottom .component-popover-arrow {\n  bottom: 12px;\n}\n.paraui-v3-popover.component-popover-placement-bottom .component-popover-arrow, .paraui-v3-popover.component-popover-placement-bottomLeft .component-popover-arrow, .paraui-v3-popover.component-popover-placement-bottomRight .component-popover-arrow {\n  top: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-bottom .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-bottomLeft .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-bottomRight .component-popover-arrow-content {\n  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);\n  transform: translateY(1px) rotate(-135deg);\n}\n.paraui-v3-popover.component-popover-placement-bottom .component-popover-arrow {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.paraui-v3-popover.component-popover-placement-bottomLeft .component-popover-arrow {\n  left: 16px;\n}\n.paraui-v3-popover.component-popover-placement-bottomRight .component-popover-arrow {\n  right: 16px;\n}\n.paraui-v3-popover.component-popover-placement-left .component-popover-arrow, .paraui-v3-popover.component-popover-placement-leftTop .component-popover-arrow, .paraui-v3-popover.component-popover-placement-leftBottom .component-popover-arrow {\n  right: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-left .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-leftTop .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-leftBottom .component-popover-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(-1px) rotate(-45deg);\n}\n.paraui-v3-popover.component-popover-placement-left .component-popover-arrow {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v3-popover.component-popover-placement-leftTop .component-popover-arrow {\n  top: 12px;\n}\n.paraui-v3-popover.component-popover-placement-leftBottom .component-popover-arrow {\n  bottom: 12px;\n}\n\n.component-popover-zoom-big-enter,\n.component-popover-zoom-big-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-popover-zoom-big-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-popover-zoom-big-enter.component-popover-zoom-big-enter-active,\n.component-popover-zoom-big-appear.component-popover-zoom-big-appear-active {\n  animation-name: componentPopoverZoomBigIn;\n  animation-play-state: running;\n}\n\n.component-popover-zoom-big-leave.component-popover-zoom-big-leave-active {\n  animation-name: componentPopoverZoomBigOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.component-popover-zoom-big-enter,\n.component-popover-zoom-big-appear {\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.component-popover-zoom-big-enter-prepare,\n.component-popover-zoom-big-appear-prepare {\n  transform: none;\n}\n\n.component-popover-zoom-big-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentPopoverZoomBigIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes componentPopoverZoomBigOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
+//popover
 var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var title = props.title,
-      content = props.content,
-      restProps = __rest(props, ["title", "content"]);
-
+    content = props.content,
+    restProps = __rest(props, ["title", "content"]);
   var wrapRef = React__default.useRef();
-  var getPopupContainer = usePopupContainer(wrapRef, props.getPopupContainer); //浮层
-
+  var getPopupContainer = usePopupContainer(wrapRef, props.getPopupContainer);
+  //浮层
   var getOverlay = function getOverlay(prefixCls) {
     if (!title && !content) return null;
     return jsxs(Fragment, {
@@ -35,7 +35,6 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       }))]
     });
   };
-
   var prefixCls = "".concat($rcPrefixCls, "-popover");
   return jsx(Tooltip, Object.assign({}, restProps, {
     isPopover: true,

package/Progress/index.d.ts

@@ -11,7 +11,7 @@ declare enum ProgressTypes {
     "circle" = 1,
     "dashboard" = 2
 }
-export declare type ProgressType = typeof ProgressTypes[number];
+export type ProgressType = typeof ProgressTypes[number];
 /** 进度条状态 **/
 declare enum ProgressStatuses {
     "normal" = 0,
@@ -20,19 +20,19 @@ declare enum ProgressStatuses {
     "success" = 3
 }
 /** 渐变进度条入参格式 两种 **/
-export declare type StringGradients = {
+export type StringGradients = {
     [percentage: string]: string;
 };
-declare type FromToGradients = {
+type FromToGradients = {
     from: string;
     to: string;
 };
-declare type ColorStringGradients = [string, StringGradients];
-export declare type ProgressGradient = {
+type ColorStringGradients = [string, StringGradients];
+export type ProgressGradient = {
     direction?: string;
 } & (StringGradients | FromToGradients);
 /** 进度条渐变方向 **/
-export declare type DirectionType = "ltr" | "rtl" | undefined;
+export type DirectionType = "ltr" | "rtl" | undefined;
 /** 成功的进度条的配置 **/
 export interface SuccessProps {
     /** 进度条值 **/

package/Progress/index.js

@@ -5,23 +5,21 @@ import CompleteIcon from '@para-ui/icons/CheckCircleF';
 import CloseCircleFilled from '@para-ui/icons/CloseCircleF';
 import Check from '@para-ui/icons/Check';
 import CloseIcon from '@para-ui/icons/Close';
-import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 var Steps = function Steps(props) {
   var steps = props.steps,
-      _props$percent = props.percent,
-      percent = _props$percent === void 0 ? 0 : _props$percent,
-      _props$strokeWidth = props.strokeWidth,
-      strokeWidth = _props$strokeWidth === void 0 ? 8 : _props$strokeWidth,
-      strokeColor = props.strokeColor,
-      trailColor = props.trailColor,
-      children = props.children;
+    _props$percent = props.percent,
+    percent = _props$percent === void 0 ? 0 : _props$percent,
+    _props$strokeWidth = props.strokeWidth,
+    strokeWidth = _props$strokeWidth === void 0 ? 8 : _props$strokeWidth,
+    strokeColor = props.strokeColor,
+    trailColor = props.trailColor,
+    children = props.children;
   /** 计算出应该高亮多少步 **/
-
   var current = typeof percent === "number" ? Math.round(steps * (percent / 100)) : 1;
   var styledSteps = [];
-
   for (var i = 0; i < steps; i += 1) {
     styledSteps.push(jsx("div", {
       className: i <= current - 1 ? "steps-item steps-item-active" : "steps-item",
@@ -32,7 +30,6 @@ var Steps = function Steps(props) {
       }
     }, i));
   }
-
   return jsxs("div", Object.assign({
     className: "steps-outer"
   }, {
@@ -49,11 +46,9 @@ function validProgress(progress) {
   if (!progress || progress < 0) {
     return 0;
   }
-
   if (progress > 100) {
     return 100;
   }
-
   return progress;
 }
 
@@ -69,27 +64,26 @@ function validProgress(progress) {
 * @param gradients 渐变的参数
 * @return {string} 样式值
 */
-
 var sortGradient = function sortGradient(gradients) {
   var tempArr = [];
   Object.keys(gradients).forEach(function (key) {
     // 拿到百分比的数字
-    var formattedKey = parseFloat(key.replace(/%/g, "")); // 进行序列化
-
+    var formattedKey = parseFloat(key.replace(/%/g, ""));
+    // 进行序列化
     if (!isNaN(formattedKey)) {
       tempArr.push({
         key: formattedKey,
         value: gradients[key]
       });
     }
-  }); // 排序 从小到大
-
+  });
+  // 排序 从小到大
   tempArr = tempArr.sort(function (a, b) {
     return a.key - b.key;
   });
   return tempArr.map(function (_ref) {
     var key = _ref.key,
-        value = _ref.value;
+      value = _ref.value;
     return "".concat(value, " ").concat(key, "%");
   }).join(", ");
 };
@@ -111,48 +105,41 @@ var sortGradient = function sortGradient(gradients) {
 * @param {string} strokeColor 颜色值
 * @return   返回 backgroundImage 的样式值
 */
-
 var handleGradient = function handleGradient(strokeColor, directionConfig) {
   var _strokeColor$from = strokeColor.from,
-      from = _strokeColor$from === void 0 ? "#3D66F8" : _strokeColor$from,
-      _strokeColor$to = strokeColor.to,
-      to = _strokeColor$to === void 0 ? "#4F93F0" : _strokeColor$to,
-      _strokeColor$directio = strokeColor.direction,
-      direction = _strokeColor$directio === void 0 ? directionConfig === "rtl" ? "to left" : "to right" : _strokeColor$directio,
-      rest = __rest(strokeColor, ["from", "to", "direction"]); // 剩余参数有值说明除了from to direction 还传了 另外的参数
-
-
+    from = _strokeColor$from === void 0 ? "#3D66F8" : _strokeColor$from,
+    _strokeColor$to = strokeColor.to,
+    to = _strokeColor$to === void 0 ? "#4F93F0" : _strokeColor$to,
+    _strokeColor$directio = strokeColor.direction,
+    direction = _strokeColor$directio === void 0 ? directionConfig === "rtl" ? "to left" : "to right" : _strokeColor$directio,
+    rest = __rest(strokeColor, ["from", "to", "direction"]);
+  // 剩余参数有值说明除了from to direction 还传了 另外的参数
   if (Object.keys(rest).length !== 0) {
     var sortedGradients = sortGradient(rest);
     return {
       backgroundImage: "linear-gradient(".concat(direction, ", ").concat(sortedGradients, ")")
     };
   }
-
   return {
     backgroundImage: "linear-gradient(".concat(direction, ", ").concat(from, ", ").concat(to, ")")
   };
 };
-
 var Line = function Line(props) {
   var directionConfig = props.direction,
-      percent = props.percent,
-      strokeWidth = props.strokeWidth,
-      strokeColor = props.strokeColor,
-      strokeLinecap = props.strokeLinecap,
-      trailColor = props.trailColor;
+    percent = props.percent,
+    strokeWidth = props.strokeWidth,
+    strokeColor = props.strokeColor,
+    strokeLinecap = props.strokeLinecap,
+    trailColor = props.trailColor;
   /** 进度条高亮部分的颜色样式  **/
-
   var backgroundProps = strokeColor && typeof strokeColor !== "string" ? handleGradient(strokeColor, directionConfig) : {
     background: strokeColor
   };
   /** 进度条轨道部分的颜色样式 **/
-
   var trailStyle = trailColor ? {
     backgroundColor: trailColor
   } : undefined;
   /** 进度条百分比的样式 **/
-
   var percentStyle = Object.assign({
     width: "".concat(validProgress(percent), "%"),
     height: strokeWidth || 8,
@@ -173,19 +160,14 @@ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下
 styleInject(css_248z);
 
 /** 进度条类型 **/
-
 var ProgressTypes;
-
 (function (ProgressTypes) {
   ProgressTypes[ProgressTypes["line"] = 0] = "line";
   ProgressTypes[ProgressTypes["circle"] = 1] = "circle";
   ProgressTypes[ProgressTypes["dashboard"] = 2] = "dashboard";
 })(ProgressTypes || (ProgressTypes = {}));
 /** 进度条状态 **/
-
-
 var ProgressStatuses;
-
 (function (ProgressStatuses) {
   ProgressStatuses[ProgressStatuses["normal"] = 0] = "normal";
   ProgressStatuses[ProgressStatuses["exception"] = 1] = "exception";
@@ -193,8 +175,6 @@ var ProgressStatuses;
   ProgressStatuses[ProgressStatuses["success"] = 3] = "success";
 })(ProgressStatuses || (ProgressStatuses = {}));
 /** 每个类型对应的进度条默认颜色 **/
-
-
 var strokeColorMap = {
   success: "rgba(83, 195, 27, 1)",
   exception: "rgba(235, 96, 84, 1)",
@@ -203,38 +183,36 @@ var strokeColorMap = {
 };
 var Progress = function Progress(props) {
   var _props$type = props.type,
-      type = _props$type === void 0 ? "line" : _props$type,
-      className = props.className,
-      style = props.style;
-      props.children;
-      var status = props.status,
-      _props$width = props.width,
-      width = _props$width === void 0 ? 132 : _props$width,
-      _props$showInfo = props.showInfo,
-      showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
-      format = props.format,
-      success = props.success,
-      _props$percent = props.percent,
-      percent = _props$percent === void 0 ? 0 : _props$percent,
-      steps = props.steps,
-      direction = props.direction,
-      strokeColor = props.strokeColor,
-      _props$gapDegree = props.gapDegree,
-      gapDegree = _props$gapDegree === void 0 ? 75 : _props$gapDegree,
-      otherProps = __rest(props, ["type", "className", "style", "children", "status", "width", "showInfo", "format", "success", "percent", "steps", "direction", "strokeColor", "gapDegree"]);
+    type = _props$type === void 0 ? "line" : _props$type,
+    className = props.className,
+    style = props.style;
+    props.children;
+    var status = props.status,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 132 : _props$width,
+    _props$showInfo = props.showInfo,
+    showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
+    format = props.format,
+    success = props.success,
+    _props$percent = props.percent,
+    percent = _props$percent === void 0 ? 0 : _props$percent,
+    steps = props.steps,
+    direction = props.direction,
+    strokeColor = props.strokeColor,
+    _props$gapDegree = props.gapDegree,
+    gapDegree = _props$gapDegree === void 0 ? 75 : _props$gapDegree,
+    otherProps = __rest(props, ["type", "className", "style", "children", "status", "width", "showInfo", "format", "success", "percent", "steps", "direction", "strokeColor", "gapDegree"]);
   /**
    * 处理class
    * @return {string}
    */
-
-
   var classString = function classString() {
-    var str = "".concat($prefixCls, "-progress ").concat($prefixCls, "-progress-").concat(type || "default"); // 添加成功状态的class
-
-    if (isSuccessStatus) str += " ".concat($prefixCls, "-progress-success-status"); // 添加错误状态下的class
-
-    if (status === "exception") str += " ".concat($prefixCls, "-progress-exception-status"); // 添加active状态下的class
-
+    var str = "".concat($prefixCls, "-progress ").concat($prefixCls, "-progress-").concat(type || "default");
+    // 添加成功状态的class
+    if (isSuccessStatus) str += " ".concat($prefixCls, "-progress-success-status");
+    // 添加错误状态下的class
+    if (status === "exception") str += " ".concat($prefixCls, "-progress-exception-status");
+    // 添加active状态下的class
     if (status === "active") str += " ".concat($prefixCls, "-progress-active-status");
     if (className) str += " " + className;
     return str;
@@ -243,37 +221,27 @@ var Progress = function Progress(props) {
    * 处理进度条颜色
    * @return {string}
    */
-
-
   var strokeColorVal = function strokeColorVal() {
     // 如果传了成功进度条的配置
     if (strokeColor) return strokeColor;
-
     if (success && success.percent < percent) {
       return [success.strokeColor || strokeColorMap["success"], strokeColorMap["normal"]];
     }
-
     return isSuccessStatus ? strokeColorMap["success"] : strokeColorMap[status || "normal"];
   };
   /**
    * 处理进度条的值
    * @return {string}
    */
-
-
   var renderPercent = function renderPercent() {
     if (success && success.percent < percent && typeof percent === "number") {
       return [success.percent, percent - success.percent];
     }
-
     return percent;
   };
   /** 标记是不是成功状态 **/
-
-
   var isSuccessStatus = percent && percent === 100 && !status || status === "success";
   /** style值 **/
-
   var renderStyle = type === "circle" || type === "dashboard" ? {
     width: width,
     height: width
@@ -282,7 +250,6 @@ var Progress = function Progress(props) {
    * 处理描述信息
    * @return {string | ReactNode}
    */
-
   var renderLabel = function renderLabel() {
     if (format) return format(percent);
     if (isSuccessStatus) return type === "circle" ? jsx(Check, {
@@ -298,8 +265,6 @@ var Progress = function Progress(props) {
     return validProgress(percent) + "%";
   };
   /** 默认进度条  **/
-
-
   var renderLineProgress = steps ? jsx(Steps, Object.assign({
     steps: steps,
     strokeColor: strokeColorVal(),
@@ -318,7 +283,6 @@ var Progress = function Progress(props) {
     children: " "
   }));
   /** 圆形进度条 **/
-
   var renderCircleProgress = jsx(Circle, Object.assign({
     strokeWidth: 6,
     trailWidth: 6,
@@ -327,8 +291,6 @@ var Progress = function Progress(props) {
     prefixCls: "".concat($rcPrefixCls, "-progress")
   }, otherProps));
   /** 仪表盘 **/
-
-
   var renderDashboardProgress = jsx(Circle, Object.assign({
     strokeWidth: 6,
     trailWidth: 6,
@@ -337,7 +299,6 @@ var Progress = function Progress(props) {
     strokeColor: strokeColorVal(),
     percent: renderPercent()
   }, otherProps));
-
   return jsx("div", Object.assign({
     className: classString(),
     style: style

package/Querying/index.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
-import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import 'react';
 import '@para-ui/core/GlobalContext';
@@ -711,27 +711,25 @@ styleInject(css_248z);
 var imageMap = {
   'large': jsx(LargeSearch, {}),
   'small': jsx(SmallSearch, {})
-}; //Querying 查询中
-
+};
+//Querying 查询中
 var Querying = function Querying(props) {
   var _useGlobalProps = useGlobalProps(props, 'Querying'),
-      className = _useGlobalProps.className,
-      style = _useGlobalProps.style,
-      _useGlobalProps$size = _useGlobalProps.size,
-      size = _useGlobalProps$size === void 0 ? 'large' : _useGlobalProps$size,
-      imageStyle = _useGlobalProps.imageStyle,
-      _useGlobalProps$image = _useGlobalProps.image,
-      image = _useGlobalProps$image === void 0 ? imageMap[size] : _useGlobalProps$image,
-      description = _useGlobalProps.description,
-      customQuerying = _useGlobalProps.customQuerying;
-
+    className = _useGlobalProps.className,
+    style = _useGlobalProps.style,
+    _useGlobalProps$size = _useGlobalProps.size,
+    size = _useGlobalProps$size === void 0 ? 'large' : _useGlobalProps$size,
+    imageStyle = _useGlobalProps.imageStyle,
+    _useGlobalProps$image = _useGlobalProps.image,
+    image = _useGlobalProps$image === void 0 ? imageMap[size] : _useGlobalProps$image,
+    description = _useGlobalProps.description,
+    customQuerying = _useGlobalProps.customQuerying;
   var intl = useFormatMessage('Querying', localeJson);
   var des = typeof description !== 'undefined' ? description : intl({
     id: 'querying'
   });
   var alt = typeof des === 'string' ? des : 'querying';
   var imageNode = null;
-
   if (typeof image === 'string') {
     imageNode = jsx("img", {
       src: image,
@@ -740,7 +738,6 @@ var Querying = function Querying(props) {
   } else {
     imageNode = image;
   }
-
   return jsx("div", Object.assign({
     className: clsx("".concat($prefixCls, "-querying"), className, "".concat($prefixCls, "-querying-").concat(size)),
     style: style