@kep-platform/basic-component 0.0.59 → 0.0.63

package/dist/@types/index.d.ts

@@ -46,6 +46,8 @@ declare global {
     type TreeNodeType = {
         [key: string]: any;
         groupBy?: Condition[];
+        selectable?: boolean;
+        isLeaf?: boolean;
     };
 
     type onExpandHandler = (

package/dist/Button/Button.js

@@ -21,7 +21,7 @@ var StyledButton = styled('button').withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['isActive'].includes(prop);
   }
-})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-weight: ", ";\n    outline: none;\n    border-width: ", ";\n    border-style: solid;\n    padding: var(--kep-platform-padding-block) var(--kep-platform-padding-inline);\n    font-size: var(--kep-platform-font-size);\n    ", ";\n    /* type \u63A7\u5236 */\n    ", "\n    /* \u662F\u5426\u70B9\u51FBactive */\n    ", "\n    /* size\u63A7\u5236 */\n    ", "\n    &:hover {\n        opacity: 0.7;\n    }\n"])), function (props) {
+})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-weight: ", ";\n    outline: none;\n    border-width: ", ";\n    border-style: solid;\n    padding: var(--kep-platform-padding-block) var(--kep-platform-padding-inline);\n    font-size: var(--kep-platform-font-size);\n    word-break: normal;\n    white-space: nowrap;\n    ", ";\n    /* type \u63A7\u5236 */\n    ", "\n    /* \u662F\u5426\u70B9\u51FBactive */\n    ", "\n    /* size\u63A7\u5236 */\n    ", "\n    &:hover {\n        opacity: 0.7;\n    }\n"])), function (props) {
   return props.theme.buttonFontWeight || theme.fontWeight;
 }, function (props) {
   return props.theme.background || theme.borderWidth;

package/dist/Columns/Columns.d.ts

@@ -14,7 +14,7 @@ export declare const Column: import("styled-components/dist/types").IStyledCompo
     title?: React.ReactNode;
     index?: number | undefined;
     itemRender?: ListItemRender | undefined;
-} & Omit<React.HtmlHTMLAttributes<HTMLLIElement>, "title">, Omit<ColumnType, "dataIndex" | "render"> & {
+} & Omit<React.HtmlHTMLAttributes<HTMLLIElement>, "title">, Omit<ColumnType, "render" | "dataIndex"> & {
     key: React.Key;
     title?: React.ReactNode;
     index?: number | undefined;

package/dist/Columns/Columns.js

@@ -26,11 +26,11 @@ export var Column = styled(ListItem).withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !['width', 'isFlex', 'bordered', 'hideInTable', 'filter', 'sorter', 'rowIndex', 'focused'].includes(prop);
   }
