@para-ui/core 4.0.22 → 4.0.24

package/SelectorPicker/index.js

@@ -3,7 +3,7 @@ import { useState, useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import HelperText from '../HelperText/index.js';
 import Label from '../Label/index.js';
-import { D as Dropdown } from '../_verture/index-389675ab.js';
+import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import Selector, { handFieldConfig } from '../Selector/index.js';
 import AutoTips from '../AutoTips/index.js';
 import { Popover } from '../Popover/index.js';
@@ -26,6 +26,7 @@ import 'dayjs';
 import '@paraview/lib';
 import '../_verture/slicedToArray-a8206399.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import '../Radio/index.js';
 import '../Checkbox/index.js';

package/SingleBox/index.js

@@ -23,7 +23,7 @@ import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '../_verture/index-ca413216.js';
-import '../_verture/index-389675ab.js';
+import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';

package/Slider/index.js

@@ -1,22 +1,25 @@
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default from 'react';
 import RcSlider, { Range, SliderTooltip, Handle } from 'rc-slider';
 import clsx from 'clsx';
 import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/4 下午2:58\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-slider {\n  position: relative;\n  height: 2px;\n  padding: 0;\n  width: 100%;\n  border-radius: 4px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.paraui-v4-slider .component-slider-rail {\n  position: absolute;\n  width: 100%;\n  background-color: rgb(234, 236, 241);\n  height: 2px;\n  border-radius: 4px;\n}\n.paraui-v4-slider .component-slider-track {\n  position: absolute;\n  left: 0;\n  height: 2px;\n  border-radius: 4px;\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-slider .component-slider-handle {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  cursor: pointer;\n  margin-top: -5px;\n  border-radius: 50%;\n  border: solid 2px rgb(46, 101, 230);\n  background-color: rgb(255, 255, 255);\n  touch-action: pan-x;\n}\n.paraui-v4-slider .component-slider-handle-dragging {\n  border-color: rgb(46, 101, 230);\n  box-shadow: 0 0 5px rgb(213, 224, 250);\n  outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-handle:focus {\n  outline: none;\n}\n.paraui-v4-slider .component-slider-handle-click-focused:focus {\n  border-color: rgb(46, 101, 230);\n  box-shadow: unset;\n}\n.paraui-v4-slider .component-slider-handle:hover {\n  border-color: rgb(46, 101, 230);\n  box-shadow: 0 0 5px rgb(213, 224, 250);\n  outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-handle:active {\n  border-color: rgb(46, 101, 230);\n  box-shadow: 0 0 5px rgb(213, 224, 250);\n  outline: 2px solid rgb(213, 224, 250);\n  cursor: grabbing;\n}\n.paraui-v4-slider .component-slider-mark {\n  position: absolute;\n  top: 8px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.paraui-v4-slider .component-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  vertical-align: middle;\n  text-align: center;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-slider .component-slider-mark-text-active {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-slider .component-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 2px;\n  background: transparent;\n}\n.paraui-v4-slider .component-slider-dot {\n  position: absolute;\n  bottom: -3px;\n  margin-left: -4px;\n  width: 8px;\n  height: 8px;\n  border: solid 2px rgb(234, 236, 241);\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  border-radius: 50%;\n  vertical-align: middle;\n}\n.paraui-v4-slider .component-slider-dot:hover {\n  border-color: rgb(46, 101, 230);\n  box-shadow: 0 0 4px rgb(213, 224, 250);\n  outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-dot-active {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-slider .component-slider-dot-reverse {\n  margin-right: -4px;\n}\n.paraui-v4-slider.component-slider-disabled {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-handle {\n  box-shadow: none !important;\n  outline: none !important;\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-track {\n  background-color: rgb(161, 168, 179);\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-handle, .paraui-v4-slider.component-slider-disabled .component-slider-dot {\n  border-color: rgb(161, 168, 179);\n  box-shadow: none;\n  background-color: rgb(255, 255, 255);\n  cursor: not-allowed;\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-mark-text, .paraui-v4-slider.component-slider-disabled .component-slider-dot {\n  cursor: not-allowed !important;\n}\n.paraui-v4-slider.component-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-rail {\n  height: 100%;\n  width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-track {\n  left: 5px;\n  bottom: 0;\n  width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-handle {\n  margin-left: -4px;\n  touch-action: pan-y;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-step {\n  height: 100%;\n  width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot {\n  left: 0px;\n  margin-bottom: -4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot:first-child {\n  margin-bottom: -4px;\n  margin-left: -2px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot:last-child {\n  margin-bottom: -4px;\n  margin-left: -2px;\n}\n\n.component-slider {\n  /*&-tooltip-arrow {\n    display: none;\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  &-tooltip-placement-top &-tooltip-arrow {\n    bottom: 4px;\n    left: 50%;\n    margin-left: -4px;\n    border-width: 4px 4px 0;\n    border-top-color: #6c6c6c;\n  }*/\n}\n.component-slider-tooltip {\n  position: absolute;\n  display: block;\n  left: -9999px;\n  top: -9999px;\n  max-width: 250px;\n  z-index: 1500;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.component-slider-tooltip-hidden {\n  display: none;\n}\n.component-slider-tooltip-inner {\n  min-width: 24px;\n  font-size: 14px;\n  line-height: 1;\n  color: rgb(92, 101, 115);\n  text-align: center;\n  text-decoration: none;\n  background-color: transparent;\n  border-radius: 6px;\n  white-space: nowrap;\n  box-shadow: none;\n}\n.component-slider-tooltip-placement-top {\n  top: -18px !important;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  display: block !important;\n  animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  display: block !important;\n  animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-enter.component-slider-tooltip-zoom-down-enter-active, .component-slider-tooltip-zoom-down-appear.component-slider-tooltip-zoom-down-appear-active {\n  animation-name: sliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-leave.component-slider-tooltip-zoom-down-leave-active {\n  animation-name: sliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.component-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes sliderTooltipZoomDownIn {\n  0% {\n    opacity: 0;\n    transform-origin: 50% 100%;\n    transform: scale(0, 0);\n  }\n  100% {\n    transform-origin: 50% 100%;\n    transform: scale(1, 1);\n  }\n}\n@keyframes sliderTooltipZoomDownOut {\n  0% {\n    transform-origin: 50% 100%;\n    transform: scale(1, 1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 50% 100%;\n    transform: scale(0, 0);\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/4 下午2:58\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-slider-wrapper {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  flex: 1;\n}\n.paraui-v4-slider-wrapper .paraui-v4-slider-prefix, .paraui-v4-slider-wrapper .paraui-v4-slider-suffix {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-slider-wrapper .paraui-v4-slider-prefix .paraui-v4-button svg, .paraui-v4-slider-wrapper .paraui-v4-slider-suffix .paraui-v4-button svg {\n  font-size: 18px;\n}\n.paraui-v4-slider-wrapper .paraui-v4-slider-prefix svg.paraui-v4-icon, .paraui-v4-slider-wrapper .paraui-v4-slider-suffix svg.paraui-v4-icon {\n  font-size: 18px;\n}\n.paraui-v4-slider-wrapper .paraui-v4-slider-prefix {\n  margin-right: 10px;\n}\n.paraui-v4-slider-wrapper .paraui-v4-slider-suffix {\n  margin-left: 10px;\n}\n\n.paraui-v4-slider {\n  position: relative;\n  flex: 1;\n  height: 2px;\n  padding: 0;\n  width: 100%;\n  border-radius: 4px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.paraui-v4-slider .component-slider-rail {\n  position: absolute;\n  width: 100%;\n  background-color: rgb(234, 236, 241);\n  height: 2px;\n  border-radius: 4px;\n}\n.paraui-v4-slider .component-slider-track {\n  position: absolute;\n  left: 0;\n  height: 2px;\n  border-radius: 4px;\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-slider .component-slider-handle {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  cursor: pointer;\n  margin-top: -5px;\n  border-radius: 50%;\n  border: solid 2px rgb(46, 101, 230);\n  background-color: rgb(255, 255, 255);\n  touch-action: pan-x;\n}\n.paraui-v4-slider .component-slider-handle-dragging {\n  border-color: rgb(46, 101, 230);\n  box-shadow: 0 0 5px rgb(213, 224, 250);\n  outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-handle:focus {\n  outline: none;\n}\n.paraui-v4-slider .component-slider-handle-click-focused:focus {\n  border-color: rgb(46, 101, 230);\n  box-shadow: unset;\n}\n.paraui-v4-slider .component-slider-handle:hover {\n  border-color: rgb(46, 101, 230);\n  box-shadow: 0 0 5px rgb(213, 224, 250);\n  outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-handle:active {\n  border-color: rgb(46, 101, 230);\n  box-shadow: 0 0 5px rgb(213, 224, 250);\n  outline: 2px solid rgb(213, 224, 250);\n  cursor: grabbing;\n}\n.paraui-v4-slider .component-slider-mark {\n  position: absolute;\n  top: 8px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.paraui-v4-slider .component-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  vertical-align: middle;\n  text-align: center;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-slider .component-slider-mark-text-active {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-slider .component-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 2px;\n  background: transparent;\n}\n.paraui-v4-slider .component-slider-dot {\n  position: absolute;\n  bottom: -3px;\n  margin-left: -4px;\n  width: 8px;\n  height: 8px;\n  border: solid 2px rgb(234, 236, 241);\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  border-radius: 50%;\n  vertical-align: middle;\n}\n.paraui-v4-slider .component-slider-dot:hover {\n  border-color: rgb(46, 101, 230);\n  box-shadow: 0 0 4px rgb(213, 224, 250);\n  outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-dot-active {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-slider .component-slider-dot-reverse {\n  margin-right: -4px;\n}\n.paraui-v4-slider.component-slider-disabled {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-handle {\n  box-shadow: none !important;\n  outline: none !important;\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-track {\n  background-color: rgb(161, 168, 179);\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-handle, .paraui-v4-slider.component-slider-disabled .component-slider-dot {\n  border-color: rgb(161, 168, 179);\n  box-shadow: none;\n  background-color: rgb(255, 255, 255);\n  cursor: not-allowed;\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-mark-text, .paraui-v4-slider.component-slider-disabled .component-slider-dot {\n  cursor: not-allowed !important;\n}\n.paraui-v4-slider.component-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-rail {\n  height: 100%;\n  width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-track {\n  left: 5px;\n  bottom: 0;\n  width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-handle {\n  margin-left: -4px;\n  touch-action: pan-y;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-step {\n  height: 100%;\n  width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot {\n  left: 0px;\n  margin-bottom: -4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot:first-child {\n  margin-bottom: -4px;\n  margin-left: -2px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot:last-child {\n  margin-bottom: -4px;\n  margin-left: -2px;\n}\n\n.component-slider {\n  /*&-tooltip-arrow {\n    display: none;\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  &-tooltip-placement-top &-tooltip-arrow {\n    bottom: 4px;\n    left: 50%;\n    margin-left: -4px;\n    border-width: 4px 4px 0;\n    border-top-color: #6c6c6c;\n  }*/\n}\n.component-slider-tooltip {\n  position: absolute;\n  display: block;\n  left: -9999px;\n  top: -9999px;\n  max-width: 250px;\n  z-index: 1500;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.component-slider-tooltip-hidden {\n  display: none;\n}\n.component-slider-tooltip-inner {\n  min-width: 24px;\n  font-size: 14px;\n  line-height: 1;\n  color: rgb(92, 101, 115);\n  text-align: center;\n  text-decoration: none;\n  background-color: transparent;\n  border-radius: 6px;\n  white-space: nowrap;\n  box-shadow: none;\n}\n.component-slider-tooltip-placement-top {\n  top: -18px !important;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  display: block !important;\n  animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  display: block !important;\n  animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-enter.component-slider-tooltip-zoom-down-enter-active, .component-slider-tooltip-zoom-down-appear.component-slider-tooltip-zoom-down-appear-active {\n  animation-name: sliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-leave.component-slider-tooltip-zoom-down-leave-active {\n  animation-name: sliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.component-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes sliderTooltipZoomDownIn {\n  0% {\n    opacity: 0;\n    transform-origin: 50% 100%;\n    transform: scale(0, 0);\n  }\n  100% {\n    transform-origin: 50% 100%;\n    transform: scale(1, 1);\n  }\n}\n@keyframes sliderTooltipZoomDownOut {\n  0% {\n    transform-origin: 50% 100%;\n    transform: scale(1, 1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 50% 100%;\n    transform: scale(0, 0);\n  }\n}";
 styleInject(css_248z);
 
+const sliderPrefixCls = "".concat($prefixCls, "-slider");
 //slider 滑块
 const Slider = props => {
   const {
       range,
       step,
-      className
+      className,
+      prefix = null,
+      suffix = null
     } = props,
-    restProps = __rest(props, ["range", "step", "className"]);
+    restProps = __rest(props, ["range", "step", "className", "prefix", "suffix"]);
   const prefixCls = "".concat($rcPrefixCls, "-slider");
   const tooltipPrefixCls = "".concat($rcPrefixCls, "-slider-tooltip");
   let draggableTrack;
@@ -58,13 +61,13 @@ const Slider = props => {
       restProps = __rest(_a, ["value", "index", "dragging"]);
     const {
       tipFormatter = tipFormatterFn,
-      tooltipVisible,
+      tooltipVisible = true,
       tooltipPlacement,
       getTooltipPopupContainer = triggerNode => triggerNode,
       vertical
     } = props;
     const isTipFormatter = tipFormatter ? visibles[index] || dragging : false;
-    const visible = tooltipVisible || tooltipVisible === undefined && isTipFormatter;
+    const visible = tooltipVisible || [undefined, false].includes(tooltipVisible) && isTipFormatter;
     return jsx(SliderTooltip, Object.assign({
       prefixCls: tooltipPrefixCls,
       overlay: tipFormatter ? tipFormatter(value) : '',
@@ -94,14 +97,26 @@ const Slider = props => {
       prefixCls: prefixCls
     }));
   }
-  return jsx(RcSlider, Object.assign({}, restProps, {
-    className: clsx("".concat($prefixCls, "-slider"), className),
-    step: step,
-    handle: info => handleWithTooltip({
-      tooltipPrefixCls,
-      info
-    }),
-    prefixCls: prefixCls
+  return jsxs("div", Object.assign({
+    className: clsx("".concat(sliderPrefixCls, "-wrapper"))
+  }, {
+    children: [prefix && jsx("span", Object.assign({
+      className: "".concat(sliderPrefixCls, "-prefix")
+    }, {
+      children: prefix
+    })), jsx(RcSlider, Object.assign({}, restProps, {
+      className: clsx("".concat(sliderPrefixCls), className),
+      step: step,
+      handle: info => handleWithTooltip({
+        tooltipPrefixCls,
+        info
+      }),
+      prefixCls: prefixCls
+    })), suffix && jsx("span", Object.assign({
+      className: "".concat(sliderPrefixCls, "-suffix")
+    }, {
+      children: suffix
+    }))]
   }));
 };
 

package/Slider/interface.d.ts

@@ -24,6 +24,10 @@ export type HandleGeneratorFn = (config: {
     info: HandleGeneratorInfo;
 }) => React.ReactElement;
 export interface SliderBaseProps {
+    /** 前缀 */
+    prefix?: React.ReactNode;
+    /** 后缀 */
+    suffix?: React.ReactNode;
     /** 反向坐标 */
     reverse?: boolean;
     /** 最小值 */

package/Table/index.js

@@ -31,7 +31,7 @@ import '../Label/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 import '@para-ui/icons/LoadingF';
-import '../_verture/index-389675ab.js';
+import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import 'dayjs';
 import '../_verture/index-ca413216.js';
@@ -2840,7 +2840,10 @@ const Table = propsInit => {
       disabledExpand: disabledExpand,
       onExpand: onExpand,
       defaultExpandAllRows: defaultExpandAllRows,
-      onRefresh: () => setRefreshCom(Math.random()),
+      onRefresh: () => {
+        setRefreshCom(Math.random());
+        clearCheckValue();
+      },
       posFixed: posFixed,
       beyondText: beyondText,
       fixedColumn: fixedColumn,
@@ -2866,7 +2869,10 @@ const Table = propsInit => {
       changeRowsPerPage: changeRowsPerPage,
       refreshInside: refreshInside,
       checkCount: checkCount,
-      onRefresh: () => setRefreshCom(Math.random()),
+      onRefresh: () => {
+        setRefreshCom(Math.random());
+        clearCheckValue();
+      },
       selectStatus: headSelectStatus,
       selectAll: setAllCheck,
       checkNumber: Object.keys(checkJson).length,

package/Tabs/index.js

@@ -20,7 +20,7 @@ import '@para-ui/icons/WarningCircleF';
 import '../Button/index.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
-import '../_verture/index-389675ab.js';
+import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';

package/TextField/index.js

@@ -4,14 +4,14 @@ import { useState, useRef, useEffect, useMemo } from 'react';
 import Label from '../Label/index.js';
 import { UUID } from '@paraview/lib';
 import VisibilityOff from '@para-ui/icons/PreviewClose';
-import Visibility from '@para-ui/icons/PreviewOpen';
+import PreviewOpen from '@para-ui/icons/PreviewOpen';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import AutoTips from '../AutoTips/index.js';
 import { Loading } from '../Loading/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import HelperText from '../HelperText/index.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-4ae1a007.js';
-import { D as Dropdown } from '../_verture/index-389675ab.js';
+import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../Help/index.js';
@@ -26,7 +26,7 @@ import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-text-field {\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  width: 100%;\n}\n.paraui-v4-text-field > .text-field-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-text-field > .text-field-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-before {\n  color: rgb(92, 101, 115);\n  padding: 0 10px;\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-before:after {\n  position: absolute;\n  content: \"\";\n  right: 0;\n  width: 1px;\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-before svg {\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within {\n  position: relative;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within:hover > .clean-up-icon {\n  display: flex;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  height: 100%;\n  align-items: center;\n  margin-right: 10px;\n  cursor: pointer;\n  display: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .clean-up-icon svg {\n  color: rgb(161, 168, 179);\n  font-size: 16px;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .clean-up-icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 10px;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  position: relative;\n  z-index: 1;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .right-icon.right-icon-password:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .right-icon svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .length-limit {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 10px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  line-height: 0;\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-outer-spin-button,\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input[type=number] {\n  -moz-appearance: textfield;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  width: 100% !important;\n  padding: 10px;\n  resize: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-clear, .paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-clear {\n  display: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-reveal, .paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-reveal {\n  display: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input:disabled, .paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea:disabled {\n  background-color: transparent;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n  pointer-events: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder > .text-field-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-after {\n  color: rgb(92, 101, 115);\n  padding: 0 10px;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-after:after {\n  position: absolute;\n  content: \"\";\n  left: 0;\n  width: 1px;\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-after svg {\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-field.paraui-v4-text-field-multiline > .text-field-content .text-field-content-within > .clean-up-icon {\n  display: none;\n}\n.paraui-v4-text-field.paraui-v4-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n  position: absolute;\n  height: 22px;\n  bottom: 0;\n  border-radius: 4px;\n  width: calc(100% - 10px);\n  background: white;\n  justify-content: flex-end;\n  padding-bottom: 2px;\n  margin-right: 0;\n  left: 0;\n}\n.paraui-v4-text-field.paraui-v4-text-field-multiline > .text-field-content .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  padding-top: 10px;\n  line-height: 1;\n  height: calc(100% - 24px);\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-before {\n  background-color: transparent;\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  cursor: not-allowed;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-after {\n  background-color: transparent;\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled.paraui-v4-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n  background-color: transparent;\n}\n.paraui-v4-text-field.paraui-v4-text-field-error > .text-field-content {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-text-field.paraui-v4-text-field-error > .text-field-content:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-text-field.paraui-v4-text-field-limit > .text-field-content {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-text-field.paraui-v4-text-field-limit > .text-field-content:hover {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-text-field.paraui-v4-text-field-limit-length > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  padding-bottom: 25px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-focus > .text-field-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content {\n  height: 28px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-before {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-before:after {\n  top: 5px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 6px 10px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content .text-field-content-after {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content .text-field-content-after:after {\n  top: 5px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content {\n  height: 28px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-before {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-before:after {\n  top: 5px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 6px 10px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content .text-field-content-after {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content .text-field-content-after:after {\n  top: 5px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content {\n  height: 32px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-before {\n  line-height: 30px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-before:after {\n  top: 7px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 30px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 6px 10px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content .text-field-content-after {\n  line-height: 30px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content .text-field-content-after:after {\n  top: 7px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-resize > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  resize: both;\n}\n\n.paraui-v4-text-field-select.component-dropdown {\n  /*// 小\n  &.paraui-v4-text-field-select-small {\n    & > .text-field-select-content {\n      & > .text-field-select-content-item {\n        line-height: 28px;\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-text-field-select-medium {\n    & > .text-field-select-content {\n      & > .text-field-select-content-item {\n        line-height: 32px;\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-text-field-select-large {\n    & > .text-field-select-content {\n      & > .text-field-select-content-item {\n        line-height: 36px;\n      }\n    }\n  }*/\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item {\n  display: flex;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  padding: 0 10px;\n  line-height: 30px;\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item.text-field-select-content-item-keydown {\n  background-color: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content.text-field-select-content-loading {\n  height: 100px;\n  position: relative;\n  overflow: hidden;\n}\n.paraui-v4-text-field-select.paraui-v4-text-field-select-data.component-tooltip {\n  padding: 8px 0;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-text-field {\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  width: 100%;\n}\n.paraui-v4-text-field > .text-field-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-text-field > .text-field-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-before {\n  color: rgb(92, 101, 115);\n  padding: 0 10px;\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-before:after {\n  position: absolute;\n  content: \"\";\n  right: 0;\n  width: 1px;\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-before svg {\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within {\n  position: relative;\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within:hover > .clean-up-icon {\n  display: flex;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  height: 100%;\n  align-items: center;\n  margin-right: 10px;\n  cursor: pointer;\n  display: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .clean-up-icon svg {\n  color: rgb(161, 168, 179);\n  font-size: 16px;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .clean-up-icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 10px;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  position: relative;\n  z-index: 1;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .right-icon.right-icon-password:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .right-icon svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .length-limit {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 10px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  line-height: 0;\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-outer-spin-button,\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input[type=number] {\n  -moz-appearance: textfield;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  width: 100% !important;\n  padding: 10px;\n  resize: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-clear, .paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-clear {\n  display: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-reveal, .paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-reveal {\n  display: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input:disabled, .paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea:disabled {\n  background-color: transparent;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n  pointer-events: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder > .text-field-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-after {\n  color: rgb(92, 101, 115);\n  padding: 0 10px;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-after:after {\n  position: absolute;\n  content: \"\";\n  left: 0;\n  width: 1px;\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-after svg {\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-field.paraui-v4-text-field-multiline > .text-field-content .text-field-content-within > .clean-up-icon {\n  display: none;\n}\n.paraui-v4-text-field.paraui-v4-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n  position: absolute;\n  height: 22px;\n  bottom: 0;\n  border-radius: 4px;\n  width: calc(100% - 10px);\n  background: white;\n  justify-content: flex-end;\n  padding-bottom: 2px;\n  margin-right: 0;\n  left: 0;\n}\n.paraui-v4-text-field.paraui-v4-text-field-multiline > .text-field-content .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  padding-top: 10px;\n  line-height: 1;\n  height: calc(100% - 24px);\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-before {\n  background-color: transparent;\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  cursor: not-allowed;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-after {\n  background-color: transparent;\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled.paraui-v4-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n  background-color: transparent;\n}\n.paraui-v4-text-field.paraui-v4-text-field-error > .text-field-content {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-text-field.paraui-v4-text-field-error > .text-field-content:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-text-field.paraui-v4-text-field-limit > .text-field-content {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-text-field.paraui-v4-text-field-limit > .text-field-content:hover {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-text-field.paraui-v4-text-field-limit-length > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  padding-bottom: 25px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-focus > .text-field-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content {\n  height: 28px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-before {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-before:after {\n  top: 5px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 6px 10px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content .text-field-content-after {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content .text-field-content-after:after {\n  top: 5px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content {\n  height: 28px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-before {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-before:after {\n  top: 5px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 6px 10px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content .text-field-content-after {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content .text-field-content-after:after {\n  top: 5px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content {\n  height: 32px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-before {\n  line-height: 30px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-before:after {\n  top: 7px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 30px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 6px 10px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content .text-field-content-after {\n  line-height: 30px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content .text-field-content-after:after {\n  top: 7px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-resize > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  resize: both;\n}\n\n.paraui-v4-text-field-select.component-dropdown {\n  /*// 小\n  &.paraui-v4-text-field-select-small {\n    & > .text-field-select-content {\n      & > .text-field-select-content-item {\n        line-height: 28px;\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-text-field-select-medium {\n    & > .text-field-select-content {\n      & > .text-field-select-content-item {\n        line-height: 32px;\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-text-field-select-large {\n    & > .text-field-select-content {\n      & > .text-field-select-content-item {\n        line-height: 36px;\n      }\n    }\n  }*/\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item {\n  display: flex;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  padding: 0 10px;\n  line-height: 30px;\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item.text-field-select-content-item-keydown {\n  background-color: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content.text-field-select-content-loading {\n  height: 100px;\n  position: relative;\n  overflow: hidden;\n}\n.paraui-v4-text-field-select.paraui-v4-text-field-select-data.component-tooltip {\n  padding: 8px 0;\n}\n.paraui-v4-text-field-select.paraui-v4-text-field-no-select-data {\n  display: none;\n  border: none;\n  box-shadow: none;\n}";
 styleInject(css_248z);
 
 // true:数值型的，false：非数值型
@@ -336,6 +336,7 @@ const TextField = props => {
     if (size) str += " ".concat($prefixCls, "-text-field-select-").concat(size);
     if (selectPopoverClass) str += " ".concat(selectPopoverClass);
     if (selectData.length > 0) str += " ".concat($prefixCls, "-text-field-select-data");
+    if (!selectData || selectData.length === 0) str += " ".concat($prefixCls, "-text-field-no-select-data");
     return str;
   };
   // 点击下拉
@@ -357,7 +358,7 @@ const TextField = props => {
     const rightIconFunc = () => {
       return rightIcon ? rightIcon :
       // 只有密码模式有默认图标
-      type === 'password' ? typeCom === 'password' ? jsx(VisibilityOff, {}) : jsx(Visibility, {}) : null;
+      type === 'password' ? typeCom === 'password' ? jsx(VisibilityOff, {}) : jsx(PreviewOpen, {}) : null;
     };
     const rightIconContent = rightIconFunc();
     return jsx(Fragment, {

package/TimePicker/index.js

@@ -10,7 +10,7 @@ import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
 import '../_verture/constant-5317fc89.js';
 import '../_verture/style-inject.es-300983ab.js';
-import '../_verture/index-389675ab.js';
+import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';

package/ToggleButton/index.js

@@ -13,7 +13,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
-import '../_verture/index-389675ab.js';
+import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';

package/Transfer/index.js

@@ -21,7 +21,7 @@ import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
-import '../_verture/index-389675ab.js';
+import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';

package/Tree/index.js

@@ -1,5 +1,5 @@
-import { T as Tree } from '../_verture/index-b892f976.js';
-export { T as default } from '../_verture/index-b892f976.js';
+import { T as Tree } from '../_verture/index-bbe5660a.js';
+export { T as default } from '../_verture/index-bbe5660a.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
 import 'react';

package/Upload/ImgCrop/EasyCrop.d.ts

@@ -1,7 +1,7 @@
 import React, { MutableRefObject } from 'react';
-import Cropper from 'react-easy-crop';
 import type { Dispatch, SetStateAction, ForwardedRef } from 'react';
 import type { Area } from 'react-easy-crop/types';
+import Cropper from 'react-easy-crop';
 import type { ImgCropProps } from './interface';
 export type EasyCropHandle = {
     rotateVal: number;
@@ -9,7 +9,7 @@ export type EasyCropHandle = {
     setRotateVal: Dispatch<SetStateAction<number>>;
     cropPixelsRef: MutableRefObject<Area>;
 };
-interface EasyCropProps extends Required<Pick<ImgCropProps, 'aspect' | 'shape' | 'grid' | 'zoom' | 'rotate' | 'minZoom' | 'maxZoom' | 'cropperProps' | 'fixedCropSize'>> {
+interface EasyCropProps extends Required<Pick<ImgCropProps, 'aspect' | 'shape' | 'grid' | 'zoom' | 'rotate' | 'minZoom' | 'maxZoom' | 'cropperProps' | 'fixedCropSize' | 'zoomMarks' | 'zoomTipFormatter' | 'rotateMarks' | 'rotateTipFormatter'>> {
     cropperRef: ForwardedRef<Cropper>;
     image: string;
 }

package/Upload/ImgCrop/constants.d.ts

@@ -5,3 +5,15 @@ export declare const INIT_ROTATE = 0;
 export declare const ROTATE_STEP = 1;
 export declare const MIN_ROTATE = -180;
 export declare const MAX_ROTATE = 180;
+export declare const DEFAULT_ZOOM_MARKS: {
+    '0.5': string;
+    '1': string;
+    '1.5': string;
+    '2': string;
+    '2.5': string;
+};
+export declare const DEFAULT_ROTATE_MARKS: {
+    '-90': string;
+    '0': string;
+    '90': string;
+};

package/Upload/ImgCrop/interface.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import type { CropperProps } from 'react-easy-crop';
+import { SliderMarks } from "../../Slider/interface";
 export type { RcFile } from 'rc-upload/lib/interface';
+export type ImgCropMark = Boolean | SliderMarks | undefined;
 export interface ImgCropProps {
     /** 纵横比 默认 1 */
     aspect?: number;
@@ -16,6 +18,14 @@ export interface ImgCropProps {
     zoom?: boolean;
     /** 是否支持旋转 */
     rotate?: boolean;
+    /** 缩放滑块标签，为true时展示默认滑块 */
+    zoomMarks?: ImgCropMark;
+    /** 缩放滑块标签格式化 */
+    zoomTipFormatter?: null | ((value?: number) => React.ReactNode) | undefined;
+    /** 旋转滑块标签，为true时展示默认滑块 */
+    rotateMarks?: ImgCropMark;
+    /** 旋转滑块标签格式化 */
+    rotateTipFormatter?: null | ((value?: number) => React.ReactNode);
     /** 固定裁剪大小 */
     fixedCropSize?: {
         width: number;