@para-ui/core 4.0.51 → 4.0.53

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 (46) hide show
  1. package/Cascader/index.js +4 -5
  2. package/ComboSelect/index.js +7 -8
  3. package/CycleSelector/index.js +1 -4
  4. package/DatePicker/index.js +1 -4
  5. package/DynamicMultiBox/index.js +2 -3
  6. package/Empty/index.js +1 -1
  7. package/Form/index.js +3 -4
  8. package/FormItem/index.js +3 -4
  9. package/Image/index.js +2 -3
  10. package/Prompt/index.d.ts +2 -0
  11. package/Prompt/index.js +6 -4
  12. package/README.md +13 -0
  13. package/Stepper/index.js +1 -1
  14. package/Table/index.js +1 -1
  15. package/Tabs/index.js +2 -2
  16. package/Tag/index.js +55 -87
  17. package/TimePicker/index.js +1 -4
  18. package/Timeline/index.js +1 -2
  19. package/ToggleButton/index.js +1 -2
  20. package/Tree/index.js +3 -4
  21. package/Upload/index.js +2 -3
  22. package/_verture/{Portal-f9bedb3a.js → Portal-42560ff0.js} +1 -2
  23. package/_verture/{defineProperty-6f62bb2a.js → defineProperty-f0e15205.js} +10 -2
  24. package/_verture/{index-972707a5.js → index-063009f8.js} +2 -3
  25. package/_verture/{index-6647cbf6.js → index-d728b0ce.js} +1 -2
  26. package/index.js +5 -6
  27. package/package.json +2 -2
  28. package/umd/Argv.js +1 -1
  29. package/umd/ComboSelect.js +2 -2
  30. package/umd/ContentBox.js +1 -1
  31. package/umd/CycleSelector.js +1 -1
  32. package/umd/DynamicMultiBox.js +2 -2
  33. package/umd/Empty.js +1 -1
  34. package/umd/Form.js +2 -2
  35. package/umd/FormItem.js +2 -2
  36. package/umd/Pagination.js +1 -1
  37. package/umd/Prompt.js +2 -2
  38. package/umd/QuickReply.js +1 -1
  39. package/umd/Select.js +1 -1
  40. package/umd/SelectInput.js +1 -1
  41. package/umd/Selector.js +1 -1
  42. package/umd/SelectorPicker.js +1 -1
  43. package/umd/Table.js +1 -1
  44. package/umd/Tree.js +1 -1
  45. package/_verture/typeof-adeedc13.js +0 -11
  46. /package/_verture/{index-bd0da612.js → index-f30ae73e.js} +0 -0
package/Cascader/index.js CHANGED
@@ -1,14 +1,13 @@
1
- import { C as Cascader } from '../_verture/index-972707a5.js';
2
- export { C as default } from '../_verture/index-972707a5.js';
1
+ import { C as Cascader } from '../_verture/index-063009f8.js';
2
+ export { C as default } from '../_verture/index-063009f8.js';
3
3
  import '../_verture/tslib.es6-55ed4bd2.js';
4
4
  import 'react/jsx-runtime';
5
- import '../_verture/Portal-f9bedb3a.js';
5
+ import '../_verture/Portal-42560ff0.js';
6
6
  import '../_verture/slicedToArray-75fa4188.js';
7
7
  import 'react';
8
8
  import 'react-dom';
9
- import '../_verture/typeof-adeedc13.js';
9
+ import '../_verture/defineProperty-f0e15205.js';
10
10
  import '../_verture/toConsumableArray-c7a8028f.js';
11
- import '../_verture/defineProperty-6f62bb2a.js';
12
11
  import 'rc-motion';
13
12
  import 'clsx';
14
13
  import '../_verture/typeof-6ec38efd.js';
package/ComboSelect/index.js CHANGED
@@ -6,7 +6,7 @@ import SearchIcon from '@para-ui/icons/Search';
6
6
  import Close from '@para-ui/icons/Close';
7
7
  import CloseCircleF from '@para-ui/icons/CloseCircleF';
8
8
  import Table from '../Table/index.js';
9
- import { T as Tree } from '../_verture/index-6647cbf6.js';
9
+ import { T as Tree } from '../_verture/index-d728b0ce.js';
10
10
  import { Button } from '../Button/index.js';
11
11
  import { D as Dropdown } from '../_verture/index-bde7aabe.js';
12
12
  import { Popover } from '../Popover/index.js';
@@ -62,8 +62,7 @@ import '@para-ui/icons/DoubleRight';
62
62
  import '../ScrollBar/index.js';
63
63
  import '../_verture/toConsumableArray-c7a8028f.js';
64
64
  import '../_verture/slicedToArray-75fa4188.js';
65
- import '../_verture/defineProperty-6f62bb2a.js';
66
- import '../_verture/typeof-adeedc13.js';
65
+ import '../_verture/defineProperty-f0e15205.js';
67
66
  import '../_verture/index-8ac46bd9.js';
68
67
  import '../_verture/typeof-6ec38efd.js';
69
68
  import 'rc-tree';
@@ -103,7 +102,7 @@ var localeJson = {
103
102
  en
104
103
  };
105
104
 
