@para-ui/core 3.0.86 → 4.0.0-alpha

package/PopConfirm/index.js

@@ -1,27 +1,28 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.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';
+import { useRef, useState, useMemo, useEffect } from 'react';
 import CompleteIcon from '@para-ui/icons/CheckCircleF';
 import InfoOutlined from '@para-ui/icons/WarningCircle';
-import CloseCircleFilled from '@para-ui/icons/CloseCircleF';
+import CloseCircleF from '@para-ui/icons/CloseCircleF';
 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-703f8b20.js';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { u as usePopupContainer } from '../_verture/usePopupContainer-87febeb9.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-498dd2b1.js';
+import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
-import '../_verture/index-77f9e0fb.js';
+import '../_verture/index-e9007d6a.js';
 import 'rc-dropdown';
 import 'dayjs';
 import '@paraview/lib';
+import '../AutoTips/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/core/GlobalContext';
@@ -41,15 +42,15 @@ var localeJson = {
   en: en
 };
 
-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}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午1:44\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-popconfirm.paraui-v4-tooltip {\n  position: absolute;\n  width: 440px;\n  padding: 0;\n  font-size: 14px;\n  color: initial;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n  border-radius: 8px;\n}\n.paraui-v4-popconfirm.paraui-v4-tooltip .component-tooltip-inner {\n  padding: 0;\n  color: initial;\n  background-color: transparent;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper {\n  padding: 16px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message {\n  position: relative;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-icon {\n  position: absolute;\n  top: 2px;\n  color: rgb(255, 147, 38);\n  line-height: 0;\n  font-size: 500;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-icon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-body {\n  padding-left: 24px;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-title {\n  font-weight: 600;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-content {\n  font-weight: 400;\n  margin-top: 10px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-description {\n  margin-top: 4px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-btns {\n  margin-top: 12px;\n  text-align: right;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-btns > button + button {\n  margin-left: 12px;\n}\n.paraui-v4-popconfirm .paraui-v4-popconfirm-btn {\n  min-width: 54px;\n}";
 styleInject(css_248z);
 
 //图标
 var iconMapping = {
-  "success": jsx(CompleteIcon, {}),
-  "warning": jsx(WarningCircleF, {}),
-  "error": jsx(CloseCircleFilled, {}),
-  "info": jsx(InfoOutlined, {})
+  success: jsx(CompleteIcon, {}),
+  warning: jsx(WarningCircleF, {}),
+  error: jsx(CloseCircleF, {}),
+  info: jsx(InfoOutlined, {})
 };
 //popConfirm
 var PopConfirm = function PopConfirm(props) {
@@ -59,6 +60,7 @@ var PopConfirm = function PopConfirm(props) {
     type = _props$type === void 0 ? 'warning' : _props$type,
     title = props.title,
     content = props.content,
+    description = props.description,
     icon = props.icon,
     okText = props.okText,
     cancelText = props.cancelText,
@@ -80,18 +82,53 @@ var PopConfirm = function PopConfirm(props) {
     showCancel = _props$showCancel === void 0 ? true : _props$showCancel,
     _props$bubble = props.bubble,
     bubble = _props$bubble === void 0 ? true : _props$bubble,
+    okButtonDanger = props.okButtonDanger,
+    countdown = props.countdown,
+    _props$countdownTime = props.countdownTime,
+    countdownTime = _props$countdownTime === void 0 ? 5 : _props$countdownTime,
     actions = props.actions,
     onClose = props.onClose,
+    onCountdownFinish = props.onCountdownFinish,
     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"]);
+    restProps = __rest(props, ["trigger", "type", "title", "content", "description", "icon", "okText", "cancelText", "onOk", "onCancel", "okButtonProps", "cancelButtonProps", "placement", "className", "overlayClassName", "style", "children", "open", "controllable", "showCancel", "bubble", "okButtonDanger", "countdown", "countdownTime", "actions", "onClose", "onCountdownFinish", "getPopupContainer"]);
   var intl = useFormatMessage('PopConfirm', localeJson);
-  var wrapRef = React__default.useRef();
+  var wrapRef = useRef();
   var getPopupContainer = usePopupContainer(wrapRef, customizeContainer);
   //打开
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     inOpen = _useState2[0],
     setInOpen = _useState2[1];
+  var countdownTimer = useRef();
+  var _useState3 = useState(countdownTime),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inCountdownTime = _useState4[0],
+    setInCountdownTime = _useState4[1];
+  var isCountting = useMemo(function () {
+    return countdown && inCountdownTime >= 1;
+  }, [countdown, inCountdownTime]);
+  useEffect(function () {
+    if (countdown) {
+      if (inOpen) {
+        setInCountdownTime(countdownTime);
+        countdownTimer.current = setInterval(function () {
+          setInCountdownTime(function (pre) {
+            if (pre <= 1) {
+              onCountdownFinish === null || onCountdownFinish === void 0 ? void 0 : onCountdownFinish();
+              clearInterval(countdownTimer.current);
+              return 0;
+            }
+            return pre - 1;
+          });
+        }, 1000);
+      } else {
+        clearInterval(countdownTimer.current);
+      }
+    }
+    return function () {
+      clearInterval(countdownTimer.current);
+    };
+  }, [inOpen, countdown]);
   //取消
   var handleCancel = function handleCancel() {
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
@@ -119,12 +156,13 @@ var PopConfirm = function PopConfirm(props) {
     }
   };
   useEffect(function () {
-    if (controllable) setInOpen(open);
+    controllable && setInOpen(open);
   }, [open]);
   //渲染内容
   var renderOverlay = function renderOverlay() {
     var btns = jsxs(Fragment, {
       children: [showCancel && jsx(Button, Object.assign({
+        className: "".concat($prefixCls, "-popconfirm-btn"),
         onClick: handleCancel,
         variant: 'outlined',
         size: 'small'
@@ -133,11 +171,15 @@ var PopConfirm = function PopConfirm(props) {
           id: 'cancel'
         })
       })), jsx(Button, Object.assign({
+        className: "".concat($prefixCls, "-popconfirm-btn"),
         onClick: handleOk,
         variant: 'contained',
         size: 'small'
       }, okButtonProps, {
-        children: okText !== null && okText !== void 0 ? okText : intl({
+        danger: okButtonDanger !== null && okButtonDanger !== void 0 ? okButtonDanger : okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.danger,
+        disabled: isCountting ? true : okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.disabled
+      }, {
+        children: isCountting ? "".concat(inCountdownTime, "s") : okText !== null && okText !== void 0 ? okText : intl({
           id: 'ok'
         })
       }))]
@@ -163,10 +205,14 @@ var PopConfirm = function PopConfirm(props) {
             className: 'popconfirm-message-title'
           }, {
             children: title
-          })), jsx("div", Object.assign({
+          })), content && jsx("div", Object.assign({
             className: 'popconfirm-message-content'
           }, {
             children: content
+          })), description && jsx("div", Object.assign({
+            className: 'popconfirm-message-description'
+          }, {
+            children: description
           }))]
         }))]
       })), jsx("div", Object.assign({

package/Popover/index.js

@@ -2,16 +2,17 @@ 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-66aa48a1.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-0d9802f7.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-76060636.js';
+import '../_verture/slicedToArray-a8206399.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
 
-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  margin: 0;\n  padding: 0 24px;\n  color: rgb(46, 55, 67);\n  font-weight: 700;\n  border-bottom: 1px solid #f0f0f0;\n  min-height: 44px;\n  display: flex;\n  align-items: center;\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}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/7 上午11:06\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-popover {\n  color: rgb(29, 33, 38);\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-v4-popover::after {\n  position: absolute;\n  content: \"\";\n}\n.paraui-v4-popover.component-popover-hidden {\n  display: none;\n}\n.paraui-v4-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 rgb(234, 236, 241);\n}\n.paraui-v4-popover .component-popover-title {\n  margin: 0;\n  padding: 0 24px;\n  color: rgb(29, 33, 38);\n  font-weight: 700;\n  border-bottom: 1px solid #f0f0f0;\n  min-height: 44px;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-popover .component-popover-inner-content {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-popover .component-popover-buttons {\n  margin-bottom: 4px;\n  text-align: right;\n}\n.paraui-v4-popover .component-popover-buttons button {\n  margin-left: 8px;\n}\n.paraui-v4-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-v4-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-v4-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-v4-popover.component-popover-placement-top .component-popover-arrow, .paraui-v4-popover.component-popover-placement-topLeft .component-popover-arrow, .paraui-v4-popover.component-popover-placement-topRight .component-popover-arrow {\n  bottom: -0.6862915px;\n}\n.paraui-v4-popover.component-popover-placement-top .component-popover-arrow-content, .paraui-v4-popover.component-popover-placement-topLeft .component-popover-arrow-content, .paraui-v4-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-v4-popover.component-popover-placement-top .component-popover-arrow {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.paraui-v4-popover.component-popover-placement-topLeft .component-popover-arrow {\n  left: 16px;\n}\n.paraui-v4-popover.component-popover-placement-topRight .component-popover-arrow {\n  right: 16px;\n}\n.paraui-v4-popover.component-popover-placement-right .component-popover-arrow, .paraui-v4-popover.component-popover-placement-rightTop .component-popover-arrow, .paraui-v4-popover.component-popover-placement-rightBottom .component-popover-arrow {\n  left: -0.6862915px;\n}\n.paraui-v4-popover.component-popover-placement-right .component-popover-arrow-content, .paraui-v4-popover.component-popover-placement-rightTop .component-popover-arrow-content, .paraui-v4-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-v4-popover.component-popover-placement-right .component-popover-arrow {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v4-popover.component-popover-placement-rightTop .component-popover-arrow {\n  top: 12px;\n}\n.paraui-v4-popover.component-popover-placement-rightBottom .component-popover-arrow {\n  bottom: 12px;\n}\n.paraui-v4-popover.component-popover-placement-bottom .component-popover-arrow, .paraui-v4-popover.component-popover-placement-bottomLeft .component-popover-arrow, .paraui-v4-popover.component-popover-placement-bottomRight .component-popover-arrow {\n  top: -0.6862915px;\n}\n.paraui-v4-popover.component-popover-placement-bottom .component-popover-arrow-content, .paraui-v4-popover.component-popover-placement-bottomLeft .component-popover-arrow-content, .paraui-v4-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-v4-popover.component-popover-placement-bottom .component-popover-arrow {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.paraui-v4-popover.component-popover-placement-bottomLeft .component-popover-arrow {\n  left: 16px;\n}\n.paraui-v4-popover.component-popover-placement-bottomRight .component-popover-arrow {\n  right: 16px;\n}\n.paraui-v4-popover.component-popover-placement-left .component-popover-arrow, .paraui-v4-popover.component-popover-placement-leftTop .component-popover-arrow, .paraui-v4-popover.component-popover-placement-leftBottom .component-popover-arrow {\n  right: -0.6862915px;\n}\n.paraui-v4-popover.component-popover-placement-left .component-popover-arrow-content, .paraui-v4-popover.component-popover-placement-leftTop .component-popover-arrow-content, .paraui-v4-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-v4-popover.component-popover-placement-left .component-popover-arrow {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v4-popover.component-popover-placement-leftTop .component-popover-arrow {\n  top: 12px;\n}\n.paraui-v4-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

package/Progress/index.js

@@ -2,10 +2,10 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Circle } from 'rc-progress';
 import CompleteIcon from '@para-ui/icons/CheckCircleF';
-import CloseCircleFilled from '@para-ui/icons/CloseCircleF';
+import CloseCircleF 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-66aa48a1.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 var Steps = function Steps(props) {
@@ -156,7 +156,7 @@ var Line = function Line(props) {
   }));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer {\n  display: flex;\n  margin-right: 8px;\n  margin-bottom: 8px;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner {\n  width: 100%;\n  /*.component-progress-line {\n    height: 10px;\n    width: 100%;\n  }*/\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .steps-outer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .steps-outer .steps-item {\n  flex-shrink: 0;\n  min-width: 2px;\n  margin-right: 2px;\n  background: #f3f3f3;\n  transition: all 0.3s;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .steps-outer .steps-item-active {\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .trail-bar {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 100px;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-inner .trail-bar .active-bar {\n  position: relative;\n  background-color: rgb(54, 102, 214);\n  border-radius: 100px;\n  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-text {\n  min-width: 40px;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: left;\n  color: rgb(54, 102, 214);\n  margin-left: 12px;\n  white-space: nowrap;\n  vertical-align: middle;\n  word-break: normal;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-text svg {\n  width: 14px;\n  height: 14px;\n  position: relative;\n  top: 2px;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-text svg.success {\n  color: rgb(83, 195, 27) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-line .progress-outer .progress-text svg.error {\n  color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-circle, .paraui-v3-progress.paraui-v3-progress-dashboard {\n  display: inline-block;\n  position: relative;\n  margin: 0 5px;\n}\n.paraui-v3-progress.paraui-v3-progress-circle .progress-outer .progress-text, .paraui-v3-progress.paraui-v3-progress-dashboard .progress-outer .progress-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  color: rgb(54, 102, 214);\n  font-size: 1em;\n  line-height: 1;\n  white-space: normal;\n  text-align: center;\n  transform: translate(-50%, -50%);\n}\n.paraui-v3-progress.paraui-v3-progress-circle .progress-outer .progress-text svg, .paraui-v3-progress.paraui-v3-progress-dashboard .progress-outer .progress-text svg {\n  width: 2em;\n  height: 2em;\n}\n.paraui-v3-progress.paraui-v3-progress-circle .progress-outer .progress-text svg.success, .paraui-v3-progress.paraui-v3-progress-dashboard .progress-outer .progress-text svg.success {\n  color: rgb(83, 195, 27) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-circle .progress-outer .progress-text svg.error, .paraui-v3-progress.paraui-v3-progress-dashboard .progress-outer .progress-text svg.error {\n  color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-success-status .progress-text {\n  color: rgb(83, 195, 27) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-exception-status .progress-text {\n  color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-progress.paraui-v3-progress-active-status .active-bar:before {\n  position: absolute;\n  inset: 0;\n  background: #fff;\n  border-radius: 10px;\n  opacity: 0;\n  -webkit-animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  content: \"\";\n}\n\n@keyframes progress-active {\n  0% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.1;\n  }\n  20% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.5;\n  }\n  100% {\n    transform: translateX(0) scaleX(1);\n    opacity: 0;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer {\n  display: flex;\n  /*margin-right: 8px;\n  margin-bottom: 8px;*/\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  /*.component-progress-line {\n    height: 10px;\n    width: 100%;\n  }*/\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .steps-outer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .steps-outer .steps-item {\n  flex-shrink: 0;\n  min-width: 2px;\n  margin-right: 2px;\n  background: rgb(234, 236, 241);\n  transition: all 0.3s;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .steps-outer .steps-item-active {\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .trail-bar {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  background-color: rgb(234, 236, 241);\n  border-radius: 100px;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-inner .trail-bar .active-bar {\n  position: relative;\n  background-color: rgb(46, 101, 230);\n  border-radius: 100px;\n  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-text {\n  min-width: 40px;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: left;\n  color: rgb(46, 101, 230);\n  margin-left: 10px;\n  white-space: nowrap;\n  vertical-align: middle;\n  word-break: normal;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-text svg {\n  width: 16px;\n  height: 16px;\n  position: relative;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-text svg.success {\n  color: rgb(19, 191, 76) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-line .progress-outer .progress-text svg.error {\n  color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-circle, .paraui-v4-progress.paraui-v4-progress-dashboard {\n  display: inline-block;\n  position: relative;\n  margin: 0 5px;\n}\n.paraui-v4-progress.paraui-v4-progress-circle .progress-outer .progress-text, .paraui-v4-progress.paraui-v4-progress-dashboard .progress-outer .progress-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 101, 230);\n  font-size: 1em;\n  line-height: 1;\n  white-space: normal;\n  text-align: center;\n  transform: translate(-50%, -50%);\n}\n.paraui-v4-progress.paraui-v4-progress-circle .progress-outer .progress-text svg, .paraui-v4-progress.paraui-v4-progress-dashboard .progress-outer .progress-text svg {\n  width: 2em;\n  height: 2em;\n}\n.paraui-v4-progress.paraui-v4-progress-circle .progress-outer .progress-text svg.success, .paraui-v4-progress.paraui-v4-progress-dashboard .progress-outer .progress-text svg.success {\n  color: rgb(19, 191, 76) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-circle .progress-outer .progress-text svg.error, .paraui-v4-progress.paraui-v4-progress-dashboard .progress-outer .progress-text svg.error {\n  color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-success-status .progress-text {\n  color: rgb(19, 191, 76) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-exception-status .progress-text {\n  color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-progress.paraui-v4-progress-active-status .active-bar:before {\n  position: absolute;\n  inset: 0;\n  background: rgb(255, 255, 255);\n  border-radius: 10px;\n  opacity: 0;\n  -webkit-animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  content: \"\";\n}\n\n@keyframes progress-active {\n  0% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.1;\n  }\n  20% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.5;\n  }\n  100% {\n    transform: translateX(0) scaleX(1);\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 /** 进度条类型 **/
@@ -176,10 +176,10 @@ var ProgressStatuses;
 })(ProgressStatuses || (ProgressStatuses = {}));
 /** 每个类型对应的进度条默认颜色 **/
 var strokeColorMap = {
-  success: "rgba(83, 195, 27, 1)",
-  exception: "rgba(235, 96, 84, 1)",
-  normal: "rgba(54, 102, 214, 1)",
-  active: "rgba(54, 102, 214, 1)"
+  success: "rgba(19, 191, 76, 1)",
+  exception: "rgba(244, 66, 66, 1)",
+  normal: "rgba(46, 101, 230, 1)",
+  active: "rgba(46, 101, 230,  1)"
 };
 var Progress = function Progress(props) {
   var _props$type = props.type,
@@ -259,7 +259,7 @@ var Progress = function Progress(props) {
     });
     if (status === "exception") return type === "circle" ? jsx(CloseIcon, {
       className: "error"
-    }) : jsx(CloseCircleFilled, {
+    }) : jsx(CloseCircleF, {
       className: "error"
     });
     return validProgress(percent) + "%";
@@ -288,7 +288,8 @@ var Progress = function Progress(props) {
     trailWidth: 6,
     strokeColor: strokeColorVal(),
     percent: renderPercent(),
-    prefixCls: "".concat($rcPrefixCls, "-progress")
+    prefixCls: "".concat($rcPrefixCls, "-progress"),
+    trailColor: 'rgba(234,236,241,1)'
   }, otherProps));
   /** 仪表盘 **/
   var renderDashboardProgress = jsx(Circle, Object.assign({

package/Querying/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import 'react';
@@ -10,8 +10,8 @@ import '@para-ui/core/GlobalContext';
 var LargeSearch = function LargeSearch() {
   return jsx("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
-    width: "334",
-    height: "238",
+    width: "100%",
+    height: "100%",
     viewBox: "0 0 334 238"
   }, {
     children: jsxs("g", Object.assign({
@@ -453,8 +453,8 @@ var LargeSearch = function LargeSearch() {
 var SmallSearch = function SmallSearch() {
   return jsx("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
-    width: "120",
-    height: "120",
+    width: "100%",
+    height: "100%",
     viewBox: "0 0 120 120"
   }, {
     children: jsxs("g", Object.assign({
@@ -705,7 +705,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-querying {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v3-querying > .querying-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v3-querying > .querying-image img {\n  width: 100%;\n}\n.paraui-v3-querying > .querying-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-querying.paraui-v3-querying-large > .querying-description {\n  margin-top: 24px;\n}\n.paraui-v3-querying.paraui-v3-querying-small > .querying-description {\n  margin-top: 12px;\n  font-size: 12px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-querying {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v4-querying > .querying-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-querying > .querying-image img {\n  width: 100%;\n}\n.paraui-v4-querying .querying-image-large {\n  width: 334px;\n  height: 238px;\n}\n.paraui-v4-querying .querying-image-small {\n  width: 120px;\n  height: 120px;\n}\n.paraui-v4-querying > .querying-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-querying.paraui-v4-querying-large > .querying-description {\n  margin-top: 24px;\n}\n.paraui-v4-querying.paraui-v4-querying-small > .querying-description {\n  margin-top: 12px;\n  font-size: 12px;\n}";
 styleInject(css_248z);
 
 var imageMap = {
@@ -744,7 +744,7 @@ var Querying = function Querying(props) {
   }, {
     children: customQuerying ? customQuerying : jsxs(Fragment, {
       children: [jsx("div", Object.assign({
-        className: 'querying-image',
+        className: "querying-image ".concat(!(props === null || props === void 0 ? void 0 : props.image) ? "querying-image-".concat(size) : ''),
         style: imageStyle
       }, {
         children: imageNode