@para-ui/core 3.0.1 → 3.0.2-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/AutoBox/index.js +180 -68
  2. package/AutoBox/protal.d.ts +17 -0
  3. package/AutoTips/index.js +4 -3
  4. package/Breadcrumbs/index.js +10 -7
  5. package/Button/index.js +15 -14
  6. package/ButtonGroup/index.js +3 -2
  7. package/Carousel/index.js +7 -5
  8. package/Cascader/index.d.ts +3 -1
  9. package/Cascader/index.js +13 -5
  10. package/Checkbox/index.js +27 -8
  11. package/CheckboxGroup/index.d.ts +2 -5
  12. package/CheckboxGroup/index.js +13 -10
  13. package/Collapse/index.js +11 -10
  14. package/CollapseBox/index.js +7 -6
  15. package/ComboSelect/index.js +161 -67
  16. package/ComboSelect/interface.d.ts +10 -9
  17. package/Container/index.js +24 -23
  18. package/DatePicker/index.js +12 -17
  19. package/DatePicker/util.d.ts +0 -1
  20. package/Desktop/index.js +6 -5
  21. package/Drawer/index.js +10 -9
  22. package/Dropdown/index.js +59 -6
  23. package/Empty/index.js +7 -6
  24. package/Form/index.js +6 -5
  25. package/FormItem/compoments/formFile/index.d.ts +16 -16
  26. package/FormItem/index.d.ts +19 -19
  27. package/FormItem/index.js +3 -2
  28. package/FunctionModal/index.js +3 -2
  29. package/GlobalContext/constant.d.ts +8 -0
  30. package/Help/index.js +3 -2
  31. package/HelperText/index.d.ts +9 -5
  32. package/HelperText/index.js +9 -4
  33. package/InputLang/index.d.ts +2 -5
  34. package/InputLang/index.js +13 -7
  35. package/InputNumber/index.d.ts +2 -5
  36. package/InputNumber/index.js +15 -12
  37. package/Label/index.d.ts +2 -0
  38. package/Label/index.js +12 -8
  39. package/Loading/index.js +5 -4
  40. package/Menu/index.js +18 -17
  41. package/Message/index.js +5 -4
  42. package/Modal/index.js +28 -26
  43. package/MultiBox/index.d.ts +2 -5
  44. package/MultiBox/index.js +13 -6
  45. package/Notification/index.js +3 -2
  46. package/OperateBtn/index.js +15 -12
  47. package/PageHeader/index.js +18 -18
  48. package/Pagination/index.js +10 -4
  49. package/ParauiProvider/index.js +1 -1
  50. package/PopConfirm/index.js +3 -2
  51. package/Popover/index.js +7 -4
  52. package/Progress/index.d.ts +2 -0
  53. package/Progress/index.js +13 -9
  54. package/Querying/index.js +6 -5
  55. package/README.md +15 -0
  56. package/Radio/index.js +22 -8
  57. package/RadioGroup/index.d.ts +2 -5
  58. package/RadioGroup/index.js +10 -7
  59. package/Search/index.js +13 -8
  60. package/Select/index.d.ts +2 -5
  61. package/Select/index.js +23 -20
  62. package/SelectInput/index.js +3 -2
  63. package/Selector/index.js +63 -51
  64. package/Selector/interface.d.ts +6 -6
  65. package/SelectorPicker/index.d.ts +2 -5
  66. package/SelectorPicker/index.js +20 -17
  67. package/SingleBox/index.d.ts +2 -5
  68. package/SingleBox/index.js +11 -6
  69. package/Slider/index.d.ts +4 -4
  70. package/Slider/index.js +9 -4
  71. package/Split/index.js +8 -7
  72. package/Stepper/index.js +7 -3
  73. package/Switch/index.js +10 -12
  74. package/Table/index.js +522 -296
  75. package/Table/interface.d.ts +43 -1
  76. package/Table/tableElement/index.d.ts +2 -2
  77. package/Table/util.d.ts +13 -1
  78. package/Tabs/index.js +7 -6
  79. package/Tag/index.js +12 -14
  80. package/TextField/index.d.ts +2 -5
  81. package/TextField/index.js +20 -18
  82. package/TimePicker/index.js +1 -0
  83. package/Timeline/index.js +13 -12
  84. package/Title/index.d.ts +30 -0
  85. package/Title/index.js +49 -0
  86. package/ToggleButton/index.js +13 -13
  87. package/Tooltip/index.js +13 -9
  88. package/Transfer/index.d.ts +6 -2
  89. package/Transfer/index.js +8 -4
  90. package/Tree/index.js +3 -2
  91. package/Tree/utils/tools.d.ts +0 -1
  92. package/Upload/ImgCrop/constants.d.ts +1 -1
  93. package/Upload/index.js +50 -43
  94. package/_verture/constant-bf34e6fa.js +11 -0
  95. package/_verture/{index-abfdd262.js → index-08b7101b.js} +63 -31
  96. package/_verture/{index-5bb4b5d7.js → index-df70784b.js} +30 -17
  97. package/_verture/{modalContext-59669f93.js → modalContext-7b378e49.js} +0 -0
  98. package/index.d.ts +2 -0
  99. package/index.js +7 -5
  100. package/package.json +2 -1
@@ -12,6 +12,7 @@ import LoadingOutlined from '@para-ui/icons/LoadingF';
12
12
  import FileOutlined from '@para-ui/icons/Document';
13
13
  import SolidArrowDown from '@para-ui/icons/DownTriangleF';
14
14
  import { Radio } from '../Radio/index.js';
15
+ import { $ as $prefixCls } from './constant-bf34e6fa.js';
15
16
  import ReactDOM from 'react-dom';