106
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-comboselect .comboselect-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n min-height: 32px;\n padding: 0 10px;\n font-size: 14px;\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 42px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgb(161, 168, 179);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow {\n position: absolute;\n top: 5px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow svg {\n color: rgb(92, 101, 115);\n font-size: 20px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear {\n position: absolute;\n top: 7px;\n right: 12px;\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg {\n color: rgb(161, 168, 179);\n font-size: 16px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding: 0 30px 0 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 30px;\n padding: 0 30px 0 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-single-content {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n display: inline-flex;\n align-items: center;\n padding: 0 10px;\n height: 24px;\n margin: 3px 4px 0 0;\n max-width: 100%;\n color: rgb(29, 33, 38);\n line-height: 24px;\n background-color: rgb(234, 236, 241);\n border-radius: 2px;\n user-select: none;\n transition: 0.3s;\n cursor: default;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-content {\n display: inline-block;\n margin-right: 4px;\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n font-size: 16px;\n color: inherit;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n color: rgb(161, 168, 179);\n background-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n margin-right: 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-list {\n overflow: hidden;\n height: 30px;\n display: flex;\n flex-wrap: wrap;\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n transform: rotate(180deg);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-comboselect-disabled .comboselect-wrapper {\n background-color: rgb(247, 248, 250);\n border-color: rgb(212, 218, 227);\n pointer-events: none;\n}\n.paraui-v4-comboselect-disabled .comboselect-single-content {\n color: rgb(92, 101, 115) !important;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper, .paraui-v4-comboselect-medium .comboselect-wrapper {\n min-height: 28px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow {\n padding-top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 20px;\n margin-bottom: 3px;\n line-height: 20px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 26px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-arrow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-arrow {\n top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-clear, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-clear {\n top: 5px;\n}\n.paraui-v4-comboselect-error .comboselect-wrapper {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-error .comboselect-wrapper:hover {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n opacity: 0;\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n opacity: 1;\n}\n.paraui-v4-comboselect-non-popup {\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper {\n border: none;\n border-bottom: 1px solid rgb(212, 218, 227);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n cursor: default;\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content {\n position: relative;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n width: 100%;\n flex: auto;\n border: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input .text-field-content {\n border: unset;\n height: unset;\n border-radius: unset;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n padding-bottom: 10px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .table-pagination {\n height: 52px;\n padding-right: 20px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n padding: 6px 7px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v4-tree-empty {\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper {\n position: relative;\n color: initial;\n overflow: hidden;\n padding: 4px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper.show-search {\n padding-top: 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper.mode-table {\n padding-top: 0;\n}\n.paraui-v4-comboselect-dropdown .dropdown-content {\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search {\n display: flex;\n align-items: center;\n height: 30px;\n min-height: 30px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input {\n width: 100%;\n flex: auto;\n border: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input .text-field-content {\n border: unset;\n height: unset;\n border-radius: unset;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-table {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n padding-bottom: 2px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-pagination {\n height: 38px;\n padding-right: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-contain {\n height: calc(100% - 38px);\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .paraui-v4-tree-empty {\n height: 100%;\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content {\n display: flex;\n justify-content: center;\n}\n@keyframes rotateLoading {\n 0% {\n transformOrigin: 50% 50%;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon {\n margin-right: 4px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon > svg {\n transition: all 0.3s ease-in-out;\n animation: rotateLoading 1s infinite linear;\n font-size: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions {\n display: flex;\n align-items: center;\n padding: 8px 20px 8px 0;\n justify-content: flex-end;\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions button + button {\n margin-left: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath {\n height: 34px;\n line-height: 34px;\n padding: 0 10px;\n border-top: 1px solid rgb(234, 236, 241);\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath span {\n display: inline-block;\n height: 100%;\n padding-right: 10px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-empty {\n padding: 50px 0 72px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode {\n width: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-switcher {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-checkbox {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper {\n width: 100%;\n margin: 0;\n padding: 3px 28px 3px 12px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper:hover {\n background-color: rgb(247, 248, 250);\n border-radius: 0 !important;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper {\n position: relative;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n position: absolute;\n content: \" \";\n width: 15px;\n height: 10px;\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAVCAYAAABR915hAAAABHNCSVQICAgIfAhkiAAAAPhJREFUSEu91TsKwkAQANBZ0drOIjaWIkTiCcSbaLHgbTxAFPUGHkFvEAh4hASs7BXH3WBC/tmv24TAJG8/M7ME/jRcGq8JfnYIJAj3zor8w01QwGNqvaG/sA6XUUQ4sxWziVgcTSgnrcFtqDW4C7UCi6DGYVE0g2f04d39UaCTZzJoArs0urIMWyLgKfTHGxVcFk3gOY2e7DnkLyq4CvpbcbGryOCqaHbGlR8IbLsOWshqGVwXrZSTCG4Cra3jNtwU2thA6nCA3i1/taW3jEr5tXauMp4HdNHOllmHm0A7YR6Qx02hQjAPmm7jyeCFXnhwLqpnWv7uCxqa4b8ke3ZZAAAAAElFTkSuQmCC\");\n transform: translateY(-50%);\n background-size: 15px 10px;\n background-repeat: no-repeat;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list-single .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n display: none;\n}\n.paraui-v4-comboselect-more-popover {\n padding-left: 12px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper {\n width: 300px;\n padding: 4px 0;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 10px;\n font-size: 12px;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n max-height: 300px;\n overflow-y: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n display: flex;\n align-items: center;\n height: 30px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n padding: 0 10px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n display: inline-block;\n max-width: calc(100% - 25px);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n display: inline-flex;\n margin-left: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n font-size: 18px;\n color: rgb(92, 101, 115);\n cursor: pointer;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-clear, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-clear {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-reveal, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-reveal {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-input-placeholder {\n /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect.paraui-v4-comboselect-overLine .comboselect-wrapper .comboselect-overflow-list {\n height: 100%;\n padding-bottom: 3px;\n}";
105
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-comboselect .comboselect-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n min-height: 32px;\n padding: 0 10px;\n font-size: 14px;\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 42px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgb(161, 168, 179);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow {\n position: absolute;\n top: 5px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow svg {\n color: rgb(92, 101, 115);\n font-size: 20px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear {\n position: absolute;\n top: 7px;\n right: 12px;\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg {\n color: rgb(161, 168, 179);\n font-size: 16px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding: 0 30px 0 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 30px;\n padding: 0 30px 0 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-single-content {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n display: inline-flex;\n align-items: center;\n padding: 0 10px;\n height: 24px;\n margin: 3px 4px 0 0;\n max-width: 100%;\n color: rgb(29, 33, 38);\n line-height: 24px;\n background-color: rgb(234, 236, 241);\n border-radius: 2px;\n user-select: none;\n transition: 0.3s;\n cursor: default;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-content {\n display: inline-block;\n margin-right: 4px;\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n font-size: 16px;\n color: inherit;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n color: rgb(161, 168, 179);\n background-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n margin-right: 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-list {\n overflow: hidden;\n height: 30px;\n display: flex;\n flex-wrap: wrap;\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n transform: rotate(180deg);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-comboselect-disabled .comboselect-wrapper {\n background-color: rgb(247, 248, 250);\n border-color: rgb(212, 218, 227);\n pointer-events: none;\n}\n.paraui-v4-comboselect-disabled .comboselect-single-content {\n color: rgb(92, 101, 115) !important;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper, .paraui-v4-comboselect-medium .comboselect-wrapper {\n min-height: 28px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow {\n padding-top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 20px;\n margin-bottom: 3px;\n line-height: 20px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 26px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-arrow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-arrow {\n top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-clear, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-clear {\n top: 5px;\n}\n.paraui-v4-comboselect-error .comboselect-wrapper {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-error .comboselect-wrapper:hover {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n opacity: 0;\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n opacity: 1;\n}\n.paraui-v4-comboselect-non-popup {\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper {\n border: none;\n border-bottom: 1px solid rgb(212, 218, 227);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n cursor: default;\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content {\n position: relative;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n width: 100%;\n flex: auto;\n border: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input .text-field-content {\n border: unset;\n height: unset;\n border-radius: unset;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n padding-bottom: 10px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .table-pagination {\n height: 52px;\n padding-right: 20px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n padding: 6px 7px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v4-tree-empty {\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper {\n position: relative;\n color: initial;\n overflow: hidden;\n padding: 4px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper.show-search {\n padding-top: 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper.mode-table {\n padding-top: 0;\n}\n.paraui-v4-comboselect-dropdown .dropdown-content {\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search {\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input {\n width: 100%;\n flex: auto;\n border: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input .text-field-content {\n border: unset;\n height: unset;\n border-radius: unset;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-table {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n padding-bottom: 2px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-pagination {\n height: 38px;\n padding-right: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-contain {\n height: calc(100% - 38px);\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .paraui-v4-tree-empty {\n height: 100%;\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content {\n display: flex;\n justify-content: center;\n}\n@keyframes rotateLoading {\n 0% {\n transformOrigin: 50% 50%;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon {\n margin-right: 4px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon > svg {\n transition: all 0.3s ease-in-out;\n animation: rotateLoading 1s infinite linear;\n font-size: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions {\n display: flex;\n align-items: center;\n padding: 8px 20px 8px 0;\n justify-content: flex-end;\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions button + button {\n margin-left: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath {\n height: 34px;\n line-height: 34px;\n padding: 0 10px;\n border-top: 1px solid rgb(234, 236, 241);\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath span {\n display: inline-block;\n height: 100%;\n padding-right: 10px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-empty {\n padding: 50px 0 72px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode {\n width: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-switcher {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-checkbox {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper {\n width: 100%;\n margin: 0;\n padding: 3px 28px 3px 12px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper:hover {\n background-color: rgb(247, 248, 250);\n border-radius: 0 !important;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper {\n position: relative;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n position: absolute;\n content: \" \";\n width: 15px;\n height: 10px;\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAVCAYAAABR915hAAAABHNCSVQICAgIfAhkiAAAAPhJREFUSEu91TsKwkAQANBZ0drOIjaWIkTiCcSbaLHgbTxAFPUGHkFvEAh4hASs7BXH3WBC/tmv24TAJG8/M7ME/jRcGq8JfnYIJAj3zor8w01QwGNqvaG/sA6XUUQ4sxWziVgcTSgnrcFtqDW4C7UCi6DGYVE0g2f04d39UaCTZzJoArs0urIMWyLgKfTHGxVcFk3gOY2e7DnkLyq4CvpbcbGryOCqaHbGlR8IbLsOWshqGVwXrZSTCG4Cra3jNtwU2thA6nCA3i1/taW3jEr5tXauMp4HdNHOllmHm0A7YR6Qx02hQjAPmm7jyeCFXnhwLqpnWv7uCxqa4b8ke3ZZAAAAAElFTkSuQmCC\");\n transform: translateY(-50%);\n background-size: 15px 10px;\n background-repeat: no-repeat;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list-single .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n display: none;\n}\n.paraui-v4-comboselect-more-popover {\n padding-left: 12px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper {\n width: 300px;\n padding: 4px 0;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 10px;\n font-size: 12px;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n max-height: 300px;\n overflow-y: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n display: flex;\n align-items: center;\n height: 30px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n padding: 0 10px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n display: inline-block;\n max-width: calc(100% - 25px);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n display: inline-flex;\n margin-left: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n font-size: 18px;\n color: rgb(92, 101, 115);\n cursor: pointer;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-clear, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-clear {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-reveal, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-reveal {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-input-placeholder {\n /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect.paraui-v4-comboselect-overLine .comboselect-wrapper .comboselect-overflow-list {\n height: 100%;\n padding-bottom: 3px;\n}";
107
106
  styleInject(css_248z);
108
107
 
109
108
  //组合选择器
@@ -196,7 +195,6 @@ const ComboSelect = props => {
196
195
  const hasPopup = useRef(false); //显示弹框标识
197
196
  const popUpNodeRef = useRef(); //popup dom
198
197
  const emptyParamsRef = useRef({}); //空参数常量
199
- const searchInputRef = useRef(); //search input
200
198
  const mergedReplaceF = getReplaceField(mode, replaceFields, TableProps, TreeProps); //替换字段
201
199
  const {
202
200
  key: fieldKey = '',
@@ -451,7 +449,6 @@ const ComboSelect = props => {
451
449
  rightIcon: jsx(SearchIcon, {}),
452
450
  btnType: "inside",
453
451
  value: inputValue,
454
- ref: searchInputRef,
455
452
  onChange: handleInputChange,
456
453
  placeholder: searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : intl({
457
454
  id: 'searchPlaceholder'
@@ -593,8 +590,10 @@ const ComboSelect = props => {
593
590
  };
594
591
  if (open) {
595
592
  setTimeout(() => {
596
- var _a;
597
- (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
593
+ // searchInputRef.current?.focus();
594
+ if (!popUpNodeRef.current) return;
595
+ const searchInputDom = popUpNodeRef.current.querySelector('.comboselect-search-input input');
596
+ if (searchInputDom) searchInputDom.focus();
598
597
  }, 200);
599
598
  }
600
599
  if (!disablePopup && open) {
package/CycleSelector/index.js CHANGED
@@ -19,9 +19,6 @@ import 'rc-picker/es/generate/dayjs';
19
19
  import '../Tag/index.js';
20
20
  import '../_verture/tslib.es6-55ed4bd2.js';
21
21
  import '@para-ui/icons/EditOutline';
22
- import '../_verture/toConsumableArray-c7a8028f.js';
23
- import '../_verture/slicedToArray-75fa4188.js';
24
- import '../_verture/typeof-adeedc13.js';
25
22
  import '../AutoTips/index.js';
26
23
  import '../Tooltip/index.js';
27
24
  import 'rc-tooltip';
@@ -31,7 +28,7 @@ import '@paraview/lib';
31
28
  import '../_verture/tinycolor-ece3542d.js';
32
29
  import '../_verture/useGlobalProps-4ae1a007.js';
33
30
  import '@para-ui/icons/Plus';
34
- import '../_verture/defineProperty-6f62bb2a.js';
31
+ import '../_verture/defineProperty-f0e15205.js';
35
32
  import 'rc-picker';
36
33
  import '@para-ui/icons/CloseCircleF';
37
34
  import '@para-ui/icons/Calendar';
package/DatePicker/index.js CHANGED
@@ -2,7 +2,7 @@ import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { Button } from '../Button/index.js';
4
4
  import { Tag } from '../Tag/index.js';
5
- import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
5
+ import { a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
6
6
  import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
7
7
  import React__default, { forwardRef, useImperativeHandle } from 'react';
8
8
  import clsx from 'clsx';
@@ -33,9 +33,6 @@ import '../_verture/usePopupContainer-635f66f4.js';
33
33
  import 'dayjs';
34
34
  import '@para-ui/icons/Close';
35
35
  import '@para-ui/icons/EditOutline';
36
- import '../_verture/toConsumableArray-c7a8028f.js';
37
- import '../_verture/slicedToArray-75fa4188.js';
38
- import '../_verture/typeof-adeedc13.js';
39
36
  import '../_verture/tinycolor-ece3542d.js';
40
37
  import '../_verture/useGlobalProps-4ae1a007.js';
41
38
  import '@para-ui/icons/Plus';
package/DynamicMultiBox/index.js CHANGED
@@ -71,11 +71,10 @@ import '@para-ui/icons/Right';
71
71
  import '@para-ui/icons/DoubleLeft';
72
72
  import '@para-ui/icons/DoubleRight';
73
73
  import '../ScrollBar/index.js';
74
- import '../_verture/index-6647cbf6.js';
74
+ import '../_verture/index-d728b0ce.js';
75
75
  import '../_verture/toConsumableArray-c7a8028f.js';
76
76
  import '../_verture/slicedToArray-75fa4188.js';
77
- import '../_verture/defineProperty-6f62bb2a.js';
78
- import '../_verture/typeof-adeedc13.js';
77
+ import '../_verture/defineProperty-f0e15205.js';
79
78
  import '../_verture/index-8ac46bd9.js';
80
79
  import '../_verture/typeof-6ec38efd.js';
81
80
  import 'rc-tree';
package/Empty/index.js CHANGED
@@ -561,7 +561,7 @@ var localeJson = {
561
561
  en
562
562
  };
563
563
 
564
- 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}";
564
+ 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(92, 101, 115);\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}";
565
565
  styleInject(css_248z);
566
566
 
567
567
  const imageMap = {
package/Form/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { DeepClone } from '@paraview/lib';
3
3
  import React__default from 'react';
4
- import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-bd0da612.js';
4
+ import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-f30ae73e.js';
5
5
  import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
6
6
  import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
7
7
  import '../TextField/index.js';
@@ -72,10 +72,9 @@ import '@para-ui/icons/Right';
72
72
  import '@para-ui/icons/DoubleLeft';
73
73
  import '@para-ui/icons/DoubleRight';
74
74
  import '../ScrollBar/index.js';
75
- import '../_verture/index-6647cbf6.js';
75
+ import '../_verture/index-d728b0ce.js';
76
76
  import '../_verture/toConsumableArray-c7a8028f.js';
77
- import '../_verture/defineProperty-6f62bb2a.js';
78
- import '../_verture/typeof-adeedc13.js';
77
+ import '../_verture/defineProperty-f0e15205.js';
79
78
  import '../_verture/index-8ac46bd9.js';
80
79
  import '../_verture/typeof-6ec38efd.js';
81
80
  import 'rc-tree';
package/FormItem/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import 'react/jsx-runtime';
2
2
  import 'react';
3
- export { F as default } from '../_verture/index-bd0da612.js';
3
+ export { F as default } from '../_verture/index-f30ae73e.js';
4
4
  import 'clsx';
5
5
  import '../Label/index.js';
6
6
  import '../_verture/constant-5317fc89.js';
@@ -72,10 +72,9 @@ import '@para-ui/icons/Right';
72
72
  import '@para-ui/icons/DoubleLeft';
73
73
  import '@para-ui/icons/DoubleRight';
74
74
  import '../ScrollBar/index.js';
75
- import '../_verture/index-6647cbf6.js';
75
+ import '../_verture/index-d728b0ce.js';
76
76
  import '../_verture/toConsumableArray-c7a8028f.js';
77
- import '../_verture/defineProperty-6f62bb2a.js';
78
- import '../_verture/typeof-adeedc13.js';
77
+ import '../_verture/defineProperty-f0e15205.js';
79
78
  import '../_verture/index-8ac46bd9.js';
80
79
  import '../_verture/typeof-6ec38efd.js';
81
80
  import 'rc-tree';
package/Image/index.js CHANGED
@@ -2,10 +2,9 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import * as React from 'react';
4
4
  import React__default, { useState, useRef, useEffect, useContext, useMemo } from 'react';
5
- import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-f9bedb3a.js';
6
- import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
5
+ import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-42560ff0.js';
6
+ import { _ as _typeof, a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
7
7
  import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
8
- import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
9
8
  import Dialog from 'rc-dialog';
10
9
  import ReactDOM from 'react-dom';
11
10
  import CSSMotion from 'rc-motion';
package/Prompt/index.d.ts CHANGED
@@ -25,6 +25,8 @@ export interface PromptProps {
25
25
  onClose?: Function;
26
26
  /** 是否显示边框 */
27
27
  outline?: boolean;
28
+ /** 是否隐藏图标 */
29
+ hideIcon?: boolean;
28
30
  }
29
31
  export declare const Prompt: (props: PromptProps) => import("react/jsx-runtime").JSX.Element | null;
30
32
  export default Prompt;
package/Prompt/index.js CHANGED
@@ -8,7 +8,7 @@ import CheckCircleF from '@para-ui/icons/CheckCircleF';
8
8
  import Close from '@para-ui/icons/Close';
9
9
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
10
10
 
11
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-prompt {\n width: 100%;\n border-radius: 4px;\n padding: 10px 16px 10px 40px;\n position: relative;\n box-sizing: border-box;\n}\n.paraui-v4-prompt.prompt-outline {\n border-width: 1px;\n border-style: solid;\n}\n.paraui-v4-prompt.prompt-status-feedback-close {\n padding-right: 44px;\n}\n.paraui-v4-prompt .prompt-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 12px;\n left: 16px;\n z-index: 2;\n}\n.paraui-v4-prompt .prompt-icon svg {\n width: 16px;\n height: 16px;\n}\n.paraui-v4-prompt .prompt-btn-close {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 12px;\n right: 12px;\n z-index: 2;\n margin-left: auto;\n cursor: pointer;\n}\n.paraui-v4-prompt .prompt-btn-close svg {\n width: 100%;\n height: 100%;\n}\n.paraui-v4-prompt .prompt-title {\n width: 100%;\n font-weight: 600;\n height: 20px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n line-height: 20px;\n margin-bottom: 4px;\n}\n.paraui-v4-prompt .prompt-content-list .prompt-content-item {\n margin-top: 4px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-prompt .prompt-content-list .prompt-content-item:first-child {\n margin-top: 0;\n}\n.paraui-v4-prompt .prompt-content-item {\n width: 100%;\n font-size: 14px;\n color: rgb(29, 33, 38);\n line-height: 20px;\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-info .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-info .prompt-content-item {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-error .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-error .prompt-content-item {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-success .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-success .prompt-content-item {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-warn .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-warn .prompt-content-item {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-prompt.prompt-type-info {\n background: rgb(240, 245, 255);\n}\n.paraui-v4-prompt.prompt-type-info svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-prompt.prompt-type-info.prompt-outline {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-prompt.prompt-type-error {\n background: rgb(255, 235, 235);\n}\n.paraui-v4-prompt.prompt-type-error svg {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-prompt.prompt-type-error.prompt-outline {\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-prompt.prompt-type-success {\n background: rgb(232, 252, 239);\n}\n.paraui-v4-prompt.prompt-type-success svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-type-success.prompt-outline {\n border-color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-type-warn {\n background: rgb(255, 246, 235);\n}\n.paraui-v4-prompt.prompt-type-warn svg {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-prompt.prompt-type-warn.prompt-outline {\n border-color: rgb(255, 147, 38);\n}";
11
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-prompt {\n width: 100%;\n border-radius: 4px;\n padding: 10px 16px 10px 40px;\n position: relative;\n box-sizing: border-box;\n}\n.paraui-v4-prompt.prompt-outline {\n border-width: 1px;\n border-style: solid;\n}\n.paraui-v4-prompt.prompt-status-feedback-close {\n padding-right: 44px;\n}\n.paraui-v4-prompt.prompt-hide-icon {\n padding-left: 16px;\n}\n.paraui-v4-prompt .prompt-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 12px;\n left: 16px;\n z-index: 2;\n}\n.paraui-v4-prompt .prompt-icon svg {\n width: 16px;\n height: 16px;\n}\n.paraui-v4-prompt .prompt-btn-close {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 12px;\n right: 12px;\n z-index: 2;\n margin-left: auto;\n cursor: pointer;\n}\n.paraui-v4-prompt .prompt-btn-close svg {\n width: 100%;\n height: 100%;\n}\n.paraui-v4-prompt .prompt-title {\n width: 100%;\n font-weight: 600;\n height: 20px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n line-height: 20px;\n margin-bottom: 4px;\n}\n.paraui-v4-prompt .prompt-content-list .prompt-content-item {\n margin-top: 4px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-prompt .prompt-content-list .prompt-content-item:first-child {\n margin-top: 0;\n}\n.paraui-v4-prompt .prompt-content-item {\n width: 100%;\n font-size: 14px;\n color: rgb(29, 33, 38);\n line-height: 20px;\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-info .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-info .prompt-content-item {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-error .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-error .prompt-content-item {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-success .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-success .prompt-content-item {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-warn .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-warn .prompt-content-item {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-prompt.prompt-type-info {\n background: rgb(240, 245, 255);\n}\n.paraui-v4-prompt.prompt-type-info svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-prompt.prompt-type-info.prompt-outline {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-prompt.prompt-type-error {\n background: rgb(255, 235, 235);\n}\n.paraui-v4-prompt.prompt-type-error svg {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-prompt.prompt-type-error.prompt-outline {\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-prompt.prompt-type-success {\n background: rgb(232, 252, 239);\n}\n.paraui-v4-prompt.prompt-type-success svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-type-success.prompt-outline {\n border-color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-type-warn {\n background: rgb(255, 246, 235);\n}\n.paraui-v4-prompt.prompt-type-warn svg {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-prompt.prompt-type-warn.prompt-outline {\n border-color: rgb(255, 147, 38);\n}";
12
12
  styleInject(css_248z);
13
13
 
14
14
  const iconMap = {
@@ -38,7 +38,8 @@ const Prompt = props => {
38
38
  customContent,
39
39
  closeIcon,
40
40
  onClose,
41
- outline
41
+ outline,
42
+ hideIcon
42
43
  } = props;
43
44
  const [isShow, setIsShow] = useState(true);
44
45
  useEffect(() => {
@@ -73,11 +74,12 @@ const Prompt = props => {
73
74
  className: clsx("".concat($prefixCls, "-prompt"), className, "prompt-type-".concat(type), {
74
75
  'prompt-outline': outline,
75
76
  'prompt-status-feedback': status === 'feedback',
76
- 'prompt-status-feedback-close': closeIcon
77
+ 'prompt-status-feedback-close': closeIcon,
78
+ 'prompt-hide-icon': hideIcon
77
79
  }),
78
80
  style: style
79
81
  }, {
80
- children: [jsx("div", Object.assign({
82
+ children: [!hideIcon && jsx("div", Object.assign({
81
83
  className: "prompt-icon"
82
84
  }, {
83
85
  children: icon || iconMap[type]
package/README.md CHANGED
@@ -1,3 +1,16 @@
1
+ ## 🎉 para-ui/core@4.0.53 发布
2
+
3
+ 🔧【Bugfix】
4
+ - 【表格-Table】修改表格页面缩放抖动问题
5
+
6
+ ## 🎉 para-ui/core@4.0.52 发布
7
+
8
+ 🔧【Bugfix】
9
+ - 【组合选择器-ComboSelect】修复搜索框自动获取焦点的问题
10
+ - 【高亮提示-Prompt】按钮可隐藏
11
+ - 【空状态-Empty】修改文字样式
12
+ - 升级@paraview/lib防止外部项目axios不同步
13
+
1
14
  ## 🎉 para-ui/core@4.0.51 发布
2
15
 
3
16
  🔧【Bugfix】
package/Stepper/index.js CHANGED
@@ -24,7 +24,7 @@ import '@para-ui/icons/Forbid';
24
24
  import '@paraview/lib';
25
25
 
26
26
  //默认图标
27
- const Icons = {
27
+ var Icons = {
28
28
  1: jsx(One, {
29
29
  size: "medium"
30
30
  }),
package/Table/index.js CHANGED
@@ -1866,7 +1866,7 @@ const TableElement = props => {
1866
1866
  }));
1867
1867
  };
1868
1868
 
1869
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-table {\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: white;\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 position: relative;\n}\n.paraui-v4-table.paraui-v4-virtual > .table-contain {\n margin-right: 8px;\n}\n.paraui-v4-table.paraui-v4-virtual > .table-contain::-webkit-scrollbar {\n width: 0;\n}\n.paraui-v4-table.paraui-v4-virtual.paraui-v4-table-pagination .paraui-v4-scroll-bar {\n height: calc(100% - 36px);\n}\n.paraui-v4-table.paraui-v4-virtual.table-scroll-left .paraui-v4-scroll-bar, .paraui-v4-table.paraui-v4-virtual.table-scroll-right .paraui-v4-scroll-bar, .paraui-v4-table.paraui-v4-virtual.table-scroll-middle .paraui-v4-scroll-bar {\n padding-bottom: 8px;\n}\n.paraui-v4-table.paraui-v4-table-draggable * {\n user-select: none !important;\n}\n.paraui-v4-table.paraui-v4-table-fixed-table > .table-contain > table {\n table-layout: fixed;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-checkbox {\n left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-radio {\n left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-expandable {\n left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-radio.paraui-v4-table-check .table-radio {\n left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check .table-expandable {\n left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check.paraui-v4-table-radio .table-expandable {\n left: 80px;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table {\n height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table .paraui-v4-empty {\n overflow: hidden;\n}\n.paraui-v4-table.paraui-v4-table-load.paraui-v4-table-no-data > .table-container > table {\n height: auto;\n}\n.paraui-v4-table.paraui-v4-table-pagination > .table-contain {\n height: calc(100% - 36px);\n}\n.paraui-v4-table.paraui-v4-table-pagination.table-load-more > .table-contain {\n height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-load-more.paraui-v4-table-pagination > .table-contain {\n height: 100%;\n}\n.paraui-v4-table > .table-contain {\n height: 100%;\n position: relative;\n}\n.paraui-v4-table > .table-contain > table {\n height: auto;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox > label {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox .table-header-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio > label {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio .table-header-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-expandable > svg {\n vertical-align: middle;\n}\n.paraui-v4-table > .table-contain > table > .table-head {\n width: 100%;\n white-space: nowrap;\n}\n.paraui-v4-table > .table-contain > table > .table-head > tr th {\n height: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-scroll tr th {\n max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n padding-right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box {\n height: 47px;\n line-height: 47px;\n position: relative;\n padding: 0 8px;\n display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n max-width: 100%;\n display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n width: 100%;\n color: rgb(92, 101, 115);\n font-weight: 700;\n font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span {\n width: 20px;\n height: 20px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n border-radius: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n font-size: 12px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n position: relative;\n top: 3px;\n transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n position: relative;\n top: -3px;\n transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n border-radius: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n font-size: 14px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span:after {\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: rgb(244, 66, 66);\n content: \"\";\n right: 3px;\n top: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title {\n padding-right: 8px;\n max-width: calc(100% - 20px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n padding-right: 8px;\n max-width: calc(100% - 20px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort.table-header-box-filter > .table-header-title {\n max-width: calc(100% - 40px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums {\n width: 53px;\n cursor: pointer;\n border-left: 1px solid rgb(234, 236, 241);\n right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n font-size: 20px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .drag-row {\n width: 53px;\n cursor: pointer;\n border-left: 1px solid rgb(234, 236, 241);\n right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn {\n width: 32px;\n padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n width: 32px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child {\n width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body {\n width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-scroll tr td {\n max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td {\n background-color: white;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate {\n padding-right: 16px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box {\n display: flex;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box .drag-btn-line {\n display: inline-block;\n width: 1px;\n height: 12px;\n background-color: rgb(213, 224, 250);\n margin: 0 10px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box .drag-row-btn {\n cursor: all-scroll;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box .drag-row-btn svg {\n font-size: 18px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate.table-operate-center {\n padding-right: 8px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate.table-operate-center > .table-operate-box {\n justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:hover td {\n background-color: rgb(233, 239, 255);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg {\n transition: all 0.3s;\n cursor: pointer;\n font-size: 18px;\n color: rgb(92, 101, 115);\n transform: rotate(270deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n transform: rotate(360deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row {\n cursor: pointer;\n position: sticky;\n bottom: 0;\n z-index: 10;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row .more-btn {\n color: rgb(46, 101, 230);\n font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row > .td-element {\n position: relative;\n background: white;\n box-shadow: 4px -4px 8px 0px rgb(234, 236, 241);\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr.more-table-row td:first-child {\n padding-left: 8px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn {\n width: 32px;\n padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn:first-child {\n width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data {\n height: calc(100% - 50px);\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data:hover td {\n background-color: white;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data > td {\n padding: 56px 0 0 0;\n}\n.paraui-v4-table > .table-contain > .table-pos-line {\n position: absolute;\n top: 0;\n width: 1px;\n background-color: rgb(46, 101, 230);\n z-index: 1000;\n}\n.paraui-v4-table > .table-pagination {\n width: 100%;\n height: 36px;\n display: flex;\n align-items: flex-end;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right {\n display: flex;\n height: 32px;\n align-items: center;\n color: rgb(29, 33, 38);\n line-height: 32px;\n padding-left: 16px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .all-select {\n margin-left: 12px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .line {\n width: 1px;\n height: 12px;\n background-color: rgb(212, 218, 227);\n margin: 0 10px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .check-number {\n width: 65px;\n display: inline-block;\n}\n.paraui-v4-table > .table-pagination .table-pagination-com {\n flex: 1;\n justify-content: flex-end;\n}\n.paraui-v4-table > .table-pagination .refresh-btn {\n margin-left: 20px;\n}\n\n.paraui-v4-table-show-colums-popover > .component-popover-content {\n min-width: 200px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n padding-top: 4px;\n max-height: 320px;\n overflow-y: auto;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n height: 30px;\n line-height: 30px;\n cursor: pointer;\n display: flex;\n padding: 0 10px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n padding-left: 8px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n display: inline-block;\n width: calc(100% - 14px);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled {\n cursor: inherit;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled > span {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled:hover {\n background: transparent;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n height: 36px;\n border-top: 1px solid rgb(247, 248, 250);\n text-align: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n width: 100%;\n height: 100%;\n margin: 0;\n}\n\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n padding-top: 4px;\n max-height: 320px;\n overflow-y: auto;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n height: 30px;\n line-height: 30px;\n cursor: pointer;\n display: flex;\n padding: 0 10px;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n padding-left: 8px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n display: inline-block;\n width: calc(100% - 14px);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n height: 36px;\n border-top: 1px solid rgb(247, 248, 250);\n text-align: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n width: 50%;\n height: 100%;\n margin: 0;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select.filter-select-none {\n text-align: center;\n padding: 20px 0;\n}\n.paraui-v4-filter-popover.paraui-v4-filter-popover-default > .component-popover-content {\n min-width: 200px;\n}";
1869
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-table {\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: white;\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 position: relative;\n}\n.paraui-v4-table.paraui-v4-virtual > .table-contain {\n margin-right: 8px;\n}\n.paraui-v4-table.paraui-v4-virtual > .table-contain::-webkit-scrollbar {\n width: 0;\n}\n.paraui-v4-table.paraui-v4-virtual.paraui-v4-table-pagination .paraui-v4-scroll-bar {\n height: calc(100% - 40px);\n}\n.paraui-v4-table.paraui-v4-virtual.table-scroll-left .paraui-v4-scroll-bar, .paraui-v4-table.paraui-v4-virtual.table-scroll-right .paraui-v4-scroll-bar, .paraui-v4-table.paraui-v4-virtual.table-scroll-middle .paraui-v4-scroll-bar {\n padding-bottom: 8px;\n}\n.paraui-v4-table.paraui-v4-table-draggable * {\n user-select: none !important;\n}\n.paraui-v4-table.paraui-v4-table-fixed-table > .table-contain > table {\n table-layout: fixed;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-checkbox {\n left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-radio {\n left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-expandable {\n left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-radio.paraui-v4-table-check .table-radio {\n left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check .table-expandable {\n left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check.paraui-v4-table-radio .table-expandable {\n left: 80px;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table {\n height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table .paraui-v4-empty {\n overflow: hidden;\n}\n.paraui-v4-table.paraui-v4-table-load.paraui-v4-table-no-data > .table-container > table {\n height: auto;\n}\n.paraui-v4-table.paraui-v4-table-pagination > .table-contain {\n height: calc(100% - 40px);\n}\n.paraui-v4-table.paraui-v4-table-pagination.table-load-more > .table-contain {\n height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-load-more.paraui-v4-table-pagination > .table-contain {\n height: 100%;\n}\n.paraui-v4-table > .table-contain {\n height: 100%;\n position: relative;\n}\n.paraui-v4-table > .table-contain > table {\n height: auto;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox > label {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox .table-header-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio > label {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio .table-header-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-expandable > svg {\n vertical-align: middle;\n}\n.paraui-v4-table > .table-contain > table > .table-head {\n width: 100%;\n white-space: nowrap;\n}\n.paraui-v4-table > .table-contain > table > .table-head > tr th {\n height: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-scroll tr th {\n max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n padding-right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box {\n height: 47px;\n line-height: 47px;\n position: relative;\n padding: 0 8px;\n display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n max-width: 100%;\n display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n width: 100%;\n color: rgb(92, 101, 115);\n font-weight: 700;\n font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span {\n width: 20px;\n height: 20px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n border-radius: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n font-size: 12px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n position: relative;\n top: 3px;\n transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n position: relative;\n top: -3px;\n transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n cursor: pointer;\n border-radius: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n font-size: 14px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span:after {\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: rgb(244, 66, 66);\n content: \"\";\n right: 3px;\n top: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title {\n padding-right: 8px;\n max-width: calc(100% - 20px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n padding-right: 8px;\n max-width: calc(100% - 20px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort.table-header-box-filter > .table-header-title {\n max-width: calc(100% - 40px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums {\n width: 53px;\n cursor: pointer;\n border-left: 1px solid rgb(234, 236, 241);\n right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n font-size: 20px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .drag-row {\n width: 53px;\n cursor: pointer;\n border-left: 1px solid rgb(234, 236, 241);\n right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn {\n width: 32px;\n padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n width: 32px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child {\n width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body {\n width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-scroll tr td {\n max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td {\n background-color: white;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate {\n padding-right: 16px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box {\n display: flex;\n align-items: center;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box .drag-btn-line {\n display: inline-block;\n width: 1px;\n height: 12px;\n background-color: rgb(213, 224, 250);\n margin: 0 10px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box .drag-row-btn {\n cursor: all-scroll;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate > .table-operate-box .drag-row-btn svg {\n font-size: 18px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate.table-operate-center {\n padding-right: 8px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate.table-operate-center > .table-operate-box {\n justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:hover td {\n background-color: rgb(233, 239, 255);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg {\n transition: all 0.3s;\n cursor: pointer;\n font-size: 18px;\n color: rgb(92, 101, 115);\n transform: rotate(270deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n transform: rotate(360deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row {\n cursor: pointer;\n position: sticky;\n bottom: 0;\n z-index: 10;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row .more-btn {\n color: rgb(46, 101, 230);\n font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row > .td-element {\n position: relative;\n background: white;\n box-shadow: 4px -4px 8px 0px rgb(234, 236, 241);\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr.more-table-row td:first-child {\n padding-left: 8px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn {\n width: 32px;\n padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn:first-child {\n width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data {\n height: calc(100% - 50px);\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data:hover td {\n background-color: white;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data > td {\n padding: 56px 0 0 0;\n}\n.paraui-v4-table > .table-contain > .table-pos-line {\n position: absolute;\n top: 0;\n width: 1px;\n background-color: rgb(46, 101, 230);\n z-index: 1000;\n}\n.paraui-v4-table > .table-pagination {\n width: 100%;\n height: 36px;\n display: flex;\n align-items: flex-end;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right {\n display: flex;\n height: 32px;\n align-items: center;\n color: rgb(29, 33, 38);\n line-height: 32px;\n padding-left: 16px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .all-select {\n margin-left: 12px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .line {\n width: 1px;\n height: 12px;\n background-color: rgb(212, 218, 227);\n margin: 0 10px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .check-number {\n width: 65px;\n display: inline-block;\n}\n.paraui-v4-table > .table-pagination .table-pagination-com {\n flex: 1;\n justify-content: flex-end;\n}\n.paraui-v4-table > .table-pagination .refresh-btn {\n margin-left: 20px;\n}\n\n.paraui-v4-table-show-colums-popover > .component-popover-content {\n min-width: 200px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n padding-top: 4px;\n max-height: 320px;\n overflow-y: auto;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n height: 30px;\n line-height: 30px;\n cursor: pointer;\n display: flex;\n padding: 0 10px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n padding-left: 8px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n display: inline-block;\n width: calc(100% - 14px);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled {\n cursor: inherit;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled > span {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled:hover {\n background: transparent;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n height: 36px;\n border-top: 1px solid rgb(247, 248, 250);\n text-align: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n width: 100%;\n height: 100%;\n margin: 0;\n}\n\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n padding-top: 4px;\n max-height: 320px;\n overflow-y: auto;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n height: 30px;\n line-height: 30px;\n cursor: pointer;\n display: flex;\n padding: 0 10px;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n padding-left: 8px;\n color: rgb(29, 33, 38);\n font-size: 14px;\n display: inline-block;\n width: calc(100% - 14px);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover {\n background: rgb(247, 248, 250);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n height: 36px;\n border-top: 1px solid rgb(247, 248, 250);\n text-align: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n width: 50%;\n height: 100%;\n margin: 0;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select.filter-select-none {\n text-align: center;\n padding: 20px 0;\n}\n.paraui-v4-filter-popover.paraui-v4-filter-popover-default > .component-popover-content {\n min-width: 200px;\n}";
1870
1870
  styleInject(css_248z);
1871
1871
 
1872
1872
  /**
package/Tabs/index.js CHANGED
@@ -42,8 +42,8 @@ var zh = {
42
42
  };
43
43
 
44
44
  var localeJson = {
45
- zh: zh,
46
- en: en
45
+ zh,
46
+ en
47
47
  };
48
48
 
49
49
  var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:29\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav {\n height: 32px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav .component-tabs-tab {\n height: 24px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.paraui-v4-tabs-medium .component-tabs-nav .component-tabs-nav-operations {\n height: 100%;\n}\n\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:44\n* @description\n*/\n.paraui-v4-tabs.component-tabs-top, .paraui-v4-tabs.component-tabs-bottom {\n flex-direction: column;\n}\n.paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-top > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-top > div > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-bottom > div > .component-tabs-nav {\n padding: 0 20px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-left > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-left > div > .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-line.component-nav-padding.component-tabs-right > div > .component-tabs-nav {\n padding: 20px 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav {\n margin: 0 0 16px 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav::before {\n position: absolute;\n right: 0;\n left: 0;\n border-bottom: 1px solid rgb(234, 236, 241);\n content: \"\";\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar {\n height: 1px;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar-animated {\n transition: width 0.3s, left 0.3s, right 0.3s;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n top: 0;\n bottom: 0;\n width: 30px;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::before {\n left: 0;\n box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n right: 0;\n box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before {\n opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after {\n opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav::before {\n bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar {\n bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav {\n order: 1;\n margin-top: 16px;\n margin-bottom: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav::before, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav::before {\n top: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar {\n top: 0;\n}\n.paraui-v4-tabs.component-tabs-bottom > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-bottom > div > .component-tabs-content-holder {\n order: 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav {\n flex-direction: column;\n min-width: 50px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-tab {\n padding: 0 12px;\n text-align: center;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n margin: 8px 0 0 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap {\n flex-direction: column;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n right: 0;\n left: 0;\n height: 30px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::before {\n top: 0;\n box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n bottom: 0;\n box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before {\n opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after {\n opacity: 1;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar {\n width: 1px;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar-animated {\n transition: height 0.3s, top 0.3s;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-operations {\n flex: 1 0 auto;\n flex-direction: column;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar {\n right: 0;\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-content-holder {\n margin-left: -1px;\n border-left: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-tabs.component-tabs-left > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane, .paraui-v4-tabs.component-tabs-left > div > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n padding-left: 20px;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-nav, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav {\n order: 1;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar {\n left: 0;\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-content-holder, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-content-holder {\n order: 0;\n margin-right: -1px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-tabs.component-tabs-right > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane, .paraui-v4-tabs.component-tabs-right > div > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n padding-right: 20px;\n}\n\n.component-tabs-dropdown {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n color: rgba(0, 0, 0, 0.85);\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: absolute;\n top: -9999px;\n left: -9999px;\n z-index: 1050;\n display: block;\n}\n.component-tabs-dropdown.component-tabs-dropdown-hidden {\n display: none;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu {\n max-height: 200px;\n margin: 0;\n padding: 4px 0;\n overflow-x: hidden;\n overflow-y: auto;\n text-align: left;\n list-style-type: none;\n background-color: rgb(255, 255, 255);\n background-clip: padding-box;\n border-radius: 4px;\n outline: none;\n box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item {\n display: flex;\n align-items: center;\n min-width: 140px;\n margin: 0;\n padding: 5px 10px;\n overflow: hidden;\n color: rgb(29, 33, 38);\n font-weight: normal;\n font-size: 14px;\n line-height: 20px;\n white-space: nowrap;\n text-overflow: ellipsis;\n cursor: pointer;\n transition: all 0.3s;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help {\n display: inline-flex;\n flex-direction: row-reverse;\n align-items: center;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v4-help {\n display: inline-flex;\n margin-left: 4px;\n font-size: 14px;\n color: rgb(161, 168, 179);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v4-help svg {\n color: inherit;\n font-size: inherit;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item > span {\n flex: 1;\n white-space: nowrap;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove {\n flex: none;\n margin-left: 12px;\n margin-top: 2px;\n color: rgb(92, 101, 115);\n background: transparent;\n border: 0;\n cursor: pointer;\n transition: all 0.3s;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove svg {\n color: inherit;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove:hover {\n color: rgb(87, 131, 235);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item:hover {\n background: rgb(247, 248, 250);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-disabled,\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-disabled:hover {\n color: rgb(161, 168, 179);\n background: transparent;\n cursor: not-allowed;\n}\n\n.component-tabs-slide-up-enter,\n.component-tabs-slide-up-appear {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tabs-slide-up-leave {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tabs-slide-up-enter.component-tabs-slide-up-enter-active,\n.component-tabs-slide-up-appear.component-tabs-slide-up-appear-active {\n animation-name: componentTabsSlideUpIn;\n animation-play-state: running;\n}\n\n.component-tabs-slide-up-leave.component-tabs-slide-up-leave-active {\n animation-name: componentTabsSlideUpOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.component-tabs-slide-up-enter,\n.component-tabs-slide-up-appear {\n opacity: 0;\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.component-tabs-slide-up-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n\n@keyframes componentTabsSlideUpIn {\n 0% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n}\n@keyframes componentTabsSlideUpOut {\n 0% {\n transform: scaleY(1);\n transform-origin: 0% 0%;\n opacity: 1;\n }\n 100% {\n transform: scaleY(0.8);\n transform-origin: 0% 0%;\n opacity: 0;\n }\n}\n.paraui-v4-tabs {\n color: rgb(29, 33, 38);\n font-size: 14px;\n line-height: 1.5715;\n display: flex;\n background-color: rgb(255, 255, 255);\n overflow: hidden;\n flex-shrink: 0;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav {\n position: relative;\n display: flex;\n flex: none;\n align-items: center;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap {\n position: relative;\n display: flex;\n flex: auto;\n align-self: stretch;\n overflow: hidden;\n white-space: nowrap;\n transform: translate(0);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n position: absolute;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.3s;\n content: \"\";\n pointer-events: none;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-list, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-list {\n position: relative;\n display: flex;\n flex-shrink: 0;\n transition: transform 0.3s;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-operations, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-operations {\n display: flex;\n align-self: stretch;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-operations-hidden, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-operations-hidden {\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more {\n position: relative;\n padding: 8px;\n background: transparent;\n border: 0;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more:hover svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more:hover svg {\n color: rgb(46, 101, 230);\n transition: all 0.3s;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more svg {\n font-size: 18px;\n vertical-align: top;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more::after, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more::after {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 5px;\n transform: translateY(100%);\n content: \"\";\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add {\n min-width: 40px;\n margin-left: 2px;\n padding: 0 8px;\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n color: rgb(29, 33, 38);\n outline: none;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add svg, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add svg {\n color: inherit;\n}\n.paraui-v4-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add:hover, .paraui-v4-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add:hover {\n color: rgb(46, 101, 230);\n border: 1px solid rgb(87, 131, 235);\n}\n.paraui-v4-tabs .component-tabs-extra-content {\n flex: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-centered > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v4-tabs.paraui-v4-tabs-centered > div > .component-tabs-nav .component-tabs-nav-wrap {\n justify-content: center;\n}\n.paraui-v4-tabs .component-tabs-ink-bar {\n position: absolute;\n background: rgb(46, 101, 230);\n pointer-events: none;\n}\n.paraui-v4-tabs .component-tabs-tab {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n height: 40px;\n padding: 0 10px;\n font-size: 14px;\n background: transparent;\n border: 0;\n outline: none;\n cursor: pointer;\n}\n.paraui-v4-tabs .component-tabs-tab:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs .component-tabs-tab-btn {\n outline: none;\n transition: all 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help {\n display: flex;\n align-items: center;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v4-help {\n display: inline-flex;\n margin-left: 4px;\n font-size: 16px;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v4-help svg {\n margin-right: 0;\n color: inherit;\n font-size: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab-btn .paraui-v4-radio {\n margin-right: 8px;\n}\n.paraui-v4-tabs .component-tabs-tab-remove {\n display: inline-flex;\n flex: none;\n margin-right: -4px;\n margin-left: 4px;\n color: rgb(92, 101, 115);\n font-size: 14px;\n background: transparent;\n border: none;\n outline: none;\n cursor: pointer;\n transition: all 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tab-remove:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs .component-tabs-tab-remove svg {\n color: inherit;\n font-size: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab-remove span {\n display: inline-flex;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-active {\n color: rgb(46, 101, 230);\n font-weight: 400;\n text-shadow: 0 0 0.25px currentcolor;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-active .component-tabs-tab-btn {\n color: inherit;\n}\n.paraui-v4-tabs .component-tabs-tab.component-tabs-tab-disabled {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-tabs .component-tabs-tab .component-tabs-tab-remove svg {\n margin: 0;\n}\n.paraui-v4-tabs .component-tabs-tab svg {\n margin-right: 12px;\n}\n.paraui-v4-tabs .component-tabs-tab + .component-tabs-tab {\n margin: 0;\n}\n.paraui-v4-tabs .component-tabs-content {\n display: flex;\n width: 100%;\n}\n.paraui-v4-tabs .component-tabs-content-holder {\n flex: auto;\n min-width: 0;\n min-height: 0;\n}\n.paraui-v4-tabs .component-tabs-content-animated {\n transition: margin 0.3s;\n}\n.paraui-v4-tabs .component-tabs-tabpane {\n flex: none;\n width: 100%;\n outline: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-line .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-add, .paraui-v4-tabs.paraui-v4-tabs-card-container .component-tabs-nav .component-tabs-nav-add {\n min-width: initial;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n align-self: center;\n margin-left: 10px;\n padding: 0;\n background-color: rgb(255, 255, 255);\n border-color: rgb(212, 218, 227);\n border-radius: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track {\n display: inline-flex;\n max-width: 100%;\n border-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav {\n height: 36px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-wrap {\n padding: 0 4px;\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-nav-add {\n margin-right: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav:before {\n display: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-ink-bar {\n visibility: hidden;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-tab {\n height: 28px;\n margin: 4px 0;\n padding: 0 10px;\n border-radius: 2px;\n transition: 0.3s;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-nav .component-tabs-tab.component-tabs-tab-active {\n color: rgb(46, 101, 230);\n text-shadow: none;\n background-color: rgb(255, 255, 255);\n font-weight: 400;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-left .component-tabs-nav, .paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-right .component-tabs-nav {\n max-width: 200px;\n height: auto;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-left .component-tabs-content-holder, .paraui-v4-tabs.paraui-v4-tabs-track.component-tabs-right .component-tabs-content-holder {\n border-left: 0;\n border-right: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-track .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n padding: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-track {\n border-radius: 4px 0 0 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-editable-track .component-tabs-nav {\n border-radius: 4px;\n}\n.paraui-v4-tabs.component-tabs.paraui-v4-tabs-track > .component-tabs-nav .component-tabs-nav-more {\n background-color: rgb(247, 248, 250);\n border-radius: 0 4px 4px 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab {\n margin: 0;\n padding: 0 10px;\n background: rgb(255, 255, 255);\n border: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab .component-tabs-tab-remove, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab .component-tabs-tab-remove {\n margin-left: 8px;\n font-size: 14px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-tab-active {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card > .component-tabs-nav .component-tabs-ink-bar, .paraui-v4-tabs.paraui-v4-tabs-card > div > .component-tabs-nav .component-tabs-ink-bar {\n visibility: hidden;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n margin-left: 0;\n border-left: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab:first-child {\n border-top-left-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab:nth-last-child(2) {\n border-top-right-radius: 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-top > div > .component-tabs-nav .component-tabs-tab-active {\n border-bottom-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-bottom > div > .component-tabs-nav .component-tabs-tab-active {\n border-top-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n margin-top: 0;\n border-top: 0;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab {\n margin-left: 0;\n margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab-active {\n border-right-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > .component-tabs-nav .component-tabs-tab-active, .paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right > div > .component-tabs-nav .component-tabs-tab-active {\n border-left-color: rgb(212, 218, 227);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-right .component-tabs-nav .component-tabs-nav-add {\n margin-left: 0;\n margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card.component-tabs-left .component-tabs-nav .component-tabs-nav-add {\n margin-left: 0;\n margin-top: 2px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav:before {\n display: none;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav .component-tabs-tab {\n border: 0;\n transition: 0.3s;\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container > .component-tabs-nav .component-tabs-tab.component-tabs-tab-active {\n border-radius: 4px 4px 0 0;\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-tabs.paraui-v4-tabs-card-container .component-tabs-content {\n margin-top: -16px;\n padding: 16px;\n background-color: rgb(247, 248, 250);\n border-radius: 0 0 4px 4px;\n}\n.paraui-v4-tabs.paraui-v4-tabs-no-child:not(.paraui-v4-tabs-card-container) .component-tabs-nav {\n margin: 0;\n}";