@para-ui/core 4.0.0-beta → 4.0.0-rc.1

package/_verture/{index-5c77417d.js → index-0f315bca.js}

@@ -35,7 +35,7 @@ var colorCardSketchList = colorCardList.map(function (color) {
   };
 });
 
-var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-compact-picker > div > div {\n  box-shadow: unset !important;\n}\n.paraui-v4-compact-picker .compact-picker {\n  width: 220px !important;\n  box-shadow: 0px 2px 8px 0px #eaecf1 !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div {\n  width: 14px !important;\n  height: 14px !important;\n  margin-right: 4px !important;\n  margin-bottom: 4px !important;\n  box-shadow: unset !important;\n  border: 1px solid rgba(29, 33, 38, 0.4);\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div > div {\n  inset: 4px !important;\n  background: rgb(255, 255, 255) !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div[title=\"#FFFFFF\"] > div {\n  background: rgb(0, 0, 0) !important;\n}";
+var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-compact-picker > div > div {\n  box-shadow: unset !important;\n}\n.paraui-v4-compact-picker .compact-picker {\n  width: 220px !important;\n  box-shadow: 0px 2px 8px 0px #eaecf1 !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div {\n  width: 14px !important;\n  height: 14px !important;\n  margin-right: 4px !important;\n  margin-bottom: 4px !important;\n  box-shadow: unset !important;\n  border: 1px solid rgba(29, 33, 38, 0.4);\n  border-radius: 2px !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div > div {\n  inset: 4px !important;\n  background: rgb(255, 255, 255) !important;\n}\n.paraui-v4-compact-picker .compact-picker > div > span > div[title=\"#FFFFFF\"] > div {\n  background: rgb(0, 0, 0) !important;\n}";
 styleInject(css_248z$3);
 
 var CompactPicker = function CompactPicker(props) {
@@ -83,7 +83,7 @@ var ChromePicker = function ChromePicker(props) {
   }));
 };
 
