@para-ui/core 4.0.40 → 4.0.42

package/ComboSelect/index.js

@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useRef, useState, useEffect, useMemo, useImperativeHandle } from 'react';
 import Down from '@para-ui/icons/Down';
 import SearchIcon from '@para-ui/icons/Search';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
 import { T as Tree } from '../_verture/index-77fff5bd.js';
@@ -679,7 +679,7 @@ const ComboSelect = props => {
           onClick: evt => handleRemoveTagClick(evt, item),
           onMouseDown: e => e.stopPropagation()
         }, {
-          children: jsx(CloseIcon, {})
+          children: jsx(Close, {})
         }))]
       }));
     };
@@ -941,7 +941,7 @@ const ComboSelect = props => {
             className: 'comboselect-more-item-remove',
             onClick: e => handleRemoveTagClick(e, item)
           }, {
-            children: jsx(CloseIcon, {})
+            children: jsx(Close, {})
           }))]
         }), idx);
       });

package/CycleSelector/index.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React__default, { useState, useRef, useEffect, useImperativeHandle } from 'react';
 import clsx from 'clsx';
 import dayjs from 'dayjs';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import DatePicker from '../DatePicker/index.js';
@@ -219,8 +219,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-cycle-selector .cycle-selector-content {\n  display: flex;\n}\n.paraui-v4-cycle-selector .cycle-selector-content .time-select {\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v4-cycle-selector .cycle-selector-content .select-type {\n  flex: 1;\n  overflow: hidden;\n  margin-left: 10px;\n}\n.paraui-v4-cycle-selector .cycle-selector-content .paraui-v4-helper-text {\n  display: none;\n}\n.paraui-v4-cycle-selector .text-tip {\n  font-size: 12px;\n  color: rgb(29, 33, 38);\n  margin-top: 10px;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  line-height: 20px;\n}\n.paraui-v4-cycle-selector .text-tip button {\n  height: inherit;\n  font-size: 12px;\n  margin-left: 8px;\n}\n\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content {\n  width: 480px;\n  padding: 15px 20px 20px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .title {\n  display: flex;\n  line-height: 20px;\n  align-items: center;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .title .label {\n  flex: 1;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  font-weight: 600;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .title svg {\n  color: rgb(92, 101, 115);\n  cursor: pointer;\n  font-size: 18px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .title svg:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content {\n  margin-top: 16px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .item {\n  display: flex;\n  margin-bottom: 20px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .item .label {\n  line-height: 32px;\n  width: 150px;\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .item .form-content {\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .frequency .form-content .frequency-select {\n  margin-right: 10px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .end-type .form-content .end-type-select {\n  flex: 1;\n  overflow: hidden;\n  margin-right: 10px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .end-type .form-content .right-box {\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day {\n  margin-bottom: 0;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content .execution-day-select {\n  display: flex;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content .execution-day-select > div {\n  flex: 1;\n  overflow: hidden;\n  height: 28px;\n  margin-right: 6px;\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n  line-height: 26px;\n  text-align: center;\n  cursor: pointer;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content .execution-day-select > div.select-item {\n  background-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content .execution-day-select > div:last-child {\n  margin-right: 0;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content > .tip {\n  min-height: 20px;\n  display: flex;\n  opacity: 0;\n  transition: all 0.3s;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content > .tip.show-tip {\n  opacity: 1;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content > .tip svg {\n  color: rgb(255, 147, 38);\n  font-size: 16px;\n  vertical-align: middle;\n  margin-right: 4px;\n  margin-top: 2px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content > .tip span {\n  font-size: 12px;\n  color: rgb(255, 147, 38);\n  flex: 1;\n  overflow: hidden;\n  line-height: 20px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .month-cycle-type-list .form-content > div {\n  flex: 1;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .month-cycle-type-list .form-content > div:first-child {\n  margin-right: 10px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .footer {\n  text-align: right;\n  margin-top: 30px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .footer button:last-child {\n  margin-left: 16px;\n}";
@@ -755,7 +755,7 @@ const CycleSelector = props => {
           className: 'label'
         }, {
           children: intl('customCycle')
-        })), jsx(CloseIcon, {
+        })), jsx(Close, {
           onClick: cancelPopover
         })]
       })), jsx("div", Object.assign({

package/DragVerify/index.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import DoubleRight from '@para-ui/icons/DoubleRight';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import Check from '@para-ui/icons/Check';
 import Refresh from '@para-ui/icons/Refresh';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
@@ -268,7 +268,7 @@ const DragVerify = props => {
         }, {
           children: [jsx(DoubleRight, {
             className: 'svg-right'
-          }), jsx(CloseIcon, {
+          }), jsx(Close, {
             className: 'svg-close'
           }), jsx(Check, {
             className: 'svg-check'

package/Form/index.js

@@ -1,9 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-b040e10a.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-67fe714a.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
+import '../_verture/slicedToArray-75fa4188.js';
 import '../TextField/index.js';
 import '../_verture/tslib.es6-f43aa41d.js';
 import '../Label/index.js';
@@ -28,7 +29,6 @@ import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
-import '../_verture/slicedToArray-75fa4188.js';
 import '../RadioGroup/index.js';
 import '../Radio/index.js';
 import '../Select/index.js';

package/FormItem/index.js

@@ -1,9 +1,10 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-b040e10a.js';
+export { F as default } from '../_verture/index-67fe714a.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';
+import '../_verture/slicedToArray-75fa4188.js';
 import '../TextField/index.js';
 import '../_verture/tslib.es6-f43aa41d.js';
 import '@paraview/lib';
@@ -27,7 +28,6 @@ import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
-import '../_verture/slicedToArray-75fa4188.js';
 import '../RadioGroup/index.js';
 import '../Radio/index.js';
 import '../Select/index.js';

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-205db1f4.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-205db1f4.js';
+import { u as useModal } from '../_verture/modalContext-369509dd.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-369509dd.js';
 import '../_verture/tslib.es6-f43aa41d.js';
 import 'react/jsx-runtime';
 import 'react';

package/Message/index.js

@@ -3,7 +3,7 @@ import { useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import CheckCircleF from '@para-ui/icons/CheckCircleF';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
@@ -131,7 +131,7 @@ const renderContent = (box, _ref2, removeTime, autoClose, fill) => {
   const iconDom = document.querySelector("#".concat(id, " .msg-icon"));
   if (iconDom && icon && !hideIcon) ReactDOM.render(icon, iconDom);
   const closeDom = document.querySelector("#".concat(id, " .msg-close"));
-  if (closeDom) ReactDOM.render(jsx(CloseIcon, {}), closeDom);
+  if (closeDom) ReactDOM.render(jsx(Close, {}), closeDom);
   if (!autoClose) return;
   setTimeout(() => {
     const hasNode = document.querySelector("#".concat(item.id));

package/Modal/index.js

@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import Dialog from 'rc-dialog';
 import { Button } from '../Button/index.js';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { g as getConfirmLocale, l as localeJson } from '../_verture/index-ca413216.js';
 import ReactDOM from 'react-dom';
@@ -128,7 +128,7 @@ const ConfirmDialog = props => {
           className: 'confirm-content-close',
           onClick: handleCancel
         }, {
-          children: jsx(CloseIcon, {})
+          children: jsx(Close, {})
         })), jsx("span", Object.assign({
           className: clsx('confirm-content-icon', "confirm-content-icon--".concat(type))
         }, {
@@ -215,7 +215,7 @@ const Confirm = {
   destroyAll: destroyAllConfirm
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/13 下午6:54\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-modal-close {\n  color: rgb(92, 101, 115);\n}\n\n.paraui-v4-modal {\n  position: relative;\n  top: 100px;\n  width: auto;\n  max-width: calc(100vw - 32px);\n  padding-bottom: 24px;\n  margin: 0 auto;\n  font-size: 14px;\n  line-height: 1.5715;\n  color: rgb(29, 33, 38);\n  pointer-events: none;\n}\n.paraui-v4-modal.paraui-v4-modal-sm .paraui-v4-modal-content {\n  width: 430px;\n  max-height: 250px;\n}\n.paraui-v4-modal.paraui-v4-modal-md .paraui-v4-modal-content {\n  width: 486px;\n  max-height: 610px;\n}\n.paraui-v4-modal.paraui-v4-modal-lg .paraui-v4-modal-content {\n  width: 948px;\n  max-height: 610px;\n}\n.paraui-v4-modal.paraui-v4-modal-fullscreen {\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n}\n.paraui-v4-modal.paraui-v4-modal-zoom-enter, .paraui-v4-modal.paraui-v4-modal-zoom-appear {\n  user-select: none;\n  opacity: 0;\n  transform: none;\n  animation-duration: 0.3s;\n}\n.paraui-v4-modal-mask {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1500;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n}\n.paraui-v4-modal-mask-hidden {\n  display: none;\n}\n.paraui-v4-modal-wrap {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1500;\n  overflow: auto;\n  outline: 0;\n  -webkit-overflow-scrolling: touch;\n}\n.paraui-v4-modal .paraui-v4-modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow-y: auto;\n  pointer-events: auto;\n  background-color: white;\n  border-radius: 4px;\n}\n.paraui-v4-modal.paraui-v4-modal-without-mask .paraui-v4-modal-content {\n  box-shadow: 0 2px 8px 0 rgb(234, 236, 241);\n}\n.paraui-v4-modal .paraui-v4-modal-title {\n  position: relative;\n  height: 50px;\n  padding: 15px 20px;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 20px;\n  color: rgb(29, 33, 38);\n  overflow-wrap: break-word;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-close {\n  position: absolute;\n  top: 11px;\n  right: 15px;\n  z-index: 10;\n  border: 0;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-close .paraui-v4-modal-close-icon {\n  font-size: 18px;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-title-text {\n  width: calc(100% - 28px);\n}\n.paraui-v4-modal .paraui-v4-modal-body {\n  flex: auto;\n  padding: 0 20px;\n  overflow-y: auto;\n  overflow-wrap: break-word;\n}\n.paraui-v4-modal .paraui-v4-modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 72px;\n  padding: 0 20px;\n  text-align: right;\n}\n.paraui-v4-modal .paraui-v4-modal-footer > button + button {\n  margin-left: 16px;\n}\n.paraui-v4-modal-open {\n  overflow: hidden;\n}\n.paraui-v4-modal-centered {\n  text-align: center;\n}\n.paraui-v4-modal-centered::before {\n  display: inline-block;\n  width: 0;\n  height: 100%;\n  vertical-align: middle;\n  content: \"\";\n}\n.paraui-v4-modal-centered .paraui-v4-modal {\n  top: 0;\n  display: inline-block;\n  padding-bottom: 0;\n  text-align: left;\n  vertical-align: middle;\n}\n@media (max-width: 767px) {\n  .paraui-v4-modal .paraui-v4-modal {\n    max-width: calc(100vw - 16px);\n    margin: 8px auto;\n  }\n  .paraui-v4-modal .paraui-v4-modal-centered .paraui-v4-modal {\n    flex: 1;\n  }\n}\n\n.paraui-v4-modal-zoom-enter,\n.paraui-v4-modal-zoom-appear {\n  opacity: 0;\n  transform: scale(0);\n  animation-duration: 0.2s;\n  animation-play-state: paused;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n  animation-fill-mode: both;\n}\n\n.paraui-v4-modal-zoom-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n.paraui-v4-modal-zoom-enter.paraui-v4-modal-zoom-enter-active,\n.paraui-v4-modal-zoom-appear.paraui-v4-modal-zoom-appear-active {\n  animation-name: paraui-v4ModalZoomIn;\n  animation-play-state: running;\n}\n\n.paraui-v4-modal-zoom-leave.paraui-v4-modal-zoom-leave-active {\n  pointer-events: none;\n  animation-name: paraui-v4ModalZoomOut;\n  animation-play-state: running;\n}\n\n.paraui-v4-modal-zoom-enter-prepare,\n.paraui-v4-modal-zoom-appear-prepare {\n  transform: none;\n}\n\n.paraui-v4-modal-fade-enter,\n.paraui-v4-modal-fade-appear {\n  opacity: 0;\n  animation-duration: 0.2s;\n  animation-play-state: paused;\n  animation-timing-function: linear;\n  animation-fill-mode: both;\n}\n\n.paraui-v4-modal-fade-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n  animation-timing-function: linear;\n}\n\n.paraui-v4-modal-fade-enter.paraui-v4-modal-fade-enter-active,\n.paraui-v4-modal-fade-appear.paraui-v4-modal-fade-appear-active {\n  animation-name: paraui-v4ModalFadeIn;\n  animation-play-state: running;\n}\n\n.paraui-v4-modal-fade-leave.paraui-v4-modal-fade-leave-active {\n  pointer-events: none;\n  animation-name: paraui-v4ModalFadeOut;\n  animation-play-state: running;\n}\n\n@keyframes paraui-v4ModalZoomIn {\n  0% {\n    opacity: 0;\n    transform: scale(0.2);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes paraui-v4ModalZoomOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(0.2);\n  }\n}\n@keyframes paraui-v4ModalFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes paraui-v4ModalFadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/13 下午6:54\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-modal-close {\n  color: rgb(92, 101, 115);\n}\n\n.paraui-v4-modal {\n  position: relative;\n  top: 100px;\n  width: auto;\n  max-width: calc(100vw - 32px);\n  padding-bottom: 24px;\n  margin: 0 auto;\n  font-size: 14px;\n  line-height: 1.5715;\n  color: rgb(29, 33, 38);\n  pointer-events: none;\n}\n.paraui-v4-modal.paraui-v4-modal-fullscreen {\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n}\n.paraui-v4-modal.paraui-v4-modal-zoom-enter, .paraui-v4-modal.paraui-v4-modal-zoom-appear {\n  user-select: none;\n  opacity: 0;\n  transform: none;\n  animation-duration: 0.3s;\n}\n.paraui-v4-modal-mask {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1500;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n}\n.paraui-v4-modal-mask-hidden {\n  display: none;\n}\n.paraui-v4-modal-wrap {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1500;\n  overflow: auto;\n  outline: 0;\n  -webkit-overflow-scrolling: touch;\n}\n.paraui-v4-modal .paraui-v4-modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow-y: auto;\n  pointer-events: auto;\n  background-color: white;\n  border-radius: 4px;\n}\n.paraui-v4-modal.paraui-v4-modal-without-mask .paraui-v4-modal-content {\n  box-shadow: 0 2px 8px 0 rgb(234, 236, 241);\n}\n.paraui-v4-modal .paraui-v4-modal-title {\n  position: relative;\n  height: 50px;\n  padding: 15px 20px;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 20px;\n  color: rgb(29, 33, 38);\n  overflow-wrap: break-word;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-close {\n  position: absolute;\n  top: 11px;\n  right: 15px;\n  z-index: 10;\n  border: 0;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-close .paraui-v4-modal-close-icon {\n  font-size: 18px;\n}\n.paraui-v4-modal .paraui-v4-modal-title .paraui-v4-modal-title-text {\n  width: calc(100% - 28px);\n}\n.paraui-v4-modal .paraui-v4-modal-body {\n  flex: auto;\n  padding: 0 20px;\n  overflow-y: auto;\n  overflow-wrap: break-word;\n}\n.paraui-v4-modal .paraui-v4-modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  height: 72px;\n  min-height: 72px;\n  padding: 0 20px;\n  text-align: right;\n}\n.paraui-v4-modal .paraui-v4-modal-footer > button + button {\n  margin-left: 16px;\n}\n.paraui-v4-modal-open {\n  overflow: hidden;\n}\n.paraui-v4-modal-centered {\n  text-align: center;\n}\n.paraui-v4-modal-centered::before {\n  display: inline-block;\n  width: 0;\n  height: 100%;\n  vertical-align: middle;\n  content: \"\";\n}\n.paraui-v4-modal-centered .paraui-v4-modal {\n  top: 0;\n  display: inline-block;\n  padding-bottom: 0;\n  text-align: left;\n  vertical-align: middle;\n}\n@media (max-width: 767px) {\n  .paraui-v4-modal .paraui-v4-modal {\n    max-width: calc(100vw - 16px);\n    margin: 8px auto;\n  }\n  .paraui-v4-modal .paraui-v4-modal-centered .paraui-v4-modal {\n    flex: 1;\n  }\n}\n\n.paraui-v4-modal-zoom-enter,\n.paraui-v4-modal-zoom-appear {\n  opacity: 0;\n  transform: scale(0);\n  animation-duration: 0.2s;\n  animation-play-state: paused;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n  animation-fill-mode: both;\n}\n\n.paraui-v4-modal-zoom-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n.paraui-v4-modal-zoom-enter.paraui-v4-modal-zoom-enter-active,\n.paraui-v4-modal-zoom-appear.paraui-v4-modal-zoom-appear-active {\n  animation-name: paraui-v4ModalZoomIn;\n  animation-play-state: running;\n}\n\n.paraui-v4-modal-zoom-leave.paraui-v4-modal-zoom-leave-active {\n  pointer-events: none;\n  animation-name: paraui-v4ModalZoomOut;\n  animation-play-state: running;\n}\n\n.paraui-v4-modal-zoom-enter-prepare,\n.paraui-v4-modal-zoom-appear-prepare {\n  transform: none;\n}\n\n.paraui-v4-modal-fade-enter,\n.paraui-v4-modal-fade-appear {\n  opacity: 0;\n  animation-duration: 0.2s;\n  animation-play-state: paused;\n  animation-timing-function: linear;\n  animation-fill-mode: both;\n}\n\n.paraui-v4-modal-fade-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n  animation-timing-function: linear;\n}\n\n.paraui-v4-modal-fade-enter.paraui-v4-modal-fade-enter-active,\n.paraui-v4-modal-fade-appear.paraui-v4-modal-fade-appear-active {\n  animation-name: paraui-v4ModalFadeIn;\n  animation-play-state: running;\n}\n\n.paraui-v4-modal-fade-leave.paraui-v4-modal-fade-leave-active {\n  pointer-events: none;\n  animation-name: paraui-v4ModalFadeOut;\n  animation-play-state: running;\n}\n\n@keyframes paraui-v4ModalZoomIn {\n  0% {\n    opacity: 0;\n    transform: scale(0.2);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes paraui-v4ModalZoomOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: scale(0.2);\n  }\n}\n@keyframes paraui-v4ModalFadeIn {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes paraui-v4ModalFadeOut {\n  0% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 //鼠标位置内部使用
@@ -287,10 +287,29 @@ const Modal = props => {
       auto: "".concat(prefixCls, "-auto"),
       fullScreen: "".concat(prefixCls, "-fullscreen")
     };
-    if (contentWidth || contentHeight || contentStyle) return;
+    if (contentStyle) return;
     if (isFullScreen) return sizeMap['fullScreen'];
     return sizeMap[size];
   };
+  const makeSizeStyle = () => {
+    if (!size) return;
+    if (size === 'fullScreen' || size === 'auto') return;
+    const sizeMap = {
+      sm: {
+        width: 430,
+        maxHeight: 118
+      },
+      md: {
+        width: 486,
+        maxHeight: 478
+      },
+      lg: {
+        width: 948,
+        maxHeight: 478
+      }
+    };
+    return sizeMap[size];
+  };
   const getModalCls = () => {
     if (mask) return "".concat(prefixCls, "-with-mask");
     return "".concat(prefixCls, "-without-mask");
@@ -301,10 +320,14 @@ const Modal = props => {
   };
   //自定义内容样式
   const getContentStyle = () => {
+    const {
+      maxHeight,
+      width
+    } = makeSizeStyle() || {};
     return Object.assign(Object.assign({
-      // maxHeight: 'calc(100vh - 162px)',
-      minHeight: 118,
-      width: contentWidth,
+      // contentWidth 和 contentHeight 优先级总是最高
+      maxHeight: contentHeight || maxHeight || 'calc(100vh - 142px)',
+      width: contentWidth || width,
       height: contentHeight
     }, bodyStyle), contentStyle);
   };
@@ -319,7 +342,7 @@ const Modal = props => {
       variant: 'outlined',
       size: 'small'
     }, {
-      children: closeIcon || jsx(CloseIcon, {
+      children: closeIcon || jsx(Close, {
         className: "".concat(prefixCls, "-close-icon")
       })
     }));

package/MultiBox/index.js

@@ -39,8 +39,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-multi-box {\n  width: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item {\n  display: flex;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  align-items: flex-start;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input.multi-box-content-item-input-error > .multi-box-separator {\n  padding-bottom: 20px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n  margin-right: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field {\n  flex: 1;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field .paraui-v4-helper-text {\n  min-height: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-separator {\n  padding-bottom: 10px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  margin: 0 10px;\n  line-height: 1;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  cursor: pointer;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-multi-box > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box > .multi-box-add {\n  text-align: center;\n  border: 1px dashed;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  cursor: pointer;\n  background-color: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n}\n.paraui-v4-multi-box > .multi-box-add > svg {\n  font-size: 16px;\n  color: rgb(46, 101, 230);\n  margin-right: 4px;\n}\n.paraui-v4-multi-box > .multi-box-add:hover {\n  border-color: rgb(87, 131, 235);\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-separator > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field:first-child {\n  margin-right: 0;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  cursor: not-allowed;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover {\n  background-color: transparent;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-content > .multi-box-content-item > .opera-box > .del-box svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add {\n  border-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n  background-color: rgb(247, 248, 250);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-disabled > .multi-box-add:hover {\n  border-color: rgb(212, 218, 227);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-add {\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-small > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 28px;\n  height: 28px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-add {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-medium > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-add {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-multi-box.paraui-v4-multi-box-large > .multi-box-content > .multi-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}";

package/Notification/index.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import Notification from 'rc-notification';
 import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import CheckCircleF from '@para-ui/icons/CheckCircleF';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
@@ -23,7 +23,7 @@ let defaultRight = 20;
 let defaultPlacement = 'topRight';
 let defaultGetContainer;
 const prefixCls = "".concat($prefixCls, "-notification");
-let defaultCloseIcon = jsx(CloseIcon, {
+let defaultCloseIcon = jsx(Close, {
   className: "".concat(prefixCls, "-close-icon")
 });
 const rtl = false;
@@ -134,7 +134,7 @@ function getNotificationInstance(args, callback) {
   const closeIconToRender = jsx("span", Object.assign({
     className: "".concat(prefixCls, "-close-x")
   }, {
-    children: closeIcon || jsx(CloseIcon, {
+    children: closeIcon || jsx(Close, {
       className: "".concat(prefixCls, "-close-icon")
     })
   }));

package/Pagination/index.js

@@ -60,8 +60,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/10/26 13:57\n* @description 分页样式\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-pagination {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  opacity: 1;\n}\n.paraui-v4-pagination.paraui-v4-pagination-over {\n  overflow: hidden;\n  height: 32px;\n  opacity: 0;\n  transition: all 0.3s;\n}\n.paraui-v4-pagination.paraui-v4-pagination-no-left-arrow > .pagination-content {\n  padding-left: 0;\n}\n.paraui-v4-pagination.paraui-v4-pagination-no-right-arrow > .pagination-content {\n  padding-right: 0;\n}\n.paraui-v4-pagination > .pagination-space {\n  margin-right: 10px;\n}\n.paraui-v4-pagination > .pagination-space:last-child {\n  margin-right: 0;\n}\n.paraui-v4-pagination > .pagination-content {\n  display: flex;\n  border-radius: 4px;\n  height: 32px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-pagination > .pagination-content > .left-page, .paraui-v4-pagination > .pagination-content > .right-page {\n  display: inline-block;\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div, .paraui-v4-pagination > .pagination-content > .right-page > div {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  width: 32px;\n  height: 32px;\n  border-radius: 4px;\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div.disabled-btn, .paraui-v4-pagination > .pagination-content > .right-page > div.disabled-btn {\n  cursor: not-allowed;\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div.disabled-btn > svg, .paraui-v4-pagination > .pagination-content > .right-page > div.disabled-btn > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div.disabled-btn:hover, .paraui-v4-pagination > .pagination-content > .right-page > div.disabled-btn:hover {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div.disabled-btn:hover > svg, .paraui-v4-pagination > .pagination-content > .right-page > div.disabled-btn:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div:last-child, .paraui-v4-pagination > .pagination-content > .right-page > div:last-child {\n  margin-right: 0;\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div:hover, .paraui-v4-pagination > .pagination-content > .right-page > div:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div:hover > svg, .paraui-v4-pagination > .pagination-content > .right-page > div:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div > svg, .paraui-v4-pagination > .pagination-content > .right-page > div > svg {\n  font-size: 16px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination {\n  height: 100%;\n  display: inline-block;\n  box-shadow: none;\n  vertical-align: top;\n  line-height: 30px;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li {\n  min-width: 32px;\n  height: 32px;\n  line-height: 32px;\n  display: inline-block;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 4px;\n  margin-right: 6px;\n  padding: 0 6px;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li:first-child, .paraui-v4-pagination > .pagination-content > .component-pagination > li:last-child, .paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-next {\n  display: none;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-jump-next, .paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-jump-prev {\n  padding: 0;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-prev-icon svg, .paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-next-icon svg {\n  display: none;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-prev-icon span, .paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-next-icon span {\n  display: inline-block;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-prev-icon:hover svg, .paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-next-icon:hover svg {\n  display: inline-block;\n  vertical-align: middle;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-prev-icon:hover span, .paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-next-icon:hover span {\n  display: none;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li:hover {\n  background-color: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-item-active {\n  color: rgb(46, 101, 230);\n  border: 1px solid;\n  border-color: rgb(46, 101, 230);\n  line-height: 30px;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-item-active:hover {\n  background: rgb(255, 255, 255);\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-pagination > .pagination-btn-content button:first-child {\n  margin-right: 10px;\n}\n.paraui-v4-pagination > .page-line-memo > span {\n  display: inline-block;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n.paraui-v4-pagination > .page-line-memo .page-line-select {\n  width: 110px;\n  vertical-align: middle;\n}\n.paraui-v4-pagination > .skip-page-memo {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-pagination > .skip-page-memo > span {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-pagination > .skip-page-memo > .skip-page-text-field {\n  width: 50px;\n  margin: 0 4px;\n}\n.paraui-v4-pagination > .skip-page-memo > .skip-page-text-field .right-icon {\n  margin-right: 8px;\n}";

package/Progress/index.js

@@ -4,7 +4,7 @@ import { Circle } from 'rc-progress';
 import CheckCircleF from '@para-ui/icons/CheckCircleF';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Check from '@para-ui/icons/Check';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
@@ -255,7 +255,7 @@ const Progress = props => {
     }) : jsx(CheckCircleF, {
       className: "success"
     });
-    if (status === 'exception') return type === 'circle' ? jsx(CloseIcon, {
+    if (status === 'exception') return type === 'circle' ? jsx(Close, {
       className: "error"
     }) : jsx(CloseCircleF, {
       className: "error"

package/Prompt/index.js

@@ -5,7 +5,7 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import WarningCircleF from '@para-ui/icons/WarningCircleF';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import CheckCircleF from '@para-ui/icons/CheckCircleF';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-prompt {\n  width: 100%;\n  border-radius: 4px;\n  padding: 10px 16px 10px 40px;\n  position: relative;\n  box-sizing: border-box;\n}\n.paraui-v4-prompt.prompt-outline {\n  border-width: 1px;\n  border-style: solid;\n}\n.paraui-v4-prompt.prompt-status-feedback-close {\n  padding-right: 44px;\n}\n.paraui-v4-prompt .prompt-icon {\n  width: 16px;\n  height: 16px;\n  position: absolute;\n  top: 12px;\n  left: 16px;\n  z-index: 2;\n}\n.paraui-v4-prompt .prompt-icon svg {\n  width: 16px;\n  height: 16px;\n}\n.paraui-v4-prompt .prompt-btn-close {\n  width: 16px;\n  height: 16px;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  z-index: 2;\n  margin-left: auto;\n  cursor: pointer;\n}\n.paraui-v4-prompt .prompt-btn-close svg {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-prompt .prompt-title {\n  width: 100%;\n  font-weight: 600;\n  height: 20px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  line-height: 20px;\n  margin-bottom: 4px;\n}\n.paraui-v4-prompt .prompt-content-list .prompt-content-item {\n  margin-top: 4px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-prompt .prompt-content-list .prompt-content-item:first-child {\n  margin-top: 0;\n}\n.paraui-v4-prompt .prompt-content-item {\n  width: 100%;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  line-height: 20px;\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-info .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-info .prompt-content-item {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-error .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-error .prompt-content-item {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-success .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-success .prompt-content-item {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-warn .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-warn .prompt-content-item {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-prompt.prompt-type-info {\n  background: rgb(240, 245, 255);\n}\n.paraui-v4-prompt.prompt-type-info svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-prompt.prompt-type-info.prompt-outline {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-prompt.prompt-type-error {\n  background: rgb(255, 235, 235);\n}\n.paraui-v4-prompt.prompt-type-error svg {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-prompt.prompt-type-error.prompt-outline {\n  border-color: rgb(246, 103, 103);\n}\n.paraui-v4-prompt.prompt-type-success {\n  background: rgb(232, 252, 239);\n}\n.paraui-v4-prompt.prompt-type-success svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-type-success.prompt-outline {\n  border-color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-type-warn {\n  background: rgb(255, 246, 235);\n}\n.paraui-v4-prompt.prompt-type-warn svg {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-prompt.prompt-type-warn.prompt-outline {\n  border-color: rgb(255, 147, 38);\n}";
@@ -85,7 +85,7 @@ const Prompt = props => {
       className: 'prompt-btn-close',
       onClick: closePanel
     }, {
-      children: jsx(CloseIcon, {})
+      children: jsx(Close, {})
     })), title && jsx("div", Object.assign({
       className: "prompt-title"
     }, {

package/Querying/index.js

@@ -8,7 +8,7 @@ import 'react';
 import '../_verture/index-ca413216.js';
 import '@paraview/lib';
 
-var LargeSearch = function LargeSearch() {
+const LargeSearch = () => {
   return jsx("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: "100%",
@@ -445,7 +445,7 @@ var LargeSearch = function LargeSearch() {
     }))
   }));
 };
-var SmallSearch = function SmallSearch() {
+const SmallSearch = () => {
   return jsx("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: "100%",
@@ -684,8 +684,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 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: 80px;\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: 20px;\n}\n.paraui-v4-querying.paraui-v4-querying-small > .querying-description {\n  margin-top: 10px;\n  font-size: 14px;\n}";

package/README.md

@@ -1,3 +1,11 @@
+## 🎉 para-ui/core@4.0.42 发布
+
+🔧【Bugfix】
+- 【对话框-Modal】修复同时存在size和contentHeight时，size失效问题
+
+🎁【Feature】
+- 【结果-Result】新增组件-结果
+
 ## 🎉 para-ui/core@4.0.40 发布
 
 🔧【Bugfix】

package/Result/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @author linhd
+ * @date 2024/9/11 10:46
+ * @description 结果
+ */
+import React, { FunctionComponent, ReactNode } from 'react';
+import './index.scss';
+interface ResultProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 状态 */
+    status?: 'success' | 'error' | 'loading';
+    /** 插画 */
+    icon?: ReactNode;
+    /** 标题 */
+    title?: ReactNode;
+    /** 副标题 */
+    subTitle?: ReactNode;
+    /** 底部 */
+    footer?: ReactNode;
+}
+export declare const Result: FunctionComponent<ResultProps>;
+export default Result;

package/Result/index.js

@@ -0,0 +1,94 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import AutoTips from '../AutoTips/index.js';
+import Check from '@para-ui/icons/Check';
+import Close from '@para-ui/icons/Close';
+import LoadingIcon from '@para-ui/icons/Loading';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import 'react';
+import '../Tooltip/index.js';
+import '../_verture/tslib.es6-f43aa41d.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
+import '@paraview/lib';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-result {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n@keyframes rotateLoading {\n  0% {\n    transformOrigin: 50% 50%;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v4-result > .icon-box {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 30px;\n}\n.paraui-v4-result > .icon-box > .icon-bg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n}\n.paraui-v4-result > .icon-box > .icon-bg > svg {\n  font-size: 40px;\n}\n.paraui-v4-result > .title {\n  color: rgb(29, 33, 38);\n  font-size: 18px;\n  font-weight: 700;\n  max-width: 100%;\n  margin-bottom: 4px;\n}\n.paraui-v4-result > .sub-title {\n  max-width: 100%;\n  font-size: 14px;\n  color: rgb(92, 101, 115);\n  text-align: center;\n}\n.paraui-v4-result > .footer {\n  margin-top: 40px;\n}\n.paraui-v4-result.paraui-v4-result-success > .icon-box > .icon-bg {\n  background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-result.paraui-v4-result-success > .icon-box > .icon-bg > svg {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-result.paraui-v4-result-error > .icon-box > .icon-bg {\n  background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-result.paraui-v4-result-error > .icon-box > .icon-bg > svg {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-result.paraui-v4-result-loading > .icon-box > .icon-bg {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-result.paraui-v4-result-loading > .icon-box > .icon-bg > svg {\n  transition: all 0.3s ease-in-out;\n  animation: rotateLoading 1s infinite linear;\n  color: rgb(46, 101, 230);\n}";
+styleInject(css_248z);
+
+const iconMapping = {
+  success: jsx(Check, {}),
+  error: jsx(Close, {}),
+  loading: jsx(LoadingIcon, {})
+};
+const Result = props => {
+  const {
+    className,
+    style,
+    status,
+    icon,
+    title,
+    subTitle,
+    footer
+  } = props;
+  const handleIcon = () => {
+    if (icon) {
+      return jsx("div", Object.assign({
+        className: 'icon-box'
+      }, {
+        children: icon
+      }));
+    }
+    if (status) {
+      return jsx("div", Object.assign({
+        className: 'icon-box'
+      }, {
+        children: jsx("div", Object.assign({
+          className: 'icon-bg'
+        }, {
+          children: iconMapping[status]
+        }))
+      }));
+    }
+  };
+  const handleTitle = () => {
+    if (title) {
+      return jsx("div", Object.assign({
+        className: 'title'
+      }, {
+        children: jsx(AutoTips, {
+          children: title
+        })
+      }));
+    }
+  };
+  const handleSubTitle = () => {
+    if (subTitle) {
+      return jsx("div", Object.assign({
+        className: 'sub-title'
+      }, {
+        children: subTitle
+      }));
+    }
+  };
+  const handleFooter = () => {
+    if (footer) {
+      return jsx("div", Object.assign({
+        className: 'footer'
+      }, {
+        children: footer
+      }));
+    }
+  };
+  return jsxs("div", Object.assign({
+    className: clsx(className, "".concat($prefixCls, "-result"), {
+      ["".concat($prefixCls, "-result-").concat(status)]: status
+    }),
+    style: style
+  }, {
+    children: [handleIcon(), handleTitle(), handleSubTitle(), handleFooter()]
+  }));
+};
+
+export { Result, Result as default };

package/Select/index.js

@@ -5,7 +5,7 @@ import Label from '../Label/index.js';
 import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { UUID, DeepClone } from '@paraview/lib';
 import { G as GlobalContext } from '../_verture/index-ca413216.js';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Down from '@para-ui/icons/Down';
 import Check from '@para-ui/icons/Check';
@@ -869,7 +869,7 @@ const Select = props => {
               }, {
                 children: handContent(index)
               }))
-            }), isClose && jsx(CloseIcon, {
+            }), isClose && jsx(Close, {
               onClick: delItem(listJson[valueCom[index]], valueCom[index])
             })]
           }), index);
@@ -958,7 +958,7 @@ const Select = props => {
               }, {
                 children: handContent(index)
               }))
-            }), isClose && jsx(CloseIcon, {
+            }), isClose && jsx(Close, {
               onClick: delItem(listJson[valueCom[index]], valueCom[index])
             })]
           }), index);

package/Selector/index.js

@@ -8,7 +8,7 @@ import { Checkbox } from '../Checkbox/index.js';
 import { Popover } from '../Popover/index.js';
 import AutoTips from '../AutoTips/index.js';
 import { Loading } from '../Loading/index.js';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
@@ -320,7 +320,7 @@ var SelectorNode = function SelectorNode(props) {
         className: "close",
         onClick: onCloseCom
       }, {
-        children: jsx(CloseIcon, {})
+        children: jsx(Close, {})
       }))]
     }))]
   }));
@@ -1088,7 +1088,7 @@ var SelectorData = function SelectorData(props) {
             children: selectRenderItem ? selectRenderItem(item) : jsx(AutoTips, {
               children: item[(backDataFieldConfig === null || backDataFieldConfig === void 0 ? void 0 : backDataFieldConfig.mainTitle) || ''] || item[(backDataFieldConfig === null || backDataFieldConfig === void 0 ? void 0 : backDataFieldConfig.key) || '']
             })
-          }), !disabledItem && jsx(CloseIcon, {
+          }), !disabledItem && jsx(Close, {
             onClick: function onClick() {
               return _onClose && _onClose(item, index);
             }

package/SelectorPicker/index.js

@@ -9,7 +9,7 @@ import AutoTips from '../AutoTips/index.js';
 import { Popover } from '../Popover/index.js';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Down from '@para-ui/icons/Down';
-import CloseIcon from '@para-ui/icons/Close';
+import Close from '@para-ui/icons/Close';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { Tooltip } from '../Tooltip/index.js';
@@ -265,7 +265,7 @@ const SelectorPicker = props => {
               }, {
                 children: renderVal || val
               }))
-            }), isClose && jsx(CloseIcon, {
+            }), isClose && jsx(Close, {
               onClick: e => handleTagRemove === null || handleTagRemove === void 0 ? void 0 : handleTagRemove(item, index, e)
             })]
           }), index);
@@ -364,7 +364,7 @@ const SelectorPicker = props => {
               }, {
                 children: renderVal || val
               }))
-            }), isClose && jsx(CloseIcon, {
+            }), isClose && jsx(Close, {
               onClick: e => handleTagRemove === null || handleTagRemove === void 0 ? void 0 : handleTagRemove(item, index, e)
             })]
           }), index);