@para-ui/core 4.0.0-rc.7 → 4.0.1

package/Popover/index.js

@@ -10,7 +10,7 @@ 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: 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}";
+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-hidden .component-popover-inner {\n  border: 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

package/QuickReply/index.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { d as dist } from '../_verture/index-d6093d1c.js';
+import { d as dist } from '../_verture/index-28a6bc3a.js';
 import { Button } from '../Button/index.js';
 import { Checkbox } from '../Checkbox/index.js';
 import { TextField } from '../TextField/index.js';
@@ -27,7 +27,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
-import '../_verture/index-da9097d3.js';
+import '../_verture/index-389675ab.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';

package/README.md

@@ -1,106 +1,7 @@
-## 版本: 4.0.0-alpha
-    para-ui/core@4.0.0-alpha 发布
-        【lisq】
-        【Upload】添加loading属性
-        【确认框-Confirm】修复确认框国际化问题
-        【Upload】ImageUpload 文案添加居中
-        【表单-FormItem】移除console.log
-        【穿梭框-Transfer】移除console.log
-        【文档】tooltip 添加FAQ、tooltip 和 popConfirm 添加依赖 badge
-        【国际化】国际化文档更新
-        【para-ui/icons】添加 @para-ui/icons 依赖到 peerDependencies
-        【文字提示-Tooltip】文字提示 arrow 默认值调整为 false，默认不展示
-        【标签页-Tabs】修复标签页外层容器为布局为 flex box 时，容器被挤压的问题
-        【文字提示-Tooltip】文字提示 arrow 默认值调整为 false，默认不展示
-        【标签页-Tabs】修复标签页外层容器为布局为 flex box 时，容器被挤压的问题
-        【标签页-Tabs】修复Tabs点击后未自动定位到对应模块
-        【标签页-Tabs】修复IE11中Tabs出现滚动条问题、模块显示文字重叠，未展示省略收起功能
-        【抽屉-Drawer】修复IE11中抽屉抖动问题、修复弹窗挂载异常问题
-        【对话框-Modal】对话框图标和标题居中对齐
-        【标签页-Tabs】修复IE11中Tabs出现滚动条问题、模块显示文字重叠，未展示省略收起功能
-        【抽屉-Drawer】修复IE11中抽屉抖动问题、修复弹窗挂载异常问题
-        【对话框-Modal】对话框图标和标题居中对齐
-        【Upload】ImageUpload 修复上传时打开新tab问题
-        【文字提示-Tooltip】调整tooltip换行规则
-        【国际化-intl】修复表格total为0时展示英文问题
-        【国际化-intl】重构intl逻辑，移除 new Function
-         修复发布问题,添加构建失败停止发布脚本逻辑
-        【抽屉-Drawer】解决抽屉中含有弹窗时，关闭弹窗悬浮在导航栏不展示弹窗的问题
-        【通知提示框-Notification】支持移除closeIcon
-
-        【linhd】
-        【动态多值框-DynamicMultiBox】没有拖拽，valueList不生成chosen，selected字段
-        【动态多值框-DynamicMultiBox】增加labelProps参数，用来修改标题
-        【动态多值框-DynamicMultiBox】增加rowKey,用来自定义每行的唯一id
-        【输入框-TextField】修复输入框存在焦点，点击输入框，触发onBlur事件
-        【下拉框-Select】去除searchModel为inside，自动得到焦点，防止页面上下抖动
-        【下拉框-Select】修复下拉框闪烁渲染
-        【表格-Table】修改序号排序，过滤功能默认为关闭
-        【表格-Table】加载更多按钮高度不对
-        【表格-Table】增加表头过滤空状态
-        【动态多值框-DynamicMultiBox】支持传入style,自定义样式
-        【下拉框-Select】修改x被遮挡
-        【容器-Container】增加top的层级
-        【下拉框-Select】下拉输入模式，只有在safari浏览器且存在下拉浮层，输入框才延迟得到焦点
-        【表格-Table】表格支持tbody行高设置
-        【表格-Table】表格修改左下角每页总数显示错误
-        【超出自适应盒子-AutoBox】增加trigger参数，moreCustomize函数类型抛出超出下标
-        【动态多值框-DynamicMultiBox】增加deleteRender参数
-        【表格-Table】修复表格左下角，全选全量数据不全问题
-        【多值框-MultiBox】增加自定义输入框props
-        【单值框-SingleBox】增加自定义输入框props
-        【表格-Table】修复切换每页显示条数，根据（checkRememberPage参数）清空已选中数据
-        【表格-Table】修改表格分页底部交互
-        【输入框-TextField】修改placeholder交互，只要有值，不显示placeholder
-        【表格-Table】增加分页右侧，刷新按钮，已选中条数展示
-        【数字输入框-InputNumber】去除IE自带的X
-        【下拉框-Select】增加获取焦点延迟，解决safari浏览器滚动问题
-        【动态多值框-DynamicMultiBox】修复IE上面offset报错
-        【分页-Pagination】解决开发报唯一key问题
-        【下拉框-Select】修改IE上面下拉搜索框，带X问题，placeholder颜色问题
-        【动态多值框-DynamicMultiBox】修复IE上面offset报错
-        【表格-Table】修复下拉框下拉浮层上下抖动问题，去除延迟代码
-        【表格-Table】修复表格自动计算页数失效问题
-        【帮助-Help】修改图标颜色为D3
-        【密码规则-PasswordRule】修改校验未通过的图标
-        【国际化-intl】修复表格total为0时展示英文问题
-        【动态多值框-DynamicMultiBox】修复下拉框 getPopupContainer 失效问题
-        【动态多值框-DynamicMultiBox】修改disabledAdd无效
-        【表单标题-Label】修改帮助提示svg样式
-        【动态多值框-DynamicMultiBox】增加国际化
-        【输入框-TextField】修改多行文本，IE限制长度数字展示不正常
-        【选择器-Selector】修复IE11出现滚动条问题
-        【国际化输入框-InputLang】限制key最大宽度，超出...
-        【动态多值框-DynamicMultiBox】修复ie样式错乱问题
-        【动态多值框-DynamicMultiBox】动态多值框支持可删除最后一条
-        【表格-Table】修复表格刷新，重置第一页问题
-        【表格-Table】修复部分safari浏览器表格加载更多错位的问题
-        【密码校验-PasswordRules】密码校验规则增加onCheckAll
-        【国际化输入框-InputLang】修改国际化输入框支持增加，删除按钮自定义，支持传入默认语言，语言列表支持对象形式，禁用key
-        【多值框-MultiBox】disabled支持数组
-        【下拉框-Select】修复浏览器缩放，下拉框超出+1计算错误
-        【下拉选择器-SelectPicker】修复浏览器缩放，下拉选择器超出+1计算错误
-        【输入框-TextField】修复输入框无法自动得到焦点
-        【多值框-MultiBox】修复多值框删除渲染错乱
-        【单值框-SingleBox】修复单值框删除渲染错乱
-        【表格-Table】修改表格超出文字提示宽度
-        【表格-Table】修复ie上面出现滚动条
-
-        【zrh】
-        【切换按钮-ToggleButton】导出ToggleButtonItemProps类型
-        【分体式按钮-SplitButton】更新placement参数类型
-        【组合选择器-ComboSelect】禁用表格刷新和已选条数
-        【组合选择器-ComboSelect】新增实时搜索功能，调整图表位置
-        【组合选择器-ComboSelect】自定义渲染输入框内容
-        【提示信息-Message】支持单独使用MessageBar
-
-        【hnj】
-        【标签-tag】增加autoTips参数tipMaxWidth(提示最大高度)暴露
-        【组织树-tree】增加autoTips参数tipMaxWidth(提示最大高度)暴露
-        【级联选择器-Cascader】级联选择器增加dropdownClassName,className字段,修改组件样式,组件暴露clearValue函数清空组件值 (这一条无用，v4级联重构value受控)
-        【穿梭框-Transfer】搜索添加防抖处理，搜索渲染不再反复渲染节点，避免数据过多引起的bug
-        【组织树-Tree】修改组织树icon和title不在同一行的问题
-        【表单-Form】表单校验国际化
-        【表单-Form】修复当单选框组的的值是boolean的时候，设置默认值为fasle选中不了的问题
-        【表单-Form】修改表单校验文案
+## 版本: 4.0.1
+    para-ui/core@4.0.1 发布
+        【浮层-Popover,PopConfirm,Dropdown】修复浮层隐藏出现边框
+        【搜索框-Search】修复搜索onClickRightIcon事件无效
 
+## 版本: 4.0.0
+    para-ui/core@4.0.0 发布

package/Search/index.d.ts

@@ -33,7 +33,7 @@ export interface SearchProps {
     onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     /** 点击按钮 */
     onClickBtn?: (val: string) => void;
-    /** 点击输入框右侧按钮 */
+    /** 点击输入框右侧按钮，不建议使用，请使用 onClickBtn */
     onClickRightIcon?: (val: string) => void;
     /** 点击清空内容回调 */
     onClear?: () => void;

package/Search/index.js

@@ -23,7 +23,7 @@ import '@para-ui/icons/LoadingF';
 import '../HelperText/index.js';
 import '../_verture/useGlobalProps-1e416658.js';
 import '@para-ui/core/GlobalContext';
-import '../_verture/index-da9097d3.js';
+import '../_verture/index-389675ab.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
@@ -75,8 +75,10 @@ const Search = props => {
    * 点击输入框右侧按钮
    */
   const clickRightIcon = () => {
-    if (onClickBtn) {
-      onClickBtn(valueCom);
+    var _a;
+    if (onClickBtn || props.onClickRightIcon) {
+      onClickBtn === null || onClickBtn === void 0 ? void 0 : onClickBtn(valueCom);
+      (_a = props.onClickRightIcon) === null || _a === void 0 ? void 0 : _a.call(props, valueCom);
       return;
     }
     onChange && onChange(valueCom, null);

package/Select/index.js

@@ -2,7 +2,7 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import React__default, { useRef, useState, useEffect, useMemo } from 'react';
 import Empty from '../Empty/index.js';
 import Label from '../Label/index.js';
-import { D as Dropdown } from '../_verture/index-da9097d3.js';
+import { D as Dropdown } from '../_verture/index-389675ab.js';
 import { UUID, DeepClone } from '@paraview/lib';
 import GlobalContext from '@para-ui/core/GlobalContext';
 import CloseIcon from '@para-ui/icons/Close';
@@ -46,7 +46,7 @@ var localeJson = {
   en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-select {\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  display: inline-block;\n  vertical-align: top;\n  width: 100%;\n}\n.paraui-v4-select > .select-content {\n  line-height: 0;\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  padding-right: 10px;\n  position: relative;\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-select > .select-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-select > .select-content:hover > .select-svg > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .select-label-placeholder {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.paraui-v4-select > .select-content > .select-label-placeholder > .select-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-select > .select-content > .select-svg {\n  position: absolute;\n  right: 10px;\n  top: 0;\n  z-index: 2;\n}\n.paraui-v4-select > .select-content > .select-svg > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(92, 101, 115);\n  opacity: 0;\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon > svg {\n  font-size: 16px;\n  transition: all 0.3s;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .radio-select-content {\n  padding-left: 10px;\n  font-size: 14px;\n  line-height: 1.43;\n  color: rgb(29, 33, 38);\n  word-break: break-all;\n}\n.paraui-v4-select > .select-content > .radio-search-outside {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  line-height: 1.43;\n  padding: 0 30px 0 10px;\n  font-size: 14px;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n}\n.paraui-v4-select > .select-content > .check-select-content {\n  padding-left: 10px;\n  overflow: hidden;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item {\n  display: inline-block;\n  background-color: rgb(234, 236, 241);\n  border-radius: 2px;\n  padding: 0 10px;\n  color: rgb(29, 33, 38);\n  margin-right: 4px;\n  vertical-align: top;\n  max-width: 100%;\n  white-space: nowrap;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n  max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > span {\n  display: inline-block;\n  height: 100%;\n  vertical-align: top;\n  max-width: calc(100% - 20px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg {\n  cursor: pointer;\n  margin-left: 4px;\n  color: rgb(29, 33, 38);\n  font-size: 16px;\n  position: relative;\n  z-index: 10;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n  max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-search-outside {\n  width: 10px;\n  max-width: 100% !important;\n  display: none;\n  border: 0;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  cursor: pointer;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content .select-label-placeholder {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > svg {\n  opacity: 0;\n  transition: all 0s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n  opacity: 1;\n  transition: all 0.3s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n  opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content {\n  height: inherit;\n  min-height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content .select-label-placeholder {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content > .select-svg > svg {\n  opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content {\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .radio-select-content {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n  max-width: 100%;\n}\n.paraui-v4-select.paraui-v4-select-error > .select-content {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .select-svg > svg {\n  transform: rotate(180deg);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .check-select-content > .check-search-outside {\n  display: inline-block;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content {\n  height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-svg {\n  top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .radio-select-content {\n  padding-bottom: 3px;\n  padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 3px;\n  height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content {\n  height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-svg {\n  top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .radio-select-content {\n  padding-bottom: 3px;\n  padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 3px;\n  height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content {\n  height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-svg {\n  top: 6px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .radio-select-content {\n  padding-bottom: 5px;\n  padding-top: 5px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 24px;\n  line-height: 24px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 4px;\n  height: 22px;\n}\n\n.paraui-v4-select-popover.component-dropdown {\n  /*&.paraui-v4-select-popover-small {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-select-popover-medium {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-select-popover-large {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content {\n  padding: 4px 0;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n  padding-top: 0px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n  margin-top: 20px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search {\n  display: flex;\n  align-items: center;\n  padding: 0 10px;\n  border-bottom: 1px solid;\n  border-color: rgb(234, 236, 241);\n  height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input {\n  border: 0;\n  outline: none;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  width: 100%;\n  height: 100%;\n  line-height: 1.43;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n  font-size: 14px;\n  opacity: 1;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-clear {\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-ms-input-placeholder { /* Internet Explorer 10-11 */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-input-placeholder { /* Microsoft Edge */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n  cursor: pointer;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n  height: 100px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n  display: flex;\n  cursor: pointer;\n  padding: 0 10px;\n  align-items: center;\n  height: 30px;\n  line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n  flex: 1;\n  overflow: hidden;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg {\n  line-height: 0;\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n  font-size: 18px;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-svg {\n  display: inline-block;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled > .select-popover-list-item-label {\n  color: rgb(161, 168, 179) !important;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n  display: inline-block;\n  width: 100%;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  font-size: 12px;\n  height: 30px;\n  line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n  text-align: center;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  margin-top: 16px;\n  margin-bottom: 29px;\n}\n.paraui-v4-select-more-popover {\n  /*// 小\n  &.paraui-v4-select-more-popover-small {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 28px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 28px;\n        }\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-select-more-popover-medium {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 32px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 32px;\n        }\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-select-more-popover-large {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 36px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 36px;\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-select-more-popover .select-more {\n  width: 290px;\n  padding: 4px 0;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-title {\n  font-size: 12px;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n  padding: 0 10px;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n  flex: 1;\n  overflow: hidden;\n  display: inline-block;\n  font-size: 14px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n  font-size: 18px;\n  position: relative;\n  cursor: pointer;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n  color: rgb(46, 101, 230);\n  border-radius: 2px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-select {\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  display: inline-block;\n  vertical-align: top;\n  width: 100%;\n}\n.paraui-v4-select > .select-content {\n  line-height: 0;\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  padding-right: 10px;\n  position: relative;\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-select > .select-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-select > .select-content:hover > .select-svg > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .select-label-placeholder {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.paraui-v4-select > .select-content > .select-label-placeholder > .select-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-select > .select-content > .select-svg {\n  position: absolute;\n  right: 10px;\n  top: 0;\n  z-index: 2;\n}\n.paraui-v4-select > .select-content > .select-svg > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(92, 101, 115);\n  opacity: 0;\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon > svg {\n  font-size: 16px;\n  transition: all 0.3s;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .radio-select-content {\n  padding-left: 10px;\n  font-size: 14px;\n  line-height: 1.43;\n  color: rgb(29, 33, 38);\n  word-break: break-all;\n}\n.paraui-v4-select > .select-content > .radio-search-outside {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  line-height: 1.43;\n  padding: 0 30px 0 10px;\n  font-size: 14px;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n}\n.paraui-v4-select > .select-content > .check-select-content {\n  padding-left: 10px;\n  overflow: hidden;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item {\n  display: inline-block;\n  background-color: rgb(234, 236, 241);\n  border-radius: 2px;\n  padding: 0 10px;\n  color: rgb(29, 33, 38);\n  margin-right: 4px;\n  vertical-align: top;\n  max-width: 100%;\n  white-space: nowrap;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n  max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > span {\n  display: inline-block;\n  height: 100%;\n  vertical-align: top;\n  max-width: calc(100% - 20px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg {\n  cursor: pointer;\n  margin-left: 4px;\n  color: rgb(29, 33, 38);\n  font-size: 16px;\n  position: relative;\n  z-index: 10;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n  max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-search-outside {\n  width: 10px;\n  max-width: 100% !important;\n  display: none;\n  border: 0;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  cursor: pointer;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content .select-label-placeholder {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > svg {\n  opacity: 0;\n  transition: all 0s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n  opacity: 1;\n  transition: all 0.3s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n  opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content {\n  height: inherit;\n  min-height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content .select-label-placeholder {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content > .select-svg > svg {\n  opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content {\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .radio-select-content {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n  max-width: 100%;\n}\n.paraui-v4-select.paraui-v4-select-error > .select-content {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .select-svg > svg {\n  transform: rotate(180deg);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .check-select-content > .check-search-outside {\n  display: inline-block;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content {\n  height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-svg {\n  top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .radio-select-content {\n  padding-bottom: 3px;\n  padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 3px;\n  height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content {\n  height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-svg {\n  top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .radio-select-content {\n  padding-bottom: 3px;\n  padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 3px;\n  height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content {\n  height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-svg {\n  top: 6px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .radio-select-content {\n  padding-bottom: 5px;\n  padding-top: 5px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 24px;\n  line-height: 24px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 4px;\n  height: 22px;\n}\n\n.paraui-v4-select-popover.paraui-v4-select-popover-hide {\n  display: none !important;\n}\n.paraui-v4-select-popover.component-dropdown {\n  /*&.paraui-v4-select-popover-small {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-select-popover-medium {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-select-popover-large {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content {\n  padding: 4px 0;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n  padding-top: 0px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n  margin-top: 20px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search {\n  display: flex;\n  align-items: center;\n  padding: 0 10px;\n  border-bottom: 1px solid;\n  border-color: rgb(234, 236, 241);\n  height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input {\n  border: 0;\n  outline: none;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  width: 100%;\n  height: 100%;\n  line-height: 1.43;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n  font-size: 14px;\n  opacity: 1;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-clear {\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-ms-input-placeholder { /* Internet Explorer 10-11 */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-input-placeholder { /* Microsoft Edge */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n  cursor: pointer;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n  height: 100px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n  display: flex;\n  cursor: pointer;\n  padding: 0 10px;\n  align-items: center;\n  height: 30px;\n  line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n  flex: 1;\n  overflow: hidden;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg {\n  line-height: 0;\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n  font-size: 18px;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-svg {\n  display: inline-block;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled > .select-popover-list-item-label {\n  color: rgb(161, 168, 179) !important;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n  display: inline-block;\n  width: 100%;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  font-size: 12px;\n  height: 30px;\n  line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n  text-align: center;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  margin-top: 16px;\n  margin-bottom: 29px;\n}\n.paraui-v4-select-more-popover {\n  /*// 小\n  &.paraui-v4-select-more-popover-small {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 28px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 28px;\n        }\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-select-more-popover-medium {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 32px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 32px;\n        }\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-select-more-popover-large {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 36px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 36px;\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-select-more-popover .select-more {\n  width: 290px;\n  padding: 4px 0;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-title {\n  font-size: 12px;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n  padding: 0 10px;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n  flex: 1;\n  overflow: hidden;\n  display: inline-block;\n  font-size: 14px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n  font-size: 18px;\n  position: relative;\n  cursor: pointer;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n  color: rgb(46, 101, 230);\n  border-radius: 2px;\n}";
 styleInject(css_248z);
 
 /**
@@ -516,6 +516,7 @@ const Select = props => {
       str += " ".concat($prefixCls, "-select-popover-radio");
     }
     if (selectPopoverClassName) str += " ".concat(selectPopoverClassName);
+    if (!showSelect) str += " ".concat($prefixCls, "-select-popover-hide");
     return str;
   };
   // 处理下拉框更多class

package/SelectInput/index.js

@@ -16,7 +16,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Help';
-import '../_verture/index-da9097d3.js';
+import '../_verture/index-389675ab.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
@@ -41,7 +41,7 @@ const SelectInput = props => {
   return jsx(Select, Object.assign({}, props, {
     list: props.list || [],
     className: handClass(),
-    showSelect: props.showSelect,
+    showSelect: props.showSelect || !(!props.list || props.list.length === 0),
     searchModel: props.showSelect === false ? 'outside' : props.searchModel,
     search: true,
     input: true