@para-ui/core 4.0.22 → 4.0.25

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

@@ -8,6 +8,7 @@ import ExpandLess from '@para-ui/icons/Up';
 import Down from '@para-ui/icons/Down';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { Search } from '../Search/index.js';
 import SearchIcon from '@para-ui/icons/Search';
 import AutoTips from '../AutoTips/index.js';
@@ -21,12 +22,13 @@ 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';
 import '@paraview/lib';
 import '../_verture/index-ca413216.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../TextField/index.js';
 import '../Label/index.js';
 import '../Help/index.js';
@@ -59,8 +61,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var useClick = function useClick(callback, doubleCallback) {
@@ -88,32 +90,36 @@ var useClick = function useClick(callback, doubleCallback) {
   };
 };
 
-const Box = props => {
-  const {
-    title,
-    data,
-    onSearch,
-    onchange,
-    onMove,
-    queryAll,
-    inverse,
-    direction,
-    fluctuationPosition,
-    fluctuationOrther,
-    onEndSort,
-    multiple,
-    rightIcon,
-    style,
-    customKey
-  } = props;
-  const intl = useFormatMessage('Transfer', localeJson);
-  const [checkCount, setCheckCount] = useState([]);
-  const [disabledCount, setDisabledCount] = useState(0);
-  const ref = useRef();
-  useEffect(() => {
-    const arr = [];
-    let count = 0;
-    data.forEach((item, index) => {
+var Box = function Box(props) {
+  var title = props.title,
+    data = props.data,
+    onSearch = props.onSearch,
+    onchange = props.onchange,
+    onMove = props.onMove,
+    queryAll = props.queryAll,
+    inverse = props.inverse,
+    direction = props.direction,
+    fluctuationPosition = props.fluctuationPosition,
+    fluctuationOrther = props.fluctuationOrther,
+    onEndSort = props.onEndSort,
+    multiple = props.multiple,
+    rightIcon = props.rightIcon,
+    style = props.style,
+    customKey = props.customKey;
+  var intl = useFormatMessage('Transfer', localeJson);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    checkCount = _useState2[0],
+    setCheckCount = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    disabledCount = _useState4[0],
+    setDisabledCount = _useState4[1];
+  var ref = useRef();
+  useEffect(function () {
+    var arr = [];
+    var count = 0;
+    data.forEach(function (item, index) {
       if (item.checked && !item.hide) {
         arr.push(index);
       }
@@ -124,29 +130,29 @@ const Box = props => {
     setDisabledCount(count);
     setCheckCount(arr);
   }, [data]);
-  useEffect(() => {
+  useEffect(function () {
     if (direction == 'right') {
       new Sortable(ref.current, {
         animation: 180,
         ghostClass: 'blue-background-class',
         dragClass: 'drag-item',
         easing: 'step-start',
-        onEnd: evt => {
+        onEnd: function onEnd(evt) {
           onEndSort === null || onEndSort === void 0 ? void 0 : onEndSort(evt.oldIndex, evt.newIndex);
         }
       });
     }
   }, []);
-  const handler = useClick((e, index, item) => {
+  var handler = useClick(function (e, index, item) {
     if (item.disabled) return;
     onchange(e, !item.checked, index, direction, multiple);
-  }, (e, index, item) => {
+  }, function (e, index, item) {
     if (item === null || item === void 0 ? void 0 : item.disabled) return;
     onchange(e, true, index, direction, false);
     onMove(direction === 'right' ? 'left' : 'right');
   });
-  const itemStyle = data => {
-    const stlye = {};
+  var itemStyle = function itemStyle(data) {
+    var stlye = {};
     if (data === null || data === void 0 ? void 0 : data.tagColor) {
       stlye.borderLeft = "4px solid ".concat(data.tagColor);
     }
@@ -171,15 +177,15 @@ const Box = props => {
       showBtn: false,
       rightIcon: jsx(SearchIcon, {}),
       rightIconExist: true,
-      onChange: val => {
+      onChange: function onChange(val) {
         onSearch(val, direction);
       },
-      onClickRightIcon: val => {
+      onClickRightIcon: function onClickRightIcon(val) {
         onSearch(val, direction);
       },
-      onEnter: event => {
+      onEnter: function onEnter(event) {
         var _a;
-        const val = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || '';
+        var val = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || '';
         onSearch(val, direction);
       },
       allowClear: false
@@ -187,11 +193,11 @@ const Box = props => {
       className: "context",
       ref: ref
     }, {
-      children: data.map((item, index) => {
+      children: data.map(function (item, index) {
         return jsxs("div", Object.assign({
           className: clsx('item', (item === null || item === void 0 ? void 0 : item.tagColor) && 'item-border', (item === null || item === void 0 ? void 0 : item.disabled) && 'item-disabled', (item === null || item === void 0 ? void 0 : item.checked) && 'item-checked', fluctuationPosition === index && 'item-fluctuation', fluctuationOrther === index && 'item-fluctuationOrther'),
           style: itemStyle(item),
-          onClick: e => {
+          onClick: function onClick(e) {
             handler(e, index, item);
           }
         }, {
@@ -223,7 +229,7 @@ const Box = props => {
         children: [jsx(Button, Object.assign({
           variant: "text",
           className: "".concat(checkCount.length === data.length - disabledCount && data.length > 0 ? 'btn-on' : ''),
-          onClick: () => {
+          onClick: function onClick() {
             queryAll(checkCount.length !== data.length - disabledCount, direction);
           }
         }, {
@@ -234,7 +240,7 @@ const Box = props => {
           variant: "text",
           className: "".concat(checkCount.length === 0 || checkCount.length === data.length - disabledCount ? 'btn-off' : ''),
           disabled: checkCount.length === 0 || checkCount.length === data.length - disabledCount,
-          onClick: () => {
+          onClick: function onClick() {
             inverse(direction);
           }
         }, {
@@ -250,7 +256,7 @@ const Box = props => {
     }))]
   }));
 };
-const Sortablejs = Sortable;
+var Sortablejs = Sortable;
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-transfer {\n  display: flex;\n  font-size: 14px;\n  user-select: none;\n}\n.paraui-v4-transfer .blue-background-class {\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-transfer .drag-item {\n  background: rgb(255, 255, 255) !important;\n  box-shadow: rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-transfer .box {\n  border-radius: 4px;\n  border: 1px solid rgb(212, 218, 227);\n  overflow: hidden;\n}\n.paraui-v4-transfer .box .box-header {\n  background: rgb(247, 248, 250);\n  color: rgb(29, 33, 38);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-left: 10px;\n  height: 36px;\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .count {\n  color: rgb(29, 33, 38);\n  letter-spacing: 1px;\n}\n.paraui-v4-transfer .box .context {\n  height: 400px;\n  overflow: auto;\n  margin-top: 4px;\n}\n.paraui-v4-transfer .box .context .item-fluctuation {\n  animation: flucturation 0.4s forwards;\n}\n.paraui-v4-transfer .box .context .item-fluctuationOrther {\n  animation: flucturationOrther 0.5s forwards;\n}\n.paraui-v4-transfer .box .context .item {\n  padding: 0px 10px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-transfer .box .context .item.item-checked:hover {\n  background-color: rgb(247, 248, 250) !important;\n}\n.paraui-v4-transfer .box .context .item.item-checked > .item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item > .item-label {\n  flex: 1;\n  overflow: hidden;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-transfer .box .context .item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-transfer .box .context .item.item-disabled:hover {\n  background: inherit;\n  cursor: no-drop;\n}\n.paraui-v4-transfer .box .context .item.item-disabled > .item-label {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .context .item .handle {\n  margin-left: 8px;\n  display: flex;\n  align-content: center;\n}\n.paraui-v4-transfer .box .context .item .handle .handle-line {\n  height: 12px;\n  border-left: 1px solid rgb(212, 218, 227);\n  margin: auto 10px auto 0;\n}\n.paraui-v4-transfer .box .context .item .handle svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-transfer .box .context .item .handle:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item-border {\n  padding-left: 6px;\n}\n.paraui-v4-transfer .box .text-field-content {\n  border: none;\n  border-radius: 0;\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .footer {\n  display: flex;\n  align-items: center;\n  border-top: 1px solid rgb(212, 218, 227);\n  height: 36px;\n  justify-content: space-between;\n  padding: 0 10px;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button {\n  padding: 0;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button:nth-child(2) {\n  margin-left: 16px;\n}\n.paraui-v4-transfer .moveBtn {\n  display: flex;\n  height: 500px;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 20px;\n}\n.paraui-v4-transfer .moveBtn > button {\n  background-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-transfer .moveBtn .btn-left {\n  margin-top: 16px;\n}\n\n@keyframes flucturation {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(36px);\n  }\n}\n@keyframes flucturationOrther {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-36px);\n  }\n}";
 styleInject(css_248z);

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-93662604.js';
+export { T as default } from '../_verture/index-93662604.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;