@para-ui/core 4.0.51 → 4.0.52
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.
- package/Cascader/index.js +2 -2
- package/ComboSelect/index.js +9 -9
- package/DynamicMultiBox/index.js +4 -4
- package/Empty/index.js +1 -1
- package/Form/index.js +4 -4
- package/FormItem/index.js +4 -4
- package/FunctionModal/index.js +2 -2
- package/Prompt/index.d.ts +2 -0
- package/Prompt/index.js +6 -4
- package/README.md +8 -0
- package/Table/index.js +497 -432
- package/Tooltip/index.js +27 -26
- package/Tree/index.js +2 -2
- package/index.js +4 -4
- package/package.json +2 -2
- package/umd/Argv.js +1 -1
- package/umd/ComboSelect.js +2 -2
- package/umd/ContentBox.js +1 -1
- package/umd/CycleSelector.js +1 -1
- package/umd/DynamicMultiBox.js +2 -2
- package/umd/Empty.js +1 -1
- package/umd/Form.js +2 -2
- package/umd/FormItem.js +2 -2
- package/umd/Pagination.js +1 -1
- package/umd/Prompt.js +2 -2
- package/umd/QuickReply.js +1 -1
- package/umd/Select.js +1 -1
- package/umd/SelectInput.js +1 -1
- package/umd/Selector.js +1 -1
- package/umd/SelectorPicker.js +1 -1
- package/umd/Table.js +1 -1
- package/umd/Tree.js +1 -1
- /package/_verture/{index-972707a5.js → index-5b0d1c7d.js} +0 -0
- /package/_verture/{index-bd0da612.js → index-887e5e11.js} +0 -0
- /package/_verture/{index-6647cbf6.js → index-ba8815d0.js} +0 -0
- /package/_verture/{modalContext-8a48c400.js → modalContext-f68b51a2.js} +0 -0
package/Cascader/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as Cascader } from '../_verture/index-
|
|
2
|
-
export { C as default } from '../_verture/index-
|
|
1
|
+
import { C as Cascader } from '../_verture/index-5b0d1c7d.js';
|
|
2
|
+
export { C as default } from '../_verture/index-5b0d1c7d.js';
|
|
3
3
|
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import '../_verture/Portal-f9bedb3a.js';
|
package/ComboSelect/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import SearchIcon from '@para-ui/icons/Search';
|
|
|
6
6
|
import Close from '@para-ui/icons/Close';
|
|
7
7
|
import CloseCircleF from '@para-ui/icons/CloseCircleF';
|
|
8
8
|
import Table from '../Table/index.js';
|
|
9
|
-
import { T as Tree } from '../_verture/index-
|
|
9
|
+
import { T as Tree } from '../_verture/index-ba8815d0.js';
|
|
10
10
|
import { Button } from '../Button/index.js';
|
|
11
11
|
import { D as Dropdown } from '../_verture/index-bde7aabe.js';
|
|
12
12
|
import { Popover } from '../Popover/index.js';
|
|
@@ -24,6 +24,8 @@ import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
|
24
24
|
import { Search } from '../Search/index.js';
|
|
25
25
|
import LoadingOutlined from '@para-ui/icons/LoadingF';
|
|
26
26
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
27
|
+
import '../_verture/typeof-adeedc13.js';
|
|
28
|
+
import '../_verture/slicedToArray-75fa4188.js';
|
|
27
29
|
import '../Checkbox/index.js';
|
|
28
30
|
import '../Help/index.js';
|
|
29
31
|
import '@para-ui/icons/Help';
|
|
@@ -35,6 +37,7 @@ import '@para-ui/icons/UpTriangleF';
|
|
|
35
37
|
import '@para-ui/icons/DownTriangleF';
|
|
36
38
|
import '@para-ui/icons/Panel';
|
|
37
39
|
import '../Empty/index.js';
|
|
40
|
+
import '../_verture/defineProperty-6f62bb2a.js';
|
|
38
41
|
import '../_verture/index-0f5ee6f7.js';
|
|
39
42
|
import '../_verture/sortable.esm-76fe46a4.js';
|
|
40
43
|
import '../Radio/index.js';
|
|
@@ -61,9 +64,6 @@ import '@para-ui/icons/DoubleLeft';
|
|
|
61
64
|
import '@para-ui/icons/DoubleRight';
|
|
62
65
|
import '../ScrollBar/index.js';
|
|
63
66
|
import '../_verture/toConsumableArray-c7a8028f.js';
|
|
64
|
-
import '../_verture/slicedToArray-75fa4188.js';
|
|
65
|
-
import '../_verture/defineProperty-6f62bb2a.js';
|
|
66
|
-
import '../_verture/typeof-adeedc13.js';
|
|
67
67
|
import '../_verture/index-8ac46bd9.js';
|
|
68
68
|
import '../_verture/typeof-6ec38efd.js';
|
|
69
69
|
import 'rc-tree';
|
|
@@ -103,7 +103,7 @@ var localeJson = {
|
|
|
103
103
|
en
|
|
104
104
|
};
|
|
105
105
|
|
|
106
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-comboselect .comboselect-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n min-height: 32px;\n padding: 0 10px;\n font-size: 14px;\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 42px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgb(161, 168, 179);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow {\n position: absolute;\n top: 5px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow svg {\n color: rgb(92, 101, 115);\n font-size: 20px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear {\n position: absolute;\n top: 7px;\n right: 12px;\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg {\n color: rgb(161, 168, 179);\n font-size: 16px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding: 0 30px 0 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 30px;\n padding: 0 30px 0 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-single-content {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n display: inline-flex;\n align-items: center;\n padding: 0 10px;\n height: 24px;\n margin: 3px 4px 0 0;\n max-width: 100%;\n color: rgb(29, 33, 38);\n line-height: 24px;\n background-color: rgb(234, 236, 241);\n border-radius: 2px;\n user-select: none;\n transition: 0.3s;\n cursor: default;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-content {\n display: inline-block;\n margin-right: 4px;\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n font-size: 16px;\n color: inherit;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n color: rgb(161, 168, 179);\n background-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n margin-right: 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-list {\n overflow: hidden;\n height: 30px;\n display: flex;\n flex-wrap: wrap;\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n transform: rotate(180deg);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-comboselect-disabled .comboselect-wrapper {\n background-color: rgb(247, 248, 250);\n border-color: rgb(212, 218, 227);\n pointer-events: none;\n}\n.paraui-v4-comboselect-disabled .comboselect-single-content {\n color: rgb(92, 101, 115) !important;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper, .paraui-v4-comboselect-medium .comboselect-wrapper {\n min-height: 28px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow {\n padding-top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 20px;\n margin-bottom: 3px;\n line-height: 20px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 26px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-arrow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-arrow {\n top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-clear, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-clear {\n top: 5px;\n}\n.paraui-v4-comboselect-error .comboselect-wrapper {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-error .comboselect-wrapper:hover {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n opacity: 0;\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n opacity: 1;\n}\n.paraui-v4-comboselect-non-popup {\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper {\n border: none;\n border-bottom: 1px solid rgb(212, 218, 227);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n cursor: default;\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content {\n position: relative;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n width: 100%;\n flex: auto;\n border: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input .text-field-content {\n border: unset;\n height: unset;\n border-radius: unset;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n padding-bottom: 10px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .table-pagination {\n height: 52px;\n padding-right: 20px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n padding: 6px 7px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v4-tree-empty {\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper {\n position: relative;\n color: initial;\n overflow: hidden;\n padding: 4px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper.show-search {\n padding-top: 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper.mode-table {\n padding-top: 0;\n}\n.paraui-v4-comboselect-dropdown .dropdown-content {\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search {\n display: flex;\n align-items: center;\n height: 30px;\n min-height: 30px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input {\n width: 100%;\n flex: auto;\n border: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input .text-field-content {\n border: unset;\n height: unset;\n border-radius: unset;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-table {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n padding-bottom: 2px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-pagination {\n height: 38px;\n padding-right: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-contain {\n height: calc(100% - 38px);\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .paraui-v4-tree-empty {\n height: 100%;\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content {\n display: flex;\n justify-content: center;\n}\n@keyframes rotateLoading {\n 0% {\n transformOrigin: 50% 50%;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon {\n margin-right: 4px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon > svg {\n transition: all 0.3s ease-in-out;\n animation: rotateLoading 1s infinite linear;\n font-size: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions {\n display: flex;\n align-items: center;\n padding: 8px 20px 8px 0;\n justify-content: flex-end;\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions button + button {\n margin-left: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath {\n height: 34px;\n line-height: 34px;\n padding: 0 10px;\n border-top: 1px solid rgb(234, 236, 241);\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath span {\n display: inline-block;\n height: 100%;\n padding-right: 10px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-empty {\n padding: 50px 0 72px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode {\n width: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-switcher {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-checkbox {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper {\n width: 100%;\n margin: 0;\n padding: 3px 28px 3px 12px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper:hover {\n background-color: rgb(247, 248, 250);\n border-radius: 0 !important;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper {\n position: relative;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n position: absolute;\n content: \" \";\n width: 15px;\n height: 10px;\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAVCAYAAABR915hAAAABHNCSVQICAgIfAhkiAAAAPhJREFUSEu91TsKwkAQANBZ0drOIjaWIkTiCcSbaLHgbTxAFPUGHkFvEAh4hASs7BXH3WBC/tmv24TAJG8/M7ME/jRcGq8JfnYIJAj3zor8w01QwGNqvaG/sA6XUUQ4sxWziVgcTSgnrcFtqDW4C7UCi6DGYVE0g2f04d39UaCTZzJoArs0urIMWyLgKfTHGxVcFk3gOY2e7DnkLyq4CvpbcbGryOCqaHbGlR8IbLsOWshqGVwXrZSTCG4Cra3jNtwU2thA6nCA3i1/taW3jEr5tXauMp4HdNHOllmHm0A7YR6Qx02hQjAPmm7jyeCFXnhwLqpnWv7uCxqa4b8ke3ZZAAAAAElFTkSuQmCC\");\n transform: translateY(-50%);\n background-size: 15px 10px;\n background-repeat: no-repeat;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list-single .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n display: none;\n}\n.paraui-v4-comboselect-more-popover {\n padding-left: 12px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper {\n width: 300px;\n padding: 4px 0;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 10px;\n font-size: 12px;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n max-height: 300px;\n overflow-y: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n display: flex;\n align-items: center;\n height: 30px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n padding: 0 10px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n display: inline-block;\n max-width: calc(100% - 25px);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n display: inline-flex;\n margin-left: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n font-size: 18px;\n color: rgb(92, 101, 115);\n cursor: pointer;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-clear, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-clear {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-reveal, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-reveal {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-input-placeholder {\n /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect.paraui-v4-comboselect-overLine .comboselect-wrapper .comboselect-overflow-list {\n height: 100%;\n padding-bottom: 3px;\n}";
|
|
106
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-comboselect .comboselect-wrapper {\n position: relative;\n display: flex;\n width: 100%;\n min-height: 32px;\n padding: 0 10px;\n font-size: 14px;\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper:hover {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 42px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgb(161, 168, 179);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow {\n position: absolute;\n top: 5px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-arrow svg {\n color: rgb(92, 101, 115);\n font-size: 20px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear {\n position: absolute;\n top: 7px;\n right: 12px;\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg {\n color: rgb(161, 168, 179);\n font-size: 16px;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-clear svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding: 0 30px 0 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 30px;\n padding: 0 30px 0 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow .comboselect-single-content {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n display: inline-flex;\n align-items: center;\n padding: 0 10px;\n height: 24px;\n margin: 3px 4px 0 0;\n max-width: 100%;\n color: rgb(29, 33, 38);\n line-height: 24px;\n background-color: rgb(234, 236, 241);\n border-radius: 2px;\n user-select: none;\n transition: 0.3s;\n cursor: default;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-content {\n display: inline-block;\n margin-right: 4px;\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg {\n font-size: 16px;\n color: inherit;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item .comboselect-item-remove svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled {\n color: rgb(161, 168, 179);\n background-color: rgb(212, 218, 227);\n cursor: not-allowed;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--disabled .comboselect-item-remove {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-item .comboselect-item--unclosable .comboselect-item-content {\n margin-right: 0;\n}\n.paraui-v4-comboselect .comboselect-wrapper .comboselect-overflow-list {\n overflow: hidden;\n height: 30px;\n display: flex;\n flex-wrap: wrap;\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow {\n transform: rotate(180deg);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-focused .comboselect-wrapper .comboselect-arrow svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-disabled {\n cursor: not-allowed;\n}\n.paraui-v4-comboselect-disabled .comboselect-wrapper {\n background-color: rgb(247, 248, 250);\n border-color: rgb(212, 218, 227);\n pointer-events: none;\n}\n.paraui-v4-comboselect-disabled .comboselect-single-content {\n color: rgb(92, 101, 115) !important;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper, .paraui-v4-comboselect-medium .comboselect-wrapper {\n min-height: 28px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow {\n padding-top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-item .comboselect-item, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-item .comboselect-item {\n height: 20px;\n margin-bottom: 3px;\n line-height: 20px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-overflow-single.comboselect-overflow {\n height: 26px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-arrow, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-arrow {\n top: 3px;\n}\n.paraui-v4-comboselect-small .comboselect-wrapper .comboselect-clear, .paraui-v4-comboselect-medium .comboselect-wrapper .comboselect-clear {\n top: 5px;\n}\n.paraui-v4-comboselect-error .comboselect-wrapper {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-error .comboselect-wrapper:hover {\n border-color: rgb(244, 66, 66);\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-arrow {\n opacity: 0;\n}\n.paraui-v4-comboselect-clear .comboselect-wrapper:hover .comboselect-clear {\n opacity: 1;\n}\n.paraui-v4-comboselect-non-popup {\n border: 1px solid rgb(212, 218, 227);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper {\n border: none;\n border-bottom: 1px solid rgb(212, 218, 227);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n cursor: default;\n}\n.paraui-v4-comboselect-non-popup .comboselect-wrapper:hover {\n border-color: rgb(212, 218, 227);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content {\n position: relative;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search {\n display: flex;\n align-items: center;\n height: 40px;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-icon svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input {\n width: 100%;\n flex: auto;\n border: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input .text-field-content {\n border: unset;\n height: unset;\n border-radius: unset;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table {\n padding-bottom: 10px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .table-pagination {\n height: 52px;\n padding-right: 20px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree {\n padding: 6px 7px;\n}\n.paraui-v4-comboselect-non-popup .comboselect-non-popup-content .comboselect-tree .paraui-v4-tree-empty {\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper {\n position: relative;\n color: initial;\n overflow: hidden;\n padding: 4px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper.show-search {\n padding-top: 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-dropdown-wrapper.mode-table {\n padding-top: 0;\n}\n.paraui-v4-comboselect-dropdown .dropdown-content {\n display: flex;\n flex-direction: column;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search {\n display: flex;\n align-items: center;\n border-bottom: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon {\n line-height: 0;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-icon svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input {\n width: 100%;\n flex: auto;\n border: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input .text-field-content {\n border: unset;\n height: unset;\n border-radius: unset;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::placeholder {\n color: rgb(161, 168, 179);\n font-size: 14px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg {\n font-size: 16px;\n color: rgb(161, 168, 179);\n transition: all 0.3s;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search .comboselect-clear-icon svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-table {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n padding-bottom: 2px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table {\n box-shadow: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-pagination {\n height: 38px;\n padding-right: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-table .paraui-v4-table .table-contain {\n height: calc(100% - 38px);\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree {\n flex: 1 1;\n overflow-y: auto;\n height: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .paraui-v4-tree-empty {\n height: 100%;\n padding: 52px 0 73px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content {\n display: flex;\n justify-content: center;\n}\n@keyframes rotateLoading {\n 0% {\n transformOrigin: 50% 50%;\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon {\n margin-right: 4px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-tree .loading-node-content .loading-icon > svg {\n transition: all 0.3s ease-in-out;\n animation: rotateLoading 1s infinite linear;\n font-size: 20px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions {\n display: flex;\n align-items: center;\n padding: 8px 20px 8px 0;\n justify-content: flex-end;\n border-top: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-actions button + button {\n margin-left: 10px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath {\n height: 34px;\n line-height: 34px;\n padding: 0 10px;\n border-top: 1px solid rgb(234, 236, 241);\n font-size: 14px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-comboselect-dropdown .comboselect-fullPath span {\n display: inline-block;\n height: 100%;\n padding-right: 10px;\n border-right: 1px solid rgb(234, 236, 241);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-empty {\n padding: 50px 0 72px 0;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode {\n width: 100%;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-switcher {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-checkbox {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper {\n width: 100%;\n margin: 0;\n padding: 3px 28px 3px 12px;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode .paraui-v4-tree-node-content-wrapper:hover {\n background-color: rgb(247, 248, 250);\n border-radius: 0 !important;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper {\n position: relative;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n position: absolute;\n content: \" \";\n width: 15px;\n height: 10px;\n right: 12px;\n top: 50%;\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAVCAYAAABR915hAAAABHNCSVQICAgIfAhkiAAAAPhJREFUSEu91TsKwkAQANBZ0drOIjaWIkTiCcSbaLHgbTxAFPUGHkFvEAh4hASs7BXH3WBC/tmv24TAJG8/M7ME/jRcGq8JfnYIJAj3zor8w01QwGNqvaG/sA6XUUQ4sxWziVgcTSgnrcFtqDW4C7UCi6DGYVE0g2f04d39UaCTZzJoArs0urIMWyLgKfTHGxVcFk3gOY2e7DnkLyq4CvpbcbGryOCqaHbGlR8IbLsOWshqGVwXrZSTCG4Cra3jNtwU2thA6nCA3i1/taW3jEr5tXauMp4HdNHOllmHm0A7YR6Qx02hQjAPmm7jyeCFXnhwLqpnWv7uCxqa4b8ke3ZZAAAAAElFTkSuQmCC\");\n transform: translateY(-50%);\n background-size: 15px 10px;\n background-repeat: no-repeat;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover {\n background-color: transparent;\n}\n.paraui-v4-comboselect-dropdown .comboselect-list-single .paraui-v4-tree-treenode-checkbox-checked .paraui-v4-tree-node-content-wrapper::after {\n display: none;\n}\n.paraui-v4-comboselect-more-popover {\n padding-left: 12px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper {\n width: 300px;\n padding: 4px 0;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-title {\n display: flex;\n align-items: center;\n height: 30px;\n padding: 0 10px;\n font-size: 12px;\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-content {\n max-height: 300px;\n overflow-y: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item {\n display: flex;\n align-items: center;\n height: 30px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n padding: 0 10px;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-text {\n display: inline-block;\n max-width: calc(100% - 25px);\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove {\n display: inline-flex;\n margin-left: auto;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg {\n font-size: 18px;\n color: rgb(92, 101, 115);\n cursor: pointer;\n}\n.paraui-v4-comboselect-more-popover .comboselect-more-wrapper .comboselect-more-item-remove svg:hover {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-clear, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-clear {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-reveal, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-reveal {\n display: none;\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-moz-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-moz-placeholder {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input:-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect-dropdown .comboselect-search-input::-ms-input-placeholder, .paraui-v4-comboselect-non-popup .comboselect-search-input::-ms-input-placeholder {\n /* Microsoft Edge */\n color: rgb(161, 168, 179);\n}\n.paraui-v4-comboselect.paraui-v4-comboselect-overLine .comboselect-wrapper .comboselect-overflow-list {\n height: 100%;\n padding-bottom: 3px;\n}";
|
|
107
107
|
styleInject(css_248z);
|
|
108
108
|
|
|
109
109
|
//组合选择器
|
|
@@ -196,7 +196,6 @@ const ComboSelect = props => {
|
|
|
196
196
|
const hasPopup = useRef(false); //显示弹框标识
|
|
197
197
|
const popUpNodeRef = useRef(); //popup dom
|
|
198
198
|
const emptyParamsRef = useRef({}); //空参数常量
|
|
199
|
-
const searchInputRef = useRef(); //search input
|
|
200
199
|
const mergedReplaceF = getReplaceField(mode, replaceFields, TableProps, TreeProps); //替换字段
|
|
201
200
|
const {
|
|
202
201
|
key: fieldKey = '',
|
|
@@ -451,7 +450,6 @@ const ComboSelect = props => {
|
|
|
451
450
|
rightIcon: jsx(SearchIcon, {}),
|
|
452
451
|
btnType: "inside",
|
|
453
452
|
value: inputValue,
|
|
454
|
-
ref: searchInputRef,
|
|
455
453
|
onChange: handleInputChange,
|
|
456
454
|
placeholder: searchPlaceholder !== null && searchPlaceholder !== void 0 ? searchPlaceholder : intl({
|
|
457
455
|
id: 'searchPlaceholder'
|
|
@@ -593,8 +591,10 @@ const ComboSelect = props => {
|
|
|
593
591
|
};
|
|
594
592
|
if (open) {
|
|
595
593
|
setTimeout(() => {
|
|
596
|
-
|
|
597
|
-
(
|
|
594
|
+
// searchInputRef.current?.focus();
|
|
595
|
+
if (!popUpNodeRef.current) return;
|
|
596
|
+
const searchInputDom = popUpNodeRef.current.querySelector('.comboselect-search-input input');
|
|
597
|
+
if (searchInputDom) searchInputDom.focus();
|
|
598
598
|
}, 200);
|
|
599
599
|
}
|
|
600
600
|
if (!disablePopup && open) {
|
package/DynamicMultiBox/index.js
CHANGED
|
@@ -52,10 +52,13 @@ import '@para-ui/icons/Up';
|
|
|
52
52
|
import '../MultiBox/index.js';
|
|
53
53
|
import '@para-ui/icons/Internet';
|
|
54
54
|
import '../Table/index.js';
|
|
55
|
+
import '../_verture/typeof-adeedc13.js';
|
|
56
|
+
import '../_verture/slicedToArray-75fa4188.js';
|
|
55
57
|
import '../Button/index.js';
|
|
56
58
|
import '@para-ui/icons/ScreenF';
|
|
57
59
|
import '@para-ui/icons/UpTriangleF';
|
|
58
60
|
import '@para-ui/icons/DownTriangleF';
|
|
61
|
+
import '../_verture/defineProperty-6f62bb2a.js';
|
|
59
62
|
import '../Radio/index.js';
|
|
60
63
|
import '../OperateBtn/index.js';
|
|
61
64
|
import '@para-ui/icons/More';
|
|
@@ -71,11 +74,8 @@ import '@para-ui/icons/Right';
|
|
|
71
74
|
import '@para-ui/icons/DoubleLeft';
|
|
72
75
|
import '@para-ui/icons/DoubleRight';
|
|
73
76
|
import '../ScrollBar/index.js';
|
|
74
|
-
import '../_verture/index-
|
|
77
|
+
import '../_verture/index-ba8815d0.js';
|
|
75
78
|
import '../_verture/toConsumableArray-c7a8028f.js';
|
|
76
|
-
import '../_verture/slicedToArray-75fa4188.js';
|
|
77
|
-
import '../_verture/defineProperty-6f62bb2a.js';
|
|
78
|
-
import '../_verture/typeof-adeedc13.js';
|
|
79
79
|
import '../_verture/index-8ac46bd9.js';
|
|
80
80
|
import '../_verture/typeof-6ec38efd.js';
|
|
81
81
|
import 'rc-tree';
|
package/Empty/index.js
CHANGED
|
@@ -561,7 +561,7 @@ var localeJson = {
|
|
|
561
561
|
en
|
|
562
562
|
};
|
|
563
563
|
|
|
564
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-empty {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n}\n.paraui-v4-empty > .empty-image {\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v4-empty > .empty-image img {\n width: 100%;\n}\n.paraui-v4-empty .empty-image-large {\n width: 334px;\n height: 238px;\n}\n.paraui-v4-empty .empty-image-small {\n width: 120px;\n height: 120px;\n}\n.paraui-v4-empty > .empty-description {\n line-height: 17px;\n font-size: 14px;\n font-weight: 400;\n color: rgb(
|
|
564
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-empty {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n}\n.paraui-v4-empty > .empty-image {\n line-height: 0;\n overflow: hidden;\n}\n.paraui-v4-empty > .empty-image img {\n width: 100%;\n}\n.paraui-v4-empty .empty-image-large {\n width: 334px;\n height: 238px;\n}\n.paraui-v4-empty .empty-image-small {\n width: 120px;\n height: 120px;\n}\n.paraui-v4-empty > .empty-description {\n line-height: 17px;\n font-size: 14px;\n font-weight: 400;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh {\n display: inline-block;\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh span {\n color: rgb(46, 101, 230);\n cursor: pointer;\n}\n.paraui-v4-empty > .empty-description > .empty-description-refresh span:hover {\n color: rgb(87, 131, 235);\n}\n.paraui-v4-empty.paraui-v4-empty-large > .empty-description {\n margin-top: 20px;\n}\n.paraui-v4-empty.paraui-v4-empty-small > .empty-description {\n margin-top: 10px;\n font-size: 14px;\n}";
|
|
565
565
|
styleInject(css_248z);
|
|
566
566
|
|
|
567
567
|
const imageMap = {
|
package/Form/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { DeepClone } from '@paraview/lib';
|
|
3
3
|
import React__default from 'react';
|
|
4
|
-
import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-
|
|
4
|
+
import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-887e5e11.js';
|
|
5
5
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
6
6
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
|
|
7
7
|
import '../TextField/index.js';
|
|
@@ -51,10 +51,12 @@ import 'rc-input-number';
|
|
|
51
51
|
import '@para-ui/icons/Up';
|
|
52
52
|
import '../ComboSelect/index.js';
|
|
53
53
|
import '../Table/index.js';
|
|
54
|
+
import '../_verture/typeof-adeedc13.js';
|
|
54
55
|
import '@para-ui/icons/ScreenF';
|
|
55
56
|
import '@para-ui/icons/UpTriangleF';
|
|
56
57
|
import '@para-ui/icons/DownTriangleF';
|
|
57
58
|
import '@para-ui/icons/Panel';
|
|
59
|
+
import '../_verture/defineProperty-6f62bb2a.js';
|
|
58
60
|
import '../_verture/index-0f5ee6f7.js';
|
|
59
61
|
import '../_verture/sortable.esm-76fe46a4.js';
|
|
60
62
|
import '../OperateBtn/index.js';
|
|
@@ -72,10 +74,8 @@ import '@para-ui/icons/Right';
|
|
|
72
74
|
import '@para-ui/icons/DoubleLeft';
|
|
73
75
|
import '@para-ui/icons/DoubleRight';
|
|
74
76
|
import '../ScrollBar/index.js';
|
|
75
|
-
import '../_verture/index-
|
|
77
|
+
import '../_verture/index-ba8815d0.js';
|
|
76
78
|
import '../_verture/toConsumableArray-c7a8028f.js';
|
|
77
|
-
import '../_verture/defineProperty-6f62bb2a.js';
|
|
78
|
-
import '../_verture/typeof-adeedc13.js';
|
|
79
79
|
import '../_verture/index-8ac46bd9.js';
|
|
80
80
|
import '../_verture/typeof-6ec38efd.js';
|
|
81
81
|
import 'rc-tree';
|
package/FormItem/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import 'react/jsx-runtime';
|
|
2
2
|
import 'react';
|
|
3
|
-
export { F as default } from '../_verture/index-
|
|
3
|
+
export { F as default } from '../_verture/index-887e5e11.js';
|
|
4
4
|
import 'clsx';
|
|
5
5
|
import '../Label/index.js';
|
|
6
6
|
import '../_verture/constant-5317fc89.js';
|
|
@@ -51,10 +51,12 @@ import 'rc-input-number';
|
|
|
51
51
|
import '@para-ui/icons/Up';
|
|
52
52
|
import '../ComboSelect/index.js';
|
|
53
53
|
import '../Table/index.js';
|
|
54
|
+
import '../_verture/typeof-adeedc13.js';
|
|
54
55
|
import '@para-ui/icons/ScreenF';
|
|
55
56
|
import '@para-ui/icons/UpTriangleF';
|
|
56
57
|
import '@para-ui/icons/DownTriangleF';
|
|
57
58
|
import '@para-ui/icons/Panel';
|
|
59
|
+
import '../_verture/defineProperty-6f62bb2a.js';
|
|
58
60
|
import '../_verture/index-0f5ee6f7.js';
|
|
59
61
|
import '../_verture/sortable.esm-76fe46a4.js';
|
|
60
62
|
import '../OperateBtn/index.js';
|
|
@@ -72,10 +74,8 @@ import '@para-ui/icons/Right';
|
|
|
72
74
|
import '@para-ui/icons/DoubleLeft';
|
|
73
75
|
import '@para-ui/icons/DoubleRight';
|
|
74
76
|
import '../ScrollBar/index.js';
|
|
75
|
-
import '../_verture/index-
|
|
77
|
+
import '../_verture/index-ba8815d0.js';
|
|
76
78
|
import '../_verture/toConsumableArray-c7a8028f.js';
|
|
77
|
-
import '../_verture/defineProperty-6f62bb2a.js';
|
|
78
|
-
import '../_verture/typeof-adeedc13.js';
|
|
79
79
|
import '../_verture/index-8ac46bd9.js';
|
|
80
80
|
import '../_verture/typeof-6ec38efd.js';
|
|
81
81
|
import 'rc-tree';
|
package/FunctionModal/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { u as useModal } from '../_verture/modalContext-
|
|
2
|
-
export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-
|
|
1
|
+
import { u as useModal } from '../_verture/modalContext-f68b51a2.js';
|
|
2
|
+
export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-f68b51a2.js';
|
|
3
3
|
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import 'react';
|
package/Prompt/index.d.ts
CHANGED
|
@@ -25,6 +25,8 @@ export interface PromptProps {
|
|
|
25
25
|
onClose?: Function;
|
|
26
26
|
/** 是否显示边框 */
|
|
27
27
|
outline?: boolean;
|
|
28
|
+
/** 是否隐藏图标 */
|
|
29
|
+
hideIcon?: boolean;
|
|
28
30
|
}
|
|
29
31
|
export declare const Prompt: (props: PromptProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
30
32
|
export default Prompt;
|
package/Prompt/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import CheckCircleF from '@para-ui/icons/CheckCircleF';
|
|
|
8
8
|
import Close from '@para-ui/icons/Close';
|
|
9
9
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
10
10
|
|
|
11
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-prompt {\n width: 100%;\n border-radius: 4px;\n padding: 10px 16px 10px 40px;\n position: relative;\n box-sizing: border-box;\n}\n.paraui-v4-prompt.prompt-outline {\n border-width: 1px;\n border-style: solid;\n}\n.paraui-v4-prompt.prompt-status-feedback-close {\n padding-right: 44px;\n}\n.paraui-v4-prompt .prompt-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 12px;\n left: 16px;\n z-index: 2;\n}\n.paraui-v4-prompt .prompt-icon svg {\n width: 16px;\n height: 16px;\n}\n.paraui-v4-prompt .prompt-btn-close {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 12px;\n right: 12px;\n z-index: 2;\n margin-left: auto;\n cursor: pointer;\n}\n.paraui-v4-prompt .prompt-btn-close svg {\n width: 100%;\n height: 100%;\n}\n.paraui-v4-prompt .prompt-title {\n width: 100%;\n font-weight: 600;\n height: 20px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n line-height: 20px;\n margin-bottom: 4px;\n}\n.paraui-v4-prompt .prompt-content-list .prompt-content-item {\n margin-top: 4px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-prompt .prompt-content-list .prompt-content-item:first-child {\n margin-top: 0;\n}\n.paraui-v4-prompt .prompt-content-item {\n width: 100%;\n font-size: 14px;\n color: rgb(29, 33, 38);\n line-height: 20px;\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-info .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-info .prompt-content-item {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-error .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-error .prompt-content-item {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-success .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-success .prompt-content-item {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-warn .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-warn .prompt-content-item {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-prompt.prompt-type-info {\n background: rgb(240, 245, 255);\n}\n.paraui-v4-prompt.prompt-type-info svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-prompt.prompt-type-info.prompt-outline {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-prompt.prompt-type-error {\n background: rgb(255, 235, 235);\n}\n.paraui-v4-prompt.prompt-type-error svg {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-prompt.prompt-type-error.prompt-outline {\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-prompt.prompt-type-success {\n background: rgb(232, 252, 239);\n}\n.paraui-v4-prompt.prompt-type-success svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-type-success.prompt-outline {\n border-color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-type-warn {\n background: rgb(255, 246, 235);\n}\n.paraui-v4-prompt.prompt-type-warn svg {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-prompt.prompt-type-warn.prompt-outline {\n border-color: rgb(255, 147, 38);\n}";
|
|
11
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-prompt {\n width: 100%;\n border-radius: 4px;\n padding: 10px 16px 10px 40px;\n position: relative;\n box-sizing: border-box;\n}\n.paraui-v4-prompt.prompt-outline {\n border-width: 1px;\n border-style: solid;\n}\n.paraui-v4-prompt.prompt-status-feedback-close {\n padding-right: 44px;\n}\n.paraui-v4-prompt.prompt-hide-icon {\n padding-left: 16px;\n}\n.paraui-v4-prompt .prompt-icon {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 12px;\n left: 16px;\n z-index: 2;\n}\n.paraui-v4-prompt .prompt-icon svg {\n width: 16px;\n height: 16px;\n}\n.paraui-v4-prompt .prompt-btn-close {\n width: 16px;\n height: 16px;\n position: absolute;\n top: 12px;\n right: 12px;\n z-index: 2;\n margin-left: auto;\n cursor: pointer;\n}\n.paraui-v4-prompt .prompt-btn-close svg {\n width: 100%;\n height: 100%;\n}\n.paraui-v4-prompt .prompt-title {\n width: 100%;\n font-weight: 600;\n height: 20px;\n font-size: 14px;\n color: rgb(29, 33, 38);\n line-height: 20px;\n margin-bottom: 4px;\n}\n.paraui-v4-prompt .prompt-content-list .prompt-content-item {\n margin-top: 4px;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-prompt .prompt-content-list .prompt-content-item:first-child {\n margin-top: 0;\n}\n.paraui-v4-prompt .prompt-content-item {\n width: 100%;\n font-size: 14px;\n color: rgb(29, 33, 38);\n line-height: 20px;\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-info .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-info .prompt-content-item {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-error .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-error .prompt-content-item {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-success .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-success .prompt-content-item {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-warn .prompt-title,\n.paraui-v4-prompt.prompt-status-feedback.prompt-type-warn .prompt-content-item {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-prompt.prompt-type-info {\n background: rgb(240, 245, 255);\n}\n.paraui-v4-prompt.prompt-type-info svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-prompt.prompt-type-info.prompt-outline {\n border-color: rgb(87, 131, 235);\n}\n.paraui-v4-prompt.prompt-type-error {\n background: rgb(255, 235, 235);\n}\n.paraui-v4-prompt.prompt-type-error svg {\n color: rgb(244, 66, 66);\n}\n.paraui-v4-prompt.prompt-type-error.prompt-outline {\n border-color: rgb(246, 103, 103);\n}\n.paraui-v4-prompt.prompt-type-success {\n background: rgb(232, 252, 239);\n}\n.paraui-v4-prompt.prompt-type-success svg {\n color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-type-success.prompt-outline {\n border-color: rgb(19, 191, 76);\n}\n.paraui-v4-prompt.prompt-type-warn {\n background: rgb(255, 246, 235);\n}\n.paraui-v4-prompt.prompt-type-warn svg {\n color: rgb(255, 147, 38);\n}\n.paraui-v4-prompt.prompt-type-warn.prompt-outline {\n border-color: rgb(255, 147, 38);\n}";
|
|
12
12
|
styleInject(css_248z);
|
|
13
13
|
|
|
14
14
|
const iconMap = {
|
|
@@ -38,7 +38,8 @@ const Prompt = props => {
|
|
|
38
38
|
customContent,
|
|
39
39
|
closeIcon,
|
|
40
40
|
onClose,
|
|
41
|
-
outline
|
|
41
|
+
outline,
|
|
42
|
+
hideIcon
|
|
42
43
|
} = props;
|
|
43
44
|
const [isShow, setIsShow] = useState(true);
|
|
44
45
|
useEffect(() => {
|
|
@@ -73,11 +74,12 @@ const Prompt = props => {
|
|
|
73
74
|
className: clsx("".concat($prefixCls, "-prompt"), className, "prompt-type-".concat(type), {
|
|
74
75
|
'prompt-outline': outline,
|
|
75
76
|
'prompt-status-feedback': status === 'feedback',
|
|
76
|
-
'prompt-status-feedback-close': closeIcon
|
|
77
|
+
'prompt-status-feedback-close': closeIcon,
|
|
78
|
+
'prompt-hide-icon': hideIcon
|
|
77
79
|
}),
|
|
78
80
|
style: style
|
|
79
81
|
}, {
|
|
80
|
-
children: [jsx("div", Object.assign({
|
|
82
|
+
children: [!hideIcon && jsx("div", Object.assign({
|
|
81
83
|
className: "prompt-icon"
|
|
82
84
|
}, {
|
|
83
85
|
children: icon || iconMap[type]
|