@para-ui/core 4.0.30 → 4.0.31

package/ComboSelect/index.js

@@ -6,7 +6,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-28edf318.js';
+import { T as Tree } from '../_verture/index-567b5779.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { Popover } from '../Popover/index.js';
@@ -24,6 +24,8 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Search } from '../Search/index.js';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/typeof-adeedc13.js';
+import '../_verture/slicedToArray-75fa4188.js';
 import '../Checkbox/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
@@ -35,6 +37,7 @@ import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
 import '../Empty/index.js';
+import '../_verture/defineProperty-6f62bb2a.js';
 import '../Radio/index.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
@@ -56,12 +59,9 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/toConsumableArray-8f4c9589.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/defineProperty-f0e15205.js';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/index-8ac46bd9.js';
-import '../_verture/typeof-6ec38efd.js';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/index-94e24006.js';
+import '../_verture/typeof-4646b22c.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/CycleSelector/index.js

@@ -19,6 +19,9 @@ import 'rc-picker/es/generate/dayjs';
 import '../Tag/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '@para-ui/icons/EditOutline';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/slicedToArray-75fa4188.js';
+import '../_verture/typeof-adeedc13.js';
 import '../AutoTips/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
@@ -27,7 +30,7 @@ import '@para-ui/icons/Forbid';
 import '@paraview/lib';
 import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
-import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/defineProperty-6f62bb2a.js';
 import 'rc-picker';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/Calendar';

package/DatePicker/index.js

@@ -2,7 +2,7 @@ import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from '../Button/index.js';
 import { Tag } from '../Tag/index.js';
-import { a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import React__default, { forwardRef, useImperativeHandle } from 'react';
 import clsx from 'clsx';
@@ -33,6 +33,9 @@ import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/EditOutline';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/slicedToArray-75fa4188.js';
+import '../_verture/typeof-adeedc13.js';
 import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
 import '../Help/index.js';

package/DragVerify/index.js

@@ -185,13 +185,16 @@ const DragVerify = props => {
       };
     };
     moveDom.ontouchstart = touchE => {
-      if (constData.current.padding) return;
+      touchE.preventDefault();
+      if (constData.current.padding) return false;
       const e = touchE.touches[0];
       sliderBox.classList.add("".concat(prefixCls, "-move"));
       // 鼠标移动
       document.ontouchmove = touchEvent => {
+        touchEvent.preventDefault();
         const event = touchEvent.touches[0];
         moveFunc(event, e);
+        return false;
       };
       // 鼠标抬起
       document.ontouchend = () => {
@@ -199,6 +202,7 @@ const DragVerify = props => {
         document.ontouchend = null;
         endFunc();
       };
+      return false;
     };
   };
   /** 复位 */
