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

package/Descriptions/index.js

@@ -1,23 +1,232 @@
-import { jsx } from 'react/jsx-runtime';
+import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect, Fragment as Fragment$1 } from 'react';
+import { Title } from '../Title/index.js';
+import AutoTips from '../AutoTips/index.js';
+import CollapseBox from '../CollapseBox/index.js';
+import { Button } from '../Button/index.js';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/typeof-adeedc13.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../Help/index.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
+import '@para-ui/icons/Help';
+import '../Collapse/index.js';
+import 'rc-collapse';
+import '@para-ui/icons/Right';
+import '@paraview/lib';
+import 'react-transition-group';
+import '../_verture/util-7e1fb1e2.js';
+import '@para-ui/icons/LoadingF';
+import '@para-ui/icons/Down';
+import '../_verture/index-e9007d6a.js';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-87febeb9.js';
+import 'dayjs';
+import '@para-ui/core/GlobalContext';
 
-var css_248z = "";
+var en = {
+  expandAll: 'Expand All',
+  retractAll: 'Shrink All'
+};
+
+var zh = {
+  expandAll: '全部展开',
+  retractAll: '全部收起'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/11/9 14:21\n* @description 样式\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-descriptions .paraui-v4-title {\n  margin-bottom: 20px;\n}\n.paraui-v4-descriptions .table-box {\n  display: inline-flex;\n}\n.paraui-v4-descriptions .table-box > table {\n  table-layout: fixed;\n  width: 100%;\n}\n.paraui-v4-descriptions .table-box > table > tbody > tr {\n  text-align: left;\n}\n.paraui-v4-descriptions .table-box > table > tbody > tr th, .paraui-v4-descriptions .table-box > table > tbody > tr .title {\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-descriptions .table-box > table > tbody > tr td, .paraui-v4-descriptions .table-box > table > tbody > tr .content {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-descriptions .collapse-btn {\n  margin: 0;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box {\n  border: 1px solid rgb(212, 218, 227);\n  overflow: hidden;\n  border-radius: 4px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table {\n  border-collapse: collapse;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr {\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr:last-child {\n  border-bottom: none;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > th {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > th, .paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > td {\n  height: 40px;\n  border-right: 1px solid rgb(212, 218, 227);\n  padding: 0 10px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > th:last-child, .paraui-v4-descriptions.paraui-v4-descriptions-border .table-box > table > tbody > tr > td:last-child {\n  border-right: none;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-horizontal .table-box > table > tbody > tr > td > .item-container {\n  display: flex;\n  padding-bottom: 10px;\n  padding-right: 40px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-horizontal .table-box > table > tbody > tr > td > .item-container > .title {\n  display: flex;\n  overflow: hidden;\n  max-width: 50%;\n  margin-right: 10px;\n}\n.paraui-v4-descriptions.paraui-v4-descriptions-horizontal .table-box > table > tbody > tr > td > .item-container > .content {\n  flex: 1;\n  overflow: hidden;\n}";
 styleInject(css_248z);
 
 var Descriptions = function Descriptions(props) {
-  props.className;
-    props.style;
-    props.layout;
-    props.bordered;
-    props.label;
-    props.required;
-    props.labelTooltip;
-    props.list;
-  return jsx("div", {
-    className: clsx("".concat($prefixCls, "-descriptions"))
-  });
+  var className = props.className,
+    style = props.style,
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
+    border = props.border,
+    title = props.title,
+    list = props.list,
+    column = props.column,
+    collapse = props.collapse,
+    _props$defaultOpen = props.defaultOpen,
+    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
+    open = props.open,
+    _props$collapsedHeigh = props.collapsedHeight,
+    collapsedHeight = _props$collapsedHeigh === void 0 ? 60 : _props$collapsedHeigh,
+    onCollapse = props.onCollapse;
+  var intl = useFormatMessage('Descriptions', localeJson);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    openCom = _useState2[0],
+    setOpenCom = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    rowConfig = _useState4[0],
+    setRowConfig = _useState4[1]; // 二维数组,每一行配置信息
+  useEffect(function () {
+    if (defaultOpen !== undefined) setOpenCom(defaultOpen);
+  }, [defaultOpen]);
+  useEffect(function () {
+    if (open !== undefined) setOpenCom(open);
+  }, [open]);
+  useEffect(function () {
+    var listCom = list ? list : [];
+    var rowCount = handleRowCount();
+    var accumulate = 0;
+    var arr = [];
+    var arrChild = [];
+    for (var i = 0, l = listCom.length; i < l; i++) {
+      var item = listCom[i];
+      accumulate += item.column || 1;
+      arrChild.push(item);
+      if (accumulate >= rowCount) {
+        arr.push(arrChild);
+        arrChild = [];
+        accumulate = 0;
+      } else if (i === listCom.length - 1) {
+        arr.push(arrChild);
+      }
+    }
+    setRowConfig(arr);
+  }, [list, layout, column]);
+  /** 处理行个数 */
+  var handleRowCount = function handleRowCount() {
+    if (column) return column;
+    if (layout === 'horizontal' && !border) {
+      return 4;
+    }
+    return layout === 'horizontal' ? 3 : 4;
+  };
+  /** 处理横向展示 */
+  var handleContentHorizontal = function handleContentHorizontal(item, index) {
+    return jsx("tr", {
+      children: item.map(function (itemChild, indexChild) {
+        return jsx(Fragment$1, {
+          children: border ? jsxs(Fragment, {
+            children: [jsx("th", Object.assign({
+              colSpan: itemChild.column || 1
+            }, {
+              children: itemChild.label
+            })), jsx("td", Object.assign({
+              colSpan: itemChild.column || 2
+            }, {
+              children: itemChild.content
+            }))]
+          }) : jsx("td", Object.assign({
+            colSpan: itemChild.column || 1
+          }, {
+            children: jsxs("div", Object.assign({
+              className: 'item-container'
+            }, {
+              children: [jsxs("span", Object.assign({
+                className: 'title'
+              }, {
+                children: [jsx(AutoTips, {
+                  children: itemChild.label
+                }), ":"]
+              })), jsx("span", Object.assign({
+                className: 'content'
+              }, {
+                children: jsx(AutoTips, {
+                  children: itemChild.content
+                })
+              }))]
+            }))
+          }))
+        }, indexChild);
+      })
+    }, index);
+  };
+  /** 处理纵向展示 */
+  var handleContentVertical = function handleContentVertical(item, index) {
+    return jsxs(Fragment$1, {
+      children: [jsx("tr", {
+        children: item.map(function (itemChild, indexChild) {
+          return jsx("th", Object.assign({
+            colSpan: itemChild.column || 1
+          }, {
+            children: itemChild.label
+          }), indexChild);
+        })
+      }), jsx("tr", {
+        children: item.map(function (itemChild, indexChild) {
+          return jsx("td", Object.assign({
+            colSpan: itemChild.column || 1
+          }, {
+            children: itemChild.content
+          }), indexChild);
+        })
+      })]
+    }, index);
+  };
+  /** 处理内容 */
+  var handleContent = function handleContent() {
+    return jsx("div", Object.assign({
+      className: 'table-box'
+    }, {
+      children: jsx("table", {
+        children: jsx("tbody", {
+          children: rowConfig.map(function (item, index) {
+            if (layout === 'horizontal') return handleContentHorizontal(item, index);
+            return handleContentVertical(item, index);
+          })
+        })
+      })
+    }));
+  };
+  /** 处理标题 */
+  var handleLabel = function handleLabel() {
+    if (title) {
+      var titleProps = {
+        title: ''
+      };
+      if (typeof title === 'string') titleProps.title = title;else titleProps = title;
+      return jsx(Title, Object.assign({}, titleProps));
+    }
+  };
+  var onClickCollapse = function onClickCollapse() {
+    onCollapse && onCollapse(!openCom);
+    if (open === undefined) setOpenCom(!openCom);
+  };
+  /** 处理是否折叠 */
+  var handleContentCollapse = function handleContentCollapse() {
+    if (collapse && !border) {
+      return jsxs(Fragment, {
+        children: [jsx(CollapseBox, Object.assign({
+          in: openCom,
+          collapsedHeight: collapsedHeight
+        }, {
+          children: handleContent()
+        })), jsx(Button, Object.assign({
+          onClick: onClickCollapse,
+          className: 'collapse-btn',
+          variant: "text"
+        }, {
+          children: openCom ? intl('retractAll') : intl('expandAll')
+        }))]
+      });
+    }
+    return handleContent();
+  };
+  return jsxs("div", Object.assign({
+    style: style,
+    className: clsx("".concat($prefixCls, "-descriptions"), className, "".concat($prefixCls, "-descriptions-").concat(layout), _defineProperty({}, "".concat($prefixCls, "-descriptions-border"), border))
+  }, {
+    children: [handleLabel(), handleContentCollapse()]
+  }));
 };
 
 export { Descriptions as default };

package/Descriptions/lang/en_US.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    expandAll: string;
+    retractAll: string;
+};
+export default _default;

package/Descriptions/lang/index.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    zh: {
+        expandAll: string;
+        retractAll: string;
+    };
+    en: {
+        expandAll: string;
+        retractAll: string;
+    };
+};
+export default _default;

package/Descriptions/lang/zh_CN.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    expandAll: string;
+    retractAll: string;
+};
+export default _default;

package/Desktop/index.js

@@ -53,7 +53,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-desktop {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-desktop .paraui-v4-cp {\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title-input {\n  max-width: 440px;\n  min-width: 200px;\n}\n.paraui-v4-desktop .desktop-title-input-btn {\n  margin-left: 10px;\n}\n.paraui-v4-desktop .desktop-title-wrapper {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  position: relative;\n}\n.paraui-v4-desktop .desktop-title {\n  display: flex;\n  height: 20px;\n  line-height: 20px;\n  font-size: 14px;\n  margin: 20px 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea {\n  width: 38px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-desktop .desktop-title > div {\n  width: 100%;\n  text-align: center;\n  color: rgb(29, 33, 38);\n  font-weight: 600;\n  font-size: 14px;\n}\n.paraui-v4-desktop .desktop-title > div > span {\n  cursor: pointer;\n  font-weight: bold;\n}\n.paraui-v4-desktop .pd-lr38 {\n  padding: 0 38px;\n}\n.paraui-v4-desktop .desktop-box {\n  position: relative;\n  width: 100%;\n  height: calc(100% - 50px);\n}\n.paraui-v4-desktop .desktop-box .desktop-item {\n  position: absolute;\n  top: 0;\n  left: 0;\n  transition: top 0.5s, left 0.5s;\n  user-select: none;\n  cursor: pointer;\n  background-color: white;\n  border-radius: 8px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-name {\n  text-align: center;\n  position: absolute;\n  font-size: 14px;\n  z-index: 0;\n  width: 100%;\n  padding: 0 5px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body {\n  width: 100px;\n  margin: 25px auto 10px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body svg {\n  display: block;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body img {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-name {\n  margin: 0 auto;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  max-width: 180px;\n  text-align: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body {\n  text-align: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body svg {\n  display: block;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body img {\n  height: 70px;\n  margin-top: 25px;\n  margin-bottom: 10px;\n  pointer-events: none;\n}\n.paraui-v4-desktop .desktop-box .item-disable {\n  box-shadow: none;\n  cursor: not-allowed;\n  position: relative;\n}\n.paraui-v4-desktop .desktop-box .item-disable::before {\n  display: block;\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.5);\n  z-index: 1;\n}\n.paraui-v4-desktop .desktop-box [drag-item=true] {\n  z-index: 2;\n  transition: none;\n}\n.paraui-v4-desktop .desktop-box [impact=true] {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-desktop .desktop-box [in-dir=true] {\n  display: none !important;\n}\n.paraui-v4-desktop .desktop-box .img-box {\n  display: inline-block;\n  width: 100%;\n  text-align: center;\n  margin-top: 10px;\n}\n.paraui-v4-desktop .desktop-box .img-box > img {\n  width: 100px;\n  height: 100px;\n  user-drag: none;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box {\n  display: inline-block;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box > img {\n  width: 40px;\n  height: 40px;\n  margin: 5px 15px;\n}\n.paraui-v4-desktop .menu-list {\n  position: absolute;\n  box-shadow: 4px 4px 6px #dcdde3;\n  background-color: #ffffff;\n  font-size: 14px;\n  border-radius: 4px;\n  z-index: 10;\n  display: none;\n  transition: background-color 0.2s;\n}\n.paraui-v4-desktop .menu-list .menu-item {\n  padding: 5px 15px;\n  cursor: pointer;\n}\n.paraui-v4-desktop .menu-list .menu-item:hover {\n  background-color: rgb(246, 246, 246);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-desktop {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-desktop .paraui-v4-cp {\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title-input {\n  max-width: 440px;\n  min-width: 200px;\n}\n.paraui-v4-desktop .desktop-title-input-btn {\n  margin-left: 10px;\n}\n.paraui-v4-desktop .desktop-title-wrapper {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  position: relative;\n}\n.paraui-v4-desktop .desktop-title {\n  display: flex;\n  height: 20px;\n  line-height: 20px;\n  font-size: 14px;\n  margin: 20px 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea {\n  width: 38px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea svg {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-title > .desktop-backlist .desktop-back-hotarea:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-desktop .desktop-title > div {\n  width: 100%;\n  text-align: center;\n  color: rgb(29, 33, 38);\n  font-weight: 600;\n  font-size: 14px;\n}\n.paraui-v4-desktop .desktop-title > div > span {\n  cursor: pointer;\n  font-weight: bold;\n}\n.paraui-v4-desktop .pd-lr38 {\n  padding: 0 38px;\n}\n.paraui-v4-desktop .desktop-box {\n  position: relative;\n  width: 100%;\n  height: calc(100% - 50px);\n}\n.paraui-v4-desktop .desktop-box .desktop-item {\n  position: absolute;\n  top: 0;\n  left: 0;\n  transition: top 0.5s, left 0.5s;\n  user-select: none;\n  cursor: pointer;\n  background-color: white;\n  border-radius: 8px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-name {\n  text-align: center;\n  position: absolute;\n  font-size: 14px;\n  z-index: 0;\n  width: 100%;\n  padding: 0 5px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body {\n  width: 100px;\n  margin: 25px auto 10px;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body svg {\n  display: block;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-body img {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-dir-name {\n  margin: 0 auto;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  max-width: 180px;\n  text-align: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body {\n  text-align: center;\n  display: flex;\n  justify-content: center;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body svg {\n  display: block;\n}\n.paraui-v4-desktop .desktop-box .desktop-item .item-body img {\n  height: 70px;\n  margin-top: 25px;\n  margin-bottom: 10px;\n  pointer-events: none;\n}\n.paraui-v4-desktop .desktop-box .item-disable {\n  box-shadow: none;\n  cursor: not-allowed;\n  position: relative;\n}\n.paraui-v4-desktop .desktop-box .item-disable::before {\n  display: block;\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.5);\n  z-index: 1;\n}\n.paraui-v4-desktop .desktop-box [drag-item=true] {\n  z-index: 2;\n  transition: none;\n}\n.paraui-v4-desktop .desktop-box [impact=true] {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-desktop .desktop-box [in-dir=true] {\n  display: none !important;\n}\n.paraui-v4-desktop .desktop-box .img-box {\n  display: inline-block;\n  width: 100%;\n  text-align: center;\n  margin-top: 10px;\n}\n.paraui-v4-desktop .desktop-box .img-box > img {\n  width: 100px;\n  height: 100px;\n  user-drag: none;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box {\n  display: inline-block;\n}\n.paraui-v4-desktop .desktop-box .desktop-dir .img-box > img {\n  width: 40px;\n  height: 40px;\n  margin: 5px 15px;\n}\n.paraui-v4-desktop .menu-list {\n  position: absolute;\n  box-shadow: 4px 4px 6px #dcdde3;\n  background-color: #ffffff;\n  font-size: 14px;\n  border-radius: 4px;\n  z-index: 10;\n  display: none;\n  transition: background-color 0.2s;\n}\n.paraui-v4-desktop .menu-list .menu-item {\n  padding: 5px 15px;\n  cursor: pointer;\n}\n.paraui-v4-desktop .menu-list .menu-item:hover {\n  background-color: rgb(246, 246, 246);\n}";
 styleInject(css_248z);
 
 /** 默认图标 */

package/DynamicMultiBox/index.js

@@ -73,7 +73,7 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-692e29c1.js';
+import '../_verture/index-de8f4428.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
@@ -929,7 +929,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-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  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  margin-right: 1px;\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  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}";
 styleInject(css_248z);
 
 var DynamicMultiBox = function DynamicMultiBox(props) {

package/Empty/index.js

@@ -566,7 +566,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-empty {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v4-empty > .empty-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-empty > .empty-image img {\n  width: 100%;\n}\n.paraui-v4-empty .empty-image-large {\n  width: 334px;\n  height: 238px;\n}\n.paraui-v4-empty .empty-image-small {\n  width: 120px;\n  height: 120px;\n}\n.paraui-v4-empty > .empty-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh {\n  display: inline-block;\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh span {\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh span:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-empty.paraui-v4-empty-large > .empty-description {\n  margin-top: 24px;\n}\n.paraui-v4-empty.paraui-v4-empty-small > .empty-description {\n  margin-top: 10px;\n  font-size: 14px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-empty {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v4-empty > .empty-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-empty > .empty-image img {\n  width: 100%;\n}\n.paraui-v4-empty .empty-image-large {\n  width: 334px;\n  height: 238px;\n}\n.paraui-v4-empty .empty-image-small {\n  width: 120px;\n  height: 120px;\n}\n.paraui-v4-empty > .empty-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh {\n  display: inline-block;\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh span {\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh span:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-empty.paraui-v4-empty-large > .empty-description {\n  margin-top: 20px;\n}\n.paraui-v4-empty.paraui-v4-empty-small > .empty-description {\n  margin-top: 10px;\n  font-size: 14px;\n}";
 styleInject(css_248z);
 
 var imageMap = {

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 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-649b450f.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-56601c94.js';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
@@ -70,7 +70,7 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-692e29c1.js';
+import '../_verture/index-de8f4428.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FormItem/index.d.ts

@@ -142,6 +142,10 @@ export interface FormItemProps {
      * 会被backData，回填数据替换
      */
     defaultValue?: any;
+    /**
+     * 是否是paraui表单组件
+     * */
+    isComponent?: boolean;
 }
 /**
  * form 表单单行组件

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-649b450f.js';
+export { F as default } from '../_verture/index-56601c94.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-0d9802f7.js';
@@ -70,7 +70,7 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-692e29c1.js';
+import '../_verture/index-de8f4428.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-11c51a45.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-11c51a45.js';
+import { u as useModal } from '../_verture/modalContext-736ff215.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-736ff215.js';
 import '../_verture/toConsumableArray-8f4c9589.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/slicedToArray-a8206399.js';

package/InputNumber/index.js

@@ -18,7 +18,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-input-number {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: inline-block;\n  width: 100%;\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        width: calc(100% - 60px);\n\n        & > .component {\n          & > .component-handler-wrap {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n\n            & > .component-handler-up {\n              position: absolute;\n              left: -30px;\n              top: 0;\n              height: 100%;\n              border-bottom-left-radius: $radius;\n              border-top-left-radius: $radius;\n              overflow: hidden;\n              // 禁用加\n              &.component-handler-up-disabled {\n                & > .add-btn {\n                  cursor: not-allowed;\n\n                  &:hover {\n                    & > svg {\n                      color: $ND3;\n                    }\n                  }\n\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n              }\n\n              & > .add-btn {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 30px;\n                height: 100%;\n                cursor: pointer;\n                background-color: $B8;\n\n                &:hover {\n                  & > svg {\n                    color: $NA5;\n                  }\n                }\n\n                & > svg {\n                  color: $ND2;\n                  font-size: 20px;\n                }\n              }\n            }\n\n            & > .component-handler-down {\n              position: absolute;\n              right: -30px;\n              top: 0;\n              height: 100%;\n              border-bottom-right-radius: $radius;\n              border-top-right-radius: $radius;\n              overflow: hidden;\n              // 禁用减\n              &.component-handler-down-disabled {\n                & > .reduce-btn {\n                  cursor: not-allowed;\n\n                  &:hover {\n                    & > svg {\n                      color: $ND3;\n                    }\n                  }\n\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n              }\n\n              & > .reduce-btn {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 30px;\n                height: 100%;\n                cursor: pointer;\n                background-color: $B8;\n\n                &:hover {\n                  & > svg {\n                    color: $NA5;\n                  }\n                }\n\n                & > svg {\n                  color: $ND2;\n                  font-size: 20px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number > .input-number-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-input-number > .input-number-content:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-before {\n  width: 34px;\n  color: rgb(92, 101, 115);\n  border-right: 1px solid rgb(212, 218, 227);\n  border-top-left-radius: 4px;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within {\n  width: 100%;\n  position: relative;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  width: 100%;\n  height: 100%;\n  border: 0;\n  border-radius: 4px;\n  padding: 10px 0 10px 10px;\n  background: transparent;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input::-ms-clear {\n  display: none;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component.component-out-of-range > .component-input-wrap > input {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  padding: 0 12px;\n  color: rgb(161, 168, 179);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder > .input-number-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-after {\n  width: 34px;\n  color: rgb(92, 101, 115);\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within {\n  width: calc(100% - 34px);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap {\n  position: absolute;\n  top: 0;\n  right: -34px;\n  width: 34px;\n  height: 100%;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  overflow: hidden;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-focus > .input-number-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-error > .input-number-content {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number.paraui-v4-input-number-error > .input-number-content:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within {\n  cursor: not-allowed;\n  width: 100%;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add {\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-up {\n              // 禁用加\n              & > .add-btn {\n                cursor: not-allowed;\n\n                &:hover {\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n\n                & > svg {\n                  color: $ND3;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce {\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-down {\n              // 禁用减\n              & > .reduce-btn {\n                cursor: not-allowed;\n\n                &:hover {\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n\n                & > svg {\n                  color: $ND3;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-small > .input-number-content {\n  height: 28px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium > .input-number-content {\n  height: 28px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large {\n  /*& > .input-number-content {\n    height: 36px;\n\n    & > .input-number-content-within {\n      & > .input-number-label-placeholder {\n        line-height: 34px;\n      }\n    }\n  }\n\n  &.paraui-v4-input-number-tb {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-up {\n              & > .tb-btn-top {\n                & > svg {\n                  font-size: 17px;\n                }\n              }\n            }\n\n            & > .component-handler-down {\n              & > .tb-btn-bottom {\n                & > svg {\n                  font-size: 17px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-large > .input-number-content {\n  height: 32px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-input-number {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: inline-block;\n  width: 100%;\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        width: calc(100% - 60px);\n\n        & > .component {\n          & > .component-handler-wrap {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n\n            & > .component-handler-up {\n              position: absolute;\n              left: -30px;\n              top: 0;\n              height: 100%;\n              border-bottom-left-radius: $radius;\n              border-top-left-radius: $radius;\n              overflow: hidden;\n              // 禁用加\n              &.component-handler-up-disabled {\n                & > .add-btn {\n                  cursor: not-allowed;\n\n                  &:hover {\n                    & > svg {\n                      color: $ND3;\n                    }\n                  }\n\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n              }\n\n              & > .add-btn {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 30px;\n                height: 100%;\n                cursor: pointer;\n                background-color: $B8;\n\n                &:hover {\n                  & > svg {\n                    color: $NA5;\n                  }\n                }\n\n                & > svg {\n                  color: $ND2;\n                  font-size: 20px;\n                }\n              }\n            }\n\n            & > .component-handler-down {\n              position: absolute;\n              right: -30px;\n              top: 0;\n              height: 100%;\n              border-bottom-right-radius: $radius;\n              border-top-right-radius: $radius;\n              overflow: hidden;\n              // 禁用减\n              &.component-handler-down-disabled {\n                & > .reduce-btn {\n                  cursor: not-allowed;\n\n                  &:hover {\n                    & > svg {\n                      color: $ND3;\n                    }\n                  }\n\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n              }\n\n              & > .reduce-btn {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 30px;\n                height: 100%;\n                cursor: pointer;\n                background-color: $B8;\n\n                &:hover {\n                  & > svg {\n                    color: $NA5;\n                  }\n                }\n\n                & > svg {\n                  color: $ND2;\n                  font-size: 20px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number > .input-number-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-input-number > .input-number-content:hover {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-before {\n  width: 34px;\n  color: rgb(92, 101, 115);\n  border-right: 1px solid rgb(212, 218, 227);\n  border-top-left-radius: 4px;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within {\n  width: 100%;\n  position: relative;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  width: 100%;\n  height: 100%;\n  border: 0;\n  border-radius: 4px;\n  padding: 10px 0 10px 10px;\n  background: transparent;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input::-ms-clear {\n  display: none;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .component.component-out-of-range > .component-input-wrap > input {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  padding: 0 12px;\n  color: rgb(161, 168, 179);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-within > .input-number-label-placeholder > .input-number-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number > .input-number-content > .input-number-content-after {\n  width: 34px;\n  color: rgb(92, 101, 115);\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within {\n  width: calc(100% - 34px);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap {\n  position: absolute;\n  top: 0;\n  right: -34px;\n  width: 34px;\n  height: 100%;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  overflow: hidden;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up.component-handler-up-disabled > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down.component-handler-down-disabled > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  line-height: 0;\n  height: 50%;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-focus > .input-number-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-input-number.paraui-v4-input-number-error > .input-number-content {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number.paraui-v4-input-number-error > .input-number-content:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within {\n  cursor: not-allowed;\n  width: 100%;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-input-wrap > input {\n  cursor: not-allowed;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add {\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-up {\n              // 禁用加\n              & > .add-btn {\n                cursor: not-allowed;\n\n                &:hover {\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n\n                & > svg {\n                  color: $ND3;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-add.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce {\n  /*&.paraui-v4-input-number-lr {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-down {\n              // 禁用减\n              & > .reduce-btn {\n                cursor: not-allowed;\n\n                &:hover {\n                  & > svg {\n                    color: $ND3;\n                  }\n                }\n\n                & > svg {\n                  color: $ND3;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom {\n  cursor: not-allowed;\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom:hover > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-disabled-reduce.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-input-number.paraui-v4-input-number-small > .input-number-content {\n  height: 28px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-small.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium > .input-number-content {\n  height: 28px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-medium.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large {\n  /*& > .input-number-content {\n    height: 36px;\n\n    & > .input-number-content-within {\n      & > .input-number-label-placeholder {\n        line-height: 34px;\n      }\n    }\n  }\n\n  &.paraui-v4-input-number-tb {\n    & > .input-number-content {\n      & > .input-number-content-within {\n        & > .component {\n          & > .component-handler-wrap {\n            & > .component-handler-up {\n              & > .tb-btn-top {\n                & > svg {\n                  font-size: 17px;\n                }\n              }\n            }\n\n            & > .component-handler-down {\n              & > .tb-btn-bottom {\n                & > svg {\n                  font-size: 17px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-input-number.paraui-v4-input-number-large > .input-number-content {\n  height: 32px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large > .input-number-content > .input-number-content-within > .input-number-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-up > .tb-btn-top > svg {\n  font-size: 14px;\n}\n.paraui-v4-input-number.paraui-v4-input-number-large.paraui-v4-input-number-tb > .input-number-content > .input-number-content-within > .component > .component-handler-wrap > .component-handler-down > .tb-btn-bottom > svg {\n  font-size: 14px;\n}";
 styleInject(css_248z);
 
 var InputNumber = function InputNumber(props) {

package/Message/index.js

@@ -11,7 +11,7 @@ import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-message-box {\n  /*从上到下进入*/\n  /*从上到下*/\n}\n.paraui-v4-message-box--message-float {\n  position: fixed;\n  top: 3%;\n  left: 0;\n  z-index: 9999;\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n}\n.paraui-v4-message-box .msg-icon {\n  position: absolute;\n  top: 11px;\n  left: 16px;\n  line-height: 0;\n}\n.paraui-v4-message-box .msg-icon svg {\n  font-size: 18px;\n  color: currentColor;\n}\n.paraui-v4-message-box .msg-text {\n  display: inline-block;\n  width: 352px;\n  word-wrap: break-word;\n  margin-right: 32px;\n  margin-left: 24px;\n  line-height: 20px;\n  word-break: break-all;\n}\n.paraui-v4-message-box .msg-text--title {\n  font-weight: 700;\n}\n.paraui-v4-message-box .msg-text--noicon {\n  margin-left: 0;\n}\n.paraui-v4-message-box .msg-text .msg-desc {\n  display: block;\n  margin-top: 8px;\n  font-weight: 400;\n  word-wrap: break-word;\n}\n.paraui-v4-message-box .msg-close {\n  width: 18px;\n  height: 18px;\n  border-radius: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  right: 16px;\n  top: 11px;\n  cursor: pointer;\n  line-height: 0;\n  pointer-events: auto;\n}\n.paraui-v4-message-box .msg-close svg {\n  font-size: 18px;\n  color: currentColor;\n}\n.paraui-v4-message-box .msg-item-fill .msg-wrapper {\n  width: 100%;\n}\n.paraui-v4-message-box .msg-wrapper {\n  position: relative;\n  display: inline-block;\n  margin: 10px auto;\n  min-height: 40px;\n  padding: 10px 16px;\n  border-radius: 4px;\n  font-size: 14px;\n  text-align: left;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title {\n  padding: 16px 16px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-icon {\n  top: 17px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-close {\n  top: 17px;\n}\n.paraui-v4-message-box .msg-info {\n  background-color: rgb(240, 245, 255);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-message-box .msg-warn {\n  background-color: rgb(255, 246, 235);\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close:hover {\n  background-color: rgba(255, 147, 38, 0.1);\n}\n.paraui-v4-message-box .msg-error {\n  background-color: rgb(255, 235, 235);\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close:hover {\n  background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-message-box .msg-success {\n  background-color: rgb(232, 252, 239);\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close:hover {\n  background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-message-box .message-fadeInDown {\n  animation-duration: 0.5s;\n  animation-name: messageFadeInDown;\n}\n@keyframes messageFadeInDown {\n  from {\n    opacity: 0;\n    transform: translate(0, -50px); /* 标准语法 */\n  }\n  to {\n    opacity: 1;\n    transform: translate(0, 0); /* 标准语法 */\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-message-box {\n  /*从上到下进入*/\n  /*从上到下*/\n}\n.paraui-v4-message-box--message-float {\n  position: fixed;\n  top: 3%;\n  left: 0;\n  z-index: 9999;\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n}\n.paraui-v4-message-box .message-no-close .msg-text {\n  width: 384px;\n  margin-right: 0;\n}\n.paraui-v4-message-box .msg-icon {\n  position: absolute;\n  top: 11px;\n  left: 16px;\n  line-height: 0;\n}\n.paraui-v4-message-box .msg-icon svg {\n  font-size: 18px;\n  color: currentColor;\n}\n.paraui-v4-message-box .msg-text {\n  display: inline-block;\n  width: 352px;\n  word-wrap: break-word;\n  margin-right: 32px;\n  margin-left: 24px;\n  line-height: 20px;\n  word-break: break-all;\n}\n.paraui-v4-message-box .msg-text--title {\n  font-weight: 700;\n}\n.paraui-v4-message-box .msg-text--noicon {\n  margin-left: 0;\n}\n.paraui-v4-message-box .msg-text .msg-desc {\n  display: block;\n  margin-top: 8px;\n  font-weight: 400;\n  word-wrap: break-word;\n}\n.paraui-v4-message-box .msg-close {\n  width: 18px;\n  height: 18px;\n  border-radius: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  right: 16px;\n  top: 11px;\n  cursor: pointer;\n  line-height: 0;\n  pointer-events: auto;\n}\n.paraui-v4-message-box .msg-close svg {\n  font-size: 18px;\n  color: currentColor;\n}\n.paraui-v4-message-box .msg-item-fill .msg-wrapper {\n  width: 100%;\n}\n.paraui-v4-message-box .msg-wrapper {\n  position: relative;\n  display: inline-block;\n  margin: 10px auto;\n  min-height: 40px;\n  padding: 10px 16px;\n  border-radius: 4px;\n  font-size: 14px;\n  text-align: left;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title {\n  padding: 16px 16px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-icon {\n  top: 17px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-close {\n  top: 17px;\n}\n.paraui-v4-message-box .msg-info {\n  background-color: rgb(240, 245, 255);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-message-box .msg-warn {\n  background-color: rgb(255, 246, 235);\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close:hover {\n  background-color: rgba(255, 147, 38, 0.1);\n}\n.paraui-v4-message-box .msg-error {\n  background-color: rgb(255, 235, 235);\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close:hover {\n  background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-message-box .msg-success {\n  background-color: rgb(232, 252, 239);\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close:hover {\n  background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-message-box .message-fadeInDown {\n  animation-duration: 0.5s;\n  animation-name: messageFadeInDown;\n}\n@keyframes messageFadeInDown {\n  from {\n    opacity: 0;\n    transform: translate(0, -50px); /* 标准语法 */\n  }\n  to {\n    opacity: 1;\n    transform: translate(0, 0); /* 标准语法 */\n  }\n}";
 styleInject(css_248z);
 
 //图标map
@@ -38,7 +38,7 @@ var template = function template(_ref) {
   var item = document.createElement('div');
   item.className = "msg-item";
   item.id = id || '';
-  item.innerHTML = "<div class=\"msg-wrapper message-fadeInDown msg-".concat(type, "\">\n                ").concat(icon ? "<div class=\"msg-icon\"></div>" : '', "\n                <div class=\"msg-text\"></div>\n                ").concat(close ? "<div class=\"msg-close\"></div>" : '', "\n                </div>\n    ");
+  item.innerHTML = "<div class=\"msg-wrapper message-fadeInDown ".concat(close ? 'message-close' : 'message-no-close', " msg-").concat(type, "\">\n                ").concat(icon ? "<div class=\"msg-icon\"></div>" : '', "\n                <div class=\"msg-text\"></div>\n                ").concat(close ? "<div class=\"msg-close\"></div>" : '', "\n                </div>\n    ");
   var msgWrapper = item.querySelector('.msg-wrapper');
   var msgBox = item.querySelector('.msg-text');
   if (!msgBox || !msgWrapper) return item;

package/OperateBtn/index.js

@@ -170,7 +170,7 @@ var OperateBtn = function OperateBtn(props) {
         if (item.disabled) {
           return jsx(Tooltip, Object.assign({
             disabled: true,
-            title: item.label || item.toolTipTitle
+            title: item.toolTipTitle
           }, {
             children: handleBox(item, item.label || item.toolTipTitle, index)
           }), index);