16
17
  import EditOutlinedIcon from '@para-ui/icons/EditFile';
17
18
  import AddOutlinedIcon from '@para-ui/icons/PlusCircle';
@@ -226,7 +227,7 @@ var skipOpacityTransition = function skipOpacityTransition(_, event) {
226
227
  };
227
228
 
228
229
  var collapseMotion = {
229
- motionName: 'paraui-motion-collapse',
230
+ motionName: "".concat($prefixCls, "-tree-motion-collapse"),
230
231
  onAppearStart: getCollapsedHeight,
231
232
  onEnterStart: getCollapsedHeight,
232
233
  onAppearActive: getRealHeight,
@@ -303,7 +304,7 @@ function renderTreeNodeIcon(nodeProps, radioable, checkedKey, replaceFields) {
303
304
  var key = replaceFields.key;
304
305
  var isChecked = ((_a = nodeProps.data) === null || _a === void 0 ? void 0 : _a[key]) === checkedKey;
305
306
  return jsx(Radio, {
306
- className: 'paraui-tree-node-radio',
307
+ className: "".concat($prefixCls, "-tree-node-radio"),
307
308
  checked: isChecked
308
309
  });
309
310
  }
@@ -329,7 +330,7 @@ var localeJson = {
329
330
  en: en
330
331
  };
331
332
 
332
- var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.sector-container {\n position: relative;\n z-index: 1500;\n}\n.sector-container .sector-item-container {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n padding: 0;\n}\n.sector-container .sector-item-container .sector-item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n left: 0;\n top: 0;\n width: 24px;\n height: 24px;\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n box-shadow: 4px 4px 6px rgba(70, 75, 105, 0.2), -4px -4px 6px rgba(0, 0, 0, 0.06);\n cursor: pointer;\n opacity: 0;\n}\n.sector-container .sector-item-container .sector-item svg {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n}\n.sector-container .sector-item-container .sector-item:hover {\n color: rgb(54, 102, 214);\n}\n.sector-container .sector-item-container .sector-item:hover svg {\n color: inherit;\n}\n.sector-container .sector-item-container .sector-item--del:hover {\n color: rgb(235, 96, 84);\n}\n.sector-container .sector-item-container .sector-item--del:hover svg {\n color: inherit;\n}";
333
+ var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.sector-container {\n position: relative;\n z-index: 1500;\n}\n.sector-container .sector-item-container {\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n padding: 0;\n}\n.sector-container .sector-item-container .sector-item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n left: 0;\n top: 0;\n width: 24px;\n height: 24px;\n background-color: rgb(255, 255, 255);\n border-radius: 50%;\n box-shadow: 4px 4px 6px rgba(70, 75, 105, 0.2), -4px -4px 6px rgba(0, 0, 0, 0.06);\n cursor: pointer;\n opacity: 0;\n}\n.sector-container .sector-item-container .sector-item svg {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n}\n.sector-container .sector-item-container .sector-item:hover {\n color: rgb(54, 102, 214);\n}\n.sector-container .sector-item-container .sector-item:hover svg {\n color: inherit;\n}\n.sector-container .sector-item-container .sector-item--del:hover {\n color: rgb(235, 96, 84);\n}\n.sector-container .sector-item-container .sector-item--del:hover svg {\n color: inherit;\n}";
333
334
  styleInject(css_248z$1);
334
335
 
335
336
  var getIconMap = function getIconMap(intl) {
@@ -752,7 +753,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
752
753
 
753
754
  var nodesRef = useRef([]); //保存节点状态
754
755
 
755
- var prefixCls = 'paraui-tree'; //cls 前缀
756
+ var prefixCls = "".concat($prefixCls, "-tree"); //tree容器前缀
756
757
 
757
758
  var treeMapRef = useRef({}); //tree map
758
759
 
@@ -825,7 +826,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
825
826
  };
826
827
 