@@ -259,7 +263,8 @@ const DragVerify = props => {
         className: "slider-move-mask"
       }, {
         children: jsxs("div", Object.assign({
-          className: "slider-move-box"
+          className: "slider-move-box",
+          draggable: false
         }, {
           children: [jsx(DoubleRight, {
             className: 'svg-right'

package/DynamicMultiBox/index.js

@@ -17,7 +17,7 @@ import { ComboSelect } from '../ComboSelect/index.js';
 import DatePicker from '../DatePicker/index.js';
 import AutoTips from '../AutoTips/index.js';
 import { UUID } from '@paraview/lib';
-import { d as dist } from '../_verture/index-0f5ee6f7.js';
+import { d as dist } from '../_verture/index-c8cb6751.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
@@ -52,10 +52,13 @@ import '@para-ui/icons/Up';
 import '../MultiBox/index.js';
 import '@para-ui/icons/Internet';
 import '../Table/index.js';
+import '../_verture/typeof-adeedc13.js';
+import '../_verture/slicedToArray-75fa4188.js';
 import '../Button/index.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
+import '../_verture/defineProperty-6f62bb2a.js';
 import '../Radio/index.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
@@ -70,13 +73,10 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-28edf318.js';
-import '../_verture/toConsumableArray-8f4c9589.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/defineProperty-f0e15205.js';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/index-8ac46bd9.js';
-import '../_verture/typeof-6ec38efd.js';
+import '../_verture/index-567b5779.js';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/index-94e24006.js';
+import '../_verture/typeof-4646b22c.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/Form/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-33866394.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-3795d730.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import '../TextField/index.js';
@@ -28,8 +28,7 @@ import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/slicedToArray-75fa4188.js';
 import '../RadioGroup/index.js';
 import '../Radio/index.js';
 import '../Select/index.js';
@@ -52,10 +51,12 @@ import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '../ComboSelect/index.js';
 import '../Table/index.js';
+import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
+import '../_verture/defineProperty-6f62bb2a.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
 import '../PopConfirm/index.js';
@@ -69,11 +70,10 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-28edf318.js';
-import '../_verture/toConsumableArray-8f4c9589.js';
-import '../_verture/defineProperty-f0e15205.js';
-import '../_verture/index-8ac46bd9.js';
-import '../_verture/typeof-6ec38efd.js';
+import '../_verture/index-567b5779.js';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/index-94e24006.js';
+import '../_verture/typeof-4646b22c.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-33866394.js';
+export { F as default } from '../_verture/index-3795d730.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';
@@ -27,8 +27,7 @@ import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/slicedToArray-75fa4188.js';
 import '../RadioGroup/index.js';
 import '../Radio/index.js';
 import '../Select/index.js';
@@ -52,10 +51,12 @@ import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '../ComboSelect/index.js';
 import '../Table/index.js';
+import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
 import '@para-ui/icons/Panel';
+import '../_verture/defineProperty-6f62bb2a.js';
 import '../OperateBtn/index.js';
 import '@para-ui/icons/More';
 import '../PopConfirm/index.js';
@@ -69,11 +70,10 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-28edf318.js';
-import '../_verture/toConsumableArray-8f4c9589.js';
-import '../_verture/defineProperty-f0e15205.js';
-import '../_verture/index-8ac46bd9.js';
-import '../_verture/typeof-6ec38efd.js';
+import '../_verture/index-567b5779.js';
+import '../_verture/toConsumableArray-c7a8028f.js';
+import '../_verture/index-94e24006.js';
+import '../_verture/typeof-4646b22c.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-c57b51b7.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-c57b51b7.js';
+import { u as useModal } from '../_verture/modalContext-10f0c5aa.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-10f0c5aa.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
 import 'react';

package/Image/index.js

@@ -2,13 +2,14 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, useContext, useMemo } from 'react';
-import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-5bf66fed.js';
-import { _ as _typeof, a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
+import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-edd94cac.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
+import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
 import Dialog from 'rc-dialog';
 import ReactDOM from 'react-dom';
 import CSSMotion from 'rc-motion';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-c7a8028f.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import Sort from '@para-ui/icons/Sort';
 import Switch from '@para-ui/icons/Switch';
@@ -21,7 +22,6 @@ import RightCircleF from '@para-ui/icons/RightCircleF';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import PreviewOpen from '@para-ui/icons/PreviewOpen';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 
 /* eslint-disable no-nested-ternary */
 function getClientSize() {

package/PopConfirm/index.js

@@ -35,8 +35,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午1:44\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-popconfirm.paraui-v4-tooltip {\n  position: absolute;\n  width: 440px;\n  padding: 0;\n  font-size: 14px;\n  color: initial;\n  background-color: rgb(255, 255, 255);\n  box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n  border-radius: 8px;\n  border: 1px solid rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-popconfirm.component-tooltip-hidden.paraui-v4-tooltip {\n  border: none;\n}\n.paraui-v4-popconfirm.paraui-v4-tooltip .component-tooltip-inner {\n  padding: 0;\n  color: initial;\n  background-color: transparent;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper {\n  padding: 16px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message {\n  position: relative;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-icon {\n  position: absolute;\n  top: 1px;\n  color: rgb(255, 147, 38);\n  line-height: 0;\n  font-size: 18px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-icon svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-body {\n  padding-left: 24px;\n  line-height: 20px;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-title {\n  font-weight: 600;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-content {\n  font-weight: 400;\n  margin-top: 8px;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-content.without-title {\n  margin-top: 0;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-description {\n  margin-top: 4px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-message-description.without-title-or-content {\n  margin-top: 0;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-btns {\n  margin-top: 12px;\n  text-align: right;\n}\n.paraui-v4-popconfirm .popconfirm-wrapper .popconfirm-btns > button + button {\n  margin-left: 12px;\n}\n.paraui-v4-popconfirm .paraui-v4-popconfirm-btn {\n  min-width: 54px;\n}";

package/PopMenu/index.js

@@ -5,13 +5,13 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Popover } from '../Popover/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-c7a8028f.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
 import Right from '@para-ui/icons/Right';
 import AutoTips from '../AutoTips/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import Help from '../Help/index.js';
 import '../_verture/usePopupContainer-635f66f4.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '@paraview/lib';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
@@ -66,7 +66,7 @@ const useComponentWidth = efts => {
   };
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-pop-menu-content {\n  display: inline-block;\n}\n.paraui-v4-pop-menu-item-content {\n  display: flex;\n  width: 100%;\n}\n.paraui-v4-pop-menu .pop-menu-separator:after {\n  content: \"\";\n  position: absolute;\n  height: 1px;\n  background: rgb(234, 236, 241);\n  left: 10px;\n  right: 10px;\n  bottom: 0;\n}\n.paraui-v4-pop-menu .pop-menu-list {\n  padding: 4px 0;\n  overflow: hidden;\n  position: relative;\n  max-width: 500px;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  height: 30px;\n  cursor: pointer;\n  padding: 0 10px;\n  overflow: hidden;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-help {\n  margin-left: 4px;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-help:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-arrow {\n  margin-left: auto;\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-arrow svg {\n  width: 18px;\n  height: 18px;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-select {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-select .item-arrow svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-disabled {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-disabled svg {\n  color: rgb(161, 168, 179);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-pop-menu-content {\n  display: inline-block;\n}\n.paraui-v4-pop-menu-item-content {\n  display: flex;\n  width: 100%;\n}\n.paraui-v4-pop-menu .pop-menu-separator:after {\n  content: \"\";\n  position: absolute;\n  height: 1px;\n  background: rgb(234, 236, 241);\n  left: 10px;\n  right: 10px;\n  bottom: 0;\n}\n.paraui-v4-pop-menu .pop-menu-list {\n  padding: 4px 0;\n  overflow: hidden;\n  position: relative;\n  max-width: 500px;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  height: 30px;\n  cursor: pointer;\n  padding: 0 10px;\n  overflow: hidden;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-help {\n  margin-left: 4px;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-help svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-help svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-arrow {\n  margin-left: auto;\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-arrow svg {\n  width: 16px;\n  height: 16px;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-select {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-select .item-arrow svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-disabled {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-disabled svg {\n  color: rgb(161, 168, 179);\n}";
 styleInject(css_248z);
 
 var PopMenuItem = function PopMenuItem(p) {
@@ -82,6 +82,10 @@ var PopMenuItem = function PopMenuItem(p) {
     onChange = _usePopMenuContext.onChange,
     path = _usePopMenuContext.path,
     onClick = _usePopMenuContext.onClick;
+  var _React$useState = React__default.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    childVisible = _React$useState2[0],
+    setChildVisible = _React$useState2[1];
   var getArrow = function getArrow() {
     return jsx("div", Object.assign({
       className: 'item-arrow'
@@ -133,6 +137,8 @@ var PopMenuItem = function PopMenuItem(p) {
       return jsx("div", Object.assign({
         className: clsx('pop-menu-item', {
           'pop-menu-item-select': currentValue === item.name
+        }, {
+          'pop-menu-item-hover': childVisible
         }),
         onClick: function onClick() {
           return clickItem(item, close);
@@ -151,8 +157,13 @@ var PopMenuItem = function PopMenuItem(p) {
         minWidth: 'auto'
       }, props.overlayInnerStyle),
       contentClassName: 'item-content',
-      offset: [direction === 'right' ? 4 : -4, 0],
-      path: [].concat(_toConsumableArray(path), [p.name])
+      offset: [direction === 'right' ? 4 : -4, -5],
+      path: [].concat(_toConsumableArray(path), [p.name]),
+      onVisibleChange: function onVisibleChange(visible) {
+        var _a;
+        (_a = props.onVisibleChange) === null || _a === void 0 ? void 0 : _a.call(props, visible);
+        setChildVisible(visible);
+      }
     }, {
       children: getItem(p, false)
     }));

package/QuickReply/index.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { d as dist } from '../_verture/index-0f5ee6f7.js';
+import { d as dist } from '../_verture/index-c8cb6751.js';
 import { Button } from '../Button/index.js';
 import { Checkbox } from '../Checkbox/index.js';
 import { TextField } from '../TextField/index.js';

package/README.md

@@ -1,3 +1,13 @@
+## 版本: 4.0.31
+    para-ui/core@4.0.31 发布
+        【滑块验证码-DragVerify】阻止移动端滑块触发屏幕滑动事件
+        【上传-Upload】更换头像增加头像属性，可配置圆角、是否展示重置按钮、默认图片（地址、名称）、是否展示图片名称功能
+        【范围输入框-RangeInput】新增组件范围输入框
+        【排序容器-SortBox】新增排序组件
+        【卡片-Card】新增卡片组件
+        【自动按钮-AutoButton】新增自动按钮组件
+        【消息角标-Badge】新增偏移量offset参数，sign传null为不显示角标
+
 ## 版本: 4.0.30
     para-ui/core@4.0.30 发布
         【范围输入框-RangeInput】新增组件范围输入框

package/RangeInput/index.d.ts

@@ -38,6 +38,10 @@ export interface RangeInputProps extends HelperTextDetailProps {
     unit?: ReactNode;
     /** 提示语 */
     placeholder?: ReactNode | [ReactNode, ReactNode];
+    /** 警告提示语 */
+    warningMessage?: ReactNode;
+    /** 警告提示语消失时间 */
+    warnTime?: number;
     /** 输入框其他参数 */
     otherProps?: [InputNumberProps, InputNumberProps];
     /**

package/RangeInput/index.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import Label from '../Label/index.js';
 import { InputNumber } from '../InputNumber/index.js';
@@ -18,7 +18,7 @@ import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '@para-ui/icons/Down';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-range-input {\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-range-input > .range-input-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-range-input > .range-input-content:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-range-input > .range-input-content > .paraui-v4-input-number > .input-number-content {\n  border: none;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-range-input > .range-input-content > .separator {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  padding-left: 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  line-height: 1;\n}\n.paraui-v4-range-input > .range-input-content > .unit {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  padding: 0 10px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-focus > .range-input-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-range-input.paraui-v4-range-input-disabled > .range-input-content {\n  cursor: not-allowed;\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-range-input.paraui-v4-range-input-disabled > .range-input-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-range-input.paraui-v4-range-input-disabled > .range-input-content > .paraui-v4-input-number > .input-number-content {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-range-input.paraui-v4-range-input-error > .range-input-content {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-range-input.paraui-v4-range-input-error > .range-input-content:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-range-input.paraui-v4-range-input-small > .range-input-content {\n  height: 28px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-small > .range-input-content > .paraui-v4-input-number .input-number-content {\n  height: 26px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-medium > .range-input-content {\n  height: 28px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-medium > .range-input-content > .paraui-v4-input-number .input-number-content {\n  height: 26px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-large > .range-input-content {\n  height: 32px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-large > .range-input-content > .paraui-v4-input-number .input-number-content {\n  height: 30px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-range-input {\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-range-input > .range-input-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  align-items: center;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-range-input > .range-input-content:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-range-input > .range-input-content > .paraui-v4-input-number > .input-number-content {\n  border: none;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-range-input > .range-input-content > .separator {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  padding-left: 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  line-height: 1;\n}\n.paraui-v4-range-input > .range-input-content > .unit {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  padding: 0 10px;\n}\n.paraui-v4-range-input > .range-input-warning-text {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-range-input.paraui-v4-range-input-focus > .range-input-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-range-input.paraui-v4-range-input-disabled > .range-input-content {\n  cursor: not-allowed;\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-range-input.paraui-v4-range-input-disabled > .range-input-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-range-input.paraui-v4-range-input-disabled > .range-input-content > .paraui-v4-input-number > .input-number-content {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-range-input.paraui-v4-range-input-error > .range-input-content {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-range-input.paraui-v4-range-input-error > .range-input-content:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-range-input.paraui-v4-range-input-small > .range-input-content {\n  height: 28px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-small > .range-input-content > .paraui-v4-input-number .input-number-content {\n  height: 26px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-medium > .range-input-content {\n  height: 28px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-medium > .range-input-content > .paraui-v4-input-number .input-number-content {\n  height: 26px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-large > .range-input-content {\n  height: 32px;\n}\n.paraui-v4-range-input.paraui-v4-range-input-large > .range-input-content > .paraui-v4-input-number .input-number-content {\n  height: 30px;\n}";
 styleInject(css_248z);
 
 const RangeInput = props => {
@@ -31,6 +31,8 @@ const RangeInput = props => {
     required = false,
     disabled = false,
     disabledTooltip,
+    warningMessage,
+    warnTime = 2000,
     defaultValue,
     value,
     error = false,
@@ -47,6 +49,10 @@ const RangeInput = props => {
   } = props;
   const [valueCom, setValueCom] = useState([null, null]);
   const [focus, setFocus] = useState(false); // 是否获取焦点
+  const [showWarning, setShowWarning] = useState(false);
+  const constData = useRef({
+    timer: null
+  });
   useEffect(() => {
     if (props.defaultValue !== undefined) setValueCom(props.defaultValue);
   }, []);
@@ -82,9 +88,17 @@ const RangeInput = props => {
     if (valueCom[0] !== null && valueCom[1] !== null) {
       if (valueCom[0] > valueCom[1]) {
         onChangeCom(index)(null);
+        if (warningMessage) handleWarn();
       }
     }
   };
+  const handleWarn = () => {
+    clearTimeout(constData.current.timer);
+    setShowWarning(true);
+    constData.current.timer = setTimeout(() => {
+      setShowWarning(false);
+    }, warnTime);
+  };
   /** 回车事件 */
   const onEnterCom = index => event => {
     onEnter && onEnter(event, index);
@@ -146,6 +160,21 @@ const RangeInput = props => {
     }
     return contentRender();
   };
+  const handleError = () => {
+    if (showWarning) {
+      return jsx(HelperText, {
+        className: "range-input-warning-text",
+        helperText: warningMessage,
+        hideErrorDom: hideErrorDom
+      });
+    }
+    return jsx(HelperText, {
+      className: "range-input-error-text",
+      error: error,
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
+    });
+  };
   return jsxs("div", Object.assign({
     className: clsx(className, "".concat($prefixCls, "-range-input"), "".concat($prefixCls, "-range-input-").concat(size), {
       ["".concat($prefixCls, "-range-input-focus")]: focus,
@@ -157,12 +186,7 @@ const RangeInput = props => {
     children: [jsx(Label, Object.assign({
       label: label,
       required: required
-    }, labelTooltip)), handleContent(), jsx(HelperText, {
-      className: "range-input-error-text",
-      error: error,
-      helperText: helperText,
-      hideErrorDom: hideErrorDom
-    })]
+    }, labelTooltip)), handleContent(), handleError()]
   }));
 };
 

package/Select/index.js

@@ -42,8 +42,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-select {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: inline-block;\n  vertical-align: top;\n  width: 100%;\n}\n.paraui-v4-select > .select-content {\n  line-height: 0;\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  padding-right: 10px;\n  position: relative;\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-select > .select-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-select > .select-content:hover > .select-svg > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .select-label-placeholder {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.paraui-v4-select > .select-content > .select-label-placeholder > .select-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-select > .select-content > .select-svg {\n  position: absolute;\n  right: 10px;\n  top: 0;\n  z-index: 2;\n}\n.paraui-v4-select > .select-content > .select-svg > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(92, 101, 115);\n  opacity: 0;\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon > svg {\n  font-size: 16px;\n  transition: all 0.3s;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .radio-select-content {\n  padding-left: 10px;\n  font-size: 14px;\n  line-height: 1.43;\n  color: rgb(29, 33, 38);\n  word-break: break-all;\n}\n.paraui-v4-select > .select-content > .radio-search-outside {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  line-height: 1.43;\n  padding: 0 10px 0 10px;\n  font-size: 14px;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n  z-index: 10;\n}\n.paraui-v4-select > .select-content > .check-select-content {\n  padding-left: 10px;\n  overflow: hidden;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item {\n  display: inline-block;\n  background-color: rgb(234, 236, 241);\n  border-radius: 2px;\n  padding: 0 30px 0 10px;\n  color: rgb(29, 33, 38);\n  margin-right: 4px;\n  vertical-align: top;\n  max-width: 100%;\n  white-space: nowrap;\n  position: relative;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  padding-right: 10px;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n  max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > span {\n  display: inline-block;\n  height: 100%;\n  vertical-align: top;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg {\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  font-size: 16px;\n  position: absolute;\n  z-index: 10;\n  right: 10px;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose {\n  padding-right: 10px;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n  max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-search-outside {\n  width: 10px;\n  max-width: 100% !important;\n  display: none;\n  border: 0;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  cursor: pointer;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content .select-label-placeholder {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > svg {\n  opacity: 0;\n  transition: all 0s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n  opacity: 1;\n  transition: all 0.3s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n  opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-over-line > .select-content > .check-select-content {\n  display: flex;\n  flex-wrap: wrap;\n}\n.paraui-v4-select.paraui-v4-select-over-line > .select-content > .check-select-content input {\n  flex: 1;\n  z-index: 10;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content {\n  height: inherit;\n  min-height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content .select-label-placeholder {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content > .select-svg > svg {\n  opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content > .radio-search-outside {\n  padding: 0 38px 0 10px;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content {\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .radio-select-content {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n  max-width: 100%;\n}\n.paraui-v4-select.paraui-v4-select-error > .select-content {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .select-svg > svg {\n  transform: rotate(180deg);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .check-select-content > .check-search-outside {\n  display: inline-block;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content {\n  height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-svg {\n  top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .radio-select-content {\n  padding-bottom: 3px;\n  padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 3px;\n  height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content {\n  height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-svg {\n  top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .radio-select-content {\n  padding-bottom: 3px;\n  padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 3px;\n  height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content {\n  height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-svg {\n  top: 6px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .radio-select-content {\n  padding-bottom: 5px;\n  padding-top: 5px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 24px;\n  line-height: 24px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 4px;\n  height: 22px;\n}\n\n.paraui-v4-select-popover.paraui-v4-select-popover-hide {\n  display: none !important;\n}\n.paraui-v4-select-popover.component-dropdown {\n  /*&.paraui-v4-select-popover-small {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-select-popover-medium {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-select-popover-large {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content {\n  padding: 4px 0;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n  padding-top: 0px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n  margin-top: 20px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search {\n  display: flex;\n  align-items: center;\n  padding: 0 10px;\n  border-bottom: 1px solid;\n  border-color: rgb(234, 236, 241);\n  height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input {\n  border: 0;\n  outline: none;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  width: 100%;\n  height: 100%;\n  line-height: 1.43;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n  font-size: 14px;\n  opacity: 1;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-clear {\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-ms-input-placeholder { /* Internet Explorer 10-11 */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-input-placeholder { /* Microsoft Edge */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n  cursor: pointer;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n  height: 100px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n  display: flex;\n  cursor: pointer;\n  padding: 0 10px;\n  align-items: center;\n  height: 30px;\n  line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n  flex: 1;\n  overflow: hidden;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg {\n  line-height: 0;\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n  font-size: 18px;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-svg {\n  display: inline-block;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled {\n  cursor: not-allowed;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled > .select-popover-list-item-label {\n  color: rgb(161, 168, 179) !important;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n  display: inline-block;\n  width: 100%;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  font-size: 12px;\n  height: 30px;\n  line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n  text-align: center;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  margin-top: 16px;\n  margin-bottom: 29px;\n}\n.paraui-v4-select-more-popover {\n  /*// 小\n  &.paraui-v4-select-more-popover-small {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 28px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 28px;\n        }\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-select-more-popover-medium {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 32px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 32px;\n        }\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-select-more-popover-large {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 36px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 36px;\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-select-more-popover .select-more {\n  width: 290px;\n  padding: 4px 0;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-title {\n  font-size: 12px;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n  padding: 0 10px;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n  flex: 1;\n  overflow: hidden;\n  display: inline-block;\n  font-size: 14px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n  font-size: 18px;\n  position: relative;\n  cursor: pointer;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n  color: rgb(46, 101, 230);\n  border-radius: 2px;\n}";