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