827
828
  return jsxs("span", Object.assign({
828
- className: 'paraui-tree-title-wrapper',
829
+ className: "".concat($prefixCls, "-tree-title-wrapper"),
829
830
  onMouseEnter: handleTreeNodeMEnter,
830
831
  onMouseLeave: handleTreeNodeMLeave
831
832
  }, {
@@ -848,7 +849,9 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
848
849
  var _currTarget = evt.currentTarget;
849
850
 
850
851
  if (_currTarget) {
851
- var cParentEl = _currTarget.closest('.paraui-tree-node-content-wrapper');
852
+ var pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
853
+
854
+ var cParentEl = _currTarget.closest(pClsx);
852
855
 
853
856
  nodesRef.current.push(cParentEl);
854
857
  showMoreActionIcon(cParentEl, true);
@@ -862,7 +865,9 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
862
865
  var _currTarget = evt.currentTarget;
863
866
 
864
867
  if (_currTarget) {
865
- var cParentEl = _currTarget.closest('.paraui-tree-node-content-wrapper');
868
+ var pClsx = ".".concat($prefixCls, "-tree-node-content-wrapper");
869
+
870
+ var cParentEl = _currTarget.closest(pClsx);
866
871
 
867
872
  showMoreActionIcon(cParentEl, false);
868
873
  }
@@ -873,9 +878,9 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
873
878
  if (!cParentEl) return;
874
879
 
875
880
  if (isShow) {
876
- cParentEl === null || cParentEl === void 0 ? void 0 : cParentEl.classList.add('paraui-tree-node-content-wrapper--active');
881
+ cParentEl === null || cParentEl === void 0 ? void 0 : cParentEl.classList.add("".concat($prefixCls, "-tree-node-content-wrapper--active"));
877
882
  } else {
878
- cParentEl === null || cParentEl === void 0 ? void 0 : cParentEl.classList.remove('paraui-tree-node-content-wrapper--active');
883
+ cParentEl === null || cParentEl === void 0 ? void 0 : cParentEl.classList.remove("".concat($prefixCls, "-tree-node-content-wrapper--active"));
879
884
  }
880
885
  }; //mouse enter sector
881
886
 
@@ -933,7 +938,8 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
933
938
 
934
939
  var handleOnRemove = function handleOnRemove(anchorEl) {
935
940
  if (anchorEl) {
936
- var cParentEl = anchorEl.closest('.paraui-tree-node-content-wrapper');
941
+ var pCls = ".".concat($prefixCls, "-tree-node-content-wrapper");
942
+ var cParentEl = anchorEl.closest(pCls);
937
943
  showMoreActionIcon(cParentEl, false);
938
944
  removeSector(anchorEl);
939
945
  }
@@ -947,7 +953,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
947
953
  nodesRef.current.forEach(function (el) {
948
954
  var _a;
949
955
 
950
- (_a = el === null || el === void 0 ? void 0 : el.classList) === null || _a === void 0 ? void 0 : _a.remove('paraui-tree-node-content-wrapper--active');
956
+ (_a = el === null || el === void 0 ? void 0 : el.classList) === null || _a === void 0 ? void 0 : _a.remove("".concat($prefixCls, "-tree-node-content-wrapper--active"));
951
957
  });
952
958
  nodesRef.current.length = 0;
953
959
  }
@@ -976,13 +982,20 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
976
982
  }
977
983
 
978
984
  var mKeys = [].concat(_toConsumableArray(temp), _toConsumableArray(unMatchKeys));
979
- setInCheckedKeys(mKeys);
985
+
986
+ if (!('checkedKeys' in props)) {
987
+ setInCheckedKeys(mKeys);
988
+ }
989
+
980
990
  onCheck === null || onCheck === void 0 ? void 0 : onCheck(mKeys, e, halfChecked);
981
991
  }; //展开节点
982
992
 
983
993
 
984
994
  var internalExpand = function internalExpand(expandedKeys, e) {
985
- setInExpandedKeys(_toConsumableArray(expandedKeys));
995
+ if (!('expandedKeys' in props)) {
996
+ setInExpandedKeys(_toConsumableArray(expandedKeys));
997
+ }
998
+
986
999
  onExpand === null || onExpand === void 0 ? void 0 : onExpand(expandedKeys, e);
987
1000
  }; //请求树数据
988
1001
 
@@ -1060,7 +1073,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
1060
1073
 
1061
1074
  var renderLoadMoreNode = function renderLoadMoreNode(dataNode) {
1062
1075
  return jsx("span", Object.assign({
1063
- className: "paraui-tree-treenode-more-wrapper",
1076
+ className: "".concat($prefixCls, "-tree-treenode-more-wrapper"),
1064
1077
  onClick: function onClick(e) {
1065
1078
  e.stopPropagation();
1066
1079
  onLoadData(dataNode);
@@ -1445,7 +1458,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
1445
1458
  }, [localFilter, localParams]); //渲染空状态
1446
1459
 
1447
1460
  var renderEmpty = jsx("div", Object.assign({
1448
- className: clsx('paraui-tree paraui-tree-empty', className),
1461
+ className: clsx("".concat($prefixCls, "-tree ").concat($prefixCls, "-tree-empty"), className),
1449
1462
  style: props.style
1450
1463
  }, {
1451
1464
  children: notFoundContent !== null && notFoundContent !== void 0 ? notFoundContent : jsx(Empty, Object.assign({
@@ -1514,7 +1527,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
1514
1527
 
1515
1528
  return jsxs(Fragment, {
1516
1529
  children: [jsxs("div", Object.assign({
1517
- className: clsx('paraui-tree-wrapper', wrapperClassName),
1530
+ className: clsx("".concat($prefixCls, "-tree-wrapper"), wrapperClassName),
1518
1531
  style: wrapperStyle
1519
1532
  }, {
1520
1533
  children: [treeMemo, loading && jsx(Loading, {})]
@@ -1545,7 +1558,7 @@ if (!Element.prototype.closest) {
1545
1558
  };
1546
1559
  }
1547
1560
 
1548
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-tree-treenode-leaf-last .paraui-tree-switcher-leaf-line::before {\n top: auto !important;\n bottom: auto !important;\n height: 14px !important;\n}\n\n@keyframes paraCheckboxEffect {\n 0% {\n transform: scale(1);\n opacity: 0.5;\n }\n 100% {\n transform: scale(1.6);\n opacity: 0;\n }\n}\n.paraui-tree-rtl {\n direction: rtl;\n}\n.paraui-tree-rtl .paraui-tree-node-content-wrapper[draggable=true] .paraui-tree-drop-indicator::after {\n right: -6px;\n left: unset;\n}\n.paraui-tree .paraui-tree-treenode-rtl {\n direction: rtl;\n}\n.paraui-tree-rtl .paraui-tree-switcher_close .paraui-tree-switcher-icon svg {\n transform: rotate(90deg);\n}\n.paraui-tree-show-line .paraui-tree-indent-unit::before .paraui-tree-rtl.paraui-tree-show-line .paraui-tree-indent-unit::before {\n right: auto;\n left: -13px;\n border-right: none;\n border-left: 1px solid #d9d9d9;\n}\n.paraui-tree-checkbox .paraui-tree-rtl.paraui-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-tree-select-dropdown-rtl .paraui-select-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-tree-checkbox {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: relative;\n top: 0.2em;\n line-height: 1;\n white-space: nowrap;\n outline: none;\n cursor: pointer;\n}\n.paraui-tree-checkbox-wrapper:hover .paraui-tree-checkbox-inner, .paraui-tree-checkbox:hover .paraui-tree-checkbox-inner, .paraui-tree-checkbox-input:focus + .paraui-tree-checkbox-inner {\n border-color: rgb(54, 102, 214);\n}\n.paraui-tree-checkbox-checked::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid rgb(54, 102, 214);\n border-radius: 2px;\n visibility: hidden;\n -webkit-animation: paraCheckboxEffect 0.36s ease-in-out;\n animation: paraCheckboxEffect 0.36s ease-in-out;\n -webkit-animation-fill-mode: backwards;\n animation-fill-mode: backwards;\n content: \"\";\n box-sizing: border-box;\n}\n.paraui-tree-checkbox:hover::after, .paraui-tree-checkbox-wrapper:hover .paraui-tree-checkbox::after {\n visibility: visible;\n}\n.paraui-tree-checkbox-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n width: 16px;\n height: 16px;\n direction: ltr;\n background-color: rgb(255, 255, 255);\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n border-collapse: separate;\n transition: all 0.3s;\n}\n.paraui-tree-checkbox-inner::after {\n position: absolute;\n top: 50%;\n left: 21.5%;\n display: table;\n width: 6px;\n height: 9px;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(0) translate(-50%, -50%);\n opacity: 0;\n transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n content: \" \";\n box-sizing: border-box;\n}\n.paraui-tree-checkbox-input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n}\n\n.paraui-tree-checkbox-checked .paraui-tree-checkbox-inner::after {\n position: absolute;\n display: table;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\n opacity: 1;\n transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n content: \" \";\n}\n\n.paraui-tree-checkbox-checked .paraui-tree-checkbox-inner {\n background-color: rgb(54, 102, 214);\n border-color: rgb(54, 102, 214);\n}\n\n.paraui-tree-checkbox-disabled {\n cursor: not-allowed;\n}\n.paraui-tree-checkbox-disabled.paraui-tree-checkbox-checked .paraui-tree-checkbox-inner::after {\n border-color: rgba(0, 0, 0, 0.25);\n -webkit-animation-name: none;\n animation-name: none;\n}\n.paraui-tree-checkbox-disabled .paraui-tree-checkbox-input {\n cursor: not-allowed;\n}\n.paraui-tree-checkbox-disabled .paraui-tree-checkbox-inner {\n background-color: #f5f5f5;\n border-color: #d9d9d9 !important;\n}\n.paraui-tree-checkbox-disabled .paraui-tree-checkbox-inner::after {\n border-color: #f5f5f5;\n border-collapse: separate;\n -webkit-animation-name: none;\n animation-name: none;\n}\n.paraui-tree-checkbox-disabled + span {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-tree-checkbox-disabled:hover::after, .paraui-tree-checkbox-wrapper:hover .paraui-tree-checkbox-disabled::after {\n visibility: hidden;\n}\n\n.paraui-tree-checkbox-wrapper {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-flex;\n align-items: baseline;\n line-height: unset;\n cursor: pointer;\n}\n.paraui-tree-checkbox-wrapper.paraui-tree-checkbox-wrapper-disabled {\n cursor: not-allowed;\n}\n.paraui-tree-checkbox-wrapper + .paraui-tree-checkbox-wrapper {\n margin-left: 8px;\n}\n\n.paraui-tree-checkbox + span {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.paraui-tree-checkbox-group {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-block;\n}\n.paraui-tree-checkbox-group-item {\n margin-right: 8px;\n}\n.paraui-tree-checkbox-group-item:last-child {\n margin-right: 0;\n}\n.paraui-tree-checkbox-group-item + .paraui-tree-checkbox-group-item {\n margin-left: 0;\n}\n\n.paraui-tree-checkbox-indeterminate .paraui-tree-checkbox-inner {\n background-color: rgb(54, 102, 214);\n border-color: rgb(54, 102, 214);\n}\n.paraui-tree-checkbox-indeterminate .paraui-tree-checkbox-inner::after {\n top: 50%;\n left: 50%;\n width: 8px;\n height: 2px;\n background-color: rgb(255, 255, 255);\n border: 0;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n content: \" \";\n}\n.paraui-tree-checkbox-indeterminate.paraui-tree-checkbox-disabled .paraui-tree-checkbox-inner::after {\n background-color: rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-tree {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n background: rgb(255, 255, 255);\n border-radius: 2px;\n transition: background-color 0.3s;\n}\n.paraui-tree-focused:not(:hover):not(.paraui-tree-active-focused) {\n background: #e6f7ff;\n}\n.paraui-tree-list-holder-inner {\n align-items: flex-start;\n}\n.paraui-tree.paraui-tree-block-node .paraui-tree-list-holder-inner {\n align-items: stretch;\n}\n.paraui-tree.paraui-tree-block-node .paraui-tree-list-holder-inner .paraui-tree-node-content-wrapper {\n flex: auto;\n}\n.paraui-tree .paraui-tree-treenode {\n display: flex;\n align-items: flex-start;\n outline: none;\n}\n.paraui-tree .paraui-tree-treenode-disabled .paraui-tree-node-content-wrapper {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-tree .paraui-tree-treenode-disabled .paraui-tree-node-content-wrapper:hover {\n background: transparent;\n}\n.paraui-tree .paraui-tree-treenode-active .paraui-tree-node-content-wrapper {\n background: #f5f5f5;\n}\n.paraui-tree .paraui-tree-treenode:not(.paraui-tree .paraui-tree-treenode-disabled).filter-node .paraui-tree-title {\n color: inherit;\n font-weight: 500;\n}\n.paraui-tree-indent {\n align-self: stretch;\n white-space: nowrap;\n user-select: none;\n}\n.paraui-tree-indent-unit {\n display: inline-block;\n width: 24px;\n}\n.paraui-tree-switcher {\n position: relative;\n flex: none;\n align-self: stretch;\n width: 24px;\n margin: 0;\n line-height: 24px;\n text-align: center;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.paraui-tree-switcher .paraui-tree-switcher-icon,\n.paraui-tree-switcher .paraui-select-tree-switcher-icon {\n display: inline-block;\n font-size: 14px;\n vertical-align: middle;\n transition: transform 0.3s;\n color: inherit;\n}\n.paraui-tree-switcher .paraui-tree-switcher-icon svg,\n.paraui-tree-switcher .paraui-select-tree-switcher-icon svg {\n font-size: inherit;\n color: inherit;\n transition: transform 0.3s;\n}\n.paraui-tree-switcher-noop {\n cursor: default;\n}\n.paraui-tree-switcher_close .paraui-tree-switcher-icon {\n transform: rotate(-90deg);\n}\n.paraui-tree-switcher_close .paraui-tree-switcher-icon svg {\n color: currentColor;\n transform: rotate(-90deg);\n}\n.paraui-tree-switcher-loading-icon {\n color: rgb(54, 102, 214);\n will-change: transform;\n transition: transform 0.3s ease-in-out;\n animation: loadingCircle 1s infinite linear;\n vertical-align: middle;\n font-size: 14px !important;\n}\n@keyframes loadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-tree-switcher-leaf-line {\n position: relative;\n z-index: 1;\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.paraui-tree-switcher-leaf-line::before {\n position: absolute;\n top: 0;\n bottom: -4px;\n margin-left: -1px;\n border-left: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-tree-switcher-leaf-line::after {\n position: absolute;\n width: 10px;\n height: 14px;\n margin-left: -1px;\n border-bottom: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-tree-checkbox {\n top: initial;\n margin: 6px 6px 0 0;\n}\n.paraui-tree .paraui-tree-node-content-wrapper {\n position: relative;\n z-index: auto;\n min-height: 24px;\n margin: 2px 0 0 0;\n padding: 0 6px;\n color: inherit;\n line-height: 24px;\n background: transparent;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-tree .paraui-tree-node-content-wrapper:hover {\n background-color: rgba(171, 176, 185, 0.12);\n border-radius: 4px;\n}\n.paraui-tree .paraui-tree-node-content-wrapper.paraui-tree-node-selected {\n background-color: transparent;\n color: rgb(54, 102, 214);\n}\n.paraui-tree .paraui-tree-node-content-wrapper .paraui-tree-iconEle {\n display: inline-block;\n width: 24px;\n height: 24px;\n margin-left: -6px;\n line-height: 24px;\n text-align: center;\n vertical-align: top;\n}\n.paraui-tree .paraui-tree-node-content-wrapper .paraui-tree-iconEle > svg {\n vertical-align: -0.125em;\n color: inherit;\n}\n.paraui-tree .paraui-tree-node-content-wrapper .paraui-tree-iconEle:empty {\n display: none;\n}\n.paraui-tree-unselectable .paraui-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-tree-node-content-wrapper[draggable=true] {\n line-height: 24px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.paraui-tree-node-content-wrapper[draggable=true] .paraui-tree-drop-indicator {\n position: absolute;\n z-index: 1;\n height: 2px;\n background-color: rgb(54, 102, 214);\n border-radius: 1px;\n pointer-events: none;\n}\n.paraui-tree-node-content-wrapper[draggable=true] .paraui-tree-drop-indicator::after {\n position: absolute;\n top: -3px;\n left: -6px;\n width: 8px;\n height: 8px;\n background-color: transparent;\n border: 2px solid rgb(54, 102, 214);\n border-radius: 50%;\n content: \"\";\n}\n.paraui-tree .paraui-tree-treenode.drop-container > [draggable] {\n box-shadow: 0 0 0 2px rgb(54, 102, 214);\n}\n.paraui-tree-show-line .paraui-tree-indent-unit {\n position: relative;\n height: 100%;\n}\n.paraui-tree-show-line .paraui-tree-indent-unit::before {\n position: absolute;\n top: 0;\n right: 12px;\n bottom: -4px;\n border-right: 1px solid #d9d9d9;\n content: \"\";\n}\n.paraui-tree-show-line .paraui-tree-indent-unit-end::before {\n display: none;\n}\n.paraui-tree-show-line .paraui-tree-switcher {\n background: rgb(255, 255, 255);\n}\n.paraui-tree-show-line .paraui-tree-switcher_close svg {\n transform: rotate(-90deg);\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-tree-show-line .paraui-tree-switcher_open svg {\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-tree-show-line .paraui-tree-switcher-line-icon {\n vertical-align: -0.225em;\n color: inherit;\n font-size: 14px;\n}\n.paraui-tree-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-tree-node-content-wrapper .paraui-tree-treenode-more-wrapper {\n color: rgb(54, 102, 214);\n}\n.paraui-tree .paraui-tree-node-content-wrapper--active {\n background-color: rgba(171, 176, 185, 0.12) !important;\n border-radius: 4px !important;\n}\n.paraui-tree .paraui-tree-node-content-wrapper--active .sector-anchor {\n opacity: 1;\n}\n.paraui-tree-title-wrapper {\n display: inline-flex;\n align-items: center;\n margin: 0 -6px;\n padding: 0 6px;\n}\n.paraui-tree-title-wrapper .sector-anchor {\n position: relative;\n width: 14px;\n height: 14px;\n margin: 1px 0 0 18px;\n line-height: 14px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.paraui-tree-title-wrapper .sector-anchor:before {\n content: \" \";\n position: absolute;\n left: -9px;\n top: 0;\n width: 1px;\n height: 14px;\n background-color: rgba(171, 176, 185, 0.2);\n pointer-events: none;\n}\n.paraui-tree-title-wrapper .sector-anchor svg {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n color: rgb(54, 102, 214);\n}\n.paraui-tree-title-wrapper--active .sector-anchor {\n opacity: 1;\n}\n.paraui-tree-radioable .paraui-tree-iconEle {\n position: absolute;\n left: -18px;\n top: 0;\n}\n.paraui-tree-radioable .paraui-tree-checkbox {\n display: none !important;\n}\n.paraui-tree-radioable .paraui-tree-checkbox-checked + .paraui-tree-node-content-wrapper {\n color: rgb(54, 102, 214);\n}\n.paraui-tree-radioable .paraui-tree-node-radio {\n width: 16px;\n height: 16px;\n margin-top: 4px;\n}\n.paraui-tree-radioable-showradio .paraui-tree-node-content-wrapper {\n margin-left: 22px;\n}\n\n.paraui-motion-collapse {\n overflow: hidden;\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}";
1561
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/9 下午8:39\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-tree-treenode-leaf-last .paraui-v3-tree-switcher-leaf-line::before {\n top: auto !important;\n bottom: auto !important;\n height: 14px !important;\n}\n\n@keyframes treeCheckboxEffect {\n 0% {\n transform: scale(1);\n opacity: 0.5;\n }\n 100% {\n transform: scale(1.6);\n opacity: 0;\n }\n}\n.paraui-v3-tree-rtl {\n direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n right: -6px;\n left: unset;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-rtl {\n direction: rtl;\n}\n.paraui-v3-tree-rtl .paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n transform: rotate(90deg);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before .paraui-v3-tree-rtl.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n right: auto;\n left: -13px;\n border-right: none;\n border-left: 1px solid #d9d9d9;\n}\n.paraui-v3-tree-checkbox .paraui-v3-tree-rtl.paraui-v3-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-select-dropdown-rtl .paraui-v3-select-tree-checkbox {\n margin: 4px 0 0 8px;\n}\n\n.paraui-v3-tree-checkbox {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: relative;\n top: 0.2em;\n line-height: 1;\n white-space: nowrap;\n outline: none;\n cursor: pointer;\n}\n.paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox:hover .paraui-v3-tree-checkbox-inner, .paraui-v3-tree-checkbox-input:focus + .paraui-v3-tree-checkbox-inner {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-checked::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 1px solid rgb(54, 102, 214);\n border-radius: 2px;\n visibility: hidden;\n animation: treeCheckboxEffect 0.36s ease-in-out;\n animation-fill-mode: backwards;\n content: \"\";\n box-sizing: border-box;\n}\n.paraui-v3-tree-checkbox:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox::after {\n visibility: visible;\n}\n.paraui-v3-tree-checkbox-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n width: 16px;\n height: 16px;\n direction: ltr;\n background-color: rgb(255, 255, 255);\n border: 1px solid #d9d9d9;\n border-radius: 2px;\n border-collapse: separate;\n transition: all 0.3s;\n}\n.paraui-v3-tree-checkbox-inner::after {\n position: absolute;\n top: 50%;\n left: 21.5%;\n display: table;\n width: 6px;\n height: 9px;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(0) translate(-50%, -50%);\n opacity: 0;\n transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;\n content: \" \";\n box-sizing: border-box;\n}\n.paraui-v3-tree-checkbox-input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n cursor: pointer;\n opacity: 0;\n}\n\n.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n position: absolute;\n display: table;\n border: 2px solid rgb(255, 255, 255);\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) scale(1) translate(-50%, -50%);\n opacity: 1;\n transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;\n content: \" \";\n}\n\n.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner {\n background-color: rgb(54, 102, 214);\n border-color: rgb(54, 102, 214);\n}\n\n.paraui-v3-tree-checkbox-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled.paraui-v3-tree-checkbox-checked .paraui-v3-tree-checkbox-inner::after {\n border-color: rgba(0, 0, 0, 0.25);\n animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-input {\n cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner {\n background-color: #f5f5f5;\n border-color: #d9d9d9 !important;\n}\n.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n border-color: #f5f5f5;\n border-collapse: separate;\n animation-name: none;\n}\n.paraui-v3-tree-checkbox-disabled + span {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-disabled:hover::after, .paraui-v3-tree-checkbox-wrapper:hover .paraui-v3-tree-checkbox-disabled::after {\n visibility: hidden;\n}\n\n.paraui-v3-tree-checkbox-wrapper {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-flex;\n align-items: baseline;\n line-height: unset;\n cursor: pointer;\n}\n.paraui-v3-tree-checkbox-wrapper.paraui-v3-tree-checkbox-wrapper-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-tree-checkbox-wrapper + .paraui-v3-tree-checkbox-wrapper {\n margin-left: 8px;\n}\n\n.paraui-v3-tree-checkbox + span {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.paraui-v3-tree-checkbox-group {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n display: inline-block;\n}\n.paraui-v3-tree-checkbox-group-item {\n margin-right: 8px;\n}\n.paraui-v3-tree-checkbox-group-item:last-child {\n margin-right: 0;\n}\n.paraui-v3-tree-checkbox-group-item + .paraui-v3-tree-checkbox-group-item {\n margin-left: 0;\n}\n\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner {\n background-color: rgb(54, 102, 214);\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-tree-checkbox-indeterminate .paraui-v3-tree-checkbox-inner::after {\n top: 50%;\n left: 50%;\n width: 8px;\n height: 2px;\n background-color: rgb(255, 255, 255);\n border: 0;\n transform: translate(-50%, -50%) scale(1);\n opacity: 1;\n content: \" \";\n}\n.paraui-v3-tree-checkbox-indeterminate.paraui-v3-tree-checkbox-disabled .paraui-v3-tree-checkbox-inner::after {\n background-color: rgba(0, 0, 0, 0.25);\n border-color: rgba(0, 0, 0, 0.25);\n}\n\n.paraui-v3-tree-wrapper .paraui-v3-tree-empty {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.paraui-v3-tree {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n background: rgb(255, 255, 255);\n border-radius: 2px;\n transition: background-color 0.3s;\n}\n.paraui-v3-tree-focused:not(:hover):not(.paraui-v3-tree-active-focused) {\n background: #e6f7ff;\n}\n.paraui-v3-tree-list-holder-inner {\n align-items: flex-start;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner {\n align-items: stretch;\n}\n.paraui-v3-tree.paraui-v3-tree-block-node .paraui-v3-tree-list-holder-inner .paraui-v3-tree-node-content-wrapper {\n flex: auto;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode {\n display: flex;\n align-items: flex-start;\n outline: none;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper {\n color: rgba(0, 0, 0, 0.25);\n cursor: not-allowed;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-disabled .paraui-v3-tree-node-content-wrapper:hover {\n background: transparent;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode-active .paraui-v3-tree-node-content-wrapper {\n background: #f5f5f5;\n}\n.paraui-v3-tree .paraui-v3-tree-treenode:not(.paraui-v3-tree .paraui-v3-tree-treenode-disabled).filter-node .paraui-v3-tree-title {\n color: inherit;\n font-weight: 500;\n}\n.paraui-v3-tree-indent {\n align-self: stretch;\n white-space: nowrap;\n user-select: none;\n}\n.paraui-v3-tree-indent-unit {\n display: inline-block;\n width: 24px;\n}\n.paraui-v3-tree-switcher {\n position: relative;\n flex: none;\n align-self: stretch;\n width: 24px;\n margin: 0;\n line-height: 24px;\n text-align: center;\n cursor: pointer;\n user-select: none;\n}\n.paraui-v3-tree-switcher .paraui-v3-tree-switcher-icon,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon {\n display: inline-block;\n font-size: 14px;\n vertical-align: middle;\n transition: transform 0.3s;\n color: inherit;\n}\n.paraui-v3-tree-switcher .paraui-v3-tree-switcher-icon svg,\n.paraui-v3-tree-switcher .paraui-v3-select-tree-switcher-icon svg {\n font-size: inherit;\n color: inherit;\n transition: transform 0.3s;\n}\n.paraui-v3-tree-switcher-noop {\n cursor: default;\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon {\n transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher_close .paraui-v3-tree-switcher-icon svg {\n color: currentColor;\n transform: rotate(-90deg);\n}\n.paraui-v3-tree-switcher-loading-icon {\n color: rgb(54, 102, 214);\n will-change: transform;\n transition: transform 0.3s ease-in-out;\n animation: treeLoadingCircle 1s infinite linear;\n vertical-align: middle;\n font-size: 14px !important;\n}\n@keyframes treeLoadingCircle {\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v3-tree-switcher-leaf-line {\n position: relative;\n z-index: 1;\n display: inline-block;\n width: 100%;\n height: 100%;\n}\n.paraui-v3-tree-switcher-leaf-line::before {\n position: absolute;\n top: 0;\n bottom: -4px;\n margin-left: -1px;\n border-left: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v3-tree-switcher-leaf-line::after {\n position: absolute;\n width: 10px;\n height: 14px;\n margin-left: -1px;\n border-bottom: 1px solid #d9d9d9;\n content: \" \";\n}\n.paraui-v3-tree-checkbox {\n top: initial;\n margin: 6px 6px 0 0;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper {\n position: relative;\n z-index: auto;\n min-height: 24px;\n margin: 2px 0 0 0;\n padding: 0 6px;\n color: inherit;\n line-height: 24px;\n background: transparent;\n border-radius: 2px;\n cursor: pointer;\n transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper:hover {\n background-color: rgba(171, 176, 185, 0.12);\n border-radius: 4px;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper.paraui-v3-tree-node-selected {\n background-color: transparent;\n color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle {\n display: inline-block;\n width: 24px;\n height: 24px;\n margin-left: -6px;\n line-height: 24px;\n text-align: center;\n vertical-align: top;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle > svg {\n vertical-align: -0.125em;\n color: inherit;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper .paraui-v3-tree-iconEle:empty {\n display: none;\n}\n.paraui-v3-tree-unselectable .paraui-v3-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] {\n line-height: 24px;\n user-select: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator {\n position: absolute;\n z-index: 1;\n height: 2px;\n background-color: rgb(54, 102, 214);\n border-radius: 1px;\n pointer-events: none;\n}\n.paraui-v3-tree-node-content-wrapper[draggable=true] .paraui-v3-tree-drop-indicator::after {\n position: absolute;\n top: -3px;\n left: -6px;\n width: 8px;\n height: 8px;\n background-color: transparent;\n border: 2px solid rgb(54, 102, 214);\n border-radius: 50%;\n content: \"\";\n}\n.paraui-v3-tree .paraui-v3-tree-treenode.drop-container > [draggable] {\n box-shadow: 0 0 0 2px rgb(54, 102, 214);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit {\n position: relative;\n height: 100%;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit::before {\n position: absolute;\n top: 0;\n right: 12px;\n bottom: -4px;\n border-right: 1px solid #d9d9d9;\n content: \"\";\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-indent-unit-end::before {\n display: none;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher {\n background: rgb(255, 255, 255);\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_close svg {\n transform: rotate(-90deg);\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher_open svg {\n color: inherit;\n font-size: 14px;\n transition: transform 0.3s;\n}\n.paraui-v3-tree-show-line .paraui-v3-tree-switcher-line-icon {\n vertical-align: -0.225em;\n color: inherit;\n font-size: 14px;\n}\n.paraui-v3-tree-node-content-wrapper .paraui-v3-tree-treenode-more-wrapper {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active {\n background-color: rgba(171, 176, 185, 0.12) !important;\n border-radius: 4px !important;\n}\n.paraui-v3-tree .paraui-v3-tree-node-content-wrapper--active .sector-anchor {\n opacity: 1 !important;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper {\n display: inline-flex;\n align-items: center;\n margin: 0 -6px;\n padding: 0 6px;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor {\n position: relative;\n width: 14px;\n height: 14px;\n margin: 1px 0 0 18px;\n line-height: 14px;\n opacity: 0;\n transition: opacity 0.3s;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor:before {\n content: \" \";\n position: absolute;\n left: -9px;\n top: 0;\n width: 1px;\n height: 14px;\n background-color: rgba(171, 176, 185, 0.2);\n pointer-events: none;\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor svg {\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper .sector-anchor--active.sector-anchor svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-tree .paraui-v3-tree-title-wrapper--active .sector-anchor {\n opacity: 1;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-iconEle {\n position: absolute;\n left: -18px;\n top: 0;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox {\n display: none !important;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-checkbox-checked + .paraui-v3-tree-node-content-wrapper {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-tree.paraui-v3-tree-radioable .paraui-v3-tree-node-radio {\n width: 16px;\n height: 16px;\n padding: 0;\n margin-top: 4px;\n}\n.paraui-v3-tree.paraui-v3-tree-radioable-showradio .paraui-v3-tree-node-content-wrapper {\n margin-left: 22px;\n}\n\n.paraui-v3-tree-motion-collapse {\n overflow: hidden;\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\n}";
1549
1562
  styleInject(css_248z);
1550
1563
 
1551
1564
  export { Tree as T };
package/index.d.ts CHANGED
@@ -120,6 +120,8 @@ export { default as TimePicker } from './TimePicker';
120
120
  export * from './TimePicker';
121
121
  export { default as Timeline } from './Timeline';
122
122
  export * from './Timeline';
123
+ export { default as Title } from './Title';
124
+ export * from './Title';
123
125
  export { default as ToggleButton } from './ToggleButton';
124
126
  export * from './ToggleButton';
125
127
  export { default as Tooltip } from './Tooltip';
package/index.js CHANGED
@@ -19,8 +19,8 @@ export { Drawer } from './Drawer/index.js';
19
19
  export { Dropdown } from './Dropdown/index.js';
20
20
  export { default as Empty } from './Empty/index.js';
21
21
  export { default as Form } from './Form/index.js';
22
- export { F as FormItem } from './_verture/index-abfdd262.js';
23
- export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-59669f93.js';
22
+ export { F as FormItem } from './_verture/index-08b7101b.js';
23
+ export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-7b378e49.js';
24
24
  export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
25
25
  export { default as Help } from './Help/index.js';
26
26
  export { default as HelperText } from './HelperText/index.js';
@@ -60,16 +60,19 @@ export { Test } from './Test/index.js';
60
60
  export { TextField } from './TextField/index.js';
61
61
  export { default as TimePicker } from './TimePicker/index.js';
62
62
  export { Timeline } from './Timeline/index.js';
63
+ export { Title } from './Title/index.js';
63
64
  export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
64
65
  export { Tooltip } from './Tooltip/index.js';
65
66
  export { Transfer } from './Transfer/index.js';
66
- export { T as Tree } from './_verture/index-5bb4b5d7.js';
67
+ export { T as Tree } from './_verture/index-df70784b.js';
67
68
  export { default as Upload } from './Upload/index.js';
68
69
  import './_verture/slicedToArray-d7722f4b.js';
69
70
  import 'react/jsx-runtime';
70
71
  import 'react';
71
- import '@para-ui/icons/More';
72
+ import 'react-dom';
72
73
  import '@paraview/lib';
74
+ import './_verture/constant-bf34e6fa.js';
75
+ import '@para-ui/icons/More';
73
76
  import './_verture/style-inject.es-300983ab.js';
74
77
  import './_verture/toConsumableArray-f8047a75.js';
75
78
  import './_verture/typeof-498dd2b1.js';
@@ -112,7 +115,6 @@ import 'rc-input-number';
112
115
  import '@para-ui/icons/Up';
113
116
  import '@para-ui/icons/Minus';
114
117
  import '@para-ui/icons/Plus';
115
- import 'react-dom';
116
118
  import '@para-ui/icons';
117
119
  import '@para-ui/icons/IndentRightFill';
118
120
  import '@para-ui/icons/IndentLeftFill';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@para-ui/core",
3
3
  "private": false,
4
- "version": "3.0.1",
4
+ "version": "3.0.2-beta",
5
5
  "main": "./index.js",
6
6
  "typings": "./index.d.ts",
7
7
  "description": "Powered by Para FED",
@@ -71,6 +71,7 @@
71
71
  "@types/react-slick": "^0.23.8",
72
72
  "@types/react-syntax-highlighter": "^13.5.2",
73
73
  "@types/react-transition-group": "^4.4.4",
74
+ "copy-webpack-plugin": "^11.0.0",
74
75
  "core-js": "^3.21.1",
75
76
  "css-loader": "^3.4.2",
76
77
  "file-loader": "^5.1.0",