@para-ui/core 3.0.23 → 3.0.24

package/Tooltip/index.js

@@ -209,7 +209,7 @@ function getAlignOffset(place) {
   return offsetMap[mPlace];
 }
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下午7:17\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tooltip {\n  color: rgb(255, 255, 255);\n  font-size: 14px;\n  line-height: 1.5715;\n  position: absolute;\n  z-index: 1500;\n  display: block;\n  width: max-content;\n  max-width: 250px;\n  visibility: visible;\n}\n.paraui-v3-tooltip .component-tooltip-content {\n  position: relative;\n}\n.paraui-v3-tooltip.component-tooltip-hidden {\n  display: none;\n}\n.paraui-v3-tooltip.paraui-v3-tooltip-hide-arrow .component-tooltip-arrow {\n  display: none;\n}\n.paraui-v3-tooltip .component-tooltip-inner {\n  min-width: 30px;\n  min-height: 32px;\n  padding: 5px 12px;\n  color: rgb(255, 255, 255);\n  text-align: left;\n  text-decoration: none;\n  word-wrap: break-word;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 4px;\n  line-height: 22px;\n}\n.paraui-v3-tooltip .component-tooltip-arrow {\n  position: absolute;\n  z-index: 2;\n  display: block;\n  width: 22px;\n  height: 22px;\n  overflow: hidden;\n  background: transparent;\n  pointer-events: none;\n}\n.paraui-v3-tooltip .component-tooltip-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  content: \"\";\n  border-radius: 0 0 2px;\n  pointer-events: none;\n  background: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content::before {\n  position: absolute;\n  top: -11.3137085px;\n  left: -11.3137085px;\n  width: 33.9411255px;\n  height: 33.9411255px;\n  background-repeat: no-repeat;\n  background-position: -10px -10px;\n  content: \"\";\n  clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n  bottom: 0;\n  transform: translateY(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(-11px) rotate(45deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow {\n  left: 50%;\n  transform: translateY(100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow {\n  left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n  right: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n  left: 0;\n  transform: translateX(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow-content {\n  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(11px) rotate(135deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow {\n  top: 50%;\n  transform: translateX(-100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow {\n  top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n  bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n  right: 0;\n  transform: translateX(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow-content {\n  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(-11px) rotate(315deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow {\n  top: 50%;\n  transform: translateX(100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow {\n  top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n  bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n  top: 0;\n  transform: translateY(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow-content {\n  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(11px) rotate(225deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow {\n  left: 50%;\n  transform: translateY(-100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow {\n  left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n  right: 13px;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-enter.component-tooltip-zoom-big-fast-enter-active,\n.component-tooltip-zoom-big-fast-appear.component-tooltip-zoom-big-fast-appear-active {\n  animation-name: componentTooltipZoomBigIn;\n  animation-play-state: running;\n}\n\n.component-tooltip-zoom-big-fast-leave.component-tooltip-zoom-big-fast-leave-active {\n  animation-name: componentTooltipZoomBigOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-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-tooltip-zoom-big-fast-enter-prepare,\n.component-tooltip-zoom-big-fast-appear-prepare {\n  transform: none;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentTooltipZoomBigIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes componentTooltipZoomBigOut {\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/5/25 下午7:17\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tooltip {\n  color: rgb(255, 255, 255);\n  font-size: 14px;\n  line-height: 1.5715;\n  position: absolute;\n  z-index: 1500;\n  display: block;\n  width: max-content;\n  visibility: visible;\n}\n.paraui-v3-tooltip .component-tooltip-content {\n  position: relative;\n}\n.paraui-v3-tooltip.component-tooltip-hidden {\n  display: none;\n}\n.paraui-v3-tooltip.paraui-v3-tooltip-hide-arrow .component-tooltip-arrow {\n  display: none;\n}\n.paraui-v3-tooltip .component-tooltip-inner {\n  min-width: 30px;\n  min-height: 32px;\n  padding: 5px 12px;\n  color: rgb(255, 255, 255);\n  text-align: left;\n  text-decoration: none;\n  word-wrap: break-word;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 4px;\n  line-height: 22px;\n}\n.paraui-v3-tooltip .component-tooltip-arrow {\n  position: absolute;\n  z-index: 2;\n  display: block;\n  width: 22px;\n  height: 22px;\n  overflow: hidden;\n  background: transparent;\n  pointer-events: none;\n}\n.paraui-v3-tooltip .component-tooltip-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  content: \"\";\n  border-radius: 0 0 2px;\n  pointer-events: none;\n  background: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content::before {\n  position: absolute;\n  top: -11.3137085px;\n  left: -11.3137085px;\n  width: 33.9411255px;\n  height: 33.9411255px;\n  background-repeat: no-repeat;\n  background-position: -10px -10px;\n  content: \"\";\n  clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n  bottom: 0;\n  transform: translateY(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(-11px) rotate(45deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow {\n  left: 50%;\n  transform: translateY(100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow {\n  left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n  right: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n  left: 0;\n  transform: translateX(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow-content {\n  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(11px) rotate(135deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow {\n  top: 50%;\n  transform: translateX(-100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow {\n  top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n  bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n  right: 0;\n  transform: translateX(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow-content {\n  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(-11px) rotate(315deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow {\n  top: 50%;\n  transform: translateX(100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow {\n  top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n  bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n  top: 0;\n  transform: translateY(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow-content {\n  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(11px) rotate(225deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow {\n  left: 50%;\n  transform: translateY(-100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow {\n  left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n  right: 13px;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-enter.component-tooltip-zoom-big-fast-enter-active,\n.component-tooltip-zoom-big-fast-appear.component-tooltip-zoom-big-fast-appear-active {\n  animation-name: componentTooltipZoomBigIn;\n  animation-play-state: running;\n}\n\n.component-tooltip-zoom-big-fast-leave.component-tooltip-zoom-big-fast-leave-active {\n  animation-name: componentTooltipZoomBigOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-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-tooltip-zoom-big-fast-enter-prepare,\n.component-tooltip-zoom-big-fast-appear-prepare {\n  transform: none;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentTooltipZoomBigIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes componentTooltipZoomBigOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
@@ -327,12 +327,14 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       getPopupContainer = props.getPopupContainer,
       overlayClassName = props.overlayClassName,
       overlayInnerStyle = props.overlayInnerStyle,