-})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding: var(--kep-platform-padding-xs);\n    text-align: ", ";\n    white-space: break-spaces;\n    word-break: break-all;\n    border-bottom: var(--kep-platform-line-width) var(--kep-platform-line-type)\n        var(--kep-platform-color-border-secondary);\n    ", "\n    background-color: var(--kep-platform-color-bg-base);\n    ", ":hover & {\n        background-color: var(--kep-platform-color-bg-hover);\n    }\n    ", "\n    ", "\n    ", "\n"])), function (props) {
+})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding: var(--kep-platform-padding-xs);\n    text-align: ", ";\n    white-space: break-spaces;\n    word-break: break-all;\n    min-width: 0;\n    max-width: 100%;\n    border-bottom: var(--kep-platform-line-width) var(--kep-platform-line-type) var(--kep-platform-color-border-secondary);\n    ", "\n    background-color: var(--kep-platform-color-bg-base);\n    ", ":hover & {\n        background-color: var(--kep-platform-color-bg-hover);\n    }\n    ", "\n    ", "\n    ", "\n"])), function (props) {
   return props.align;
 }, function (props) {
   if (props.bordered) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                border: var(--kep-platform-line-width) var(--kep-platform-line-type)\n                    var(--kep-platform-color-border-secondary);\n                border-top-width: 0;\n                border-left-width: 0;\n            "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                border: var(--kep-platform-line-width) var(--kep-platform-line-type) var(--kep-platform-color-border-secondary);\n                border-top-width: 0;\n                border-left-width: 0;\n            "])));
   }
 }, ColumnList, function (props) {
   if (props.isFlex) {

package/dist/Tree/TreeNode.js

@@ -99,6 +99,9 @@ var groupTreeNodeByPropertyName = function groupTreeNodeByPropertyName(condition
 export var nodeTypeMap = {
   virtual: 'virtual'
 };
+function isFalse(value) {
+  return typeof value === 'boolean' && value === false;
+}
 export var TreeNodeController = observer(function (_ref) {
   var node = _ref.node,
     _ref$selectedKeys = _ref.selectedKeys,
@@ -122,15 +125,16 @@ export var TreeNodeController = observer(function (_ref) {
     return level + 1;
   }, [level]);
   var selected = useMemo(function () {
-    return selectedKeys.includes(node[fieldNames.key]);
+    return selectedKeys.includes(node[fieldNames.key]) && !isFalse(node.selectable);
   }, [selectedKeys, fieldNames, node]);
   var expanded = useMemo(function () {
-    return expandedKeys.includes(node[fieldNames.key]) || node.nodeType === nodeTypeMap.virtual;
+    return (expandedKeys.includes(node[fieldNames.key]) || node.nodeType === nodeTypeMap.virtual) && !node.isLeaf;
   }, [expandedKeys, fieldNames, node]);
   var treeNodeGroup = useMemo(function () {
     return groupTreeNodeByPropertyName(node.groupBy, node.children || []);
   }, [node.children, node.groupBy]);
   var onClickNodeHandler = useCallback(function (e) {
+    if (typeof node.selectable === 'boolean' && node.selectable === false) return;
     if (multiple) {
       if (selected) {
         onSelect(selectedKeys.filter(function (key) {
@@ -154,7 +158,7 @@ export var TreeNodeController = observer(function (_ref) {
         selected: !selected
       });
     }
-  }, [onSelect, selectedKeys, multiple, selected]);
+  }, [onSelect, selectedKeys, multiple, selected, node]);
   var onContextMenuHandler = useCallback(function (e) {
     onSelect([node[fieldNames.key]], {
       nativeEvent: e,
@@ -192,7 +196,8 @@ export var TreeNodeController = observer(function (_ref) {
       cursor: "pointer",
       onClick: onClickExpandIconhandler
     }, /*#__PURE__*/React.createElement(ExpandedIcon, {
-      expanded: expanded
+      expanded: expanded,
+      hidden: node.isLeaf
     })), /*#__PURE__*/React.createElement(TitleArea, {
       flex: 1
     }, titleRender ? titleRender(node) : node[fieldNames.title])),
@@ -205,7 +210,7 @@ export var TreeNodeController = observer(function (_ref) {
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, node.nodeType !== nodeTypeMap.virtual && /*#__PURE__*/React.createElement(TreeNode, {
     key: node[fieldNames.key],
-    selected: selectedKeys.includes(node[fieldNames.key]),
+    selected: selected,
     width: width,
     onClick: onClickNodeHandler,
     onContextMenu: onContextMenuHandler

package/dist/Tree/test.js

@@ -74,6 +74,8 @@ var mystore = new MyStore([{
   key: '1',
   title: 'jss',
   count: 1,
+  selectable: false,
+  isLeaf: true,
   children: [{
     key: '4',
     title: 'skjdfkljasklfjkljdsklajfkl就是要长一的点点滴滴的点点滴滴哒哒哒哒哒哒哒哒哒哒哒哒哒哒',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kep-platform/basic-component",
-    "version": "0.0.59",
+    "version": "0.0.63",
     "description": "A react library developed with dumi",
     "license": "MIT",
     "module": "dist/index.js",
@@ -47,7 +47,7 @@
     },
     "dependencies": {
         "@ant-design/icons": "^5.3.7",
-        "@kep-platform/hooks": "^0.0.59",
+        "@kep-platform/hooks": "^0.0.63",
         "color": "^4.2.3",
         "rc-pagination": "^4.1.0"
     },
@@ -87,5 +87,5 @@
     "authors": [
         "less-step-jss 1599925910@qq.com"
     ],
-    "gitHead": "155b608b6a424086947c5f65735a39644d8225d9"
+    "gitHead": "34462a30b1ba2008cf45b40ca6e7cafe3109bb6f"
 }