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

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 (104) hide show
  1. package/AutoTips/index.js +1 -1
  2. package/Button/index.js +1 -1
  3. package/Cascader/index.js +2 -2
  4. package/Checkbox/index.js +1 -1
  5. package/CheckboxGroup/index.js +3 -1
  6. package/Collapse/index.js +1 -1
  7. package/ComboSelect/index.js +2 -2
  8. package/CopyText/index.js +2 -2
  9. package/DatePicker/index.js +1 -1
  10. package/Descriptions/index.d.ts +33 -10
  11. package/Descriptions/index.js +222 -13
  12. package/Descriptions/lang/en_US.d.ts +5 -0
  13. package/Descriptions/lang/index.d.ts +11 -0
  14. package/Descriptions/lang/zh_CN.d.ts +5 -0
  15. package/Desktop/index.js +1 -1
  16. package/DynamicMultiBox/index.js +2 -2
  17. package/Empty/index.js +1 -1
  18. package/Form/index.js +2 -2
  19. package/FormItem/index.d.ts +4 -0
  20. package/FormItem/index.js +2 -2
  21. package/FunctionModal/index.js +2 -2
  22. package/InputNumber/index.js +1 -1
  23. package/Message/index.js +2 -2
  24. package/OperateBtn/index.js +1 -1
  25. package/PageHeader/index.js +1 -1
  26. package/Pagination/index.js +2 -1
  27. package/PasswordRules/index.js +1 -1
  28. package/Querying/index.js +1 -1
  29. package/Radio/index.js +1 -1
  30. package/RadioGroup/index.js +3 -1
  31. package/Select/index.js +8 -13
  32. package/Selector/index.js +2 -2
  33. package/SelectorPicker/index.js +2 -2
  34. package/Table/index.js +10 -4
  35. package/Tabs/index.d.ts +2 -0
  36. package/Tabs/index.js +5 -3
  37. package/Tag/index.js +3 -3
  38. package/TextField/index.js +1 -1
  39. package/Title/index.js +1 -1
  40. package/ToggleButton/index.js +1 -1
  41. package/Transfer/index.js +9 -6
  42. package/Tree/index.js +2 -2
  43. package/_verture/{index-649b450f.js → index-56601c94.js} +3 -2
  44. package/_verture/{index-692e29c1.js → index-de8f4428.js} +1 -1
  45. package/index.js +4 -4
  46. package/locale/en-US.d.ts +4 -0
  47. package/locale/index.d.ts +8 -0
  48. package/locale/index.js +8 -0
  49. package/locale/zh-CN.d.ts +4 -0
  50. package/package.json +1 -1
  51. package/umd/AutoTips.js +1 -1
  52. package/umd/Breadcrumbs.js +1 -1
  53. package/umd/Button.js +2 -2
  54. package/umd/ButtonGroup.js +2 -2
  55. package/umd/Cascader.js +1 -1
  56. package/umd/Checkbox.js +1 -1
  57. package/umd/CheckboxGroup.js +5 -5
  58. package/umd/Collapse.js +1 -1
  59. package/umd/CollapseBox.js +1 -1
  60. package/umd/ComboSelect.js +2 -2
  61. package/umd/CopyText.js +2 -2
  62. package/umd/DatePicker.js +2 -2
  63. package/umd/Descriptions.js +42 -1
  64. package/umd/Desktop.js +2 -2
  65. package/umd/Drawer.js +2 -2
  66. package/umd/DynamicMultiBox.js +2 -2
  67. package/umd/Empty.js +1 -1
  68. package/umd/Form.js +2 -2
  69. package/umd/FormItem.js +2 -2
  70. package/umd/FunctionModal.js +2 -2
  71. package/umd/InputLang.js +2 -2
  72. package/umd/InputNumber.js +1 -1
  73. package/umd/Menu.js +2 -2
  74. package/umd/Message.js +4 -4
  75. package/umd/Modal.js +2 -2
  76. package/umd/MultiBox.js +2 -2
  77. package/umd/OperateBtn.js +2 -2
  78. package/umd/PageHeader.js +2 -2
  79. package/umd/Pagination.js +2 -2
  80. package/umd/PasswordRules.js +1 -1
  81. package/umd/PopConfirm.js +2 -2
  82. package/umd/Querying.js +1 -1
  83. package/umd/Radio.js +1 -1
  84. package/umd/RadioGroup.js +2 -2
  85. package/umd/Search.js +2 -2
  86. package/umd/Select.js +2 -2
  87. package/umd/SelectInput.js +2 -2
  88. package/umd/Selector.js +7 -7
  89. package/umd/SelectorPicker.js +2 -2
  90. package/umd/SingleBox.js +2 -2
  91. package/umd/Stepper.js +1 -1
  92. package/umd/Table.js +6 -6
  93. package/umd/Tabs.js +6 -6
  94. package/umd/Tag.js +4 -4
  95. package/umd/TextField.js +2 -2
  96. package/umd/TimePicker.js +2 -2
  97. package/umd/Title.js +2 -2
  98. package/umd/ToggleButton.js +2 -2
  99. package/umd/Transfer.js +3 -3
  100. package/umd/Tree.js +2 -2
  101. package/umd/Upload.js +2 -2
  102. package/umd/locale.js +1 -1
  103. /package/_verture/{index-50f56891.js → index-f48d5ce6.js} +0 -0
  104. /package/_verture/{modalContext-11c51a45.js → modalContext-736ff215.js} +0 -0
package/PageHeader/index.js CHANGED
@@ -1207,7 +1207,7 @@ var HorizontalMeunRight = function HorizontalMeunRight(props) {
1207
1207
  });
1208
1208
  };
1209
1209
 
