@kep-platform/basic-component 1.0.9 → 1.0.10

package/dist/Tree/Tree.d.ts

@@ -18,8 +18,9 @@ export type TreeProps = {
     bordered?: boolean;
     hideColumns?: boolean;
     loadData?: (node: TreeNodeType) => Promise<any>;
+    loadedKeys?: Key[];
 };
-declare const Tree: (({ treeData, columns, fieldNames, title: treeTitle, titleWidth, titleRender, selectedKeys, expandedKeys, isFlex, onSelect, onExpand, contextMenuRender, onContextMenuItemSelect, loadData, multiple, bordered, hideColumns, }: TreeProps) => React.JSX.Element) & {
+declare const Tree: (({ treeData, columns, fieldNames, title: treeTitle, titleWidth, titleRender, selectedKeys, expandedKeys, isFlex, onSelect, onExpand, contextMenuRender, onContextMenuItemSelect, loadData, loadedKeys: loadedKeysProps, multiple, bordered, hideColumns, }: TreeProps) => React.JSX.Element) & {
     displayName: string;
 };
 export default Tree;

package/dist/Tree/Tree.js

@@ -11,7 +11,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { observer } from 'mobx-react-lite';
-import React, { useCallback, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 import { BoxShadowBox } from "../BoxShadowBox";
 import { Column, Columns } from "../Columns";
@@ -68,6 +68,8 @@ var Tree = observer(function (_ref) {
     contextMenuRender = _ref.contextMenuRender,
     onContextMenuItemSelect = _ref.onContextMenuItemSelect,
     loadData = _ref.loadData,
+    _ref$loadedKeys = _ref.loadedKeys,
+    loadedKeysProps = _ref$loadedKeys === void 0 ? [] : _ref$loadedKeys,
     _ref$multiple = _ref.multiple,
     multiple = _ref$multiple === void 0 ? false : _ref$multiple,
     _ref$bordered = _ref.bordered,
@@ -140,10 +142,13 @@ var Tree = observer(function (_ref) {
       boxShadowBox.current.style.left = treeContainer.scrollLeft + titleWidth + 'px';
     }
   }, [titleWidth]);
-  var _useState = useState([]),
+  var _useState = useState(loadedKeysProps),
     _useState2 = _slicedToArray(_useState, 2),
     loadedKeys = _useState2[0],
     setLoadedKeys = _useState2[1];
+  useEffect(function () {
+    if (loadedKeysProps) setLoadedKeys(loadedKeysProps);
+  }, [loadedKeysProps]);
 
   /* 树组件的结构其实比较简单，就是一个树标题（TableMode下），然后树节点形成的列表 */
   return /*#__PURE__*/React.createElement(TreeContainer, {

package/dist/Tree/test.js

@@ -90,7 +90,7 @@ var mystore = new MyStore([{
     children: []
   }]
 }, {
-  key: '2121212121212',
+  key: '2',
   title: '2',
   count: 1,
   groupBy: [{
@@ -193,6 +193,7 @@ export default (function () {
       dataIndex: 'count',
       align: 'center'
     }],
+    loadedKeys: ['2'],
     hideColumns: true,
     selectedKeys: selectedKeys,
     expandedKeys: expandedKeys,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kep-platform/basic-component",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",
@@ -86,5 +86,5 @@
   "authors": [
     "less-step-jss 1599925910@qq.com"
   ],
-  "gitHead": "ce7e7adcdcf7ef892a49c26794c1be61da0f18dd"
+  "gitHead": "ee76dcdea4ffcb161831637a52536743ee3ff261"
 }