@kep-platform/basic-component 0.0.15 → 0.0.18

package/dist/Tree/TreeNode.js

@@ -21,21 +21,25 @@ var ExpandedIcon = styled(CaretRightOutlined).withConfig({
     return css(["transform:rotate(90deg);"]);
   }
 });
+var TitleArea = styled(FlexItem).withConfig({
+  displayName: "TitleArea",
+  componentId: "basic-component-347b__sc-tzoomn-1"
+})([""]);
 var TreeNode = styled(ListItem).withConfig({
   displayName: "TreeNode",
-  componentId: "basic-component-347b__sc-tzoomn-1"
-})(["", " & ", ",& ", "{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) {
+  componentId: "basic-component-347b__sc-tzoomn-2"
+})(["", " & ", ",& ", "{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) {
   if (props.width) {
     return css(["width:", "px;"], props.width);
   }
-}, Column, MainArea, Column, MainArea, MainArea, Flex, function (props) {
+}, Column, MainArea, Column, MainArea, MainArea, Flex, TitleArea, function (props) {
   if (props.selected) {
-    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);
+    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);
   }
 });
 var TreeNodeGroupNode = styled.li.withConfig({
   displayName: "TreeNodeGroupNode",
-  componentId: "basic-component-347b__sc-tzoomn-2"
+  componentId: "basic-component-347b__sc-tzoomn-3"
 })(["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) {
   if (props.width) {
     return css(["width:", "px;"], props.width);
@@ -180,7 +184,7 @@ export var TreeNodeController = function TreeNodeController(_ref) {
       onClick: onClickExpandIconhandler
     }, /*#__PURE__*/React.createElement(ExpandedIcon, {
       expanded: expanded
-    })), /*#__PURE__*/React.createElement(FlexItem, {
+    })), /*#__PURE__*/React.createElement(TitleArea, {
       flex: 1
     }, titleRender ? titleRender(node) : node[fieldNames.title])),
     property: isTableMode && /*#__PURE__*/React.createElement(Columns, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kep-platform/basic-component",
-  "version": "0.0.15",
+  "version": "0.0.18",
   "description": "A react library developed with dumi",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -74,10 +74,10 @@
     "react-dom": "^18.0.0",
     "stylelint": "^14.9.1"
   },
-  "gitHead": "fe3e26f7d0e44ccd78969f3acc6f417ce39dd32d",
+  "gitHead": "87aa5fd0616b79fc6cad62d3f57b6599325afd85",
   "dependencies": {
     "@ant-design/icons": "^5.3.7",
-    "@kep-platform/hooks": "^0.0.15",
+    "@kep-platform/hooks": "^0.0.18",
     "color": "^4.2.3",
     "rc-pagination": "^4.1.0",
     "styled-components": "^6.1.11"