@para-ui/core 4.0.0-rc.4 → 4.0.0-rc.5

package/PasswordRules/index.js

@@ -1,36 +1,32 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
-import CompleteIcon from '@para-ui/icons/CheckCircleF';
+import SuccessOutlined from '@para-ui/icons/CheckCircleF';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-password-rules {\n  padding: 16px;\n  line-height: 1.43;\n}\n.paraui-v4-password-rules > .password-rules-item:first-child > .password-rules-item-title {\n  margin-top: 0px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-title {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  font-weight: 700;\n  margin-bottom: 6px;\n  margin-top: 10px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail {\n  display: flex;\n  margin-bottom: 6px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail:last-child {\n  margin-bottom: 0;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail > .item-flag {\n  min-width: 26px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail > .item-label {\n  flex: 1;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-icon > .item-flag {\n  margin-top: 0px;\n  line-height: 1;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-icon > .item-flag svg {\n  font-size: 18px;\n  color: rgb(161, 168, 179);\n  position: relative;\n  top: 1px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-order {\n  font-size: 14px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-order > .item-flag {\n  margin-top: -1px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-success.rules-item-detail-icon > .item-flag svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-error.rules-item-detail-order > .item-flag {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-error.rules-item-detail-order > .item-label {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-password-rules.paraui-v4-password-rules-box-shadow {\n  box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n  border-radius: 4px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-password-rules {\n  padding: 16px;\n  line-height: 1.43;\n}\n.paraui-v4-password-rules > .password-rules-item:first-child > .password-rules-item-title {\n  margin-top: 0px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-title {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  font-weight: 700;\n  margin-bottom: 6px;\n  margin-top: 10px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail {\n  display: flex;\n  margin-bottom: 6px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail:last-child {\n  margin-bottom: 0;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail > .item-flag {\n  min-width: 26px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail > .item-label {\n  flex: 1;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-icon > .item-flag {\n  margin-top: 0px;\n  line-height: 1;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-icon > .item-flag svg {\n  font-size: 18px;\n  color: rgb(161, 168, 179);\n  position: relative;\n  top: 1px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-order {\n  font-size: 14px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-order > .item-flag {\n  margin-top: -1px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-success.rules-item-detail-icon > .item-flag svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-error.rules-item-detail-order > .item-flag {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-error.rules-item-detail-order > .item-label {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-password-rules.paraui-v4-password-rules-box-shadow {\n  box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n  border-radius: 4px;\n}";
 styleInject(css_248z);
 
-var PasswordRules = function PasswordRules(props) {
-  var className = props.className,
-    style = props.style,
-    _props$boxShadow = props.boxShadow,
-    boxShadow = _props$boxShadow === void 0 ? false : _props$boxShadow,
-    value = props.value,
-    config = props.config,
-    onCheckAll = props.onCheckAll;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    configCom = _useState2[0],
-    setConfigCom = _useState2[1];
-  useEffect(function () {
-    var bol = undefined;
-    var obj = {};
-    var configHand = handConfig();
-    configHand.forEach(function (item) {
-      var list = item.list || [];
-      list.forEach(function (listItem) {
+const PasswordRules = props => {
+  const {
+    className,
+    style,
+    boxShadow = false,
+    value,
+    config,
+    onCheckAll
+  } = props;
+  const [configCom, setConfigCom] = useState([]);
+  useEffect(() => {
+    let bol = undefined;
+    const obj = {};
+    const configHand = handConfig();
+    configHand.forEach(item => {
+      const list = item.list || [];
+      list.forEach(listItem => {
         // 判断校验
-        var result;
+        let result;
         if (value !== undefined) {
           // 正则
           if (listItem.reg) {
@@ -59,33 +55,33 @@ var PasswordRules = function PasswordRules(props) {
     }
     onCheckAll && onCheckAll(bol);
   }, [value, config, onCheckAll]);
-  var handConfig = function handConfig() {
+  const handConfig = () => {
     if (!config) return [];
     return config instanceof Array ? config : [config];
   };
   /** 处理每一项 */
-  var handContentItem = function handContentItem(item) {
-    var list = item.list || [];
-    var type = item.type || 'icon';
-    var handRuleItem = function handRuleItem(listItem, inx) {
+  const handContentItem = item => {
+    const list = item.list || [];
+    const type = item.type || 'icon';
+    const handRuleItem = (listItem, inx) => {
       // 判断校验
-      var result = listItem.result;
+      const result = listItem.result;
       // 处理标志
-      var handFlag = function handFlag() {
+      const handFlag = () => {
         if (type === 'order') {
           return "".concat(inx + 1, "\u3001");
         }
-        if (result === true) return jsx(CompleteIcon, {}); // 成功
+        if (result === true) return jsx(SuccessOutlined, {}); // 成功
         return jsx(CloseCircleF, {});
       };
       // 处理内容
-      var handLabel = function handLabel() {
+      const handLabel = () => {
         if (typeof result !== 'boolean' && result) return result;
         return listItem.label;
       };
       // 处理样式
-      var handClassRulesItem = function handClassRulesItem() {
-        var str = 'rules-item-detail';
+      const handClassRulesItem = () => {
+        let str = 'rules-item-detail';
         str += " rules-item-detail-".concat(type);
         if (typeof result === 'boolean' && result) {
           str += ' rules-item-detail-success';
@@ -111,14 +107,14 @@ var PasswordRules = function PasswordRules(props) {
     return jsx("div", Object.assign({
       className: "password-rules-item-content"
     }, {
-      children: list.map(function (listItem, index) {
+      children: list.map((listItem, index) => {
         return handRuleItem(listItem, index);
       })
     }));
   };
   /** 处理className */
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-password-rules");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-password-rules");
     if (className) str += " ".concat(className);
     if (boxShadow) str += " ".concat($prefixCls, "-password-rules-box-shadow");
     return str;
@@ -127,7 +123,7 @@ var PasswordRules = function PasswordRules(props) {
     className: handClass(),
     style: style
   }, {
-    children: configCom.map(function (item, index) {
+    children: configCom.map((item, index) => {
       return jsxs("div", Object.assign({
         className: 'password-rules-item'
       }, {

package/PopConfirm/index.js

@@ -1,23 +1,20 @@
-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 { useRef, useState, useMemo, useEffect } from 'react';
-import CompleteIcon from '@para-ui/icons/CheckCircleF';
+import SuccessOutlined from '@para-ui/icons/CheckCircleF';
 import InfoOutlined from '@para-ui/icons/WarningCircle';
 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-0d9802f7.js';
-import { u as usePopupContainer } from '../_verture/usePopupContainer-87febeb9.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { u as usePopupContainer } from '../_verture/usePopupContainer-635f66f4.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
-import '../_verture/index-e9007d6a.js';
+import '../_verture/index-da9097d3.js';
 import 'rc-dropdown';
 import 'dayjs';
 import '@paraview/lib';
@@ -38,82 +35,68 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
-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: 1px;\n  color: rgb(255, 147, 38);\n  line-height: 0;\n  font-size: 18px;\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: 8px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-content.without-title {\n  margin-top: 0;\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-message-description.without-title-or-content {\n  margin-top: 0;\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}";
+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: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n  border-radius: 8px;\n  border: 1px solid rgba(212, 218, 227, 0.4);\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: 1px;\n  color: rgb(255, 147, 38);\n  line-height: 0;\n  font-size: 18px;\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: 8px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-content.without-title {\n  margin-top: 0;\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-message-description.without-title-or-content {\n  margin-top: 0;\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, {}),
+const iconMapping = {
+  success: jsx(SuccessOutlined, {}),
   warning: jsx(WarningCircleF, {}),
   error: jsx(CloseCircleF, {}),
   info: jsx(InfoOutlined, {})
 };
 //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,
-    description = props.description,
-    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 ? 'top-start' : _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,
-    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,
+const PopConfirm = props => {
+  const {
+      trigger = 'click',
+      type = 'warning',
+      title,
+      content,
+      description,
+      icon,
+      okText,
+      cancelText,
+      onOk,
+      onCancel,
+      okButtonProps,
+      cancelButtonProps,
+      placement = 'top-start',
+      className,
+      overlayClassName,
+      style,
+      children,
+      open = false,
+      controllable = false,
+      showCancel = true,
+      bubble = true,
+      okButtonDanger,
+      countdown,
+      countdownTime = 5,
+      actions,
+      onClose,
+      onCountdownFinish,
+      getPopupContainer: customizeContainer
+    } = props,
     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);
+  const intl = useFormatMessage('PopConfirm', localeJson);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  var wrapRef = useRef();
-  var getPopupContainer = usePopupContainer(wrapRef, customizeContainer);
+  const wrapRef = useRef();
+  const 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 () {
+  const [inOpen, setInOpen] = useState(false);
+  const countdownTimer = useRef();
+  const [inCountdownTime, setInCountdownTime] = useState(countdownTime);
+  const isCountting = useMemo(() => countdown && inCountdownTime >= 1, [countdown, inCountdownTime]);
+  useEffect(() => {
     if (countdown) {
       if (inOpen) {
         setInCountdownTime(countdownTime);
-        countdownTimer.current = setInterval(function () {
-          setInCountdownTime(function (pre) {
+        countdownTimer.current = setInterval(() => {
+          setInCountdownTime(pre => {
             if (pre <= 1) {
               onCountdownFinish === null || onCountdownFinish === void 0 ? void 0 : onCountdownFinish();
               clearInterval(countdownTimer.current);
@@ -126,29 +109,29 @@ var PopConfirm = function PopConfirm(props) {
         clearInterval(countdownTimer.current);
       }
     }
-    return function () {
+    return () => {
       clearInterval(countdownTimer.current);
     };
   }, [inOpen, countdown]);
   //取消
-  var handleCancel = function handleCancel() {
+  const handleCancel = () => {
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     handleClose();
   };
   //确认
-  var handleOk = function handleOk() {
+  const handleOk = () => {
     onOk === null || onOk === void 0 ? void 0 : onOk();
     handleClose();
   };
   //关闭
-  var handleClose = function handleClose() {
+  const handleClose = () => {
     if (!controllable) {
       setInOpen(false);
       onClose === null || onClose === void 0 ? void 0 : onClose();
     }
   };
   //tooltip vis
-  var onVisibleChange = function onVisibleChange(vis) {
+  const onVisibleChange = vis => {
     if (!controllable) {
       setInOpen(vis);
       if (!vis) onClose === null || onClose === void 0 ? void 0 : onClose();
@@ -156,12 +139,12 @@ var PopConfirm = function PopConfirm(props) {
       if (open) onClose === null || onClose === void 0 ? void 0 : onClose();
     }
   };
-  useEffect(function () {
+  useEffect(() => {
     controllable && setInOpen(open);
   }, [open]);
   //渲染内容
-  var renderOverlay = function renderOverlay() {
-    var btns = jsxs(Fragment, {
+  const renderOverlay = () => {
+    const btns = jsxs(Fragment, {
       children: [showCancel && jsx(Button, Object.assign({
         className: "".concat($prefixCls, "-popconfirm-btn"),
         onClick: handleCancel,
@@ -188,7 +171,7 @@ var PopConfirm = function PopConfirm(props) {
     return jsxs("div", Object.assign({
       className: clsx('popconfirm-wrapper'),
       style: style,
-      onClick: function onClick(evt) {
+      onClick: evt => {
         if (!bubble) evt.stopPropagation();
       }
     }, {

package/Popover/index.js

@@ -2,28 +2,28 @@ 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-0d9802f7.js';
-import { u as usePopupContainer } from '../_verture/usePopupContainer-87febeb9.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-5317fc89.js';
+import { u as usePopupContainer } from '../_verture/usePopupContainer-635f66f4.js';
 import clsx from 'clsx';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.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 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}";
+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: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n  border: 1px solid rgba(212, 218, 227, 0.4);\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
-var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var title = props.title,
-    content = props.content,
+const Popover = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  const {
+      title,
+      content
+    } = props,
     restProps = __rest(props, ["title", "content"]);
-  var wrapRef = React__default.useRef();
-  var getPopupContainer = usePopupContainer(wrapRef, props.getPopupContainer);
+  const wrapRef = React__default.useRef();
+  const getPopupContainer = usePopupContainer(wrapRef, props.getPopupContainer);
   //浮层
-  var getOverlay = function getOverlay(prefixCls) {
+  const getOverlay = prefixCls => {
     if (!title && !content) return null;
     return jsxs(Fragment, {
       children: [title && jsx("div", Object.assign({
@@ -37,7 +37,7 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       }))]
     });
   };
-  var prefixCls = "".concat($rcPrefixCls, "-popover");
+  const prefixCls = "".concat($rcPrefixCls, "-popover");
   return jsx(Tooltip, Object.assign({}, restProps, {
     isPopover: true,
     prefixCls: prefixCls,