+      overlayStyle = props.overlayStyle,
       children = props.children,
       title = props.title,
       placement = props.placement,
       isPopover = props.isPopover,
       followCursor = props.followCursor,
-      restProps = __rest(props, ["prefixCls", "getPopupContainer", "overlayClassName", "overlayInnerStyle", "children", "title", "placement", "isPopover", "followCursor"]);
+      maxWidth = props.maxWidth,
+      restProps = __rest(props, ["prefixCls", "getPopupContainer", "overlayClassName", "overlayInnerStyle", "overlayStyle", "children", "title", "placement", "isPopover", "followCursor", "maxWidth"]);
 
   var tempVisible = visible;
 
@@ -343,6 +345,12 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 
 
   var overlayCls = clsx(!isPopover && "".concat($prefixCls, "-tooltip"), overlayClassName, !props.arrow && "".concat($prefixCls, "-tooltip-hide-arrow"));
+  var mergeOverlayStyle = Object.assign({}, overlayStyle);
+
+  if (maxWidth) {
+    mergeOverlayStyle.maxWidth = maxWidth;
+  }
+
   return jsx(RcTooltip, Object.assign({}, restProps, {
     prefixCls: prefixCls,
     placement: followCursor ? 'top' : mapLegacyPlacement(placement),
@@ -357,6 +365,7 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     },
     onVisibleChange: onVisibleChange,
     onPopupAlign: onPopupAlign,
+    overlayStyle: mergeOverlayStyle,
     overlayInnerStyle: overlayInnerStyle,
     arrowContent: props.arrow ? jsx("span", {
       className: "".concat($rcPrefixCls, "-tooltip-arrow-content")

package/Tooltip/interface.d.ts

@@ -29,5 +29,7 @@ export interface TooltipProps extends Partial<Omit<RcTooltipProps, 'children'>>
     open?: boolean;
     /** 跟随光标移动 */
     followCursor?: boolean;
+    /** 容器最大宽度 */
+    maxWidth?: number | string;
     [name: string]: any;
 }

package/Transfer/index.js

@@ -22,15 +22,16 @@ import '@para-ui/icons/Forbid';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import '../Dropdown/index.js';
+import '../_verture/index-ffd2b2cb.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-874d101b.js';
+import '../_verture/usePopupContainer-7bbd7720.js';
+import 'dayjs';
+import '@paraview/lib';
 import '@para-ui/core/GlobalContext';
 import '../TextField/index.js';
 import '../Label/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
-import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircle';

package/Tree/index.js

@@ -1,5 +1,5 @@
-import { T as Tree } from '../_verture/index-2034182b.js';
-export { T as default } from '../_verture/index-2034182b.js';
+import { T as Tree } from '../_verture/index-31ce5a11.js';
+export { T as default } from '../_verture/index-31ce5a11.js';
 import '../_verture/toConsumableArray-f8047a75.js';
 import '../_verture/slicedToArray-d7722f4b.js';
 import '../_verture/defineProperty-0590dc61.js';

package/Upload/index.js

@@ -28,9 +28,11 @@ import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Down';
-import '../Dropdown/index.js';
+import '../_verture/index-ffd2b2cb.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-874d101b.js';
+import '../_verture/usePopupContainer-7bbd7720.js';
+import 'dayjs';
+import '@paraview/lib';
 import 'rc-slider';
 import 'rc-dialog';
 import '@para-ui/icons/Close';
@@ -40,7 +42,6 @@ import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
-import '@paraview/lib';
 
 var css_248z$4 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/11 下午3:08\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-upload-list-text .upload-list-item {\n  margin-top: 8px;\n}\n.paraui-v3-upload-list-text .upload-list-item-info {\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n  line-height: 28px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  border-radius: 4px;\n  transition: background-color 0.3s;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-fileicon {\n  line-height: 0;\n  opacity: 1;\n  transition: opacity 0.3s;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-fileicon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text-name {\n  margin-left: 10px;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-actions {\n  position: absolute;\n  opacity: 0;\n  visibility: hidden;\n  line-height: 0;\n  transition: opacity 0.3s;\n  cursor: pointer;\n}\n.paraui-v3-upload-list-text .upload-list-item-info .upload-list-text .upload-list-actions svg {\n  color: rgb(235, 96, 84);\n  font-size: inherit;\n}\n.paraui-v3-upload-list-text .upload-list-item-info:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-upload-list-text .upload-list-item-info:hover .upload-list-text .upload-list-actions {\n  visibility: visible;\n  opacity: 1;\n}\n.paraui-v3-upload-list-text .upload-list-item-info:hover .upload-list-text .upload-list-fileicon-active {\n  opacity: 0;\n}\n.paraui-v3-upload-list-picture {\n  display: inline-flex;\n  align-items: center;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item {\n  position: relative;\n  display: inline-block;\n  width: 100px;\n  height: 100px;\n  margin-right: 16px;\n  border-radius: 4px;\n  cursor: default;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item::before {\n  content: \" \";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 4px;\n  opacity: 0;\n  transition: 0.3s;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item img {\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item .upload-list-picture-name {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  padding: 0 10px;\n  font-size: 12px;\n  line-height: 24px;\n  text-align: center;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 0 0 4px 4px;\n  color: rgb(255, 255, 255);\n  transition: 0.3s;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item .upload-list-actions {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item .upload-list-actions svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover::before {\n  opacity: 1;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover .upload-list-actions {\n  opacity: 1;\n}\n.paraui-v3-upload-list-picture .upload-list-picture-item:hover .upload-list-picture-name {\n  opacity: 0;\n}";
 styleInject(css_248z$4);

package/_verture/{index-2034182b.js → index-31ce5a11.js}

@@ -156,37 +156,6 @@ var convertByFilter = function convertByFilter(sourceList, filterList) {
   return convert(tempArr);
 }; //获得没有匹配数据的keys
 
-var getUnMatchDataOfKeys = function getUnMatchDataOfKeys(keys, oriData) {
-  var tKeys = [];
-  var flatData = flatten(oriData);
-
-  var _iterator3 = _createForOfIteratorHelper(keys),
-      _step3;
-
-  try {
-    var _loop = function _loop() {
-      var k = _step3.value;
-      var idx = flatData.findIndex(function (node) {
-        return node.key === k;
-      });
-
-      if (idx === -1) {
-        tKeys.push(k);
-      }
-    };
-
-    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-      _loop();
-    }
-  } catch (err) {
-    _iterator3.e(err);
-  } finally {
-    _iterator3.f();
-  }
-
-  return tKeys;
-}; //获得checkedkeys
-
 var getCheckedKeys = function getCheckedKeys(cKeys) {
   if (!Array.isArray(cKeys)) {
     return cKeys.checked;
@@ -761,8 +730,6 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 
   var treeOriDataRef = useRef([]); //tree origin data
 
-  var unMatchKeys = getUnMatchDataOfKeys(inCheckedKeys, treeData); //没有匹配数据的keys
-
   var nPageSize = Object.assign(Object.assign({}, defaultPageSize), pageSize);
   var halfCheckedKeys = useRef([]); //半选keys
 
@@ -990,13 +957,11 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       halfChecked = e.halfCheckedKeys;
     }
 
-    var mKeys = [].concat(_toConsumableArray(temp), _toConsumableArray(unMatchKeys));
-
     if (!('checkedKeys' in props)) {
-      setInCheckedKeys(mKeys);
+      setInCheckedKeys(temp);
     }
 
-    onCheck === null || onCheck === void 0 ? void 0 : onCheck(mKeys, e, halfChecked);
+    onCheck === null || onCheck === void 0 ? void 0 : onCheck(temp, e, halfChecked);
   }; //展开节点
 
 
@@ -1382,7 +1347,8 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       //展开keys
       setInExpandedKeys(_toConsumableArray(expandedKeys));
     }
-
+  }, [checkedKeys, expandedKeys]);
+  useEffect(function () {
     if (loadedKeys) {
       //loadedKeys
       if (loadedKeys.length === 0) {
@@ -1392,7 +1358,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
         setInLoadKeys(_toConsumableArray(loadedKeys));
       }
     }
-  }, [checkedKeys, expandedKeys, loadedKeys]);
+  }, [loadedKeys]);
   useEffect(function () {
     //默认展开所有
     function _expandAllNode(newTreeData) {
@@ -1579,7 +1545,7 @@ if (!Element.prototype.closest) {
   };
 }
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tree-treenode-leaf-last .paraui-v3-tree-switcher-leaf-line::before {\n  top: auto !important;\n  bottom: auto !important;\n  height: 14px !important;\n}\n\n@keyframes treeCheckboxEffect {\n  0% {\n    transform: scale(1);\n    opacity: 0.5;\n  }\n  100% {\n    transform: scale(1.6);\n    opacity: 0;\n  }\n}\n.paraui-v3-tree-rtl {\n  direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n  right: -6px;\n  left: unset;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-rtl {\n  direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n  transform: rotate(90deg);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before .paraui-v3-tree-rtl.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n  right: auto;\n  left: -13px;\n  border-right: none;\n  border-left: 1px solid #d9d9d9;\n}\n.paraui-v3-tree-checkbox .paraui-v3-tree-rtl.paraui-v3-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-select-dropdown-rtl .paraui-v3-select-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-checkbox {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: relative;\n  top: 0.2em;\n  line-height: 1;\n  white-space: nowrap;\n  outline: none;\n  cursor: pointer;\n}\n.paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox-input:focus + .paraui-v3-tree-checkbox-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-checked::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 1px solid rgb(54, 102, 214);\n  border-radius: 2px;\n  visibility: hidden;\n  animation: treeCheckboxEffect 0.36s ease-in-out;\n  animation-fill-mode: backwards;\n  content: \"\";\n  box-sizing: border-box;\n}\n.paraui-v3-tree-checkbox:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox::after {\n  visibility: visible;\n}\n.paraui-v3-tree-checkbox-inner {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n  width: 16px;\n  height: 16px;\n  direction: ltr;\n  background-color: rgb(255, 255, 255);\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  border-collapse: separate;\n  transition: all 0.3s;\n}\n.paraui-v3-tree-checkbox-inner::after {\n  position: absolute;\n  top: 50%;\n  left: 21.5%;\n  display: table;\n  width: 6px;\n  height: 9px;\n  border: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  transform: rotate(45deg) scale(0) translate(-50%, -50%);\n  opacity: 0;\n  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n  content: \" \";\n  box-sizing: border-box;\n}\n.paraui-v3-tree-checkbox-input {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  opacity: 0;\n}\n\n.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n  position: absolute;\n  display: table;\n  border: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  transform: rotate(45deg) scale(1) translate(-50%, -50%);\n  opacity: 1;\n  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n  content: \" \";\n}\n\n.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner {\n  background-color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n\n.paraui-v3-tree-checkbox-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n  border-color: rgba(0, 0, 0, 0.25);\n  animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-input {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner {\n  background-color: #f5f5f5;\n  border-color: #d9d9d9 !important;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n  border-color: #f5f5f5;\n  border-collapse: separate;\n  animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled + span {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-disabled::after {\n  visibility: hidden;\n}\n\n.paraui-v3-tree-checkbox-wrapper {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  display: inline-flex;\n  align-items: baseline;\n  line-height: unset;\n  cursor: pointer;\n}\n.paraui-v3-tree-checkbox-wrapper.paraui-v3-tree-checkbox-wrapper-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-wrapper + .paraui-v3-tree-checkbox-wrapper {\n  margin-left: 8px;\n}\n\n.paraui-v3-tree-checkbox + span {\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.paraui-v3-tree-checkbox-group {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  display: inline-block;\n}\n.paraui-v3-tree-checkbox-group-item {\n  margin-right: 8px;\n}\n.paraui-v3-tree-checkbox-group-item:last-child {\n  margin-right: 0;\n}\n.paraui-v3-tree-checkbox-group-item + .paraui-v3-tree-checkbox-group-item {\n  margin-left: 0;\n}\n\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner {\n  background-color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner::after {\n  top: 50%;\n  left: 50%;\n  width: 8px;\n  height: 2px;\n  background-color: rgb(255, 255, 255);\n  border: 0;\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n  content: \" \";\n}\n.paraui-v3-tree-checkbox-indeterminate.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n  background-color: rgba(0, 0, 0, 0.25);\n  border-color: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-v3-tree-wrapper .paraui-v3-tree-empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.paraui-v3-tree {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  background: rgb(255, 255, 255);\n  border-radius: 2px;\n  transition: background-color 0.3s;\n}\n.paraui-v3-tree-focused:not(:hover):not(.paraui-v3-tree-active-focused) {\n  background: #e6f7ff;\n}\n.paraui-v3-tree-list-holder-inner {\n  align-items: flex-start;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner {\n  align-items: stretch;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n  flex: auto;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode {\n  display: flex;\n  align-items: flex-start;\n  outline: none;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper:hover {\n  background: transparent;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-active .paraui-v3-tree-node-content-wrapper {\n  background: #f5f5f5;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode:not(.paraui-v3-tree .paraui-v3-tree-treenode-disabled).filter-node .paraui-v3-tree-title {\n  color: inherit;\n  font-weight: 500;\n}\n.paraui-v3-tree-indent {\n  align-self: stretch;\n  white-space: nowrap;\n  user-select: none;\n}\n.paraui-v3-tree-indent-unit {\n  display: inline-block;\n  width: 24px;\n}\n.paraui-v3-tree-switcher {\n  position: relative;\n  flex: none;\n  align-self: stretch;\n  width: 24px;\n  margin: 0;\n  line-height: 24px;\n  text-align: center;\n  cursor: pointer;\n  user-select: none;\n}\n.paraui-v3-tree-switcher .paraui-v3-tree-switcher-icon,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon {\n  display: inline-block;\n  font-size: 14px;\n  vertical-align: middle;\n  transition: transform 0.3s;\n  color: inherit;\n}\n.paraui-v3-tree-switcher .paraui-v3-tree-switcher-icon svg,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon svg {\n  font-size: inherit;\n  color: inherit;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-switcher-noop {\n  cursor: default;\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon {\n  transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n  color: currentColor;\n  transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher-loading-icon {\n  color: rgb(54, 102, 214);\n  will-change: transform;\n  transition: transform 0.3s ease-in-out;\n  animation: treeLoadingCircle 1s infinite linear;\n  vertical-align: middle;\n  font-size: 14px !important;\n}\n@keyframes treeLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v3-tree-switcher-leaf-line {\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-tree-switcher-leaf-line::before {\n  position: absolute;\n  top: 0;\n  bottom: -4px;\n  margin-left: -1px;\n  border-left: 1px solid #d9d9d9;\n  content: \" \";\n}\n.paraui-v3-tree-switcher-leaf-line::after {\n  position: absolute;\n  width: 10px;\n  height: 14px;\n  margin-left: -1px;\n  border-bottom: 1px solid #d9d9d9;\n  content: \" \";\n}\n.paraui-v3-tree-checkbox {\n  top: initial;\n  margin: 6px 6px 0 0;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper {\n  position: relative;\n  z-index: auto;\n  min-height: 24px;\n  margin: 2px 0 0 0;\n  padding: 0 6px;\n  color: inherit;\n  line-height: 24px;\n  background: transparent;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper.paraui-v3-tree-node-selected {\n  background-color: transparent;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: -6px;\n  line-height: 24px;\n  text-align: center;\n  vertical-align: top;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle > svg {\n  vertical-align: -0.125em;\n  color: inherit;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle:empty {\n  display: none;\n}\n.paraui-v3-tree-unselectable .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] {\n  line-height: 24px;\n  user-select: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator {\n  position: absolute;\n  z-index: 1;\n  height: 2px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 1px;\n  pointer-events: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n  position: absolute;\n  top: -3px;\n  left: -6px;\n  width: 8px;\n  height: 8px;\n  background-color: transparent;\n  border: 2px solid rgb(54, 102, 214);\n  border-radius: 50%;\n  content: \"\";\n}\n.paraui-v3-tree .paraui-v3-tree-treenode.drop-container > [draggable] {\n  box-shadow: 0 0 0 2px rgb(54, 102, 214);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit {\n  position: relative;\n  height: 100%;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n  position: absolute;\n  top: 0;\n  right: 12px;\n  bottom: -4px;\n  border-right: 1px solid #d9d9d9;\n  content: \"\";\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit-end::before {\n  display: none;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher {\n  background: rgb(255, 255, 255);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_close svg {\n  transform: rotate(-90deg);\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_open svg {\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher-line-icon {\n  vertical-align: -0.225em;\n  color: inherit;\n  font-size: 14px;\n}\n.paraui-v3-tree-node-content-wrapper {\n  overflow: hidden;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-title {\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-treenode-more-wrapper {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active {\n  background-color: rgba(171, 176, 185, 0.12) !important;\n  border-radius: 4px !important;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active .sector-anchor {\n  opacity: 1 !important;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n  flex-grow: 0;\n  flex-shrink: 1;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper {\n  display: inline-flex;\n  align-items: center;\n  margin: 0 -6px;\n  padding: 0 6px;\n  overflow: hidden;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  margin: 1px 0 0 18px;\n  line-height: 14px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor:before {\n  content: \" \";\n  position: absolute;\n  left: -9px;\n  top: 0;\n  width: 1px;\n  height: 14px;\n  background-color: rgba(171, 176, 185, 0.2);\n  pointer-events: none;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper--active .sector-anchor {\n  opacity: 1;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-iconEle {\n  position: absolute;\n  left: -18px;\n  top: 0;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox {\n  display: none !important;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox-checked + .paraui-v3-tree-node-content-wrapper {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-node-radio {\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  margin-top: 4px;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable-showradio .paraui-v3-tree-node-content-wrapper {\n  margin-left: 22px;\n}\n\n.paraui-v3-tree-motion-collapse {\n  overflow: hidden;\n  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tree-treenode-leaf-last .paraui-v3-tree-switcher-leaf-line::before {\n  top: auto !important;\n  bottom: auto !important;\n  height: 14px !important;\n}\n\n@keyframes treeCheckboxEffect {\n  0% {\n    transform: scale(1);\n    opacity: 0.5;\n  }\n  100% {\n    transform: scale(1.6);\n    opacity: 0;\n  }\n}\n.paraui-v3-tree-rtl {\n  direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n  right: -6px;\n  left: unset;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-rtl {\n  direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n  transform: rotate(90deg);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before .paraui-v3-tree-rtl.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n  right: auto;\n  left: -13px;\n  border-right: none;\n  border-left: 1px solid #d9d9d9;\n}\n.paraui-v3-tree-checkbox .paraui-v3-tree-rtl.paraui-v3-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-select-dropdown-rtl .paraui-v3-select-tree-checkbox {\n  margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-checkbox {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: relative;\n  top: 0.2em;\n  line-height: 1;\n  white-space: nowrap;\n  outline: none;\n  cursor: pointer;\n}\n.paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox-input:focus + .paraui-v3-tree-checkbox-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-checked::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 1px solid rgb(54, 102, 214);\n  border-radius: 2px;\n  visibility: hidden;\n  animation: treeCheckboxEffect 0.36s ease-in-out;\n  animation-fill-mode: backwards;\n  content: \"\";\n  box-sizing: border-box;\n}\n.paraui-v3-tree-checkbox:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox::after {\n  visibility: visible;\n}\n.paraui-v3-tree-checkbox-inner {\n  position: relative;\n  top: 0;\n  left: 0;\n  display: block;\n  width: 16px;\n  height: 16px;\n  direction: ltr;\n  background-color: rgb(255, 255, 255);\n  border: 1px solid #d9d9d9;\n  border-radius: 2px;\n  border-collapse: separate;\n  transition: all 0.3s;\n}\n.paraui-v3-tree-checkbox-inner::after {\n  position: absolute;\n  top: 50%;\n  left: 21.5%;\n  display: table;\n  width: 6px;\n  height: 9px;\n  border: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  transform: rotate(45deg) scale(0) translate(-50%, -50%);\n  opacity: 0;\n  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n  content: \" \";\n  box-sizing: border-box;\n}\n.paraui-v3-tree-checkbox-input {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  opacity: 0;\n}\n\n.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n  position: absolute;\n  display: table;\n  border: 2px solid rgb(255, 255, 255);\n  border-top: 0;\n  border-left: 0;\n  transform: rotate(45deg) scale(1) translate(-50%, -50%);\n  opacity: 1;\n  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n  content: \" \";\n}\n\n.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner {\n  background-color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n\n.paraui-v3-tree-checkbox-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n  border-color: rgba(0, 0, 0, 0.25);\n  animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-input {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner {\n  background-color: #f5f5f5;\n  border-color: #d9d9d9 !important;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n  border-color: #f5f5f5;\n  border-collapse: separate;\n  animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled + span {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-disabled::after {\n  visibility: hidden;\n}\n\n.paraui-v3-tree-checkbox-wrapper {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  display: inline-flex;\n  align-items: baseline;\n  line-height: unset;\n  cursor: pointer;\n}\n.paraui-v3-tree-checkbox-wrapper.paraui-v3-tree-checkbox-wrapper-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-wrapper + .paraui-v3-tree-checkbox-wrapper {\n  margin-left: 8px;\n}\n\n.paraui-v3-tree-checkbox + span {\n  padding-right: 8px;\n  padding-left: 8px;\n}\n\n.paraui-v3-tree-checkbox-group {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  display: inline-block;\n}\n.paraui-v3-tree-checkbox-group-item {\n  margin-right: 8px;\n}\n.paraui-v3-tree-checkbox-group-item:last-child {\n  margin-right: 0;\n}\n.paraui-v3-tree-checkbox-group-item + .paraui-v3-tree-checkbox-group-item {\n  margin-left: 0;\n}\n\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner {\n  background-color: rgb(54, 102, 214);\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner::after {\n  top: 50%;\n  left: 50%;\n  width: 8px;\n  height: 2px;\n  background-color: rgb(255, 255, 255);\n  border: 0;\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n  content: \" \";\n}\n.paraui-v3-tree-checkbox-indeterminate.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n  background-color: rgba(0, 0, 0, 0.25);\n  border-color: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-v3-tree-wrapper .paraui-v3-tree-empty {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.paraui-v3-tree {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  background: rgb(255, 255, 255);\n  border-radius: 2px;\n  transition: background-color 0.3s;\n}\n.paraui-v3-tree-focused:not(:hover):not(.paraui-v3-tree-active-focused) {\n  background: #e6f7ff;\n}\n.paraui-v3-tree-list-holder-inner {\n  align-items: flex-start;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner {\n  align-items: stretch;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n  flex: auto;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode {\n  display: flex;\n  align-items: flex-start;\n  outline: none;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper {\n  color: rgba(0, 0, 0, 0.25);\n  cursor: not-allowed;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper:hover {\n  background: transparent;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-active .paraui-v3-tree-node-content-wrapper {\n  background: #f5f5f5;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode:not(.paraui-v3-tree .paraui-v3-tree-treenode-disabled).filter-node .paraui-v3-tree-title {\n  color: inherit;\n  font-weight: 500;\n}\n.paraui-v3-tree-indent {\n  align-self: stretch;\n  white-space: nowrap;\n  user-select: none;\n}\n.paraui-v3-tree-indent-unit {\n  display: inline-block;\n  width: 24px;\n}\n.paraui-v3-tree-switcher {\n  position: relative;\n  flex: none;\n  align-self: stretch;\n  width: 24px;\n  margin: 0;\n  line-height: 24px;\n  text-align: center;\n  cursor: pointer;\n  user-select: none;\n}\n.paraui-v3-tree-switcher .paraui-v3-tree-switcher-icon,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon {\n  display: inline-block;\n  font-size: 14px;\n  vertical-align: middle;\n  transition: transform 0.3s;\n  color: inherit;\n}\n.paraui-v3-tree-switcher .paraui-v3-tree-switcher-icon svg,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon svg {\n  font-size: inherit;\n  color: inherit;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-switcher-noop {\n  cursor: default;\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon {\n  transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n  color: currentColor;\n  transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher-loading-icon {\n  color: rgb(54, 102, 214);\n  will-change: transform;\n  transition: transform 0.3s ease-in-out;\n  animation: treeLoadingCircle 1s infinite linear;\n  vertical-align: middle;\n  font-size: 14px !important;\n}\n@keyframes treeLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-v3-tree-switcher-leaf-line {\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-tree-switcher-leaf-line::before {\n  position: absolute;\n  top: 0;\n  bottom: -4px;\n  margin-left: -1px;\n  border-left: 1px solid #d9d9d9;\n  content: \" \";\n}\n.paraui-v3-tree-switcher-leaf-line::after {\n  position: absolute;\n  width: 10px;\n  height: 14px;\n  margin-left: -1px;\n  border-bottom: 1px solid #d9d9d9;\n  content: \" \";\n}\n.paraui-v3-tree-checkbox {\n  top: initial;\n  margin: 6px 6px 0 0;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper {\n  position: relative;\n  z-index: auto;\n  min-height: 24px;\n  margin: 2px 0 0 0;\n  padding: 0 6px;\n  color: inherit;\n  line-height: 24px;\n  background: transparent;\n  border-radius: 2px;\n  cursor: pointer;\n  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper.paraui-v3-tree-node-selected {\n  background-color: transparent;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: -6px;\n  line-height: 24px;\n  text-align: center;\n  vertical-align: top;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle > svg {\n  vertical-align: -0.125em;\n  color: inherit;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle:empty {\n  display: none;\n}\n.paraui-v3-tree-unselectable .paraui-v3-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] {\n  line-height: 24px;\n  user-select: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator {\n  position: absolute;\n  z-index: 1;\n  height: 2px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 1px;\n  pointer-events: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n  position: absolute;\n  top: -3px;\n  left: -6px;\n  width: 8px;\n  height: 8px;\n  background-color: transparent;\n  border: 2px solid rgb(54, 102, 214);\n  border-radius: 50%;\n  content: \"\";\n}\n.paraui-v3-tree .paraui-v3-tree-treenode.drop-container > [draggable] {\n  box-shadow: 0 0 0 2px rgb(54, 102, 214);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit {\n  position: relative;\n  height: 100%;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n  position: absolute;\n  top: 0;\n  right: 12px;\n  bottom: -4px;\n  border-right: 1px solid #d9d9d9;\n  content: \"\";\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit-end::before {\n  display: none;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher {\n  background: rgb(255, 255, 255);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_close svg {\n  transform: rotate(-90deg);\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_open svg {\n  color: inherit;\n  font-size: 14px;\n  transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher-line-icon {\n  vertical-align: -0.225em;\n  color: inherit;\n  font-size: 14px;\n}\n.paraui-v3-tree-node-content-wrapper {\n  overflow: hidden;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-title {\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-treenode-more-wrapper {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active {\n  background-color: rgba(171, 176, 185, 0.12) !important;\n  border-radius: 4px !important;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active .sector-anchor {\n  opacity: 1 !important;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n  flex-grow: 0;\n  flex-shrink: 1;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper {\n  display: inline-flex;\n  align-items: center;\n  margin: 0 -6px;\n  padding: 0 6px;\n  overflow: hidden;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor {\n  position: relative;\n  width: 14px;\n  height: 14px;\n  margin: 1px 0 0 18px;\n  line-height: 14px;\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor:before {\n  content: \" \";\n  position: absolute;\n  left: -9px;\n  top: 0;\n  width: 1px;\n  height: 14px;\n  background-color: rgba(171, 176, 185, 0.2);\n  pointer-events: none;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper--active .sector-anchor {\n  opacity: 1;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-iconEle {\n  position: absolute;\n  left: 8px;\n  top: 0;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox {\n  display: none !important;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox-checked + .paraui-v3-tree-node-content-wrapper {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-node-radio {\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  margin-top: 4px;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable-showradio .paraui-v3-tree-node-content-wrapper {\n  padding-left: 28px;\n}\n\n.paraui-v3-tree-motion-collapse {\n  overflow: hidden;\n  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}";
 styleInject(css_248z);
 
 export { Tree as T };

package/_verture/index-ffd2b2cb.js

@@ -0,0 +1,250 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import RcDropdown from 'rc-dropdown';
+import { a as $rcPrefixCls, $ as $prefixCls } from './constant-bf34e6fa.js';
+import { u as usePopupContainer } from './usePopupContainer-7bbd7720.js';
+import clsx from 'clsx';
+import dayjs from 'dayjs';
+import { UUID } from '@paraview/lib';
+import { s as styleInject } from './style-inject.es-300983ab.js';
+
+function getPlaceholder(picker, locale, customizePlaceholder) {
+  if (customizePlaceholder !== undefined) {
+    return customizePlaceholder;
+  }
+
+  if (picker === 'year' && locale.lang.yearPlaceholder) {
+    return locale.lang.yearPlaceholder;
+  }
+
+  if (picker === 'quarter' && locale.lang.quarterPlaceholder) {
+    return locale.lang.quarterPlaceholder;
+  }
+
+  if (picker === 'month' && locale.lang.monthPlaceholder) {
+    return locale.lang.monthPlaceholder;
+  }
+
+  if (picker === 'week' && locale.lang.weekPlaceholder) {
+    return locale.lang.weekPlaceholder;
+  }
+
+  if (picker === 'time' && locale.timePickerLocale.placeholder) {
+    return locale.timePickerLocale.placeholder;
+  }
+
+  return locale.lang.placeholder;
+}
+function getRangePlaceholder(picker, locale, customizePlaceholder) {
+  if (customizePlaceholder !== undefined) {
+    return customizePlaceholder;
+  }
+
+  if (picker === 'year' && locale.lang.yearPlaceholder) {
+    return locale.lang.rangeYearPlaceholder;
+  }
+
+  if (picker === 'month' && locale.lang.monthPlaceholder) {
+    return locale.lang.rangeMonthPlaceholder;
+  }
+
+  if (picker === 'week' && locale.lang.weekPlaceholder) {
+    return locale.lang.rangeWeekPlaceholder;
+  }
+
+  if (picker === 'time' && locale.timePickerLocale.placeholder) {
+    return locale.timePickerLocale.rangePlaceholder;
+  }
+
+  return locale.lang.rangePlaceholder;
+}
+
+function toArray(list) {
+  if (!list) {
+    return [];
+  }
+
+  return Array.isArray(list) ? list : [list];
+}
+
+function getTimeProps(props) {
+  var format = props.format,
+      picker = props.picker,
+      showHour = props.showHour,
+      showMinute = props.showMinute,
+      showSecond = props.showSecond,
+      use12Hours = props.use12Hours;
+  var firstFormat = toArray(format)[0];
+  var showTimeObj = Object.assign({}, props);
+
+  if (firstFormat && typeof firstFormat === 'string') {
+    if (!firstFormat.includes('s') && showSecond === undefined) {
+      showTimeObj.showSecond = false;
+    }
+
+    if (!firstFormat.includes('m') && showMinute === undefined) {
+      showTimeObj.showMinute = false;
+    }
+
+    if (!firstFormat.includes('H') && !firstFormat.includes('h') && showHour === undefined) {
+      showTimeObj.showHour = false;
+    }
+
+    if ((firstFormat.includes('a') || firstFormat.includes('A')) && use12Hours === undefined) {
+      showTimeObj.use12Hours = true;
+    }
+  }
+
+  if (picker === 'time') {
+    return showTimeObj;
+  }
+
+  if (typeof firstFormat === 'function') {
+    delete showTimeObj.format;
+  }
+
+  return {
+    showTime: showTimeObj
+  };
+}
+function formatPickerValue(value, format) {
+  if (typeof value === 'string') {
+    if (value === '') return null;
+
+    if (format) {
+      if (dayjs(value, format).isValid()) return dayjs(value, format);
+    } else {
+      if (dayjs(value).isValid()) return dayjs(value);
+    }
+
+    return null;
+  }
+
+  return value;
+}
+function mergedLocale(locale, defaultLocale) {
+  var lang = Object.assign(Object.assign({}, defaultLocale === null || defaultLocale === void 0 ? void 0 : defaultLocale.lang), locale === null || locale === void 0 ? void 0 : locale.lang);
+  var timePickerLocale = Object.assign(Object.assign({}, defaultLocale === null || defaultLocale === void 0 ? void 0 : defaultLocale.timePickerLocale), locale === null || locale === void 0 ? void 0 : locale.timeLang);
+  return {
+    lang: lang,
+    timePickerLocale: timePickerLocale
+  };
+} //最近的绝对定位滚动元素
+
+function getNearestAbsoluteAncestor(node, pos) {
+  var _a;
+
+  var parentNode = node.parentNode;
+  var nodeName = ((_a = parentNode === null || parentNode === void 0 ? void 0 : parentNode.nodeName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
+
+  if (['html', 'body', '#document'].includes(nodeName)) {
+    return null;
+  }
+
+  if (parentNode instanceof window.HTMLElement) {
+    var _window$getComputedSt = window.getComputedStyle(parentNode),
+        position = _window$getComputedSt.position;
+
+    if (new RegExp(pos).test(position)) return parentNode;
+  }
+
+  return getNearestAbsoluteAncestor(parentNode, pos);
+} //下拉弹出框关闭时，隔离dom污染
+
+function isolationPopupPollution(open, uniqueCls) {
+  var popupDom = document.getElementsByClassName("".concat(uniqueCls))[0];
+
+  if (!open) {
+    //关闭弹框
+    if (popupDom) {
+      var nearestDom = getNearestAbsoluteAncestor(popupDom, 'absolute');
+
+      if (nearestDom) {
+        nearestDom.style.position = 'fixed';
+        nearestDom.style.left = '-9999px';
+        nearestDom.style.top = '-9999px';
+      }
+    }
+  } else {
+    //打开弹框
+    if (popupDom) {
+      var _nearestDom = getNearestAbsoluteAncestor(popupDom, 'fixed');
+
+      if (_nearestDom) {
+        _nearestDom.style.position = 'absolute';
+        _nearestDom.style.left = '0';
+        _nearestDom.style.top = '0';
+      }
+    }
+  }
+}
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/27 上午9:58\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-dropdown {\n  position: absolute;\n  left: -9999px;\n  top: -9999px;\n  z-index: 1500;\n  display: block;\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  line-height: 1.5715;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n}\n.paraui-v3-dropdown.component-dropdown-hidden {\n  display: none;\n}\n.paraui-v3-dropdown .component-dropdown-arrow {\n  position: absolute;\n  border-width: 4px;\n  border-color: transparent;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-style: solid;\n  transform: rotate(45deg);\n}\n.paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-top, .paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-topLeft, .paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-topRight {\n  padding-bottom: 6px;\n}\n.paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-bottom, .paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-bottomLeft, .paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-bottomRight {\n  padding-top: 6px;\n}\n.paraui-v3-dropdown.component-dropdown-placement-top .component-dropdown-arrow, .paraui-v3-dropdown.component-dropdown-placement-topLeft .component-dropdown-arrow, .paraui-v3-dropdown.component-dropdown-placement-topRight .component-dropdown-arrow {\n  bottom: 4px;\n  border-top-color: rgb(255, 255, 255);\n}\n.paraui-v3-dropdown.component-dropdown-placement-top .component-dropdown-arrow {\n  left: 50%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-topLeft .component-dropdown-arrow {\n  left: 15%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-topRight .component-dropdown-arrow {\n  right: 15%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-bottom .component-dropdown-arrow, .paraui-v3-dropdown.component-dropdown-placement-bottomLeft .component-dropdown-arrow, .paraui-v3-dropdown.component-dropdown-placement-bottomRight .component-dropdown-arrow {\n  top: 4px;\n  border-bottom-color: rgb(255, 255, 255);\n}\n.paraui-v3-dropdown.component-dropdown-placement-bottom .component-dropdown-arrow {\n  left: 50%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-bottomLeft .component-dropdown-arrow {\n  left: 15%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-bottomRight .component-dropdown-arrow {\n  right: 15%;\n}\n\n.component-dropdown-slide-up-enter,\n.component-dropdown-slide-up-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform-origin: 0 0;\n  display: block !important;\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n  animation-play-state: paused;\n}\n\n.component-dropdown-slide-up-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform-origin: 0 0;\n  display: block !important;\n  opacity: 1;\n  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n  animation-play-state: paused;\n}\n\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-bottomLeft,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-bottomLeft,\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-bottomCenter,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-bottomCenter,\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-bottomRight,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-bottomRight {\n  animation-name: componentDropdownSlideUpIn;\n  animation-play-state: running;\n}\n\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-topLeft,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-topLeft,\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-topCenter,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-topCenter,\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-topRight,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-topRight {\n  animation-name: componentDropdownSlideDownIn;\n  animation-play-state: running;\n}\n\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-bottomLeft,\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-bottomCenter,\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-bottomRight {\n  animation-name: componentDropdownSlideUpOut;\n  animation-play-state: running;\n}\n\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-topLeft,\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-topCenter,\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-topRight {\n  animation-name: componentDropdownSlideDownOut;\n  animation-play-state: running;\n}\n\n@keyframes componentDropdownSlideUpIn {\n  0% {\n    opacity: 0;\n    transform-origin: 0% 0%;\n    transform: scaleY(0);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 0% 0%;\n    transform: scaleY(1);\n  }\n}\n@keyframes componentDropdownSlideUpOut {\n  0% {\n    opacity: 1;\n    transform-origin: 0% 0%;\n    transform: scaleY(1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 0% 0%;\n    transform: scaleY(0);\n  }\n}\n@keyframes componentDropdownSlideDownIn {\n  0% {\n    opacity: 0;\n    transform-origin: 0% 100%;\n    transform: scaleY(0);\n  }\n  100% {\n    opacity: 1;\n    transform-origin: 0% 100%;\n    transform: scaleY(1);\n  }\n}\n@keyframes componentDropdownSlideDownOut {\n  0% {\n    opacity: 1;\n    transform-origin: 0% 100%;\n    transform: scaleY(1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 0% 100%;\n    transform: scaleY(0);\n  }\n}";
+styleInject(css_248z);
+
+var getDropdownOffset = function getDropdownOffset(place) {
+  var _a, _b;
+
+  var offsetMap = {
+    top: {
+      offset: [0, -8]
+    },
+    topLeft: {
+      offset: [0, -8]
+    },
+    topRight: {
+      offset: [0, -8]
+    },
+    bottom: {
+      offset: [0, 8]
+    },
+    bottomRight: {
+      offset: [0, 8]
+    },
+    bottomLeft: {
+      offset: [0, 8]
+    }
+  };
+  return (_b = (_a = offsetMap[place]) === null || _a === void 0 ? void 0 : _a.offset) !== null && _b !== void 0 ? _b : [0, 0];
+}; //dropdown
+
+
+var Dropdown = function Dropdown(props) {
+  var wrapRef = React__default.useRef();
+  var getPopupContainer = usePopupContainer(wrapRef, props.getPopupContainer);
+  var uuidRef = React__default.useRef(UUID()); //visible change
+
+  var handleVisibleChange = function handleVisibleChange(visible) {
+    var _a;
+
+    (_a = props.onVisibleChange) === null || _a === void 0 ? void 0 : _a.call(props, visible);
+
+    if (props.isolationPopupOnHide) {
+      //关闭时隔离dom污染
+      isolationPopupPollution(visible, uuidRef.current);
+    }
+  };
+
+  return jsx(RcDropdown, Object.assign({}, props, {
+    prefixCls: "".concat($rcPrefixCls, "-dropdown"),
+    overlayClassName: clsx("".concat($prefixCls, "-dropdown"), props.overlayClassName, uuidRef.current),
+    animation: "slide-up",
+    align: {
+      offset: getDropdownOffset(props.placement)
+    },
+    getPopupContainer: getPopupContainer,
+    ref: wrapRef,
+    onVisibleChange: handleVisibleChange
+  }, {
+    children: props.children
+  }));
+};
+Dropdown.defaultProps = {
+  mouseEnterDelay: 0.15,
+  mouseLeaveDelay: 0.1,
+  trigger: ['hover'],
+  placement: 'bottomRight',
+  isolationPopupOnHide: false
+};
+
+export { Dropdown as D, getPlaceholder as a, getRangePlaceholder as b, formatPickerValue as f, getTimeProps as g, isolationPopupPollution as i, mergedLocale as m };

package/_verture/{usePopupContainer-874d101b.js → usePopupContainer-7bbd7720.js}

@@ -37,7 +37,7 @@ function usePopupContainer(wrapRef, customizeContainer) {
   var popupRef = React__default.useRef(); //浮层渲染容器
 
   var getPopupContainer = function getPopupContainer(triggerNode) {
-    var _a, _b;
+    var _a, _b, _c;
 
     var container;
 
@@ -50,7 +50,7 @@ function usePopupContainer(wrapRef, customizeContainer) {
         container = document.body;
       }
 
-      if (!container.style.position) {
+      if (((_c = window.getComputedStyle(container)) === null || _c === void 0 ? void 0 : _c.position) === 'static') {
         container.style.position = 'relative';
       }
 

package/index.js

@@ -17,11 +17,11 @@ export { Container } from './Container/index.js';
 export { default as DatePicker } from './DatePicker/index.js';
 export { Desktop } from './Desktop/index.js';
 export { Drawer } from './Drawer/index.js';
-export { Dropdown } from './Dropdown/index.js';
+export { D as Dropdown } from './_verture/index-ffd2b2cb.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-647be3f8.js';
-export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-9ffd6fad.js';
+export { F as FormItem } from './_verture/index-cef53318.js';
+export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-ba1b0528.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
 export { default as HelperText } from './HelperText/index.js';
@@ -67,7 +67,7 @@ export { Title } from './Title/index.js';
 export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
 export { Tooltip } from './Tooltip/index.js';
 export { SSortablejs, Transfer } from './Transfer/index.js';
-export { T as Tree } from './_verture/index-2034182b.js';
+export { T as Tree } from './_verture/index-31ce5a11.js';
 export { default as Upload } from './Upload/index.js';
 import './_verture/slicedToArray-d7722f4b.js';
 import 'react/jsx-runtime';
@@ -105,13 +105,13 @@ import 'rc-picker/es/generate/dayjs';
 import 'rc-picker';
 import '@para-ui/icons/Calendar';
 import '@para-ui/icons/Time';
-import 'dayjs';
 import 'rc-picker/lib/locale/en_US';
 import 'rc-picker/lib/locale/zh_CN';
-import './_verture/usePopupContainer-874d101b.js';
+import './_verture/usePopupContainer-7bbd7720.js';
 import '@para-ui/icons/SortRight';
 import 'rc-drawer';
 import 'rc-dropdown';
+import 'dayjs';
 import './_verture/useGlobalProps-af9a2af6.js';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/LinkGroup';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "3.0.23",
+  "version": "3.0.24",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",