-var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-sketch-picker {\n  width: 236px;\n  box-sizing: border-box;\n  padding: 10px 10px 6px;\n  background: #ffffff;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px #eaecf1;\n}\n.paraui-v4-sketch-picker .sketch-picker > div > div > span > div {\n  position: relative !important;\n  width: 16px !important;\n  height: 16px !important;\n  border: 1px solid rgba(29, 33, 38, 0.4) !important;\n  border-radius: 2px !important;\n  box-shadow: unset !important;\n  box-sizing: border-box !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div:nth-child(1) > div > div > div > div {\n  box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important;\n  width: 10px !important;\n  height: 10px !important;\n  transform: translate(-5px, -5px) !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div:nth-child(3) #rc-editable-input-1, .paraui-v4-sketch-picker .sketch-picker > div:nth-child(3) #rc-editable-input-2, .paraui-v4-sketch-picker .sketch-picker > div:nth-child(3) #rc-editable-input-3, .paraui-v4-sketch-picker .sketch-picker > div:nth-child(3) #rc-editable-input-4, .paraui-v4-sketch-picker .sketch-picker > div:nth-child(3) #rc-editable-input-5 {\n  box-shadow: unset !important;\n  border: 1px solid #d4dae3 !important;\n  border-radius: 2px !important;\n  color: rgb(29, 33, 38) !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div:nth-child(4) {\n  margin: 0 !important;\n  padding: 0 !important;\n  padding-top: 10px !important;\n  margin-right: -4px !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div:nth-child(4) > div {\n  margin: 0px 4px 4px 0px !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div > div > span > div.active::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  inset: 4px;\n  background: rgb(255, 255, 255);\n}\n.paraui-v4-sketch-picker .sketch-picker > div > div > span > div[title=\"#FFFFFF\"]::after {\n  background: rgb(0, 0, 0) !important;\n}\n.paraui-v4-sketch-picker .square {\n  width: 16px;\n  height: 16px;\n  background: #ffffff;\n  border: 1px solid rgba(29, 33, 38, 0.4);\n  border-radius: 2px;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.paraui-v4-sketch-picker .square::before {\n  width: 24px;\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg);\n  height: 1px;\n  background-color: #a4a6a8;\n}";
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-sketch-picker {\n  width: 236px;\n  box-sizing: border-box;\n  padding: 10px 10px 6px;\n  background: #ffffff;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px #eaecf1;\n}\n.paraui-v4-sketch-picker .sketch-picker > div > div > span > div {\n  position: relative !important;\n  width: 16px !important;\n  height: 16px !important;\n  border: 1px solid rgba(29, 33, 38, 0.4) !important;\n  border-radius: 2px !important;\n  box-shadow: unset !important;\n  box-sizing: border-box !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div:nth-child(1) > div > div > div > div {\n  box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important;\n  width: 10px !important;\n  height: 10px !important;\n  transform: translate(-5px, -5px) !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div:nth-child(3) > div > div > input {\n  box-shadow: unset !important;\n  border: 1px solid #d4dae3 !important;\n  border-radius: 2px !important;\n  color: rgb(29, 33, 38) !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div:nth-child(4) {\n  margin: 0 !important;\n  padding: 0 !important;\n  padding-top: 10px !important;\n  margin-right: -4px !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div:nth-child(4) > div {\n  margin: 0px 4px 4px 0px !important;\n}\n.paraui-v4-sketch-picker .sketch-picker > div > div > span > div.active::after {\n  content: \"\";\n  position: absolute;\n  border-radius: 50%;\n  inset: 4px;\n  background: rgb(255, 255, 255);\n}\n.paraui-v4-sketch-picker .sketch-picker > div > div > span > div[title=\"#FFFFFF\"]::after {\n  background: rgb(0, 0, 0) !important;\n}\n.paraui-v4-sketch-picker .square {\n  width: 16px;\n  height: 16px;\n  background: #ffffff;\n  border: 1px solid rgba(29, 33, 38, 0.4);\n  border-radius: 2px;\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n.paraui-v4-sketch-picker .square::before {\n  width: 24px;\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg);\n  height: 1px;\n  background-color: #a4a6a8;\n}";
 styleInject(css_248z$1);
 
 var SketchPicker = function SketchPicker(props) {
@@ -125,7 +125,7 @@ var SketchPicker = function SketchPicker(props) {
     className: clsx("".concat($prefixCls, "-sketch-picker"), className)
   }, {
     children: [jsx(SketchPicker$1, Object.assign({
-      width: '100%',
+      width: "100%",
       styles: {
         default: {
           picker: {
@@ -138,7 +138,7 @@ var SketchPicker = function SketchPicker(props) {
     }, props, {
       onChange: onPickerChange
     })), clear && jsx("div", {
-      className: 'square',
+      className: "square",
       onClick: onClearCallback
     })]
   }));

package/_verture/{index-e2881a53.js → index-19947788.js}

@@ -4,8 +4,8 @@ var en = {
 };
 
 var zh = {
-  cancel: '取消',
-  ok: '确定'
+  cancel: '取 消',
+  ok: '确 定'
 };
 
 var defaultModalLocale = {

package/_verture/{index-d63bd287.js → index-232d890b.js}

@@ -1,4 +1,4 @@
-import { _ as _typeof } from './typeof-b240b062.js';
+import { _ as _typeof } from './typeof-c310ee4a.js';
 
 var regeneratorRuntime$1 = {exports: {}};
 

package/_verture/{index-68db2bc3.js → index-92e406f4.js}

@@ -10,7 +10,7 @@ import ReactDOM, { unstable_batchedUpdates, createPortal, flushSync } from 'reac
 import CSSMotion from 'rc-motion';
 import { _ as _unsupportedIterableToArray } from './unsupportedIterableToArray-cb478f24.js';
 import clsx from 'clsx';
-import { _ as _typeof$2 } from './typeof-b240b062.js';
+import { _ as _typeof$2 } from './typeof-c310ee4a.js';
 import { conductCheck } from 'rc-tree/lib/utils/conductUtil';
 import Right from '@para-ui/icons/Right';
 import Down from '@para-ui/icons/Down';
@@ -21,6 +21,7 @@ import { Forbid } from '@para-ui/icons';
 import { $ as $prefixCls } from './constant-0d9802f7.js';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import AutoTips from '../AutoTips/index.js';
+import { u as useFormatMessage } from './useFormatMessage-703f8b20.js';
 import { UUID } from '@paraview/lib';
 import { s as styleInject } from './style-inject.es-300983ab.js';
 
@@ -9743,7 +9744,22 @@ if (process.env.NODE_ENV !== 'production') {
   CacheContent.displayName = 'CacheContent';
 }
 
-var FIX_LABEL = "__cascader_fix_label__";
+var en = {
+  placeholder: 'Please Choose',
+  disableTilte: 'Disable'
+};
+
+var zh = {
+  placeholder: '请选择',
+  disableTilte: '禁用'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
+var FIX_LABEL = '__cascader_fix_label__';
 function Column(_ref) {
   var prefixCls = _ref.prefixCls,
     options = _ref.options,
@@ -9771,7 +9787,8 @@ function Column(_ref) {
     menuMaxHight = _React$useContext.menuMaxHight,
     menuWidth = _React$useContext.menuWidth,
     loading = _React$useContext.loading;
-  var hoverOpen = expandTrigger === "hover";
+  var hoverOpen = expandTrigger === 'hover';
+  var intl = useFormatMessage('OptionList', localeJson);
   // ============================ Option ============================
   var optionInfoList = React$4.useMemo(function () {
     return options.map(function (option) {
@@ -9860,19 +9877,21 @@ function Column(_ref) {
               onSelect(fullPath, isMergedLeaf);
             }
           };
-          if (typeof option.title === "string") {
+          if (typeof option.title === 'string') {
             option.title;
           }
           var disabledTooltipTitle = function disabledTooltipTitle() {
             var svgObj = {
-              marginRight: "4px",
-              fontSize: "11px",
-              color: "inherit"
+              marginRight: '4px',
+              fontSize: '11px',
+              color: 'inherit'
             };
             return jsxs("span", {
               children: [jsx(Forbid, {
                 style: svgObj
-              }), disableTitle || "禁用"]
+              }), disableTitle || intl({
+                id: 'disableTilte'
+              })]
             });
           };
           // >>>>> Render
@@ -9908,7 +9927,7 @@ function Column(_ref) {
           }, {
             children: [disabled ? jsx(Tooltip, Object.assign({
               arrow: false,
-              placement: "topLeft",
+              placement: 'topLeft',
               title: disabledTooltipTitle()
             }, {
               children: jsx("div", Object.assign({
@@ -9961,7 +9980,9 @@ var useActive = (function () {
       setActiveValueCells(firstValueCells || []);
     }
   }, /* eslint-disable react-hooks/exhaustive-deps */
-  [open]);
+  [open]
+  /* eslint-enable react-hooks/exhaustive-deps */);
+
   return [activeValueCells, setActiveValueCells];
 });
 
@@ -9977,7 +9998,7 @@ var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     direction = _useBaseProps.direction,
     open = _useBaseProps.open;
   var containerRef = React$4.useRef();
-  var rtl = direction === "rtl";
+  var rtl = direction === 'rtl';
   var _React$useContext = React$4.useContext(CascaderContext),
     options = _React$useContext.options,
     values = _React$useContext.values,
@@ -10060,7 +10081,7 @@ var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   var onPathSelect = function onPathSelect(valuePath, leaf) {
     var fromKeyboard = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     onSelect(valuePath);
-    if (!multiple && (leaf || changeOnSelect && (expandTrigger === "hover" || fromKeyboard))) {
+    if (!multiple && (leaf || changeOnSelect && (expandTrigger === 'hover' || fromKeyboard))) {
       toggleOpen(false);
     }
   };
@@ -10110,7 +10131,7 @@ var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   // ========================== Render ==========================
   // >>>>> Empty
   var isEmpty = !((_b = (_a = optionColumns[0]) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.length);
-  var emptyList = [(_ref3 = {}, _defineProperty(_ref3, fieldNames.value, "__EMPTY__"), _defineProperty(_ref3, FIX_LABEL, notFoundContent), _defineProperty(_ref3, "disabled", true), _ref3)];
+  var emptyList = [(_ref3 = {}, _defineProperty(_ref3, fieldNames.value, '__EMPTY__'), _defineProperty(_ref3, FIX_LABEL, notFoundContent), _defineProperty(_ref3, "disabled", true), _ref3)];
   var columnProps = Object.assign(Object.assign({}, props), {
     multiple: !isEmpty && multiple,
     onSelect: onPathSelect,
@@ -10166,6 +10187,7 @@ function toRawValues(value) {
   });
 }
 var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
+  var intl = useFormatMessage('Cascader', localeJson);
   var id = props.id,
     _props$prefixCls = props.prefixCls,
     prefixCls = _props$prefixCls === void 0 ? "".concat($prefixCls, "-cascader") : _props$prefixCls,
@@ -10194,13 +10216,15 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     expandIcon = _props$expandIcon === void 0 ? jsx(Right, {}) : _props$expandIcon,
     loadingIcon = props.loadingIcon,
     _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? "请选择" : _props$placeholder,
+    placeholder = _props$placeholder === void 0 ? intl({
+      id: 'placeholder'
+    }) : _props$placeholder,
     _props$allClear = props.allClear,
     allClear = _props$allClear === void 0 ? true : _props$allClear,
     _props$menuMaxHight = props.menuMaxHight,
     menuMaxHight = _props$menuMaxHight === void 0 ? 158 : _props$menuMaxHight,
     _props$expandJoin = props.expandJoin,
-    expandJoin = _props$expandJoin === void 0 ? "/" : _props$expandJoin,
+    expandJoin = _props$expandJoin === void 0 ? '/' : _props$expandJoin,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
     loading = props.loading,
@@ -10251,7 +10275,7 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     dropdownVisible = _React$useState4[0],
     setDropdownVisible = _React$useState4[1]; // dropDown显示状态
-  var _React$useState5 = React$4.useState("auto"),
+  var _React$useState5 = React$4.useState('auto'),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     menuWidth = _React$useState6[0],
     setMenuWidth = _React$useState6[1]; //下拉框的宽度
@@ -10325,7 +10349,7 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   });
   // Display Value change logic
   var onDisplayValuesChange = function onDisplayValuesChange(_, info) {
-    if (info.type === "clear") {
+    if (info.type === 'clear') {
       triggerChange([]);
       return;
     }
@@ -10399,9 +10423,9 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   }, [open, popupVisible]); // dropDownVisible
   // 监听屏幕宽度
   React$4.useEffect(function () {
-    window.addEventListener("resize", handleCalcMenuWidth);
+    window.addEventListener('resize', handleCalcMenuWidth);
     return function () {
-      window.removeEventListener("resize", handleCalcMenuWidth);
+      window.removeEventListener('resize', handleCalcMenuWidth);
     };
   }, []);
   React$4.useEffect(function () {
@@ -10411,7 +10435,7 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   }, [options, loading]);
   var handleClear = function handleClear(e) {
     e.stopPropagation();
-    setInputLable("");
+    setInputLable('');
     onChange && onChange([], []);
     setDropdownVisible(false);
     cascaderContext.values = [];
@@ -10481,7 +10505,7 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   var dropdownStyle =
   // Empty keep the width
   emptyOptions ? {} : {
-    minWidth: "auto"
+    minWidth: 'auto'
   };
   return jsx(CascaderContext.Provider, Object.assign({
     value: cascaderContext
@@ -10496,9 +10520,9 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
       dropdownStyle: dropdownStyle,
       // Search
       showSearch: false,
-      searchValue: "",
+      searchValue: '',
       onSearch: function onSearch() {
-        console.log("not search");
+        console.log('not search');
       },
       // Value
       displayValues: displayValues,
@@ -10518,13 +10542,13 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     }))
   }));
 });
-if (process.env.NODE_ENV !== "production") {
-  Cascader.displayName = "Cascader";
+if (process.env.NODE_ENV !== 'production') {
+  Cascader.displayName = 'Cascader';
 }
 Cascader.SHOW_PARENT = SHOW_PARENT;
 Cascader.SHOW_CHILD = SHOW_CHILD;
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-cascader-select-content {\n  height: 32px;\n  line-height: 0;\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  padding-right: 38px;\n  position: relative;\n  cursor: pointer;\n  font-size: 14px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-cascader-select-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-cascader-select-content:hover > .select-svg > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-value:hover > .select-svg > svg {\n  opacity: 0;\n  transition: all 0s;\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-value:hover > .select-svg > .clean-up-icon {\n  display: flex;\n  transition: all 0.3s;\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled {\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled:hover {\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled .select-svg svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-select-content > .select-label-placeholder {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  line-height: 30px;\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-cascader-select-content > .select-label-text {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  line-height: 30px;\n  color: rgb(29, 33, 38);\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-cascader-select-content > .select-svg-open {\n  transform: rotate(180deg);\n}\n.paraui-v4-cascader-select-content > .select-svg-open > svg {\n  color: rgb(46, 101, 230) !important;\n}\n.paraui-v4-cascader-select-content > .select-svg {\n  position: absolute;\n  right: 10px;\n  top: 6px;\n  z-index: 2;\n  transition: all 0.3s;\n}\n.paraui-v4-cascader-select-content > .select-svg > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-select-content > .select-svg > .clean-up-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  display: none;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-cascader-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-cascader-select-content > .select-svg > .clean-up-icon:hover > svg {\n  color: rgb(46, 101, 230);\n}\n\n.paraui-v4-cascader-dropdown-hidden {\n  display: none;\n}\n\n.paraui-v4-cascader-dropdown {\n  min-height: auto;\n  position: absolute;\n  background: rgb(255, 255, 255);\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menus {\n  display: flex;\n  flex-wrap: nowrap;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-loading {\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-loading .loading-icon {\n  position: relative;\n  top: 1px;\n  font-size: 10px;\n  vertical-align: top;\n  animation: switchLoadingCircle 1s infinite linear;\n  margin-left: 4px;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu {\n  flex: 1;\n  margin: 0;\n  padding: 4px 0;\n  list-style: none;\n  border-left: 1px solid rgb(234, 236, 241);\n  overflow: auto;\n  min-width: 120px;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu:first-child {\n  border-left: 0;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .menu-title {\n  padding-left: 10px;\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n  line-height: 21px;\n  margin-bottom: 5px;\n  display: inline-block;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item {\n  display: flex;\n  flex-wrap: nowrap;\n  padding-right: 20px;\n  position: relative;\n  height: 30px;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-selected {\n  background: rgba(0, 0, 255, 0.05);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-active {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-active .paraui-v4-cascader-menu-item-expand-icon {\n  position: absolute;\n  right: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-active .paraui-v4-cascader-menu-item-expand-icon > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled {\n  color: rgb(161, 168, 179);\n  pointer-events: none;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled .paraui-v4-cascader-menu-item-expand-icon svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item .paraui-v4-cascader-menu-item-content {\n  flex: auto;\n  padding: 0 10px;\n  font-size: 14px;\n  width: 100%;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item .paraui-v4-cascader-menu-item-expand-icon {\n  position: absolute;\n  right: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item .paraui-v4-cascader-menu-item-expand-icon > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox {\n  position: relative;\n  display: block;\n  flex: none;\n  width: 20px;\n  height: 20px;\n  border: 1px solid blue;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  content: \"\";\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox .paraui-v4-cascader-checked::after {\n  content: \"✔️\";\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox .paraui-v4-cascader-indeterminate::after {\n  content: \"➖\";\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-rtl {\n  direction: rtl;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-rtl .paraui-v4-cascader-menu {\n  flex: none;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border-left: none;\n  border-right: 1px solid blue;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-rtl .paraui-v4-cascader-menu:first-child {\n  border-right: 0;\n}\n\n@keyframes switchLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-cascader-select-content {\n  height: 32px;\n  line-height: 0;\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  padding-right: 38px;\n  position: relative;\n  cursor: pointer;\n  font-size: 14px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-cascader-select-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-cascader-select-content:hover > .select-svg > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-value:hover > .select-svg > svg {\n  opacity: 0;\n  transition: all 0s;\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-value:hover > .select-svg > .clean-up-icon {\n  display: flex;\n  transition: all 0.3s;\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled {\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled:hover {\n  border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-cascader-select-content.paraui-v4-cascader-select-disabled .select-svg svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-select-content > .select-label-placeholder {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  line-height: 30px;\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-cascader-select-content > .select-label-text {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  line-height: 30px;\n  color: rgb(29, 33, 38);\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-cascader-select-content > .select-svg-open {\n  transform: rotate(180deg);\n}\n.paraui-v4-cascader-select-content > .select-svg-open > svg {\n  color: rgb(46, 101, 230) !important;\n}\n.paraui-v4-cascader-select-content > .select-svg {\n  position: absolute;\n  right: 10px;\n  top: 6px;\n  z-index: 2;\n  transition: all 0.3s;\n}\n.paraui-v4-cascader-select-content > .select-svg > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-select-content > .select-svg > .clean-up-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  display: none;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-cascader-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-cascader-select-content > .select-svg > .clean-up-icon:hover > svg {\n  color: rgb(46, 101, 230);\n}\n\n.paraui-v4-cascader-dropdown-hidden {\n  display: none;\n}\n\n.paraui-v4-cascader-dropdown {\n  min-height: auto;\n  position: absolute;\n  background: rgb(255, 255, 255);\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menus {\n  display: flex;\n  flex-wrap: nowrap;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-loading {\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-loading .loading-icon {\n  position: relative;\n  top: 1px;\n  font-size: 10px;\n  vertical-align: top;\n  animation: switchLoadingCircle 1s infinite linear;\n  margin-left: 4px;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu {\n  flex: 1;\n  margin: 0;\n  padding: 4px 0;\n  list-style: none;\n  border-left: 1px solid rgb(234, 236, 241);\n  overflow: auto;\n  min-width: 120px;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu:first-child {\n  border-left: 0;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .menu-title {\n  padding-left: 10px;\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n  line-height: 21px;\n  margin-bottom: 5px;\n  display: inline-block;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item {\n  display: flex;\n  flex-wrap: nowrap;\n  padding-right: 20px;\n  position: relative;\n  height: 30px;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-selected {\n  background: rgba(0, 0, 255, 0.05);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-active {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-active .paraui-v4-cascader-menu-item-expand-icon {\n  position: absolute;\n  right: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-active .paraui-v4-cascader-menu-item-expand-icon > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled {\n  color: rgb(161, 168, 179);\n  cursor: default;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled:hover {\n  background: none;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item.paraui-v4-cascader-menu-item-disabled .paraui-v4-cascader-menu-item-expand-icon svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item .paraui-v4-cascader-menu-item-content {\n  flex: auto;\n  padding: 0 10px;\n  font-size: 14px;\n  width: 100%;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item .paraui-v4-cascader-menu-item-expand-icon {\n  position: absolute;\n  right: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-menu .paraui-v4-cascader-menu-item .paraui-v4-cascader-menu-item-expand-icon > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox {\n  position: relative;\n  display: block;\n  flex: none;\n  width: 20px;\n  height: 20px;\n  border: 1px solid blue;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox::after {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  content: \"\";\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox .paraui-v4-cascader-checked::after {\n  content: \"✔️\";\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-checkbox .paraui-v4-cascader-indeterminate::after {\n  content: \"➖\";\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-rtl {\n  direction: rtl;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-rtl .paraui-v4-cascader-menu {\n  flex: none;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  border-left: none;\n  border-right: 1px solid blue;\n}\n.paraui-v4-cascader-dropdown .paraui-v4-cascader-rtl .paraui-v4-cascader-menu:first-child {\n  border-right: 0;\n}\n\n@keyframes switchLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}";
 styleInject(css_248z);
 
 export { Cascader as C };