@kep-platform/basic-component 0.0.15 → 0.0.18
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/dist/Tree/TreeNode.js +10 -6
- package/package.json +3 -3
package/dist/Tree/TreeNode.js
CHANGED
|
@@ -21,21 +21,25 @@ var ExpandedIcon = styled(CaretRightOutlined).withConfig({
|
|
|
21
21
|
return css(["transform:rotate(90deg);"]);
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
+
var TitleArea = styled(FlexItem).withConfig({
|
|
25
|
+
displayName: "TitleArea",
|
|
26
|
+
componentId: "basic-component-347b__sc-tzoomn-1"
|
|
27
|
+
})([""]);
|
|
24
28
|
var TreeNode = styled(ListItem).withConfig({
|
|
25
29
|
displayName: "TreeNode",
|
|
26
|
-
componentId: "basic-component-347b__sc-tzoomn-
|
|
27
|
-
})(["", " & ", ",& ", "{background-color:var(--kep-platform-color-bg-base);}&:hover{background-color:var(--kep-platform-color-bg-hover);& ", ",& ", "{background-color:var(--kep-platform-color-bg-hover);}& ", "{overflow-x:auto;& > ", "{width:auto;}}}", ""], function (props) {
|
|
30
|
+
componentId: "basic-component-347b__sc-tzoomn-2"
|
|
31
|
+
})(["", " & ", ",& ", "{background-color:var(--kep-platform-color-bg-base);}&:hover{background-color:var(--kep-platform-color-bg-hover);& ", ",& ", "{background-color:var(--kep-platform-color-bg-hover);}& ", "{overflow-x:auto;& > ", "{width:auto;}}& ", "{overflow-x:auto;}}", ""], function (props) {
|
|
28
32
|
if (props.width) {
|
|
29
33
|
return css(["width:", "px;"], props.width);
|
|
30
34
|
}
|
|
31
|
-
}, Column, MainArea, Column, MainArea, MainArea, Flex, function (props) {
|
|
35
|
+
}, Column, MainArea, Column, MainArea, MainArea, Flex, TitleArea, function (props) {
|
|
32
36
|
if (props.selected) {
|
|
33
|
-
return css(["background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;& ", ",& ", "{background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;}& ", "{overflow-x:auto;& > ", "{width:auto;}}"], Column, MainArea, MainArea, Flex);
|
|
37
|
+
return css(["background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;& ", ",& ", "{background-color:var(--kep-platform-color-bg-active) !important;color:var(--kep-platform-color-text-active) !important;}& ", "{overflow-x:auto;& > ", "{width:auto;}}& ", "{overflow-x:auto;}"], Column, MainArea, MainArea, Flex, TitleArea);
|
|
34
38
|
}
|
|
35
39
|
});
|
|
36
40
|
var TreeNodeGroupNode = styled.li.withConfig({
|
|
37
41
|
displayName: "TreeNodeGroupNode",
|
|
38
|
-
componentId: "basic-component-347b__sc-tzoomn-
|
|
42
|
+
componentId: "basic-component-347b__sc-tzoomn-3"
|
|
39
43
|
})(["height:40px;line-height:40px;background-color:var(--kep-platform-color-primary);color:var(--kep-platform-color-white);& span{color:var(--kep-platform-color-white) !important;}cursor:pointer;", ""], function (props) {
|
|
40
44
|
if (props.width) {
|
|
41
45
|
return css(["width:", "px;"], props.width);
|
|
@@ -180,7 +184,7 @@ export var TreeNodeController = function TreeNodeController(_ref) {
|
|
|
180
184
|
onClick: onClickExpandIconhandler
|
|
181
185
|
}, /*#__PURE__*/React.createElement(ExpandedIcon, {
|
|
182
186
|
expanded: expanded
|
|
183
|
-
})), /*#__PURE__*/React.createElement(
|
|
187
|
+
})), /*#__PURE__*/React.createElement(TitleArea, {
|
|
184
188
|
flex: 1
|
|
185
189
|
}, titleRender ? titleRender(node) : node[fieldNames.title])),
|
|
186
190
|
property: isTableMode && /*#__PURE__*/React.createElement(Columns, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kep-platform/basic-component",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.18",
|
|
4
4
|
"description": "A react library developed with dumi",
|
|
5
5
|
"module": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -74,10 +74,10 @@
|
|
|
74
74
|
"react-dom": "^18.0.0",
|
|
75
75
|
"stylelint": "^14.9.1"
|
|
76
76
|
},
|
|
77
|
-
"gitHead": "
|
|
77
|
+
"gitHead": "87aa5fd0616b79fc6cad62d3f57b6599325afd85",
|
|
78
78
|
"dependencies": {
|
|
79
79
|
"@ant-design/icons": "^5.3.7",
|
|
80
|
-
"@kep-platform/hooks": "^0.0.
|
|
80
|
+
"@kep-platform/hooks": "^0.0.18",
|
|
81
81
|
"color": "^4.2.3",
|
|
82
82
|
"rc-pagination": "^4.1.0",
|
|
83
83
|
"styled-components": "^6.1.11"
|