1210
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-page-header {\n width: 100%;\n height: 100%;\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n display: flex;\n justify-content: space-between;\n box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n padding: 0 20px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-page-header > .page-header-left {\n white-space: nowrap;\n display: flex;\n justify-content: left;\n align-items: center;\n padding-right: 12px;\n}\n.paraui-v4-page-header > .menu-box {\n width: 100%;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list {\n width: 100%;\n height: 100%;\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item {\n padding: 0 10px;\n height: 100%;\n display: flex;\n align-items: center;\n position: relative;\n white-space: nowrap;\n float: left;\n cursor: pointer;\n text-decoration: none;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:after {\n position: absolute;\n left: 0;\n top: 0;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover {\n background-color: rgb(247, 248, 250);\n /*& > .menu-item-icon {\n & > svg {\n color: $NA5;\n }\n }\n\n & > .menu-item-label {\n color: $NA5;\n }\n\n & > .menu-item-arrow {\n color: $NA5;\n\n svg {\n color: $NA5;\n }\n }*/\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-icon > svg {\n font-size: 18px;\n color: rgb(92, 101, 115);\n margin-right: 4px;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-label {\n font-size: 14px;\n color: rgb(92, 101, 115);\n white-space: nowrap;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-arrow > svg {\n font-size: 18px;\n transition: all 0.3s;\n color: rgb(92, 101, 115);\n margin-left: 2px;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-icon > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-label {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover {\n background-color: rgb(247, 248, 250);\n /*& > .menu-item-icon {\n & > svg {\n color: $NA5;\n }\n }\n\n & > .menu-item-label {\n color: $NA5;\n }\n\n & > .menu-item-arrow {\n color: $NA5;\n\n svg {\n color: $NA5;\n }\n }*/\n}\n.paraui-v4-page-header .horizontal-meun-right {\n height: 100%;\n display: flex;\n}\n.paraui-v4-page-header .horizontal-meun-right > .back-btn {\n padding: 0 10px;\n height: 100%;\n display: flex;\n align-items: center;\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn {\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: 0 10px;\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn:hover {\n background-color: rgb(247, 248, 250);\n /*& > .icon {\n & > svg {\n color: $NP1;\n }\n }\n\n & > .label {\n color: $NP1;\n }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn > .icon {\n margin-right: 4px;\n line-height: 0;\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn > .icon svg {\n font-size: 18px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn > .label {\n white-space: nowrap;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-page-header .horizontal-meun-right > .language {\n height: 100%;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item {\n display: flex;\n padding: 0 10px;\n cursor: pointer;\n align-items: center;\n height: 100%;\n position: relative;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item:hover {\n background-color: rgb(247, 248, 250);\n /*& > .language-item-icon {\n & > svg {\n color: $NP1;\n }\n }\n\n & > .language-item-label {\n color: $NA5;\n }\n\n & > .language-item-arrow {\n & > svg {\n color: $NA5;\n }\n }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item > .language-item-icon {\n line-height: 0;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item > .language-item-icon > svg {\n font-size: 18px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item > .language-item-label {\n font-size: 14px;\n color: rgb(29, 33, 38);\n white-space: nowrap;\n margin-left: 4px;\n display: inline-block;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language.language-select {\n /*& .language-item {\n & > .language-item-icon {\n & > svg {\n color: $NP1;\n }\n }\n\n & > .language-item-label {\n color: $NP1;\n }\n }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list {\n display: flex;\n height: 100%;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item {\n display: flex;\n padding: 0 10px;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon {\n position: relative;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon:after {\n content: \"\";\n position: absolute;\n top: -2px;\n right: -1px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: rgb(244, 66, 66);\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover {\n background-color: rgb(247, 248, 250);\n /*& > .btn-list-item-icon {\n & > svg {\n color: $NA5;\n }\n }\n\n & > .btn-list-item-label {\n color: $NA5;\n }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg {\n font-size: 18px;\n color: rgb(92, 101, 115);\n position: relative;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-label {\n font-size: 14px;\n color: rgb(29, 33, 38);\n width: 100%;\n white-space: nowrap;\n margin-left: 4px;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo {\n display: flex;\n padding: 0 10px;\n align-items: center;\n height: 100%;\n cursor: pointer;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo.logo-show-dialog {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > img {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > .label {\n font-size: 14px;\n color: rgb(29, 33, 38);\n font-weight: 700;\n white-space: nowrap;\n max-width: 160px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > .arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: 4px;\n color: rgb(29, 33, 38);\n font-size: 18px;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > .arrow > svg {\n color: rgb(29, 33, 38);\n font-size: 18px;\n}\n\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content {\n color: rgb(29, 33, 38);\n padding: 4px 0;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n position: relative;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n width: 140px;\n height: 30px;\n line-height: 30px;\n padding: 0 10px;\n display: flex;\n cursor: pointer;\n align-items: center;\n text-decoration: none;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n background-color: rgb(247, 248, 250);\n /*& > .menu-item-icon {\n & > svg {\n color: $NA5;\n }\n }\n\n & > .menu-item-label {\n color: $NA5;\n }\n\n & > .menu-item-arrow {\n & > svg {\n color: $NA5;\n }\n }*/\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 4px;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n font-size: 18px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n font-size: 14px;\n color: rgb(29, 33, 38);\n width: 100%;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n font-size: 18px;\n transition: all 0.3s;\n color: rgb(29, 33, 38);\n transform: rotate(270deg);\n position: relative;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n opacity: 0;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper {\n padding-left: 4px;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper-child {\n position: absolute;\n transform: none !important;\n left: 100% !important;\n top: 0;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper-child > .menu-item-popper-content {\n box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n border-radius: 4px;\n background-color: white;\n}\n\n.paraui-v4-horizontal-meun-right-popover.paraui-v4-horizontal-meun-right-popover-children:after {\n position: absolute;\n width: 100%;\n height: 100%;\n content: \"\";\n top: 0;\n right: -8px;\n z-index: -1;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box {\n padding: 4px 0;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item {\n height: 30px;\n line-height: 30px;\n padding: 0 10px;\n display: flex;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover {\n background-color: rgb(247, 248, 250);\n /*& > .icon {\n & > svg {\n color: $NA5;\n }\n }\n\n & > .label {\n color: $NA5;\n }*/\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg {\n font-size: 18px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .label {\n font-size: 14px;\n color: rgb(29, 33, 38);\n width: 100%;\n white-space: nowrap;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon-right {\n margin-left: 10px;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .icon > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .label {\n color: rgb(46, 101, 230);\n}";
1210
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-page-header {\n width: 100%;\n height: 100%;\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n display: flex;\n justify-content: space-between;\n box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n padding: 0 20px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-page-header > .page-header-left {\n white-space: nowrap;\n display: flex;\n justify-content: left;\n align-items: center;\n padding-right: 12px;\n}\n.paraui-v4-page-header > .menu-box {\n width: 100%;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list {\n width: 100%;\n height: 100%;\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item {\n padding: 0 10px;\n height: 100%;\n display: flex;\n align-items: center;\n position: relative;\n white-space: nowrap;\n float: left;\n cursor: pointer;\n text-decoration: none;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:after {\n position: absolute;\n left: 0;\n top: 0;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover {\n background-color: rgb(247, 248, 250);\n /*& > .menu-item-icon {\n & > svg {\n color: $NA5;\n }\n }\n\n & > .menu-item-label {\n color: $NA5;\n }\n\n & > .menu-item-arrow {\n color: $NA5;\n\n svg {\n color: $NA5;\n }\n }*/\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-icon > svg {\n font-size: 18px;\n color: rgb(92, 101, 115);\n margin-right: 4px;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-label {\n font-size: 14px;\n color: rgb(92, 101, 115);\n white-space: nowrap;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-arrow > svg {\n font-size: 18px;\n transition: all 0.3s;\n color: rgb(92, 101, 115);\n margin-left: 2px;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-icon > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-label {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover {\n background-color: rgb(247, 248, 250);\n /*& > .menu-item-icon {\n & > svg {\n color: $NA5;\n }\n }\n\n & > .menu-item-label {\n color: $NA5;\n }\n\n & > .menu-item-arrow {\n color: $NA5;\n\n svg {\n color: $NA5;\n }\n }*/\n}\n.paraui-v4-page-header .horizontal-meun-right {\n height: 100%;\n display: flex;\n}\n.paraui-v4-page-header .horizontal-meun-right > .back-btn {\n padding: 0 10px;\n height: 100%;\n display: flex;\n align-items: center;\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn {\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: 0 10px;\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn:hover {\n background-color: rgb(247, 248, 250);\n /*& > .icon {\n & > svg {\n color: $NP1;\n }\n }\n\n & > .label {\n color: $NP1;\n }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn > .icon {\n margin-right: 4px;\n line-height: 0;\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn > .icon svg {\n font-size: 18px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn > .label {\n white-space: nowrap;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-page-header .horizontal-meun-right > .language {\n height: 100%;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item {\n display: flex;\n padding: 0 10px;\n cursor: pointer;\n align-items: center;\n height: 100%;\n position: relative;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item:hover {\n background-color: rgb(247, 248, 250);\n /*& > .language-item-icon {\n & > svg {\n color: $NP1;\n }\n }\n\n & > .language-item-label {\n color: $NA5;\n }\n\n & > .language-item-arrow {\n & > svg {\n color: $NA5;\n }\n }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item > .language-item-icon {\n line-height: 0;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item > .language-item-icon > svg {\n font-size: 18px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item > .language-item-label {\n font-size: 14px;\n color: rgb(29, 33, 38);\n white-space: nowrap;\n margin-left: 4px;\n display: inline-block;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language.language-select {\n /*& .language-item {\n & > .language-item-icon {\n & > svg {\n color: $NP1;\n }\n }\n\n & > .language-item-label {\n color: $NP1;\n }\n }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list {\n display: flex;\n height: 100%;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item {\n display: flex;\n padding: 0 10px;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon {\n position: relative;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon:after {\n content: \"\";\n position: absolute;\n top: -2px;\n right: -1px;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: rgb(244, 66, 66);\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover {\n background-color: rgb(247, 248, 250);\n /*& > .btn-list-item-icon {\n & > svg {\n color: $NA5;\n }\n }\n\n & > .btn-list-item-label {\n color: $NA5;\n }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg {\n font-size: 18px;\n color: rgb(29, 33, 38);\n position: relative;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-label {\n font-size: 14px;\n color: rgb(29, 33, 38);\n width: 100%;\n white-space: nowrap;\n margin-left: 4px;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo {\n display: flex;\n padding: 0 10px;\n align-items: center;\n height: 100%;\n cursor: pointer;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo.logo-show-dialog {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > img {\n height: 32px;\n width: 32px;\n border-radius: 50%;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > .label {\n font-size: 14px;\n color: rgb(29, 33, 38);\n font-weight: 700;\n white-space: nowrap;\n max-width: 160px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > .arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: 4px;\n color: rgb(29, 33, 38);\n font-size: 18px;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > .arrow > svg {\n color: rgb(92, 101, 115);\n font-size: 18px;\n}\n\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content {\n color: rgb(29, 33, 38);\n padding: 4px 0;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n position: relative;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n width: 140px;\n height: 30px;\n line-height: 30px;\n padding: 0 10px;\n display: flex;\n cursor: pointer;\n align-items: center;\n text-decoration: none;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n background-color: rgb(247, 248, 250);\n /*& > .menu-item-icon {\n & > svg {\n color: $NA5;\n }\n }\n\n & > .menu-item-label {\n color: $NA5;\n }\n\n & > .menu-item-arrow {\n & > svg {\n color: $NA5;\n }\n }*/\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 4px;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n font-size: 18px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n font-size: 14px;\n color: rgb(29, 33, 38);\n width: 100%;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n font-size: 18px;\n transition: all 0.3s;\n color: rgb(29, 33, 38);\n transform: rotate(270deg);\n position: relative;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n opacity: 0;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper {\n padding-left: 4px;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper-child {\n position: absolute;\n transform: none !important;\n left: 100% !important;\n top: 0;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper-child > .menu-item-popper-content {\n box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n border-radius: 4px;\n background-color: white;\n}\n\n.paraui-v4-horizontal-meun-right-popover.paraui-v4-horizontal-meun-right-popover-children:after {\n position: absolute;\n width: 100%;\n height: 100%;\n content: \"\";\n top: 0;\n right: -8px;\n z-index: -1;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box {\n padding: 4px 0;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item {\n height: 30px;\n line-height: 30px;\n padding: 0 10px;\n display: flex;\n cursor: pointer;\n align-items: center;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover {\n background-color: rgb(247, 248, 250);\n /*& > .icon {\n & > svg {\n color: $NA5;\n }\n }\n\n & > .label {\n color: $NA5;\n }*/\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg {\n font-size: 18px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg:after {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n z-index: 1;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .label {\n font-size: 14px;\n color: rgb(29, 33, 38);\n width: 100%;\n white-space: nowrap;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon-right {\n margin-left: 10px;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .icon > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .label {\n color: rgb(46, 101, 230);\n}";
1211
1211
  styleInject(css_248z);
1212
1212
 
1213
1213
  var PageHeader = function PageHeader(props) {
package/Pagination/index.js CHANGED
@@ -216,9 +216,10 @@ var Pagination = function Pagination(props) {
216
216
  current.classList.add("".concat($prefixCls, "-pagination-over"));
217
217
  constData.current.timer = setTimeout(function () {
218
218
  if (!current) return;
219
+ var moduleDom = current.querySelector('.pagination-content');
219
220
  var skipDom = current.querySelector('.skip-page-memo');
220
221
  // 简单模式,不存在跳转
221
- if (skipDom) {
222
+ if (moduleDom) {
222
223
  // 复杂模式,换行了 -> 变成简单模式
223
224
  if (current.offsetTop !== skipDom.offsetTop) {
224
225
  setTypeCom('simple');
package/PasswordRules/index.js CHANGED
@@ -7,7 +7,7 @@ import CompleteIcon from '@para-ui/icons/CheckCircleF';
7
7
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
8
8
  import '../_verture/unsupportedIterableToArray-cb478f24.js';
9
9
 
10
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-password-rules {\n padding: 16px;\n line-height: 1.43;\n}\n.paraui-v4-password-rules > .password-rules-item:first-child > .password-rules-item-title {\n margin-top: 0px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-title {\n font-size: 14px;\n color: rgb(29, 33, 38);\n font-weight: 700;\n margin-bottom: 6px;\n margin-top: 10px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail {\n display: flex;\n margin-bottom: 6px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail:last-child {\n margin-bottom: 0;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail > .item-flag {\n min-width: 24px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail > .item-label {\n flex: 1;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-icon > .item-flag {\n margin-top: 0px;\n line-height: 1;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-icon > .item-flag svg {\n font-size: 18px;\n color: rgb(161, 168, 179);\n position: relative;\n top: 1px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-order {\n font-size: 14px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-order > .item-flag {\n margin-top: -1px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-success.rules-item-detail-icon > .item-flag svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-error.rules-item-detail-order > .item-flag {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-error.rules-item-detail-order > .item-label {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-password-rules.paraui-v4-password-rules-box-shadow {\n box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n border-radius: 4px;\n}";
10
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-password-rules {\n padding: 16px;\n line-height: 1.43;\n}\n.paraui-v4-password-rules > .password-rules-item:first-child > .password-rules-item-title {\n margin-top: 0px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-title {\n font-size: 14px;\n color: rgb(29, 33, 38);\n font-weight: 700;\n margin-bottom: 6px;\n margin-top: 10px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail {\n display: flex;\n margin-bottom: 6px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail:last-child {\n margin-bottom: 0;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail > .item-flag {\n min-width: 26px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail > .item-label {\n flex: 1;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-icon > .item-flag {\n margin-top: 0px;\n line-height: 1;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-icon > .item-flag svg {\n font-size: 18px;\n color: rgb(161, 168, 179);\n position: relative;\n top: 1px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-order {\n font-size: 14px;\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-order > .item-flag {\n margin-top: -1px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-success.rules-item-detail-icon > .item-flag svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-error.rules-item-detail-order > .item-flag {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-password-rules > .password-rules-item > .password-rules-item-content > .rules-item-detail.rules-item-detail-error.rules-item-detail-order > .item-label {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-password-rules.paraui-v4-password-rules-box-shadow {\n box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n border-radius: 4px;\n}";
11
11
  styleInject(css_248z);
12
12
 
13
13
  var PasswordRules = function PasswordRules(props) {
package/Querying/index.js CHANGED
@@ -705,7 +705,7 @@ var localeJson = {
705
705
  en: en
706
706
  };
707
707
 
708
- 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-querying {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n}\n.paraui-v4-querying > .querying-image {\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v4-querying > .querying-image img {\n width: 100%;\n}\n.paraui-v4-querying .querying-image-large {\n width: 334px;\n height: 238px;\n}\n.paraui-v4-querying .querying-image-small {\n width: 120px;\n height: 120px;\n}\n.paraui-v4-querying > .querying-description {\n line-height: 17px;\n font-size: 14px;\n font-weight: 400;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-querying.paraui-v4-querying-large > .querying-description {\n margin-top: 24px;\n}\n.paraui-v4-querying.paraui-v4-querying-small > .querying-description {\n margin-top: 12px;\n font-size: 14px;\n}";
708
+ 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-querying {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n}\n.paraui-v4-querying > .querying-image {\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v4-querying > .querying-image img {\n width: 100%;\n}\n.paraui-v4-querying .querying-image-large {\n width: 334px;\n height: 238px;\n}\n.paraui-v4-querying .querying-image-small {\n width: 120px;\n height: 120px;\n}\n.paraui-v4-querying > .querying-description {\n line-height: 17px;\n font-size: 14px;\n font-weight: 400;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-querying.paraui-v4-querying-large > .querying-description {\n margin-top: 20px;\n}\n.paraui-v4-querying.paraui-v4-querying-small > .querying-description {\n margin-top: 10px;\n font-size: 14px;\n}";
709
709
  styleInject(css_248z);
710
710
 
711
711
  var imageMap = {
package/Radio/index.js CHANGED
@@ -14,7 +14,7 @@ import 'rc-tooltip';
14
14
  import 'rc-tooltip/lib/placements';
15
15
  import '@para-ui/icons/Forbid';
16
16
 
17
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-radio {\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 cursor: pointer;\n display: inline-flex;\n align-items: flex-start;\n line-height: 16px;\n}\n.paraui-v4-radio:hover {\n /*& > .radio-label {\n color: $NP1;\n cursor: pointer;\n\n svg {\n color: $NP1;\n }\n }*/\n /*& > .radio-help {\n & > .radio-label {\n color: $NP1;\n cursor: pointer;\n\n svg {\n color: $NP1;\n }\n }\n }*/\n}\n.paraui-v4-radio:hover > .radio-box > .radio-box-inner {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-radio > .radio-box {\n position: relative;\n}\n.paraui-v4-radio > .radio-box > input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n.paraui-v4-radio > .radio-box > .radio-box-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n background-color: white;\n border: 1px solid rgb(212, 218, 227);\n border-radius: 50%;\n}\n.paraui-v4-radio > .radio-box > .radio-box-inner:after {\n position: absolute;\n display: table;\n content: \" \";\n transform: scale(1) translate(-50%, -50%);\n background-color: white;\n border-radius: 50%;\n left: 50%;\n top: 50%;\n}\n.paraui-v4-radio > .radio-label {\n color: rgb(29, 33, 38);\n padding: 0 8px;\n margin: 0;\n display: inline-flex;\n align-items: flex-start;\n overflow: hidden;\n cursor: pointer;\n}\n.paraui-v4-radio > .radio-label > .radio-help > svg {\n top: 0;\n}\n.paraui-v4-radio .radio-label {\n line-height: 16px;\n}\n.paraui-v4-radio > .radio-help {\n padding: 0 8px;\n position: relative;\n top: -1px;\n overflow: hidden;\n}\n.paraui-v4-radio > .radio-help > .radio-label {\n width: 100%;\n color: rgb(29, 33, 38);\n margin: 0;\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n cursor: pointer;\n}\n.paraui-v4-radio.paraui-v4-radio-checked > .radio-box > .radio-box-inner {\n border-color: transparent;\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-radio.paraui-v4-radio-checked:hover > .radio-box > .radio-box-inner {\n border-color: transparent;\n background-color: rgb(87, 131, 235);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled:hover > .radio-box > .radio-box-inner {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-label {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-label svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > input {\n cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > .radio-box-inner {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > .radio-box-inner:after {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner {\n background-color: rgb(212, 218, 227);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner:hover > .radio-box > .radio-box-inner {\n background-color: rgb(212, 218, 227);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner:after {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-help {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-help > .radio-label {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box {\n top: 1px;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box > .radio-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box > .radio-box-inner:after {\n width: 4px;\n height: 4px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box {\n top: 1px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box > .radio-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box > .radio-box-inner:after {\n width: 4px;\n height: 4px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box {\n top: 1px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box > .radio-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box > .radio-box-inner:after {\n width: 4px;\n height: 4px;\n}";
17
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-radio {\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 cursor: pointer;\n display: inline-flex;\n align-items: center;\n line-height: 16px;\n}\n.paraui-v4-radio:hover {\n /*& > .radio-label {\n color: $NP1;\n cursor: pointer;\n\n svg {\n color: $NP1;\n }\n }*/\n /*& > .radio-help {\n & > .radio-label {\n color: $NP1;\n cursor: pointer;\n\n svg {\n color: $NP1;\n }\n }\n }*/\n}\n.paraui-v4-radio:hover > .radio-box > .radio-box-inner {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-radio > .radio-box {\n position: relative;\n}\n.paraui-v4-radio > .radio-box > input {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n}\n.paraui-v4-radio > .radio-box > .radio-box-inner {\n position: relative;\n top: 0;\n left: 0;\n display: block;\n background-color: white;\n border: 1px solid rgb(212, 218, 227);\n border-radius: 50%;\n}\n.paraui-v4-radio > .radio-box > .radio-box-inner:after {\n position: absolute;\n display: table;\n content: \" \";\n transform: scale(1) translate(-50%, -50%);\n background-color: white;\n border-radius: 50%;\n left: 50%;\n top: 50%;\n}\n.paraui-v4-radio > .radio-label {\n color: rgb(29, 33, 38);\n padding: 0 8px;\n margin: 0;\n display: inline-flex;\n align-items: flex-start;\n overflow: hidden;\n cursor: pointer;\n}\n.paraui-v4-radio > .radio-label > .radio-help > svg {\n top: 0;\n}\n.paraui-v4-radio .radio-label {\n line-height: 16px;\n}\n.paraui-v4-radio > .radio-help {\n padding: 0 8px;\n position: relative;\n top: -1px;\n overflow: hidden;\n}\n.paraui-v4-radio > .radio-help > .radio-label {\n width: 100%;\n color: rgb(29, 33, 38);\n margin: 0;\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n cursor: pointer;\n}\n.paraui-v4-radio.paraui-v4-radio-checked > .radio-box > .radio-box-inner {\n border-color: transparent;\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-radio.paraui-v4-radio-checked:hover > .radio-box > .radio-box-inner {\n border-color: transparent;\n background-color: rgb(87, 131, 235);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled:hover > .radio-box > .radio-box-inner {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-label {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-label svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > input {\n cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > .radio-box-inner {\n background-color: rgb(234, 236, 241);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-box > .radio-box-inner:after {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner {\n background-color: rgb(212, 218, 227);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner:hover > .radio-box > .radio-box-inner {\n background-color: rgb(212, 218, 227);\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled.paraui-v4-radio-checked > .radio-box > .radio-box-inner:after {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-help {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-radio.paraui-v4-radio-disabled > .radio-help > .radio-label {\n color: rgb(161, 168, 179);\n cursor: not-allowed;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box > .radio-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-small > .radio-box > .radio-box-inner:after {\n width: 4px;\n height: 4px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box > .radio-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-medium > .radio-box > .radio-box-inner:after {\n width: 4px;\n height: 4px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box > .radio-box-inner {\n width: 14px;\n height: 14px;\n}\n.paraui-v4-radio.paraui-v4-radio-large > .radio-box > .radio-box-inner:after {\n width: 4px;\n height: 4px;\n}";
18
18
  styleInject(css_248z);
19
19
 
20
20
  var Radio = function Radio(props) {
package/RadioGroup/index.js CHANGED
@@ -16,7 +16,7 @@ import '@para-ui/icons/Forbid';
16
16
  import '../Help/index.js';
17
17
  import '@para-ui/icons/Help';
18
18
 
19
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-radio-group {\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 width: 100%;\n}\n.paraui-v4-radio-group > .radio-group-label {\n margin-bottom: 6px;\n}\n.paraui-v4-radio-group > .radio-group-content {\n line-height: 0;\n margin-bottom: 2px;\n}\n.paraui-v4-radio-group > .radio-group-content > .radio-group-content-item {\n margin-bottom: 10px;\n}\n.paraui-v4-radio-group > .radio-group-content > .radio-group-content-item:last-child {\n margin-bottom: 0;\n}\n.paraui-v4-radio-group.paraui-v4-radio-group-column > .radio-group-content {\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-radio-group.paraui-v4-radio-group-column > .radio-group-content > span {\n margin-bottom: 10px;\n}\n.paraui-v4-radio-group.paraui-v4-radio-group-column > .radio-group-content > span:last-child {\n margin-bottom: 0;\n}";
19
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-radio-group {\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 width: 100%;\n}\n.paraui-v4-radio-group > .radio-group-label {\n margin-bottom: 6px;\n}\n.paraui-v4-radio-group > .radio-group-content {\n line-height: 0;\n}\n.paraui-v4-radio-group > .radio-group-content .radio-item-box {\n margin-bottom: 4px;\n}\n.paraui-v4-radio-group > .radio-group-content > .radio-group-content-item {\n margin-bottom: 6px;\n}\n.paraui-v4-radio-group > .radio-group-content > .radio-group-content-item:last-child {\n margin-bottom: 0;\n}\n.paraui-v4-radio-group.paraui-v4-radio-group-column > .radio-group-content {\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-radio-group.paraui-v4-radio-group-column > .radio-group-content > span {\n margin-bottom: 10px;\n}\n.paraui-v4-radio-group.paraui-v4-radio-group-column > .radio-group-content > span:last-child {\n margin-bottom: 0;\n}";
20
20
  styleInject(css_248z);
21
21
 
22
22
  var RadioGroup = function RadioGroup(props) {
@@ -124,6 +124,7 @@ var RadioGroup = function RadioGroup(props) {
124
124
  }, {
125
125
  children: item.map(function (itemChild, inx) {
126
126
  return jsx("span", Object.assign({
127
+ className: 'radio-item-box',
127
128
  style: handStyleItem(itemChild, inx, item)
128
129
  }, {
129
130
  children: jsx(Radio, Object.assign({}, itemChild, {
@@ -138,6 +139,7 @@ var RadioGroup = function RadioGroup(props) {
138
139
  }), index);
139
140
  }
140
141
  return jsx("span", Object.assign({
142
+ className: 'radio-item-box',
141
143
  style: handStyleItem(item, index, list)
142
144
  }, {
143
145
  children: jsx(Radio, Object.assign({}, item, {
package/Select/index.js CHANGED
@@ -51,7 +51,7 @@ var localeJson = {
51
51
  en: en
52
52
  };
53
53
 
54
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-select {\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n display: inline-block;\n vertical-align: top;\n width: 100%;\n}\n.paraui-v4-select > .select-content {\n line-height: 0;\n border: 1px solid;\n border-radius: 4px;\n border-color: rgb(212, 218, 227);\n padding-right: 10px;\n position: relative;\n cursor: pointer;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-select > .select-content:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-select > .select-content:hover > .select-svg > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .select-label-placeholder {\n width: 100%;\n height: 100%;\n padding: 0 10px;\n color: rgb(161, 168, 179);\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 1;\n}\n.paraui-v4-select > .select-content > .select-label-placeholder > .select-required {\n margin-left: 2px;\n color: rgb(244, 66, 66);\n}\n.paraui-v4-select > .select-content > .select-svg {\n position: absolute;\n right: 10px;\n top: 0;\n z-index: 2;\n}\n.paraui-v4-select > .select-content > .select-svg > svg {\n font-size: 18px;\n transition: all 0.3s;\n color: rgb(92, 101, 115);\n opacity: 0;\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon > svg {\n font-size: 16px;\n transition: all 0.3s;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .radio-select-content {\n padding-left: 10px;\n font-size: 14px;\n line-height: 1.43;\n color: rgb(29, 33, 38);\n word-break: break-all;\n}\n.paraui-v4-select > .select-content > .radio-search-outside {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n line-height: 1.43;\n padding: 0 30px 0 10px;\n font-size: 14px;\n cursor: pointer;\n color: rgb(29, 33, 38);\n border: 0;\n border-radius: 4px;\n background: transparent;\n}\n.paraui-v4-select > .select-content > .check-select-content {\n padding-left: 10px;\n overflow: hidden;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item {\n display: inline-block;\n background-color: rgb(234, 236, 241);\n border-radius: 4px;\n padding: 0 10px;\n color: rgb(29, 33, 38);\n margin-right: 4px;\n vertical-align: top;\n max-width: 100%;\n white-space: nowrap;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n cursor: pointer;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > span {\n display: inline-block;\n height: 100%;\n vertical-align: top;\n max-width: calc(100% - 20px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg {\n cursor: pointer;\n margin-left: 4px;\n color: rgb(29, 33, 38);\n font-size: 16px;\n position: relative;\n z-index: 10;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-search-outside {\n width: 10px;\n max-width: 100% !important;\n display: none;\n border: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n cursor: pointer;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content {\n padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > svg {\n opacity: 0;\n transition: all 0s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n opacity: 1;\n transition: all 0.3s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content {\n height: inherit;\n min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content > .check-select-content {\n height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content {\n height: inherit;\n min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content > .check-select-content {\n height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content {\n height: inherit;\n min-height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content > .check-select-content {\n height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content {\n padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content > .select-svg > svg {\n opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content {\n background-color: rgb(247, 248, 250);\n cursor: not-allowed;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n max-width: 100%;\n}\n.paraui-v4-select.paraui-v4-select-error > .select-content {\n border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .select-svg > svg {\n transform: rotate(180deg);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .check-select-content > .check-search-outside {\n display: inline-block;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content {\n height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-label-placeholder {\n line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-svg {\n top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .radio-select-content {\n padding-bottom: 3px;\n padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content {\n padding-bottom: 3px;\n height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-search-outside {\n margin-top: 3px;\n height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content {\n height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-label-placeholder {\n line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-svg {\n top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .radio-select-content {\n padding-bottom: 3px;\n padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content {\n padding-bottom: 3px;\n height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-search-outside {\n margin-top: 3px;\n height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content {\n height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-label-placeholder {\n line-height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-svg {\n top: 6px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .radio-select-content {\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content {\n padding-bottom: 3px;\n height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 3px;\n height: 24px;\n line-height: 24px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-search-outside {\n margin-top: 4px;\n height: 22px;\n}\n\n.paraui-v4-select-popover.component-dropdown {\n /*&.paraui-v4-select-popover-small {\n & > .select-popover-content {\n & > .select-popover-search {\n height: 30px;\n }\n\n & > .select-popover-list {\n & .select-popover-list-item {\n height: 30px;\n line-height: 30px;\n }\n\n & > .select-popover-list-group {\n & .select-popover-list-group-label {\n height: 30px;\n line-height: 30px;\n }\n }\n }\n }\n }\n\n // 中\n &.paraui-v4-select-popover-medium {\n & > .select-popover-content {\n & > .select-popover-search {\n height: 30px;\n }\n\n & > .select-popover-list {\n & .select-popover-list-item {\n height: 30px;\n line-height: 30px;\n }\n\n & > .select-popover-list-group {\n & .select-popover-list-group-label {\n height: 30px;\n line-height: 30px;\n }\n }\n }\n }\n }\n\n // 大\n &.paraui-v4-select-popover-large {\n & > .select-popover-content {\n & > .select-popover-search {\n height: 30px;\n }\n\n & > .select-popover-list {\n & .select-popover-list-item {\n height: 30px;\n line-height: 30px;\n }\n\n & > .select-popover-list-group {\n & .select-popover-list-group-label {\n height: 30px;\n line-height: 30px;\n }\n }\n }\n }\n }*/\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n padding-top: 0px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n margin-top: 20px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search {\n display: flex;\n align-items: center;\n padding: 0 10px;\n border-bottom: 1px solid;\n border-color: rgb(234, 236, 241);\n height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input {\n border: 0;\n outline: none;\n font-size: 14px;\n color: rgb(29, 33, 38);\n width: 100%;\n height: 100%;\n line-height: 1.43;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n font-size: 14px;\n opacity: 1;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-clear {\n display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-reveal {\n display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-ms-input-placeholder { /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-input-placeholder { /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n color: rgb(92, 101, 115);\n font-size: 18px;\n cursor: pointer;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n padding: 4px 0;\n max-height: 320px;\n overflow: auto;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n height: 100px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n display: flex;\n cursor: pointer;\n padding: 0 10px;\n align-items: center;\n height: 30px;\n line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n flex: 1;\n overflow: hidden;\n color: rgb(29, 33, 38);\n font-size: 14px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg {\n line-height: 0;\n display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n font-size: 18px;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-label {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-svg {\n display: inline-block;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled > .select-popover-list-item-label {\n color: rgb(161, 168, 179) !important;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n display: inline-block;\n width: 100%;\n padding: 0 10px;\n color: rgb(161, 168, 179);\n font-size: 12px;\n height: 30px;\n line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n text-align: center;\n font-size: 14px;\n color: rgb(29, 33, 38);\n margin-top: 16px;\n margin-bottom: 29px;\n}\n.paraui-v4-select-more-popover {\n /*// 小\n &.paraui-v4-select-more-popover-small {\n & .select-more {\n & > .select-more-title {\n line-height: 28px;\n }\n\n & > .select-more-content {\n & > .select-more-content-item {\n line-height: 28px;\n }\n }\n }\n }\n\n // 中\n &.paraui-v4-select-more-popover-medium {\n & .select-more {\n & > .select-more-title {\n line-height: 32px;\n }\n\n & > .select-more-content {\n & > .select-more-content-item {\n line-height: 32px;\n }\n }\n }\n }\n\n // 大\n &.paraui-v4-select-more-popover-large {\n & .select-more {\n & > .select-more-title {\n line-height: 36px;\n }\n\n & > .select-more-content {\n & > .select-more-content-item {\n line-height: 36px;\n }\n }\n }\n }*/\n}\n.paraui-v4-select-more-popover .select-more {\n width: 290px;\n padding: 4px 0;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-title {\n font-size: 12px;\n padding: 0 10px;\n color: rgb(161, 168, 179);\n line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content {\n max-height: 320px;\n overflow: auto;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n padding: 0 10px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n flex: 1;\n overflow: hidden;\n display: inline-block;\n font-size: 14px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n font-size: 18px;\n position: relative;\n cursor: pointer;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n color: rgb(46, 101, 230);\n border-radius: 2px;\n}";
54
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-select {\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n display: inline-block;\n vertical-align: top;\n width: 100%;\n}\n.paraui-v4-select > .select-content {\n line-height: 0;\n border: 1px solid;\n border-radius: 4px;\n border-color: rgb(212, 218, 227);\n padding-right: 10px;\n position: relative;\n cursor: pointer;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-select > .select-content:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-select > .select-content:hover > .select-svg > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .select-label-placeholder {\n width: 100%;\n height: 100%;\n padding: 0 10px;\n color: rgb(161, 168, 179);\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n position: absolute;\n left: 0;\n top: 0;\n z-index: 1;\n}\n.paraui-v4-select > .select-content > .select-label-placeholder > .select-required {\n margin-left: 2px;\n color: rgb(244, 66, 66);\n}\n.paraui-v4-select > .select-content > .select-svg {\n position: absolute;\n right: 10px;\n top: 0;\n z-index: 2;\n}\n.paraui-v4-select > .select-content > .select-svg > svg {\n font-size: 18px;\n transition: all 0.3s;\n color: rgb(92, 101, 115);\n opacity: 0;\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon {\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon > svg {\n font-size: 16px;\n transition: all 0.3s;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .radio-select-content {\n padding-left: 10px;\n font-size: 14px;\n line-height: 1.43;\n color: rgb(29, 33, 38);\n word-break: break-all;\n}\n.paraui-v4-select > .select-content > .radio-search-outside {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n line-height: 1.43;\n padding: 0 30px 0 10px;\n font-size: 14px;\n cursor: pointer;\n color: rgb(29, 33, 38);\n border: 0;\n border-radius: 4px;\n background: transparent;\n}\n.paraui-v4-select > .select-content > .check-select-content {\n padding-left: 10px;\n overflow: hidden;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item {\n display: inline-block;\n background-color: rgb(234, 236, 241);\n border-radius: 4px;\n padding: 0 10px;\n color: rgb(29, 33, 38);\n margin-right: 4px;\n vertical-align: top;\n max-width: 100%;\n white-space: nowrap;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n cursor: pointer;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > span {\n display: inline-block;\n height: 100%;\n vertical-align: top;\n max-width: calc(100% - 20px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg {\n cursor: pointer;\n margin-left: 4px;\n color: rgb(29, 33, 38);\n font-size: 16px;\n position: relative;\n z-index: 10;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-search-outside {\n width: 10px;\n max-width: 100% !important;\n display: none;\n border: 0;\n color: rgb(29, 33, 38);\n font-size: 14px;\n cursor: pointer;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content {\n padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content .select-label-placeholder {\n padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > svg {\n opacity: 0;\n transition: all 0s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n opacity: 1;\n transition: all 0.3s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content {\n height: inherit;\n min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content > .check-select-content {\n height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content {\n height: inherit;\n min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content > .check-select-content {\n height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content {\n height: inherit;\n min-height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content > .check-select-content {\n height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content {\n padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content .select-label-placeholder {\n padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content > .select-svg > svg {\n opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content {\n background-color: rgb(247, 248, 250);\n cursor: not-allowed;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .radio-select-content {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n max-width: 100%;\n}\n.paraui-v4-select.paraui-v4-select-error > .select-content {\n border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .select-svg > svg {\n transform: rotate(180deg);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .check-select-content > .check-search-outside {\n display: inline-block;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content {\n height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-label-placeholder {\n line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-svg {\n top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .radio-select-content {\n padding-bottom: 3px;\n padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content {\n padding-bottom: 3px;\n height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-search-outside {\n margin-top: 3px;\n height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content {\n height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-label-placeholder {\n line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-svg {\n top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .radio-select-content {\n padding-bottom: 3px;\n padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content {\n padding-bottom: 3px;\n height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-search-outside {\n margin-top: 3px;\n height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content {\n height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-label-placeholder {\n line-height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-svg {\n top: 6px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .radio-select-content {\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content {\n padding-bottom: 3px;\n height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item {\n margin-top: 3px;\n height: 24px;\n line-height: 24px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-search-outside {\n margin-top: 4px;\n height: 22px;\n}\n\n.paraui-v4-select-popover.component-dropdown {\n /*&.paraui-v4-select-popover-small {\n & > .select-popover-content {\n & > .select-popover-search {\n height: 30px;\n }\n\n & > .select-popover-list {\n & .select-popover-list-item {\n height: 30px;\n line-height: 30px;\n }\n\n & > .select-popover-list-group {\n & .select-popover-list-group-label {\n height: 30px;\n line-height: 30px;\n }\n }\n }\n }\n }\n\n // 中\n &.paraui-v4-select-popover-medium {\n & > .select-popover-content {\n & > .select-popover-search {\n height: 30px;\n }\n\n & > .select-popover-list {\n & .select-popover-list-item {\n height: 30px;\n line-height: 30px;\n }\n\n & > .select-popover-list-group {\n & .select-popover-list-group-label {\n height: 30px;\n line-height: 30px;\n }\n }\n }\n }\n }\n\n // 大\n &.paraui-v4-select-popover-large {\n & > .select-popover-content {\n & > .select-popover-search {\n height: 30px;\n }\n\n & > .select-popover-list {\n & .select-popover-list-item {\n height: 30px;\n line-height: 30px;\n }\n\n & > .select-popover-list-group {\n & .select-popover-list-group-label {\n height: 30px;\n line-height: 30px;\n }\n }\n }\n }\n }*/\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content {\n padding: 4px 0;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n padding-top: 0px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n margin-top: 20px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search {\n display: flex;\n align-items: center;\n padding: 0 10px;\n border-bottom: 1px solid;\n border-color: rgb(234, 236, 241);\n height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input {\n border: 0;\n outline: none;\n font-size: 14px;\n color: rgb(29, 33, 38);\n width: 100%;\n height: 100%;\n line-height: 1.43;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n font-size: 14px;\n opacity: 1;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-clear {\n display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-reveal {\n display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-ms-input-placeholder { /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-input-placeholder { /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n color: rgb(92, 101, 115);\n font-size: 18px;\n cursor: pointer;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n max-height: 320px;\n overflow: auto;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n height: 100px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n display: flex;\n cursor: pointer;\n padding: 0 10px;\n align-items: center;\n height: 30px;\n line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n flex: 1;\n overflow: hidden;\n color: rgb(29, 33, 38);\n font-size: 14px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg {\n line-height: 0;\n display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n font-size: 18px;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-label {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-svg {\n display: inline-block;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled > .select-popover-list-item-label {\n color: rgb(161, 168, 179) !important;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n display: inline-block;\n width: 100%;\n padding: 0 10px;\n color: rgb(161, 168, 179);\n font-size: 12px;\n height: 30px;\n line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n text-align: center;\n font-size: 14px;\n color: rgb(29, 33, 38);\n margin-top: 16px;\n margin-bottom: 29px;\n}\n.paraui-v4-select-more-popover {\n /*// 小\n &.paraui-v4-select-more-popover-small {\n & .select-more {\n & > .select-more-title {\n line-height: 28px;\n }\n\n & > .select-more-content {\n & > .select-more-content-item {\n line-height: 28px;\n }\n }\n }\n }\n\n // 中\n &.paraui-v4-select-more-popover-medium {\n & .select-more {\n & > .select-more-title {\n line-height: 32px;\n }\n\n & > .select-more-content {\n & > .select-more-content-item {\n line-height: 32px;\n }\n }\n }\n }\n\n // 大\n &.paraui-v4-select-more-popover-large {\n & .select-more {\n & > .select-more-title {\n line-height: 36px;\n }\n\n & > .select-more-content {\n & > .select-more-content-item {\n line-height: 36px;\n }\n }\n }\n }*/\n}\n.paraui-v4-select-more-popover .select-more {\n width: 290px;\n padding: 4px 0;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-title {\n font-size: 12px;\n padding: 0 10px;\n color: rgb(161, 168, 179);\n line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content {\n max-height: 320px;\n overflow: auto;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n padding: 0 10px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n flex: 1;\n overflow: hidden;\n display: inline-block;\n font-size: 14px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n font-size: 18px;\n position: relative;\n cursor: pointer;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n color: rgb(46, 101, 230);\n border-radius: 2px;\n}";
55
55
  styleInject(css_248z);
56
56
 
57
57
  /**
@@ -313,17 +313,17 @@ var Select = function Select(props) {
313
313
  clearTimeout(constData.openTimer);
314
314
  constData.openTimer = setTimeout(function () {
315
315
  inputFocus();
316
- window.addEventListener('click', clickCom);
316
+ //window.addEventListener('click', clickCom);
317
317
  window.addEventListener('keydown', keydownCom);
318
318
  });
319
319
  } else {
320
320
  setSearchValue('');
321
- window.removeEventListener('click', clickCom);
321
+ //window.removeEventListener('click', clickCom);
322
322
  window.removeEventListener('keydown', keydownCom);
323
323
  }
324
324
  return function () {
325
325
  clearTimeout(constData.openTimer);
326
- window.removeEventListener('click', clickCom);
326
+ //window.removeEventListener('click', clickCom);
327
327
  window.removeEventListener('keydown', keydownCom);
328
328
  };
329
329
  }, [open]);
@@ -442,14 +442,6 @@ var Select = function Select(props) {
442
442
  }
443
443
  return el;
444
444
  };
445
- /**
446
- * 全局点击判断是否需要关闭
447
- * @param e 当前点击元素
448
- */
449
- var clickCom = function clickCom(e) {
450
- var bol = closest(e.target, ".".concat(classOneSelect)); // 是否存在下拉当中
451
- if (!bol) setOpen(false);
452
- };
453
445
  /**
454
446
  * 判断是否显示
455
447
  * @param item 详细信息
@@ -1135,7 +1127,10 @@ var Select = function Select(props) {
1135
1127
  children: SelectPopoverMemo
1136
1128
  }),
1137
1129
  overlayClassName: handleClassPopover(),
1138
- getPopupContainer: getPopupContainer
1130
+ getPopupContainer: getPopupContainer,
1131
+ onVisibleChange: function onVisibleChange(bol) {
1132
+ if (!bol) setOpen(false);
1133
+ }
1139
1134
  }, {
1140
1135
  children: disabledTooltip ? jsx(Tooltip, Object.assign({
1141
1136
  disabled: true
package/Selector/index.js CHANGED
@@ -72,7 +72,7 @@ var localeJson = {
72
72
  en: en
73
73
  };
74
74
 
75
- var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-selector-node {\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-selector-node:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-selector-node > .selector-node-left {\n display: flex;\n align-items: center;\n flex: 1;\n overflow: hidden;\n padding-right: 10px;\n}\n.paraui-v4-selector-node > .selector-node-left > .selector-node-radio {\n margin-right: 8px;\n display: flex;\n align-items: center;\n padding: 0;\n}\n.paraui-v4-selector-node > .selector-node-left > .selector-node-radio .radio-box {\n top: 0;\n}\n.paraui-v4-selector-node > .selector-node-left > .selector-node-check {\n margin-right: 8px;\n display: flex;\n align-items: center;\n padding: 0;\n}\n.paraui-v4-selector-node > .selector-node-left > .selector-node-check .checkbox-box {\n top: 0;\n}\n.paraui-v4-selector-node > .selector-node-left > .node-img {\n display: inline-block;\n width: 30px;\n height: 30px;\n margin-right: 8px;\n}\n.paraui-v4-selector-node > .selector-node-left > .node-img img {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch {\n height: 30px;\n padding: 0 10px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch.paraui-v4-selector-node-img {\n height: 44px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch > .selector-node-left > .main-title {\n font-size: 14px;\n color: rgb(29, 33, 38);\n white-space: nowrap;\n height: 20px;\n line-height: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch > .selector-node-left > .sub-title {\n margin-left: 8px;\n font-size: 14px;\n color: rgb(161, 168, 179);\n white-space: nowrap;\n height: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 30px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch > .selector-node-left > .tag {\n margin-left: 8px;\n background-color: rgba(46, 101, 230, 0.1);\n color: rgb(46, 101, 230);\n border-radius: 2px;\n font-size: 12px;\n padding: 0px 6px;\n white-space: nowrap;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf {\n padding: 0px 10px;\n height: 44px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box {\n flex: 1;\n overflow: hidden;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .main-title-box {\n display: flex;\n align-items: center;\n white-space: nowrap;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n font-size: 14px;\n color: rgb(29, 33, 38);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .tag {\n margin-left: 8px;\n background-color: rgba(46, 101, 230, 0.1);\n color: rgb(46, 101, 230);\n border-radius: 2px;\n font-size: 12px;\n padding: 0px 6px;\n white-space: nowrap;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .sub-title {\n font-size: 12px;\n color: rgb(161, 168, 179);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-selector-node > .selector-node-right {\n display: flex;\n align-items: center;\n height: 100%;\n}\n.paraui-v4-selector-node > .selector-node-right > .detail {\n font-size: 14px;\n color: rgb(46, 101, 230);\n white-space: nowrap;\n padding: 0 4px;\n cursor: pointer;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n}\n.paraui-v4-selector-node > .selector-node-right > .detail:hover {\n background-color: rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-selector-node > .selector-node-right > .line {\n border-left: 1px solid rgb(213, 224, 250);\n margin: 0 8px;\n content: \"\";\n display: inline-block;\n height: 12px;\n}\n.paraui-v4-selector-node > .selector-node-right > .lower-child {\n font-size: 14px;\n color: rgb(46, 101, 230);\n white-space: nowrap;\n padding: 0 4px;\n cursor: pointer;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n}\n.paraui-v4-selector-node > .selector-node-right > .lower-child:hover {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-selector-node > .selector-node-right > .close {\n display: flex;\n align-items: center;\n color: rgb(46, 101, 230);\n white-space: nowrap;\n padding: 0 4px;\n cursor: pointer;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n}\n.paraui-v4-selector-node > .selector-node-right > .close:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-node > .selector-node-right > .close > svg {\n font-size: 16px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-edit > .selector-node-right > .detail, .paraui-v4-selector-node.paraui-v4-selector-node-edit > .selector-node-right > .lower-child {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-edit > .selector-node-right > .detail:hover, .paraui-v4-selector-node.paraui-v4-selector-node-edit > .selector-node-right > .lower-child:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled.paraui-v4-selector-node-branch > .selector-node-left > .main-title {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled > .selector-node-right > .lower-child {\n cursor: not-allowed;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled-child > .selector-node-right > .lower-child {\n cursor: not-allowed;\n color: rgb(161, 168, 179);\n}\n\n.paraui-v4-selector-detail .selector-detail-popover-content.selector-detail-popover-content-loading {\n min-width: 100px;\n min-height: 50px;\n}";
75
+ var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-selector-node {\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n.paraui-v4-selector-node:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-selector-node > .selector-node-left {\n display: flex;\n align-items: center;\n flex: 1;\n overflow: hidden;\n padding-right: 10px;\n}\n.paraui-v4-selector-node > .selector-node-left > .selector-node-radio {\n margin-right: 8px;\n display: flex;\n align-items: center;\n padding: 0;\n}\n.paraui-v4-selector-node > .selector-node-left > .selector-node-radio .radio-box {\n top: 0;\n}\n.paraui-v4-selector-node > .selector-node-left > .selector-node-check {\n margin-right: 8px;\n display: flex;\n align-items: center;\n padding: 0;\n}\n.paraui-v4-selector-node > .selector-node-left > .selector-node-check .checkbox-box {\n top: 0;\n}\n.paraui-v4-selector-node > .selector-node-left > .node-img {\n display: inline-block;\n width: 30px;\n height: 30px;\n margin-right: 8px;\n}\n.paraui-v4-selector-node > .selector-node-left > .node-img img {\n width: 30px;\n height: 30px;\n border-radius: 50%;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch {\n height: 30px;\n padding: 0 10px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch.paraui-v4-selector-node-img {\n height: 44px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch > .selector-node-left > .main-title {\n font-size: 14px;\n color: rgb(29, 33, 38);\n white-space: nowrap;\n height: 20px;\n line-height: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch > .selector-node-left > .sub-title {\n margin-left: 8px;\n font-size: 14px;\n color: rgb(161, 168, 179);\n white-space: nowrap;\n height: 20px;\n line-height: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 30px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-branch > .selector-node-left > .tag {\n margin-left: 8px;\n background-color: rgba(46, 101, 230, 0.1);\n color: rgb(46, 101, 230);\n border-radius: 2px;\n font-size: 12px;\n padding: 0px 6px;\n white-space: nowrap;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf {\n padding: 0px 10px;\n height: 44px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box {\n flex: 1;\n overflow: hidden;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .main-title-box {\n display: flex;\n align-items: center;\n white-space: nowrap;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n font-size: 14px;\n color: rgb(29, 33, 38);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .tag {\n margin-left: 8px;\n background-color: rgba(46, 101, 230, 0.1);\n color: rgb(46, 101, 230);\n border-radius: 2px;\n font-size: 12px;\n padding: 0px 6px;\n white-space: nowrap;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .sub-title {\n font-size: 12px;\n color: rgb(161, 168, 179);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-selector-node > .selector-node-right {\n display: flex;\n align-items: center;\n height: 100%;\n}\n.paraui-v4-selector-node > .selector-node-right > .detail {\n font-size: 14px;\n color: rgb(46, 101, 230);\n white-space: nowrap;\n padding: 0 4px;\n cursor: pointer;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n}\n.paraui-v4-selector-node > .selector-node-right > .detail:hover {\n background-color: rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-selector-node > .selector-node-right > .line {\n border-left: 1px solid rgb(213, 224, 250);\n margin: 0 8px;\n content: \"\";\n display: inline-block;\n height: 12px;\n}\n.paraui-v4-selector-node > .selector-node-right > .lower-child {\n font-size: 14px;\n color: rgb(46, 101, 230);\n white-space: nowrap;\n padding: 0 4px;\n cursor: pointer;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n}\n.paraui-v4-selector-node > .selector-node-right > .lower-child:hover {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-selector-node > .selector-node-right > .close {\n display: flex;\n align-items: center;\n color: rgb(46, 101, 230);\n white-space: nowrap;\n padding: 0 4px;\n cursor: pointer;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n}\n.paraui-v4-selector-node > .selector-node-right > .close:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-node > .selector-node-right > .close > svg {\n font-size: 16px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-edit > .selector-node-right > .detail, .paraui-v4-selector-node.paraui-v4-selector-node-edit > .selector-node-right > .lower-child {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-edit > .selector-node-right > .detail:hover, .paraui-v4-selector-node.paraui-v4-selector-node-edit > .selector-node-right > .lower-child:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled.paraui-v4-selector-node-branch > .selector-node-left > .main-title {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled.paraui-v4-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled > .selector-node-right > .lower-child {\n cursor: not-allowed;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-node.paraui-v4-selector-node-disabled-child > .selector-node-right > .lower-child {\n cursor: not-allowed;\n color: rgb(161, 168, 179);\n}\n\n.paraui-v4-selector-detail .selector-detail-popover-content.selector-detail-popover-content-loading {\n min-width: 100px;\n min-height: 50px;\n}";
76
76
  styleInject(css_248z$3);
77
77
 
78
78
  var SelectorNode = function SelectorNode(props) {
@@ -909,7 +909,7 @@ var SelectorMain = function SelectorMain(props) {
909
909
  }));
910
910
  };
911
911
 
912
- var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-selector-data.paraui-v4-selector-data-node > .selector-data-node-box {\n padding: 10px 0 10px 0;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-node > .selector-data-node-box > .title {\n font-size: 14px;\n color: rgb(29, 33, 38);\n padding: 0 10px;\n margin-bottom: 10px;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-node > .selector-data-node-box > .title > .title-content {\n margin-left: 8px;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-node > .selector-data-node-box > .content {\n overflow-y: auto;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box {\n padding-top: 10px;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .title {\n font-size: 14px;\n color: rgb(29, 33, 38);\n padding: 0 10px;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content {\n padding: 0 10px 10px 10px;\n overflow: auto;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content > .content-tag {\n display: inline-flex;\n height: 24px;\n align-items: center;\n padding: 0 8px;\n border-radius: 4px;\n background-color: rgb(234, 236, 241);\n margin-right: 4px;\n margin-top: 4px;\n max-width: calc(100% - 8px);\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content > .content-tag > span {\n font-size: 14px;\n color: rgb(29, 33, 38);\n overflow: hidden;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content > .content-tag > svg {\n font-size: 16px;\n margin-left: 4px;\n color: rgb(29, 33, 38);\n cursor: pointer;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content > .content-tag > svg:hover {\n color: rgb(46, 101, 230);\n}";
912
+ var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-selector-data.paraui-v4-selector-data-node > .selector-data-node-box {\n padding: 10px 0 10px 0;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-node > .selector-data-node-box > .title {\n font-size: 14px;\n color: rgb(29, 33, 38);\n padding: 0 10px;\n margin-bottom: 10px;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-node > .selector-data-node-box > .title > .title-content {\n margin-left: 8px;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-node > .selector-data-node-box > .content {\n overflow-y: auto;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box {\n padding-top: 10px;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .title {\n font-size: 14px;\n color: rgb(29, 33, 38);\n padding: 0 10px;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content {\n padding: 0 10px 10px 10px;\n overflow: auto;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content > .content-tag {\n display: inline-flex;\n height: 24px;\n align-items: center;\n padding: 0 10px;\n border-radius: 4px;\n background-color: rgb(234, 236, 241);\n margin-right: 4px;\n margin-top: 4px;\n max-width: calc(100% - 8px);\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content > .content-tag > span {\n font-size: 14px;\n color: rgb(29, 33, 38);\n overflow: hidden;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content > .content-tag > svg {\n font-size: 16px;\n margin-left: 4px;\n color: rgb(29, 33, 38);\n cursor: pointer;\n}\n.paraui-v4-selector-data.paraui-v4-selector-data-tag > .selector-data-tag-box > .content > .content-tag > svg:hover {\n color: rgb(46, 101, 230);\n}";
913
913
  styleInject(css_248z$1);
914
914
 
915
915
  var SelectorData = function SelectorData(props) {
package/SelectorPicker/index.js CHANGED
@@ -65,7 +65,7 @@ var localeJson = {
65
65
  en: en
66
66
  };
67
67
 
68
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/8/2 5:57 PM\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-selector-picker {\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 width: 100%;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n padding: 0 38px 0 10px;\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 padding-right: 40px;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper:hover > .selector-picker-arrow > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content {\n width: 100%;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n overflow: hidden;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n display: inline-block;\n background-color: rgb(234, 236, 241);\n border-radius: 4px;\n padding: 0 10px;\n color: rgb(29, 33, 38);\n margin-right: 4px;\n vertical-align: top;\n max-width: 100%;\n white-space: nowrap;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item.check-select-content-item-more {\n cursor: pointer;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item.check-select-content-item-more > span {\n max-width: none;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > span {\n color: rgb(29, 33, 38);\n display: inline-block;\n height: 100%;\n vertical-align: top;\n max-width: calc(100% - 20px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n cursor: pointer;\n margin-left: 8px;\n color: rgb(29, 33, 38);\n font-size: 16px;\n position: relative;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check.check-select-content-item-noclose > span {\n max-width: none;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n font-size: 14px;\n line-height: 1.429;\n color: rgb(29, 33, 38);\n word-break: break-all;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-placeholder {\n flex: 1;\n color: rgb(161, 168, 179);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-arrow {\n position: absolute;\n right: 10px;\n top: 0;\n z-index: 2;\n line-height: 0;\n width: 18px;\n height: 18px;\n transition: all 0.3s;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-arrow > svg {\n font-size: 18px;\n color: rgb(92, 101, 115);\n transition: all 0.3s;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-clear {\n position: absolute;\n right: 10px;\n top: 0;\n z-index: 2;\n line-height: 0;\n opacity: 0;\n transition: all 0.3s;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-clear > svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-clear:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-focused > .selector-picker-wrapper {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-focused > .selector-picker-wrapper > .selector-picker-arrow svg {\n transform: rotate(180deg);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-disabled > .selector-picker-wrapper {\n background-color: rgb(247, 248, 250);\n cursor: not-allowed;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-disabled > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > span {\n max-width: 100%;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-disabled > .selector-picker-wrapper:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-disabled > .selector-picker-wrapper:hover > .selector-picker-arrow > svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-error > .selector-picker-wrapper {\n border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-arrow {\n opacity: 0;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-clear {\n opacity: 1;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-clear.paraui-v4-selector-picker-disabled > .selector-picker-wrapper:hover > .selector-picker-arrow {\n opacity: 1;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-wrap > .selector-picker-wrapper {\n min-height: 32px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n min-height: 30px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n padding-bottom: 3px;\n height: 100%;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n min-height: 30px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper {\n height: 32px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n height: 30px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n height: 30px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n height: 30px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n margin-top: 3px;\n height: 24px;\n line-height: 24px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n padding: 5px 0;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large > .selector-picker-wrapper > .selector-picker-placeholder {\n height: 30px;\n line-height: 30px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large > .selector-picker-wrapper > .selector-picker-arrow {\n top: 6px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large > .selector-picker-wrapper > .selector-picker-clear {\n top: 6px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-wrap > .selector-picker-wrapper {\n min-height: 28px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n min-height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n padding-bottom: 3px;\n height: 100%;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n min-height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper {\n height: 28px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n padding: 3px 0;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium > .selector-picker-wrapper > .selector-picker-placeholder {\n height: 26px;\n line-height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium > .selector-picker-wrapper > .selector-picker-arrow {\n top: 4px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium > .selector-picker-wrapper > .selector-picker-clear {\n top: 4px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-wrap > .selector-picker-wrapper {\n min-height: 28px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n min-height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n padding-bottom: 3px;\n height: 100%;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n min-height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper {\n height: 28px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n padding: 3px 0;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small > .selector-picker-wrapper > .selector-picker-placeholder {\n height: 26px;\n line-height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small > .selector-picker-wrapper > .selector-picker-arrow {\n top: 4px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small > .selector-picker-wrapper > .selector-picker-clear {\n top: 4px;\n}\n\n.paraui-v4-selector-picker-dropdown .paraui-v4-selector {\n border: 0;\n}\n.paraui-v4-selector-picker-dropdown .selector-picker-dropdown-content {\n max-height: 300px;\n overflow: auto;\n}\n\n.paraui-v4-selector-more-popover {\n /*// 小\n &.paraui-v4-selector-more-popover-small {\n & .select-more {\n & > .select-more-title {\n line-height: 28px;\n }\n\n & > .select-more-content {\n & > .select-more-content-item {\n line-height: 28px;\n }\n }\n }\n }\n\n // 中\n &.paraui-v4-selector-more-popover-medium {\n & .select-more {\n & > .select-more-title {\n line-height: 32px;\n }\n\n & > .select-more-content {\n & > .select-more-content-item {\n line-height: 32px;\n }\n }\n }\n }\n\n // 大\n &.paraui-v4-selector-more-popover-large {\n & .select-more {\n & > .select-more-title {\n line-height: 36px;\n }\n\n & > .select-more-content {\n & > .select-more-content-item {\n line-height: 36px;\n }\n }\n }\n }*/\n}\n.paraui-v4-selector-more-popover .select-more {\n width: 290px;\n padding: 4px 0;\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-title {\n font-size: 14px;\n padding: 0 10px;\n color: rgb(161, 168, 179);\n line-height: 30px;\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-content {\n max-height: 320px;\n overflow: auto;\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-content > .select-more-content-item {\n padding: 0 10px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n line-height: 30px;\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-content > .select-more-content-item:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n width: calc(100% - 25px);\n display: inline-block;\n font-size: 14px;\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n font-size: 18px;\n position: relative;\n cursor: pointer;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n color: rgb(46, 101, 230);\n border-radius: 2px;\n}";
68
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/8/2 5:57 PM\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-selector-picker {\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 width: 100%;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n padding: 0 38px 0 10px;\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 padding-right: 40px;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper:hover > .selector-picker-arrow > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content {\n width: 100%;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n overflow: hidden;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n display: inline-block;\n background-color: rgb(234, 236, 241);\n border-radius: 4px;\n padding: 0 10px;\n color: rgb(29, 33, 38);\n margin-right: 4px;\n vertical-align: top;\n max-width: 100%;\n white-space: nowrap;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item.check-select-content-item-more {\n cursor: pointer;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item.check-select-content-item-more > span {\n max-width: none;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > span {\n color: rgb(29, 33, 38);\n display: inline-block;\n height: 100%;\n vertical-align: top;\n max-width: calc(100% - 20px);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n cursor: pointer;\n margin-left: 8px;\n color: rgb(29, 33, 38);\n font-size: 16px;\n position: relative;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check.check-select-content-item-noclose > span {\n max-width: none;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n font-size: 14px;\n line-height: 1.429;\n color: rgb(29, 33, 38);\n word-break: break-all;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-placeholder {\n flex: 1;\n color: rgb(161, 168, 179);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-arrow {\n position: absolute;\n right: 10px;\n top: 0;\n z-index: 2;\n line-height: 0;\n width: 18px;\n height: 18px;\n transition: all 0.3s;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-arrow > svg {\n font-size: 18px;\n color: rgb(92, 101, 115);\n transition: all 0.3s;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-clear {\n position: absolute;\n right: 10px;\n top: 0;\n z-index: 2;\n line-height: 0;\n opacity: 0;\n transition: all 0.3s;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-clear > svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-selector-picker > .selector-picker-wrapper > .selector-picker-clear:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-focused > .selector-picker-wrapper {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-focused > .selector-picker-wrapper > .selector-picker-arrow svg {\n transform: rotate(180deg);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-disabled > .selector-picker-wrapper {\n background-color: rgb(247, 248, 250);\n cursor: not-allowed;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-disabled > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-disabled > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > span {\n max-width: 100%;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-disabled > .selector-picker-wrapper:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-disabled > .selector-picker-wrapper:hover > .selector-picker-arrow > svg {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-error > .selector-picker-wrapper {\n border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-arrow {\n opacity: 0;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-clear {\n opacity: 1;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-clear.paraui-v4-selector-picker-disabled > .selector-picker-wrapper:hover > .selector-picker-arrow {\n opacity: 1;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-wrap > .selector-picker-wrapper {\n min-height: 32px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n min-height: 30px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n padding-bottom: 3px;\n height: 100%;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n min-height: 30px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper {\n height: 32px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n height: 30px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n height: 30px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n height: 30px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n margin-top: 3px;\n height: 24px;\n line-height: 24px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n top: 3px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n padding: 5px 0;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large > .selector-picker-wrapper > .selector-picker-placeholder {\n height: 30px;\n line-height: 30px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large > .selector-picker-wrapper > .selector-picker-arrow {\n top: 6px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-large > .selector-picker-wrapper > .selector-picker-clear {\n top: 6px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-wrap > .selector-picker-wrapper {\n min-height: 28px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n min-height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n padding-bottom: 3px;\n height: 100%;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n min-height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper {\n height: 28px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n padding: 3px 0;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium > .selector-picker-wrapper > .selector-picker-placeholder {\n height: 26px;\n line-height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium > .selector-picker-wrapper > .selector-picker-arrow {\n top: 4px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-medium > .selector-picker-wrapper > .selector-picker-clear {\n top: 4px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-wrap > .selector-picker-wrapper {\n min-height: 28px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n min-height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n padding-bottom: 3px;\n height: 100%;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-wrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n min-height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper {\n height: 28px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content {\n height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check {\n height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small.paraui-v4-selector-picker-nowrap > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item {\n margin-top: 3px;\n height: 20px;\n line-height: 20px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-check > .check-select-content-item > svg {\n top: 2px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small > .selector-picker-wrapper > .selector-picker-wrapper-content > .selector-picker-wrapper-content-radio {\n padding: 3px 0;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small > .selector-picker-wrapper > .selector-picker-placeholder {\n height: 26px;\n line-height: 26px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small > .selector-picker-wrapper > .selector-picker-arrow {\n top: 4px;\n}\n.paraui-v4-selector-picker.paraui-v4-selector-picker-small > .selector-picker-wrapper > .selector-picker-clear {\n top: 4px;\n}\n\n.paraui-v4-selector-picker-dropdown {\n padding: 4px 0;\n}\n.paraui-v4-selector-picker-dropdown .paraui-v4-selector {\n border: 0;\n}\n.paraui-v4-selector-picker-dropdown .selector-picker-dropdown-content {\n max-height: 300px;\n overflow: auto;\n}\n\n.paraui-v4-selector-more-popover {\n /*// 小\n &.paraui-v4-selector-more-popover-small {\n & .select-more {\n & > .select-more-title {\n line-height: 28px;\n }\n\n & > .select-more-content {\n & > .select-more-content-item {\n line-height: 28px;\n }\n }\n }\n }\n\n // 中\n &.paraui-v4-selector-more-popover-medium {\n & .select-more {\n & > .select-more-title {\n line-height: 32px;\n }\n\n & > .select-more-content {\n & > .select-more-content-item {\n line-height: 32px;\n }\n }\n }\n }\n\n // 大\n &.paraui-v4-selector-more-popover-large {\n & .select-more {\n & > .select-more-title {\n line-height: 36px;\n }\n\n & > .select-more-content {\n & > .select-more-content-item {\n line-height: 36px;\n }\n }\n }\n }*/\n}\n.paraui-v4-selector-more-popover .select-more {\n width: 290px;\n padding: 4px 0;\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-title {\n font-size: 14px;\n padding: 0 10px;\n color: rgb(161, 168, 179);\n line-height: 30px;\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-content {\n max-height: 320px;\n overflow: auto;\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-content > .select-more-content-item {\n padding: 0 10px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n line-height: 30px;\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-content > .select-more-content-item:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n width: calc(100% - 25px);\n display: inline-block;\n font-size: 14px;\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n font-size: 18px;\n position: relative;\n cursor: pointer;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-selector-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n color: rgb(46, 101, 230);\n border-radius: 2px;\n}";
69
69
  styleInject(css_248z);
70
70
 
71
71
  //下拉选择器
@@ -227,7 +227,7 @@ var SelectorPicker = function SelectorPicker(props) {
227
227
  return obj;
228
228
  };
229
229
  return jsx("div", Object.assign({
230
- className: 'selector-picker-dropdown-content',
230
+ className: "selector-picker-dropdown-content ".concat($prefixCls, "-scrollbar-small"),
231
231
  style: {
232
232
  width: "".concat(refDom && refDom.current ? refDom.current.offsetWidth : 0, "px")
233
233
  }