@para-ui/core 4.0.61 → 4.0.63

package/Desktop/index.js

@@ -3,9 +3,9 @@ import React__default, { useRef, useState, useMemo } from 'react';
 import { TextField } from '../TextField/index.js';
 import { DeepClone } from '@paraview/lib';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import NavigateBefore from '@para-ui/icons/Left';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import ReactDOM from 'react-dom';
 import { Tooltip } from '../Tooltip/index.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
@@ -27,13 +27,14 @@ import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
+import '../_verture/useResizeObserver-edda059a.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
-import 'rc-tooltip';
-import 'rc-tooltip/lib/placements';
-import '@para-ui/icons/Forbid';
 
 var en = {
   createDir: 'Create Folder',

package/Drawer/index.js

@@ -3,10 +3,10 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import RcDrawer from 'rc-drawer';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { isIE } from '@paraview/lib';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/LoadingF';
@@ -24,6 +24,7 @@ import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/WarningCircleF';
 import '../_verture/index-ca413216.js';
+import '../_verture/useResizeObserver-edda059a.js';
 
 var en = {
   cancel: 'Cancel',

package/DynamicMultiBox/index.js

@@ -15,7 +15,7 @@ import { InputNumber } from '../InputNumber/index.js';
 import { InputLang } from '../InputLang/index.js';
 import { ComboSelect } from '../ComboSelect/index.js';
 import DatePicker from '../DatePicker/index.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { UUID } from '@paraview/lib';
 import { d as dist } from '../_verture/index-0f5ee6f7.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
@@ -54,7 +54,7 @@ import '@para-ui/icons/Internet';
 import '../Table/index.js';
 import '../_verture/typeof-adeedc13.js';
 import '../_verture/slicedToArray-61604a6c.js';
-import '../_verture/index-6bbcdc7f.js';
+import '../_verture/index-98ae8a30.js';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
@@ -73,7 +73,8 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
-import '../_verture/index-2055d357.js';
+import '../_verture/useResizeObserver-edda059a.js';
+import '../_verture/index-09404080.js';
 import '../_verture/toConsumableArray-599cd94a.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
@@ -394,7 +395,7 @@ var localeJson = {
   en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-dynamic-multi-box {\n  width: 100%;\n}\n.paraui-v4-dynamic-multi-box svg {\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content {\n  width: 100%;\n  position: relative;\n  overflow-x: auto;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row {\n  display: flex;\n  flex: 1;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row .title-config-row-item {\n  display: flex;\n  align-items: center;\n  min-width: 180px;\n  margin-right: 10px;\n  flex-shrink: 0;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row .row-form-switch {\n  flex: 0;\n  min-width: 80px;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 {\n  width: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 32px;\n  cursor: pointer;\n  margin-right: 4px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box {\n  height: 24px;\n  width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgb(247, 248, 250);\n  border-radius: 2px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box svg:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover {\n  background: rgb(247, 248, 250);\n  border-radius: 4px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .hidden-icon {\n  display: none;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .center-line {\n  width: 1px;\n  height: 12px;\n  background-color: rgb(212, 218, 227);\n  margin: 0 3px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 {\n  width: 72px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form {\n  width: 100%;\n  display: flex;\n  align-items: flex-start;\n  min-height: 42px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .paraui-v4-select {\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .form-item {\n  display: flex;\n  align-items: flex-start;\n  min-width: 180px;\n  margin-right: 10px;\n  flex-shrink: 0;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .form-item-icon {\n  margin-left: 10px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .row-form-switch {\n  flex: 0;\n  box-sizing: content-box;\n  align-items: center;\n  height: 32px;\n  min-width: 80px;\n}\n.paraui-v4-dynamic-multi-box .add-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 32px;\n  background: rgb(247, 248, 250);\n  border: 1px dashed rgb(212, 218, 227);\n  border-radius: 4px;\n}\n.paraui-v4-dynamic-multi-box .add-button .text {\n  font-size: 14px;\n  margin-left: 4px;\n}\n.paraui-v4-dynamic-multi-box .add-button.add-button-scroll {\n  margin-top: 14px;\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button {\n  cursor: pointer;\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button .text {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button:hover {\n  background: rgb(240, 245, 255);\n  border: 1px dashed rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add {\n  cursor: not-allowed;\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add .text {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-dynamic-multi-box .paraui-v4-comboselect,\n.paraui-v4-dynamic-multi-box .paraui-v4-picker-wrapper {\n  width: 100%;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch .switch-text {\n  color: rgb(161, 168, 179);\n  margin-right: 4px;\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch .switch {\n  flex: 1;\n}\n\n.paraui-v4-dynamic-multi-box-popover .filter-config {\n  width: 140px;\n  padding-top: 4px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .title {\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n  line-height: 30px;\n  padding: 0 10px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .paraui-v4-checkbox-group {\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .paraui-v4-checkbox-group.paraui-v4-checkbox-group-column .checkbox-group-content > span {\n  padding: 0 10px;\n  margin-bottom: 0;\n  line-height: 30px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .restore-default {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 36px;\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n  border-top: 1px solid rgb(247, 248, 250);\n}\n.paraui-v4-dynamic-multi-box-popover .no-other-property {\n  width: 200px;\n  padding: 16px 0;\n  text-align: center;\n  font-size: 12px;\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-dynamic-multi-box {\n  width: 100%;\n}\n.paraui-v4-dynamic-multi-box svg {\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content {\n  width: 100%;\n  position: relative;\n  overflow-x: auto;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row {\n  display: flex;\n  flex: 1;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row .title-config-row-item {\n  display: flex;\n  align-items: center;\n  min-width: 180px;\n  margin-right: 10px;\n  flex-shrink: 0;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .title-config .title-config-row .row-form-switch {\n  flex: 0;\n  min-width: 80px;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 {\n  width: 32px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .operator-column-icon-panel, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .operator-column-icon-panel, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .operator-column-icon-panel, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .operator-column-icon-panel {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 32px;\n  cursor: pointer;\n  margin-right: 4px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .operator-column-icon-panel .svg-box, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .operator-column-icon-panel .svg-box, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .operator-column-icon-panel .svg-box, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .operator-column-icon-panel .svg-box {\n  height: 24px;\n  width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgb(247, 248, 250);\n  border-radius: 2px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .operator-column-icon-panel .svg-box svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .operator-column-icon-panel .svg-box svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .operator-column-icon-panel .svg-box svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .operator-column-icon-panel .svg-box svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon-panel .svg-box svg:hover, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .operator-column-icon-panel .svg-box svg:hover, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .operator-column-icon-panel .svg-box svg:hover, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .operator-column-icon-panel .svg-box svg:hover, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .operator-column-icon-panel .svg-box svg:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .operator-column-icon, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .operator-column-icon, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .operator-column-icon, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .operator-column-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .operator-column-icon svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .operator-column-icon svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .operator-column-icon svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .operator-column-icon svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .operator-column-icon:hover, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .operator-column-icon:hover, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .operator-column-icon:hover, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .operator-column-icon:hover {\n  background: rgb(247, 248, 250);\n  border-radius: 4px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operator-column-icon:hover svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .operator-column-icon:hover svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .operator-column-icon:hover svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .operator-column-icon:hover svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .operator-column-icon:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .hidden-icon, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .hidden-icon, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .hidden-icon, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .hidden-icon, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .hidden-icon {\n  display: none;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .center-line, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .center-line, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .center-line, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .center-line, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .center-line {\n  width: 1px;\n  height: 12px;\n  background-color: rgb(212, 218, 227);\n  margin: 0 3px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operation-button.disabled-operation, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .operation-button.disabled-operation, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .operation-button.disabled-operation, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .operation-button.disabled-operation, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .operation-button.disabled-operation {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operation-button.disabled-operation:hover, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .operation-button.disabled-operation:hover, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .operation-button.disabled-operation:hover, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .operation-button.disabled-operation:hover, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .operation-button.disabled-operation:hover {\n  background: transparent;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operation-button.disabled-operation:hover svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .operation-button.disabled-operation:hover svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .operation-button.disabled-operation:hover svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .operation-button.disabled-operation:hover svg, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .operation-button.disabled-operation:hover svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-40 .operation-button .operation-text, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 .operation-button .operation-text, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 .operation-button .operation-text, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 .operation-button .operation-text, .paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 .operation-button .operation-text {\n  margin-left: 4px;\n  font-size: 12px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-80 {\n  width: 72px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-120 {\n  width: 112px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-160 {\n  width: 152px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .operator-column-200 {\n  width: 192px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form {\n  width: 100%;\n  display: flex;\n  align-items: flex-start;\n  min-height: 42px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .paraui-v4-select {\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .form-item {\n  display: flex;\n  align-items: flex-start;\n  min-width: 180px;\n  margin-right: 10px;\n  flex-shrink: 0;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .form-item-icon {\n  margin-left: 10px;\n}\n.paraui-v4-dynamic-multi-box .multi-value-content .content-row-form .row-form-switch {\n  flex: 0;\n  box-sizing: content-box;\n  align-items: center;\n  height: 32px;\n  min-width: 80px;\n}\n.paraui-v4-dynamic-multi-box .add-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 32px;\n  background: rgb(247, 248, 250);\n  border: 1px dashed rgb(212, 218, 227);\n  border-radius: 4px;\n}\n.paraui-v4-dynamic-multi-box .add-button .text {\n  font-size: 14px;\n  margin-left: 4px;\n}\n.paraui-v4-dynamic-multi-box .add-button.add-button-scroll {\n  margin-top: 14px;\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button {\n  cursor: pointer;\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button .text {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-dynamic-multi-box .add-button.normal-button:hover {\n  background: rgb(240, 245, 255);\n  border: 1px dashed rgb(87, 131, 235);\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add {\n  cursor: not-allowed;\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add .text {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-dynamic-multi-box .add-button.disabled-add svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-dynamic-multi-box .paraui-v4-comboselect,\n.paraui-v4-dynamic-multi-box .paraui-v4-picker-wrapper {\n  width: 100%;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch .switch-text {\n  color: rgb(161, 168, 179);\n  margin-right: 4px;\n  overflow: hidden;\n}\n.paraui-v4-dynamic-multi-box .multi-value-switch .switch {\n  flex: 1;\n}\n\n.paraui-v4-dynamic-multi-box-popover .filter-config {\n  width: 140px;\n  padding-top: 4px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .title {\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n  line-height: 30px;\n  padding: 0 10px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .paraui-v4-checkbox-group {\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .check-list .paraui-v4-checkbox-group.paraui-v4-checkbox-group-column .checkbox-group-content > span {\n  padding: 0 10px;\n  margin-bottom: 0;\n  line-height: 30px;\n}\n.paraui-v4-dynamic-multi-box-popover .filter-config .restore-default {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 36px;\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n  border-top: 1px solid rgb(247, 248, 250);\n}\n.paraui-v4-dynamic-multi-box-popover .no-other-property {\n  width: 200px;\n  padding: 16px 0;\n  text-align: center;\n  font-size: 12px;\n  color: rgb(161, 168, 179);\n}";
 styleInject(css_248z);
 
 const DynamicMultiBox = props => {
@@ -415,6 +416,7 @@ const DynamicMultiBox = props => {
     singleTitle,
     initValue,
     popoverClassName,
+    operationButtons = [],
     onChange,
     onAdd,
     onFilter,
@@ -612,6 +614,196 @@ const DynamicMultiBox = props => {
     }
     return bol;
   };
+  /**
+   * 创建操作按钮
+   */
+  const createOperationButton = (button, rowIndex, item) => {
+    const {
+      key,
+      icon,
+      text,
+      disabled,
+      onClick,
+      render,
+      className,
+      tooltip
+    } = button;
+    // 如果有自定义渲染方法，使用自定义渲染
+    if (render) {
+      return jsx("div", Object.assign({
+        className: "operator-column-icon operation-button ".concat(className || '')
+      }, {
+        children: render(rowIndex, item, valueList)
+      }), key);
+    }
+    // 判断是否禁用
+    const isDisabled = typeof disabled === 'function' ? disabled(rowIndex, item, valueList) : disabled;
+    // 创建按钮内容
+    const buttonContent = jsxs("div", Object.assign({
+      className: "operator-column-icon operation-button ".concat(className || '', " ").concat(isDisabled ? 'disabled-operation' : ''),
+      onClick: () => !isDisabled && onClick(rowIndex, item, valueList)
+    }, {
+      children: [icon, text && jsx("span", Object.assign({
+        className: "operation-text"
+      }, {
+        children: text
+      }))]
+    }));
+    // 如果有tooltip，添加tooltip
+    if (tooltip) {
+      return jsx(Tooltip, Object.assign({
+        disabled: isDisabled,
+        placement: tooltip.placement || 'top'
+      }, tooltip, {
+        children: buttonContent
+      }), key);
+    }
+    return buttonContent;
+  };
+  /**
+   * 渲染行操作按钮区域，按照顺序混排
+   */
+  const renderRowOperations = (rowIndex, item, showDeleteIcon, isAllHideDelBol) => {
+    // 收集所有可见的按钮元素
+    const allButtons = [];
+    // 按order排序操作按钮
+    const sortedButtons = [...operationButtons].sort((a, b) => {
+      return (a.order || 3) - (b.order || 3);
+    });
+    // 准备三个位置的按钮
+    const beforeDeleteButtons = [];
+    const betweenDeleteAndSortButtons = [];
+    const afterSortButtons = [];
+    const defaultButtons = [];
+    // 分配按钮到不同位置
+    sortedButtons.forEach(button => {
+      const buttonNode = createOperationButton(button, rowIndex, item);
+      const order = button.order !== undefined ? button.order : 3;
+      switch (order) {
+        case 0:
+          beforeDeleteButtons.push(buttonNode);
+          break;
+        case 1:
+          betweenDeleteAndSortButtons.push(buttonNode);
+          break;
+        case 2:
+          afterSortButtons.push(buttonNode);
+          break;
+        default:
+          defaultButtons.push(buttonNode);
+          break;
+      }
+    });
+    // 1. 添加删除按钮前的操作按钮
+    beforeDeleteButtons.forEach(button => {
+      allButtons.push(button);
+    });
+    // 2. 添加删除按钮
+    const deleteButton = jsx("div", Object.assign({
+      className: "operator-column-icon delete-icon ".concat(!showDeleteIcon || deleteDisable.includes((item === null || item === void 0 ? void 0 : item[rowKey]) || '') ? 'hidden-icon' : ''),
+      onClick: () => onDeleteEvent(rowIndex)
+    }, {
+      children: deleteRender ? deleteRender(rowIndex, item, valueList) : jsx(Delete, {})
+    }), "delete-button");
+    // 只有当删除按钮可见时才添加
+    if (showDeleteIcon && !deleteDisable.includes(item[rowKey])) {
+      allButtons.push(deleteButton);
+    }
+    // 3. 添加删除按钮和排序按钮之间的操作按钮
+    betweenDeleteAndSortButtons.forEach(button => {
+      allButtons.push(button);
+    });
+    // 4. 添加排序按钮（如果启用）
+    if (isSort && showDeleteIcon) {
+      const sortButton = jsx("div", Object.assign({
+        className: "sort-handler operator-column-icon ".concat(!showDeleteIcon ? 'hidden-icon' : '')
+      }, {
+        children: jsx(Drag, {})
+      }), "sort-handler");
+      allButtons.push(sortButton);
+    }
+    // 5. 添加排序按钮后的操作按钮
+    afterSortButtons.forEach(button => {
+      allButtons.push(button);
+    });
+    // 6. 添加默认位置的操作按钮
+    defaultButtons.forEach(button => {
+      allButtons.push(button);
+    });
+    // 渲染所有按钮和分隔线
+    // 简化逻辑：除了最后一个元素外，每个元素后面都添加分隔线
+    const elements = [];
+    allButtons.forEach((button, index) => {
+      elements.push(button);
+      // 如果不是最后一个按钮，添加分隔线
+      if (index < allButtons.length - 1) {
+        elements.push(jsx("div", Object.assign({
+          className: "center-line"
+        }, {
+          children: jsx("div", {
+            className: 'line'
+          })
+        }), "divider-".concat(index)));
+      }
+    });
+    return jsx(Fragment, {
+      children: elements
+    });
+  };
+  /**
+   * 计算操作列宽度类名
+   */
+  const getOperatorColumnClass = function (showDeleteIcon, isAllHideDelBol, rowIndex, item) {
+    let isHeader = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+    // 是否只有一行且是第一行
+    const isSingleRow = valueList.length === 1 && rowIndex === 0;
+    let buttonCount = 0;
+    if (isHeader || !isSingleRow) {
+      // 头部或多行情况下，按照最大可能按钮数量计算
+      // 只要启用了删除功能（无论是否当前行可见），都计入按钮数量
+      if (keepLastItem ? valueList.length > 1 : true) {
+        buttonCount++; // 删除按钮
+      }
+      // 如果启用了排序，计入排序按钮
+      if (isSort) {
+        buttonCount++; // 排序按钮
+      }
+      // 计算自定义操作按钮数量 - 始终计算所有可能的按钮
+      buttonCount += (operationButtons === null || operationButtons === void 0 ? void 0 : operationButtons.length) || 0;
+    } else {
+      // 只有一行时，计算实际可见的按钮数量
+      // 删除按钮是否可见
+      if (showDeleteIcon && !deleteDisable.includes((item === null || item === void 0 ? void 0 : item[rowKey]) || '')) {
+        buttonCount++; // 删除按钮
+      }
+      // 排序按钮是否可见
+      if (isSort && showDeleteIcon) {
+        buttonCount++; // 排序按钮
+      }
+      // 计算实际可见的自定义操作按钮数量
+      buttonCount += (operationButtons === null || operationButtons === void 0 ? void 0 : operationButtons.length) || 0;
+    }
+    // 根据按钮数量返回对应的类名
+    return getColumnClassByCount(buttonCount);
+  };
+  /**
+   * 根据按钮数量获取对应的CSS类名
+   */
+  const getColumnClassByCount = count => {
+    switch (count) {
+      case 0:
+      case 1:
+        return 'operator-column-40';
+      case 2:
+        return 'operator-column-80';
+      case 3:
+        return 'operator-column-120';
+      case 4:
+        return 'operator-column-160';
+      default:
+        return 'operator-column-200';
+    }
+  };
   /**
    * 渲染表头
    * */
@@ -620,6 +812,13 @@ const DynamicMultiBox = props => {
     if (!(config === null || config === void 0 ? void 0 : config.length)) return null;
     const showDeleteIcon = keepLastItem ? valueList.length > 1 : true;
     const isAllHideDelBol = isAllHideDelete();
+    // 只有一行时，表头宽度class与内容区保持一致，均用实际按钮数计算
+    let headerClass = 'operator-column-40';
+    if (valueList.length === 1) {
+      headerClass = getOperatorColumnClass(showDeleteIcon, isAllHideDelBol, 0, valueList[0], false);
+    } else {
+      headerClass = getOperatorColumnClass(showDeleteIcon, isAllHideDelBol, 0, valueList[0], true);
+    }
     return jsxs("div", Object.assign({
       className: 'title-config'
     }, {
@@ -654,7 +853,7 @@ const DynamicMultiBox = props => {
         required: singleTitle === null || singleTitle === void 0 ? void 0 : singleTitle.required,
         label: singleTitle === null || singleTitle === void 0 ? void 0 : singleTitle.label
       }) : null, jsxs("div", Object.assign({
-        className: "operator-column-40 ".concat(isSort && showDeleteIcon && !isAllHideDelBol ? 'operator-column-80' : '')
+        className: headerClass
       }, {
         children: [isSort && jsx("div", {
           className: 'blank-block'
@@ -677,7 +876,7 @@ const DynamicMultiBox = props => {
         }))]
       }))]
     }));
-  }, [titleMode, fixedConfig, selectedConfig, isSort, isFilter, checked, onCheckChange, onRestoreDefault, rowKey, keepLastItem, valueList, deleteDisable]);
+  }, [titleMode, fixedConfig, selectedConfig, isSort, isFilter, checked, onCheckChange, onRestoreDefault, rowKey, keepLastItem, valueList, deleteDisable, operationButtons]);
   /**
    *@desc 渲染内容
    * */
@@ -691,6 +890,8 @@ const DynamicMultiBox = props => {
           var _a;
           const id = item[rowKey];
           const rowError = (_a = errors === null || errors === void 0 ? void 0 : errors.filter(item => item[rowKey] === id)) === null || _a === void 0 ? void 0 : _a[0];
+          // 计算每一行的操作列类名（考虑按钮禁用情况）
+          const operatorColumnClass = getOperatorColumnClass(showDeleteIcon, isAllHideDelBol, rowIndex, item);
           return jsxs("div", Object.assign({
             className: 'content-row-form'
           }, {
@@ -702,31 +903,16 @@ const DynamicMultiBox = props => {
               onFormItemChange: (name, id, value) => onFormItemChange(name, id, value, rowIndex),
               icon: icon,
               config: config
-            }), jsxs("div", Object.assign({
-              className: "operator-column-40 ".concat(isSort && showDeleteIcon && !isAllHideDelBol ? 'operator-column-80' : '')
+            }), jsx("div", Object.assign({
+              className: operatorColumnClass
             }, {
-              children: [jsx("div", Object.assign({
-                className: "operator-column-icon delete-icon ".concat(!showDeleteIcon || deleteDisable.includes(id) ? 'hidden-icon' : ''),
-                onClick: () => onDeleteEvent(rowIndex)
-              }, {
-                children: deleteRender ? deleteRender(rowIndex, item, valueList) : jsx(Delete, {})
-              })), isSort && jsx("div", Object.assign({
-                className: !showDeleteIcon || deleteDisable.includes(id) ? 'hidden-icon' : 'center-line'
-              }, {
-                children: jsx("div", {
-                  className: 'line'
-                })
-              })), isSort && jsx("div", Object.assign({
-                className: "sort-handler operator-column-icon ".concat(!showDeleteIcon ? 'hidden-icon' : '')
-              }, {
-                children: jsx(Drag, {})
-              }))]
+              children: renderRowOperations(rowIndex, item, showDeleteIcon)
             }))]
           }), id);
         })
       });
     }
-  }, [valueList, isSort, isFilter, errors, fixedConfig, selectedConfig, keepLastItem, deleteRender, rowKey, deleteDisable]);
+  }, [valueList, isSort, isFilter, errors, fixedConfig, selectedConfig, keepLastItem, deleteRender, rowKey, deleteDisable, operationButtons]);
   /**
    * @desc 删除事件
    * */

package/DynamicMultiBox/interface.d.ts

@@ -36,6 +36,32 @@ export type IConfig = {
     /** 其他*/
     [name: string]: any;
 } & (TextFieldProps | SelectProps | SwitchProps | InputNumberProps | InputLangProps | ComboSelectProps | DatePickerProps);
+/** 操作按钮配置项 */
+export interface IOperationButton {
+    /** 按钮标识 */
+    key: string;
+    /** 按钮图标 */
+    icon?: ReactNode;
+    /** 按钮文本 */
+    text?: string;
+    /** 是否禁用 */
+    disabled?: boolean | ((rowIndex: number, item: IValueList, valueList: IValueList[]) => boolean);
+    /** 点击事件 */
+    onClick: (rowIndex: number, item: IValueList, valueList: IValueList[]) => void;
+    /** 自定义渲染 */
+    render?: (rowIndex: number, item: IValueList, valueList: IValueList[]) => ReactNode;
+    /** 样式 */
+    className?: string;
+    /** 提示 */
+    tooltip?: TooltipProps;
+    /** 排序位置:
+     * 0 - 插入到删除按钮之前
+     * 1 - 插入到删除按钮之后，排序按钮之前（如果有排序按钮）
+     * 2 - 插入到排序按钮之后（如果有排序按钮），否则删除按钮之后
+     * 3+ - 默认放在最后
+     */
+    order?: number;
+}
 /** value集合*/
 export interface IValueList {
     /** 每行value值集合， name映射configItem中的name*/
@@ -175,4 +201,8 @@ export interface IMultiValueProps {
      * 是否保持最后一条
      * */
     keepLastItem?: boolean;
+    /**
+     * 自定义操作按钮，支持每行配置多个操作按钮
+     */
+    operationButtons?: IOperationButton[];
 }

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-7d115f38.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-0163a7b0.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import '../TextField/index.js';
@@ -18,7 +18,8 @@ import '@para-ui/icons/Help';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../HelperText/index.js';
@@ -44,7 +45,7 @@ import '../Switch/index.js';
 import 'rc-switch';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/LinkGroup';
-import '../_verture/index-6bbcdc7f.js';
+import '../_verture/index-98ae8a30.js';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
@@ -73,7 +74,7 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
-import '../_verture/index-2055d357.js';
+import '../_verture/index-09404080.js';
 import '../_verture/toConsumableArray-599cd94a.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-7d115f38.js';
+export { F as default } from '../_verture/index-0163a7b0.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';
@@ -10,12 +10,13 @@ import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import '../_verture/style-inject.es-300983ab.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
 import '../HelperText/index.js';
@@ -44,7 +45,7 @@ import '../Switch/index.js';
 import 'rc-switch';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/LinkGroup';
-import '../_verture/index-6bbcdc7f.js';
+import '../_verture/index-98ae8a30.js';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
@@ -73,7 +74,7 @@ import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '../ScrollBar/index.js';
-import '../_verture/index-2055d357.js';
+import '../_verture/index-09404080.js';
 import '../_verture/toConsumableArray-599cd94a.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';

package/FunctionModal/index.js

@@ -1,11 +1,11 @@
-import { u as useModal } from '../_verture/modalContext-15114682.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-15114682.js';
+import { u as useModal } from '../_verture/modalContext-e3beaf4b.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-e3beaf4b.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../Modal/index.js';
 import 'rc-dialog';
-import '../_verture/index-6bbcdc7f.js';
+import '../_verture/index-98ae8a30.js';
 import 'clsx';
 import '@para-ui/icons/LoadingF';
 import '../Tooltip/index.js';
@@ -22,7 +22,8 @@ import 'dayjs';
 import '@paraview/lib';
 import '../_verture/useFormatMessage-1fc7c957.js';
 import '../_verture/index-ca413216.js';
-import '../_verture/index-f62daef9.js';
+import '../AutoTips/index.js';
+import '../_verture/useResizeObserver-edda059a.js';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';

package/InputCode/index.js

@@ -8,8 +8,8 @@ import HelperText from '../HelperText/index.js';
 import { TextField } from '../TextField/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import Label from '../Label/index.js';
-import { B as Button } from '../_verture/index-6bbcdc7f.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import { B as Button } from '../_verture/index-98ae8a30.js';
+import AutoTips from '../AutoTips/index.js';
 import '../_verture/index-ca413216.js';
 import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
@@ -32,6 +32,7 @@ import '@para-ui/icons/Down';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/WarningCircleF';
+import '../_verture/useResizeObserver-edda059a.js';
 
 var en = {
   retrievedAgain: '{second} seconds to retrieve again',

package/InputLang/index.d.ts

@@ -42,6 +42,8 @@ export interface InputLangProps extends HelperTextDetailProps {
     defaultValue?: string | valueProps;
     /** 值 */
     value?: string | valueProps;
+    /** 长度限制 */
+    limitLength?: number;
     /** 改变值 */
     onChange?: (val: string | valueProps) => void;
     /** 语言列表 */

package/InputLang/index.js

@@ -3,13 +3,13 @@ import { useState, useRef, useEffect, useMemo } from 'react';
 import { TextField } from '../TextField/index.js';
 import HelperText from '../HelperText/index.js';
 import { MultiBox } from '../MultiBox/index.js';
-import { A as AutoTips } from '../_verture/index-f62daef9.js';
+import AutoTips from '../AutoTips/index.js';
 import { Popover } from '../Popover/index.js';
 import Internet from '@para-ui/icons/Internet';
 import { GetLanguage, ArrayToObject } from '@paraview/lib';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-4ae1a007.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Label/index.js';
 import '../Help/index.js';
@@ -32,6 +32,7 @@ import '@para-ui/icons/Delete';
 import '@para-ui/icons/PlusCircleF';
 import '../_verture/useFormatMessage-1fc7c957.js';
 import '../_verture/index-ca413216.js';
+import '../_verture/useResizeObserver-edda059a.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-input-lang {\n  display: inline-block;\n  width: 100%;\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.paraui-v4-input-lang .input-lang-text-field > .text-field-content > .text-field-content-before .lang-key {\n  max-width: 100px;\n}\n.paraui-v4-input-lang .input-lang-text-field > .text-field-content > .text-field-content-within > .right-icon .lang-list-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-input-lang .input-lang-text-field > .text-field-content > .text-field-content-within > .right-icon .lang-list-icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-input-lang .input-lang-text-field > .paraui-v4-helper-text {\n  display: none;\n}\n\n.paraui-v4-input-lang-popover > .component-popover-content > .component-popover-inner {\n  padding: 20px;\n  line-height: 0;\n}\n.paraui-v4-input-lang-popover > .component-popover-content > .component-popover-inner .input-lang-multi-box {\n  padding-bottom: 0;\n}\n.paraui-v4-input-lang-popover > .component-popover-content > .component-popover-inner .input-lang-multi-box .multi-box-content .multi-box-content-item .multi-box-content-item-input .multi-box-text-field:first-child {\n  flex: 1;\n}\n.paraui-v4-input-lang-popover > .component-popover-content > .component-popover-inner .input-lang-multi-box .multi-box-content .multi-box-content-item .multi-box-content-item-input .multi-box-text-field:last-child {\n  flex: 3;\n}\n.paraui-v4-input-lang-popover.paraui-v4-input-lang-popover-disabled-add > .component-popover-content > .component-popover-inner .input-lang-multi-box .multi-box-add {\n  display: none;\n}\n.paraui-v4-input-lang-popover.paraui-v4-input-lang-popover-disabled-delete > .component-popover-content > .component-popover-inner .input-lang-multi-box .multi-box-content > .multi-box-content-item .opera-box {\n  display: none;\n}";
 styleInject(css_248z);
@@ -55,6 +56,7 @@ const InputLang = props => {
     value,
     onChange,
     langList = ['zh', 'en'],
+    limitLength,
     disabled = false,
     disabledTooltip,
     defaultLang,
@@ -298,6 +300,11 @@ const InputLang = props => {
     }
     return arr;
   };
+  const valueOtherProps = (index, val) => {
+    const obj = {};
+    if (limitLength) obj.limitLength = limitLength;
+    return obj;
+  };
   /** 弹窗列表内容 */
   const langListPopoverContent = () => {
     return jsx("div", Object.assign({
@@ -311,7 +318,8 @@ const InputLang = props => {
         onChange: changeListLang,
         fetchSuggestionsKey: fetchSuggestionsKey,
         placeholderKey: placeholderKey,
-        placeholderValue: placeholderValue || placeholder
+        placeholderValue: placeholderValue || placeholder,
+        valueOtherProps: valueOtherProps
       })
     }));
   };
@@ -357,6 +365,7 @@ const InputLang = props => {
         rightIcon: RightIcon,
         addonBefore: AddonBeforeMemo(),
         hideErrorDom: true,
+        limitLength: limitLength,
         onClickIcon: clickRight,
         onChange: changeValue
       })