@para-ui/core 4.0.0-rc → 4.0.0-rc.2

package/_verture/{index-e1b800aa.js → index-50f56891.js}

@@ -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  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}";
+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 .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-active .auto-tips-content {\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 .auto-tips-content {\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-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 };

package/_verture/{index-1c8d3e94.js → index-649b450f.js}

@@ -12,6 +12,7 @@ import ParaLinkGroup from '@para-ui/icons/LinkGroup';
 import AutoTips from '../AutoTips/index.js';
 import { Button } from '../Button/index.js';
 import UploadIcon from '@para-ui/icons/UploadFile';
+import { u as useFormatMessage } from './useFormatMessage-703f8b20.js';
 import { s as styleInject } from './style-inject.es-300983ab.js';
 import { InputNumber } from '../InputNumber/index.js';
 import { ComboSelect } from '../ComboSelect/index.js';
@@ -24,15 +25,15 @@ var FormRadioGroup = function FormRadioGroup(props) {
   var defaultValue = props.defaultValue,
     change = props.change;
   /**
-  * 选中的值
-  */
-  var _React$useState = React__default.useState(defaultValue || ''),
+   * 选中的值
+   */
+  var _React$useState = React__default.useState(defaultValue === undefined ? "" : defaultValue),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectValue = _React$useState2[0],
     setSelectValue = _React$useState2[1];
   /**
-  * 选中值改变
-  */
+   * 选中值改变
+   */
   var changeValue = function changeValue(value) {
     setSelectValue(value);
     change && change(value);
@@ -50,15 +51,15 @@ var FormSelect = function FormSelect(props) {
     change = props.change,
     value = props.value;
   /**
-  * 选中的值
-  */
+   * 选中的值
+   */
   var _React$useState = React__default.useState(value !== undefined ? value : defaultValue),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectValue = _React$useState2[0],
     setSelectValue = _React$useState2[1];
   /**
-  * 选中值改变
-  */
+   * 选中值改变
+   */
   var changeValue = function changeValue(value) {
     setSelectValue(value);
     change && change(value);
@@ -79,15 +80,15 @@ var FormCheckboxGroup = function FormCheckboxGroup(props) {
   var defaultValue = props.defaultValue,
     change = props.change;
   /**
-  * 选中的值
-  */
+   * 选中的值
+   */
   var _React$useState = React__default.useState(defaultValue || []),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectValue = _React$useState2[0],
     setSelectValue = _React$useState2[1];
   /**
-  * 选中值改变
-  */
+   * 选中值改变
+   */
   var changeValue = function changeValue(value) {
     setSelectValue(value);
     change && change(value);
@@ -100,14 +101,18 @@ var FormCheckboxGroup = function FormCheckboxGroup(props) {
 };
 
 /**
-* 表单默认的校验方法
-* @type {{[name: string]: validateFunctionType}}
-*/
+ * 表单默认的校验方法
+ * @type {{[name: string]: validateFunctionType}}
+ */
 var fixedValidateFunction = {
-  'required': function required(item, val) {
+  'required': function required(item, val, intl) {
     var _a, _b, _c, _d;
     var vtype = _typeof(val);
-    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.required) || "".concat(item.label, "\u4E0D\u80FD\u4E3A\u7A7A");
+    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.required) || intl({
+      id: 'unEmpty'
+    }, {
+      label: item.label
+    });
     var jude = false;
     switch (vtype) {
       case 'string':
@@ -135,10 +140,14 @@ var fixedValidateFunction = {
     }
     return jude || error;
   },
-  'maxlength': function maxlength(item, val) {
+  'maxlength': function maxlength(item, val, intl) {
     var _a, _b, _c, _d, _e, _f;
     var vtype = _typeof(val);
-    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.maxlength) || "\u6700\u5927\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7".concat((_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.maxlength);
+    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.maxlength) || intl({
+      id: 'maxLength'
+    }, {
+      len: (_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.maxlength
+    });
     var jude = false;
     if (vtype === 'string' || vtype === 'number' && val + 1 > val) {
       jude = !("".concat(val).length > (((_f = (_e = item.rules) === null || _e === void 0 ? void 0 : _e.validate) === null || _f === void 0 ? void 0 : _f.maxlength) || NaN));
@@ -147,10 +156,14 @@ var fixedValidateFunction = {
     }
     return jude || error;
   },
-  'minLength': function minLength(item, val) {
+  'minLength': function minLength(item, val, intl) {
     var _a, _b, _c, _d, _e, _f;
     var vtype = _typeof(val);
-    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.minLength) || "\u6700\u5C0F\u957F\u5EA6\u4E3A".concat((_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.minLength);
+    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.minLength) || intl({
+      id: 'minLength'
+    }, {
+      len: (_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.minLength
+    });
     var jude = false;
     if (vtype === 'string' || vtype === 'number' && val + 1 > val) {
       jude = "".concat(val).length >= (((_f = (_e = item.rules) === null || _e === void 0 ? void 0 : _e.validate) === null || _f === void 0 ? void 0 : _f.minLength) || -1);
@@ -159,30 +172,42 @@ var fixedValidateFunction = {
     }
     return jude || error;
   },
-  'pattern': function pattern(item, val) {
+  'pattern': function pattern(item, val, intl) {
     var _a, _b, _c, _d;
     var testReg = (_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.validate) === null || _b === void 0 ? void 0 : _b.pattern;
-    var error = ((_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.pattern) || "\u53C2\u6570\u4E0D\u7B26\u5408\u6821\u9A8C\u89C4\u5219: ".concat(testReg);
+    var error = ((_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.pattern) || intl({
+      id: 'unRule'
+    }, {
+      rule: '' + testReg
+    });
     var jude = !val;
     if (testReg && val && typeof testReg !== 'function') {
       jude = testReg.test(val);
     }
     return jude || error;
   },
-  'min': function min(item, val) {
+  'min': function min(item, val, intl) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     var vtype = _typeof(val);
-    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.min) || "\u6700\u5C0F\u503C\u4E3A".concat((_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.min);
+    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.min) || intl({
+      id: 'minValue'
+    }, {
+      val: (_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.min
+    });
     var jude = !val;
     if (vtype === 'string' || vtype === 'number') {
       jude = val >= (((_f = (_e = item.rules) === null || _e === void 0 ? void 0 : _e.validate) === null || _f === void 0 ? void 0 : _f.min) === undefined ? -Infinity : (_h = (_g = item.rules) === null || _g === void 0 ? void 0 : _g.validate) === null || _h === void 0 ? void 0 : _h.min);
     }
     return jude || error;
   },
-  'max': function max(item, val) {
+  'max': function max(item, val, intl) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     var vtype = _typeof(val);
-    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.max) || "\u6700\u5927\u503C\u4E3A".concat((_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.max);
+    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.max) || intl({
+      id: 'maxValue'
+    }, {
+      val: (_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.max
+    });
     var jude = !val;
     if (vtype === 'string' || vtype === 'number') {
       jude = val <= (((_f = (_e = item.rules) === null || _e === void 0 ? void 0 : _e.validate) === null || _f === void 0 ? void 0 : _f.max) === undefined ? Infinity : (_h = (_g = item.rules) === null || _g === void 0 ? void 0 : _g.validate) === null || _h === void 0 ? void 0 : _h.max);
@@ -194,7 +219,7 @@ var fixedValidateFunction = {
 * 表单rules校验方法
 * @type {validateFunctionType}
 */
-var validate = function validate(item, val) {
+var validate = function validate(item, val, intl) {
   var _a, _b;
   var validateObj = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.validate;
   if (validateObj) {
@@ -203,11 +228,11 @@ var validate = function validate(item, val) {
       var tempFuc = validateObj[key];
       var tmsg = '';
       if (typeof tempFuc === 'function') {
-        tmsg = tempFuc(item, val);
+        tmsg = tempFuc(item, val, intl);
         if (tmsg === false && messageObj) tmsg = messageObj[key];
       } else if (!!tempFuc && fixedValidateFunction[key]) {
-        tmsg = fixedValidateFunction[key](item, val);
-      } else if (!!!tempFuc) {
+        tmsg = fixedValidateFunction[key](item, val, intl);
+      } else if (!tempFuc) {
         tmsg = true;
       } else {
         console.log("\u9879\u76EE: ".concat(item.label, ", \u81EA\u5B9A\u4E49\u6821\u9A8C\u89C4\u5219: ").concat(key, ", \u65B9\u6CD5\u672A\u5B9A\u4E49"));
@@ -219,6 +244,31 @@ var validate = function validate(item, val) {
   return false;
 };
 
+var en = {
+  choseFile: 'Chose File',
+  unEmpty: '{label} Cannot be empty',
+  maxLength: 'The maximum length cannot be exceeded{len}',
+  minLength: 'The minimum length cannot be exceeded{len}',
+  unRule: 'The parameter does not comply with the validation rule {rule}',
+  minValue: 'The minimum value is {val}',
+  maxValue: 'The maximum value is {val}'
+};
+
+var zh = {
+  choseFile: '选择文件',
+  unEmpty: '{label}不能为空',
+  maxLength: '最大长度不能超过{len}',
+  minLength: '最小长度为{len}',
+  unRule: '参数不符合校验规则{rule}',
+  minValue: '最小值为{val}',
+  maxValue: '最大值为{val}'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
 var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.form-file {\n  padding: 6px;\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}\n.form-file .file-tips {\n  min-height: 20px;\n  position: relative;\n  padding: 6px;\n}\n.form-file .file-tips .file-tips-item {\n  position: relative;\n  height: 20px;\n  line-height: 16px;\n  padding-right: 20px;\n}\n.form-file .file-tips .file-tips-item > [data-name=LinkGroup] {\n  vertical-align: middle;\n  margin-right: 9px;\n}\n.form-file .file-tips .file-tips-item .file-tips-context {\n  display: inline-block;\n  vertical-align: middle;\n  width: calc(100% - 45px);\n  color: rgb(92, 101, 115);\n}\n.form-file .file-tips .file-tips-item > [data-name=Delete] {\n  display: none;\n  vertical-align: middle;\n  cursor: pointer;\n  position: absolute;\n  right: 3px;\n  top: 2px;\n}\n.form-file .file-tips .file-tips-item > [data-name=Delete]:hover {\n  opacity: 0.8;\n}\n.form-file .file-tips .file-tips-item:hover {\n  backgroundColor: #f5f5f5;\n}\n.form-file .file-tips .file-tips-item:hover > [data-name=Delete] {\n  display: inline-block;\n}";
 styleInject(css_248z$1);
 
@@ -234,6 +284,7 @@ var FormFile = function FormFile(props) {
     buttonLabel = props.buttonLabel,
     inputProps = props.inputProps,
     buttonProps = props.buttonProps;
+  var intl = useFormatMessage('FormItem', localeJson);
   /**
    * 存储文件输入框真实dom
    * @type {HTMLInputElement}
@@ -284,7 +335,9 @@ var FormFile = function FormFile(props) {
       startIcon: jsx(UploadIcon, {}),
       onClick: inputFileClick
     }, {
-      children: buttonLabel || '选择文件'
+      children: buttonLabel || intl({
+        id: 'chooseFile'
+      })
     })), jsx("input", Object.assign({}, inputProps, {
       ref: inputFileEl,
       type: "file",
@@ -316,10 +369,10 @@ var FormFile = function FormFile(props) {
 };
 
 /**
-* @module src\FormItem\compoments\defaultCompoments\index.tsx
-* @author zhanzl
-* @date 2022/06/02
-*/
+ * @module src\FormItem\compoments\defaultCompoments\index.tsx
+ * @author zhanzl
+ * @date 2022/06/02
+ */
 var DefaultCompoments = function DefaultCompoments(props) {
   var error = props.error,
     placeholder = props.placeholder,
@@ -368,6 +421,7 @@ var ItemType = function ItemType(props) {
     backData = props.backData,
     disabled = props.disabled,
     change = props.change;
+  var intl = useFormatMessage('FormItem', localeJson);
   var tipsStr = placeholder || "".concat(label);
   /**
    * 报错信息
@@ -389,7 +443,7 @@ var ItemType = function ItemType(props) {
       setErrorMsg: setErrorMsg,
       setAndValidateValue: setAndValidateValue
     });
-    var errorMessage = validate(item, val) || '';
+    var errorMessage = validate(item, val, intl) || '';
     setErrorMsg(errorMessage);
   };
   /**
@@ -546,24 +600,24 @@ var ItemType = function ItemType(props) {
 };
 
 /**
-* 报错信息组件
-* @description 为了解决，在主组件设置state，导致输入框中内容刷新，且失去焦点
-*/
+ * 报错信息组件
+ * @description 为了解决，在主组件设置state，导致输入框中内容刷新，且失去焦点
+ */
 var ErrorTips = function ErrorTips(props) {
   var getSetError = props.getSetError,
     errorMessage = props.errorMessage,
     helperTextProps = props.helperTextProps;
   /**
-  * 报错信息
-  * @type {string}
-  */
+   * 报错信息
+   * @type {string}
+   */
   var _React$useState = React__default.useState(errorMessage || ''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     errorTips = _React$useState2[0],
     setErrorTips = _React$useState2[1];
   /**
-  * 初始化传出， 设置错误信息方法
-  */
+   * 初始化传出， 设置错误信息方法
+   */
   React__default.useEffect(function () {
     setErrorTips(errorMessage || '');
   }, [errorMessage]);
@@ -659,7 +713,7 @@ var FormItem = function FormItem(props) {
   /** 处理className */
   var handClass = function handClass() {
     var str = "".concat($prefixCls, "-form-item ").concat($prefixCls, "-form-item-").concat(name);
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     if (typeof InputType === 'string' && formInputTypeJson[InputType]) {
       str += " ".concat($prefixCls, "-form-item-").concat(InputType);
     }
@@ -708,4 +762,4 @@ var FormItem = function FormItem(props) {
   }));
 };
 
-export { FormItem as F, validate as v };
+export { FormItem as F, localeJson as l, validate as v };