vap1 0.0.1

package/components/Trees/BaseTree.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Language } from '../../utils/_Support';
+import type { BaseTreeOpts, SearchResult, TreeNodeData } from '../../utils/TreeUtil';
+import type { AntTreeNodeProps, TreeProps } from 'antd/es/tree';
+import type { PropsWithChildren, ReactNode } from 'react';
+import type { BaseTreeProps } from './index';
+import type { PlainObject } from '../../basetype';
+export type BaseTreeState = Required<BaseTreeOpts> & {
+    className: string;
+    baseProps: TreeProps;
+    treeData: TreeNodeData[];
+    search: SearchResult;
+    selectedKeys: string[];
+    selectedNode: PlainObject;
+    titleField: string;
+    iconField: string | ((item: any) => ReactNode);
+    langs: {
+        lang: Language;
+        field: string;
+    }[];
+};
+type BaseTreeContext = {
+    treeState: BaseTreeState;
+    onSelect: TreeProps['onSelect'];
+    setTreeData: (treeData: TreeNodeData[]) => void;
+};
+declare const BaseTreeContext: React.Context<BaseTreeContext>;
+export declare const useBaseTree: () => BaseTreeContext;
+export declare const BaseTree: React.FC<PropsWithChildren<BaseTreeProps>>;
+export declare const getNodeParam: (node: any, position: number[], state: BaseTreeState, search: SearchResult, disabledNode: (node: PlainObject) => boolean) => AntTreeNodeProps;
+export {};

package/components/Trees/BaseTree.js

@@ -0,0 +1,185 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNodeParam = exports.BaseTree = exports.useBaseTree = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+const react_1 = __importStar(require("react"));
+const utils_1 = require("../../utils");
+const HighLight_1 = require("../_common/HighLight");
+const Icon_1 = require("../_adapt/Icon");
+const hooks_1 = require("../../hooks");
+const _Support_1 = require("../../utils/_Support");
+// 搜索事件延时
+const SEARCH_DELAY = 200;
+const BaseTreeContext = (0, react_1.createContext)(null);
+const useBaseTree = () => (0, react_1.useContext)(BaseTreeContext);
+exports.useBaseTree = useBaseTree;
+const BaseTree = (props) => {
+    const clazz = utils_1.StringUtil.className(['c-tree'], props.className);
+    const DEFAULT = {
+        className: clazz,
+        baseProps: {
+            showLine: true,
+            checkable: false,
+            blockNode: true,
+            showIcon: props.iconField != null,
+        },
+        treeData: [],
+        selectedKeys: null,
+        selectedNode: null,
+        rootCode: '0',
+        search: { word: null, keyword: null, match: null },
+        titleField: 'name',
+        keyField: 'id',
+        iconField: null,
+        sortField: null,
+        parentField: null,
+        langs: null,
+    };
+    if (props.rootCode)
+        DEFAULT.rootCode = props.rootCode;
+    if (props.keyField)
+        DEFAULT.keyField = props.keyField;
+    if (props.iconField)
+        DEFAULT.iconField = props.iconField;
+    if (props.sortField)
+        DEFAULT.sortField = props.sortField;
+    if (props.parentField)
+        DEFAULT.parentField = props.parentField;
+    // if(props.searchValue) DEFAULT.searchValue = props.searchValue;
+    // Support I18N Title Field
+    if (lodash_1.default.isString(props.titleField)) {
+        DEFAULT.titleField = props.titleField;
+    }
+    else {
+        let langs = [];
+        if (props.titleField.zhCN) {
+            langs.push({ lang: _Support_1.Language.ZH_CN, field: props.titleField.zhCN });
+            if (utils_1.GLOBAL.CONFIG.APP.LANG == _Support_1.Language.ZH_CN) {
+                DEFAULT.titleField = props.titleField.zhCN;
+            }
+        }
+        if (props.titleField.enUS) {
+            langs.push({ lang: _Support_1.Language.EN_US, field: props.titleField.enUS });
+            if (utils_1.GLOBAL.CONFIG.APP.LANG == _Support_1.Language.EN_US) {
+                DEFAULT.titleField = props.titleField.enUS;
+            }
+        }
+        if (props.titleField.zhHK) {
+            langs.push({ lang: _Support_1.Language.ZH_HK, field: props.titleField.zhHK });
+            if (utils_1.GLOBAL.CONFIG.APP.LANG == _Support_1.Language.ZH_HK) {
+                DEFAULT.titleField = props.titleField.zhHK;
+            }
+        }
+        if (langs.length > 1) {
+            DEFAULT.langs = langs;
+        }
+    }
+    const [state, setState] = (0, hooks_1.useSetState)(DEFAULT);
+    const PID = (0, react_1.useRef)(null);
+    const searchByKeyWord = (0, react_1.useCallback)((word) => {
+        clearTimeout(PID.current);
+        if (word == '') {
+            setState({ search: { word: null, keyword: null, match: null }, className: clazz });
+            return;
+        }
+        PID.current = setTimeout(() => setState({
+            search: utils_1.TreeUtil.search(state.treeData, word, state.titleField),
+            className: word ? (clazz + ' c-tree-searching') : clazz
+        }), SEARCH_DELAY);
+    }, [state.treeData]);
+    const setTreeData = (treeData) => setState({ treeData: [...treeData] });
+    (0, react_1.useEffect)(() => searchByKeyWord(props.searchValue), [props.searchValue]);
+    const onSelect = (0, react_1.useCallback)((selectedKeys, evt) => {
+        utils_1.PageUtil.stopEvent(evt === null || evt === void 0 ? void 0 : evt.nativeEvent);
+        if (props.mustSelect && selectedKeys.length == 0)
+            return;
+        if (selectedKeys.length == 0) {
+            if (state.selectedNode == null)
+                return;
+            setState({ selectedKeys: [], selectedNode: null, });
+            if (lodash_1.default.isFunction(props.onSelect)) {
+                props.onSelect(null, null, null, null, null);
+            }
+            return;
+        }
+        const { node, position } = evt.selectedNodes[0].props.data;
+        if (state.selectedNode != null && state.selectedNode[state.keyField] == node[state.keyField])
+            return;
+        setState({ selectedKeys, selectedNode: lodash_1.default.omit(node, 'children') });
+        if (lodash_1.default.isFunction(props.onSelect)) {
+            let crumb = [];
+            let key = '';
+            for (let idx of position) {
+                key += `[${idx}]`;
+                // crumb.push(_.omit(_.get(tree || state.treeData, key), 'children'));
+                key += `.children`;
+            }
+            props.onSelect(selectedKeys[0], crumb[crumb.length - 1], crumb.length > 1 ? crumb[crumb.length - 2] : null, crumb, position);
+        }
+    }, [state.selectedNode, state.treeData]);
+    return react_1.default.createElement(BaseTreeContext.Provider, { value: { treeState: state, onSelect, setTreeData } }, props.children);
+};
+exports.BaseTree = BaseTree;
+const getNodeParam = (node, position, state, search, disabledNode) => {
+    const { titleField, keyField, iconField, } = state;
+    let param = { key: node[keyField], data: { node, position } };
+    if (search.keyword) {
+        param.title = react_1.default.createElement(HighLight_1.HighLight, { keyword: search.keyword, text: node[titleField] });
+    }
+    else {
+        param.title = node[titleField];
+    }
+    if (lodash_1.default.isFunction(disabledNode)) {
+        if (disabledNode(node)) {
+            param.disabled = true;
+        }
+    }
+    if (iconField != null) {
+        if (lodash_1.default.isString(iconField)) {
+            let icon = node[iconField];
+            if (icon) {
+                if (icon.indexOf('/') >= 0 || lodash_1.default.startsWith(icon, 'http://') || lodash_1.default.startsWith(icon, 'https://')) {
+                    param.icon = react_1.default.createElement("span", { style: { lineHeight: '24px' } },
+                        react_1.default.createElement("img", { style: { marginTop: -4 }, src: node[iconField] }));
+                }
+                else {
+                    param.icon = react_1.default.createElement(Icon_1.Icon, { type: node[iconField] });
+                }
+            }
+        }
+        else if (lodash_1.default.isFunction(iconField)) {
+            let icon = iconField(node);
+            if (icon) {
+                param.icon = icon;
+            }
+        }
+    }
+    return param;
+};
+exports.getNodeParam = getNodeParam;

package/components/Trees/DTree.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { BaseTreeProps, ActionProps, ActionRef } from './index';
+import type { Key, PlainObject } from '../../basetype';
+export type DTreeFetch = {
+    /**
+     * 根节点API 与rootCode 二选一
+    */
+    rootApi?: string;
+    /**
+     * 是否存在子节点，如果有些属性，则根据此值不必多点一次加号
+    */
+    checkField?: string;
+    /**
+     * 展开子节点：
+     *
+     * 方式一：传一个 api 接口地址，必须返回 VData<Array<Object>> 格式
+     *
+     * 方式二：传一个方法 ，接收一个父节点参数，必须返回  Promise<TreeNodeData[]> (不要返回 children, 仅返回一级)
+    */
+    childApi: string | ((parentId: Key) => Promise<PlainObject[]>);
+};
+export type DTreeProps = BaseTreeProps & ActionProps & DTreeFetch;
+/**
+ * 动态树
+ * CRUD        ：   支持
+ * 动态加载     ：   支持
+ * 搜索         ：   仅支持已加载的节点
+ * 数据         ：
+ *          1. 必传 childApi
+ *          2. 可选 rootCode，默认为 0
+ *          3. 可选 rootApi    传 rootApi 根节点数据将调用 rootApi获取，不传 rootApi时，将由 childApi + rootCode 获取
+ *
+*/
+export declare const DTree: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("../../utils/TreeUtil").BaseTreeOpts & {
+    className?: string;
+    iconField?: string | ((item: any) => React.ReactNode);
+    titleField: string | {
+        zhCN?: string;
+        enUS?: string;
+        zhHK?: string;
+    };
+    defaultExpandAll?: boolean;
+    mustSelect?: boolean;
+    disabled?: boolean;
+    disabledNode?: (node: PlainObject) => boolean;
+    onSelect?: (key: Key, node: PlainObject, parentNode: PlainObject, crumb: PlainObject[], pos: number[]) => void;
+    searchValue?: string;
+} & ActionProps & DTreeFetch & React.RefAttributes<ActionRef>>>;

package/components/Trees/DTree.js

@@ -0,0 +1,142 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DTree = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const antd_1 = require("antd");
+const utils_1 = require("../../utils");
+const BaseTree_1 = require("./BaseTree");
+const ActionTree_1 = require("./ActionTree");
+const hooks_1 = require("../../hooks");
+/**
+ * 动态树
+ * CRUD        ：   支持
+ * 动态加载     ：   支持
+ * 搜索         ：   仅支持已加载的节点
+ * 数据         ：
+ *          1. 必传 childApi
+ *          2. 可选 rootCode，默认为 0
+ *          3. 可选 rootApi    传 rootApi 根节点数据将调用 rootApi获取，不传 rootApi时，将由 childApi + rootCode 获取
+ *
+*/
+exports.DTree = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
+    const clearCache = (parentId) => {
+        if (parentId == props.rootCode) {
+            if (props.rootApi)
+                utils_1.Ajax.CLEAR(props.rootApi);
+            return;
+        }
+        if (lodash_1.default.isString(props.childApi))
+            utils_1.Ajax.CLEAR(props.childApi + parentId);
+    };
+    const getChildren = (parentCode) => __awaiter(void 0, void 0, void 0, function* () {
+        if (lodash_1.default.isFunction(props.childApi))
+            return yield props.childApi(parentCode);
+        const API = props.childApi + parentCode;
+        if (!props.notCache)
+            utils_1.Ajax.SESSION(API);
+        const resp = yield utils_1.Ajax.GET(API);
+        return (0, ActionTree_1.getResponseList)(resp, props.sortField);
+    });
+    return react_1.default.createElement(ActionTree_1.ActionTree, Object.assign({}, props, { clearCache: clearCache, getChildren: getChildren, ref: ref }),
+        react_1.default.createElement(_Dtree, Object.assign({}, props, { clearCache: clearCache, getChildren: getChildren })));
+}), (p, n) => p.searchValue == n.searchValue);
+const _Dtree = (props) => {
+    const { treeState, setTreeData, onSelect } = (0, BaseTree_1.useBaseTree)();
+    const actionContext = (0, ActionTree_1.useActionTree)();
+    const [init, setInit] = (0, react_1.useState)(false);
+    const { rootApi, notCache } = props;
+    (0, hooks_1.useEffectFunction)(() => __awaiter(void 0, void 0, void 0, function* () {
+        // 获取根节点
+        let tree = [];
+        if (rootApi) {
+            if (!notCache)
+                utils_1.Ajax.SESSION(rootApi);
+            let rootResp = yield utils_1.Ajax.GET(rootApi);
+            if (rootResp.code != '0') {
+                antd_1.message.error(rootResp.message);
+                return;
+            }
+            tree = (0, ActionTree_1.getResponseList)(rootResp, treeState.sortField);
+        }
+        else {
+            tree = yield props.getChildren(treeState.rootCode);
+        }
+        if (tree.length == 1) {
+            tree[0].children = yield props.getChildren(tree[0][treeState.keyField]);
+        }
+        setTreeData(tree);
+        if (props.mustSelect && tree.length > 0) {
+            onSelect([
+                tree[0][treeState.keyField]
+            ], {
+                selectedNodes: [
+                    // @ts-ignore
+                    { props: { data: { node: tree[0], position: [0] } } }
+                ]
+            });
+        }
+        setInit(true);
+    }));
+    if (!init)
+        return utils_1.Const.NONE;
+    const treeProps = {};
+    if (props.defaultExpandAll || props.searchValue) {
+        treeProps.defaultExpandAll = true;
+        treeProps.expandedKeys = lodash_1.default.flatMapDeep(treeState.treeData, item => item[treeState.keyField]);
+    }
+    else if (treeState.treeData.length == 1) {
+        // 如果根节点只有一个，则自动展开这个根结点
+        treeProps.defaultExpandedKeys = [treeState.treeData[0][treeState.keyField]];
+    }
+    // loadData?: (node: AntTreeNode) => PromiseLike<void>;
+    const loadData = (evt) => __awaiter(void 0, void 0, void 0, function* () {
+        const { node, position } = evt.props.data;
+        const children = yield props.getChildren(node[treeState.keyField]);
+        let nodePath = position.map(i => `[${i}]`).join('.children');
+        let tree = treeState.treeData;
+        let data = lodash_1.default.get(treeState.treeData, nodePath);
+        data.children = children;
+        setTreeData(tree);
+    });
+    return react_1.default.createElement(antd_1.Tree, Object.assign({}, treeState.baseProps, treeProps, { className: treeState.className, loadData: loadData, 
+        // disabled={props.disabled}
+        // onSelect={onSelect}
+        // selectedKeys={treeState.selectedKeys}
+        selectedKeys: treeState.selectedKeys }), (0, ActionTree_1.renderRoot)(props, treeState, actionContext));
+};

package/components/Trees/FTree.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { TreeUtil } from '../../utils';
+import type { BaseTreeProps, ActionProps, ActionRef } from './index';
+import type { PlainObject } from '../../basetype';
+type FTreeFetch = {
+    /**
+     * 获取全部节点的API，如果不传，刚用 API 的GET模式代替
+    */
+    fetchApi?: string;
+};
+export type FTreeProps = BaseTreeProps & ActionProps & FTreeFetch;
+/**
+ * 动态树
+ * CRUD        ：   支持
+ * 动态加载     ：   支持
+ * 搜索         ：   支持
+*/
+export declare const FTree: React.MemoExoticComponent<React.ForwardRefExoticComponent<TreeUtil.BaseTreeOpts & {
+    className?: string;
+    iconField?: string | ((item: any) => React.ReactNode);
+    titleField: string | {
+        zhCN?: string;
+        enUS?: string;
+        zhHK?: string;
+    };
+    defaultExpandAll?: boolean;
+    mustSelect?: boolean;
+    disabled?: boolean;
+    disabledNode?: (node: PlainObject) => boolean;
+    onSelect?: (key: import("../../basetype").Key, node: PlainObject, parentNode: PlainObject, crumb: PlainObject[], pos: number[]) => void;
+    searchValue?: string;
+} & ActionProps & FTreeFetch & React.RefAttributes<ActionRef>>>;
+export {};

package/components/Trees/FTree.js

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FTree = void 0;
+const react_1 = __importStar(require("react"));
+const antd_1 = require("antd");
+const utils_1 = require("../../utils");
+const BaseTree_1 = require("./BaseTree");
+const ActionTree_1 = require("./ActionTree");
+const hooks_1 = require("../../hooks");
+/**
+ * 动态树
+ * CRUD        ：   支持
+ * 动态加载     ：   支持
+ * 搜索         ：   支持
+*/
+exports.FTree = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => react_1.default.createElement(ActionTree_1.ActionTree, Object.assign({}, props, { clearCache: () => utils_1.Ajax.CLEAR(props.fetchApi || props.api), ref: ref }),
+    react_1.default.createElement(_Ftree, Object.assign({}, props)))), (p, n) => p.searchValue == n.searchValue);
+const _Ftree = (props) => {
+    const { treeState, setTreeData, onSelect } = (0, BaseTree_1.useBaseTree)();
+    const actionContext = (0, ActionTree_1.useActionTree)();
+    const [init, setInit] = (0, react_1.useState)(false);
+    (0, hooks_1.useEffectFunction)(() => __awaiter(void 0, void 0, void 0, function* () {
+        const API = props.fetchApi || props.api;
+        if (!props.notCache)
+            utils_1.Ajax.SESSION(API);
+        const rootResp = yield utils_1.Ajax.GET(API);
+        const tree = utils_1.TreeUtil.buildFlatTree(treeState, (0, ActionTree_1.getResponseList)(rootResp));
+        setTreeData(tree);
+        if (props.mustSelect && tree.length > 0) {
+            //@ts-ignore
+            onSelect([tree[0][treeState.keyField]], { selectedNodes: [{ data: { node: tree[0], position: [0] } }] }, tree);
+        }
+        setInit(true);
+    }));
+    if (!init)
+        return utils_1.Const.NONE;
+    const treeProps = {};
+    if (props.defaultExpandAll || props.searchValue) {
+        treeProps.defaultExpandAll = true;
+    }
+    else if (treeState.treeData.length == 1) {
+        // 如果根节点只有一个，则自动展开这个根结点
+        treeProps.defaultExpandedKeys = [treeState.treeData[0][treeState.keyField]];
+    }
+    // if (treeState.treeData === null) return Const.NONE;
+    return react_1.default.createElement(antd_1.Tree, Object.assign({}, treeState.baseProps, treeProps, { className: treeState.className, disabled: props.disabled, onSelect: onSelect, selectedKeys: treeState.selectedKeys }), (0, ActionTree_1.renderRoot)(props, treeState, actionContext));
+};

package/components/Trees/STree.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { BaseTreeProps } from './index';
+import type { TreeNodeData } from '../../utils/TreeUtil';
+export type STreeProps = BaseTreeProps & {
+    /**
+     * 树数据
+     *  */
+    treeData: TreeNodeData[];
+    /**
+     * 是否扁平数据,默认非扁平数据
+    */
+    isFlat?: boolean;
+};
+/**
+ * 静态树
+ * CRUD        ：  不支持
+ * 动态加载     ： 不支持
+ * 搜索         ： 支持
+ * 数据         ： 需要组装好后传入
+*/
+export declare const STree: React.FC<STreeProps>;

package/components/Trees/STree.js

@@ -0,0 +1,92 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STree = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const antd_1 = require("antd");
+const BaseTree_1 = require("./BaseTree");
+const TreeUtil_1 = require("../../utils/TreeUtil");
+const utils_1 = require("../../utils");
+const Const_1 = require("../_setup/Const");
+/**
+ * 静态树
+ * CRUD        ：  不支持
+ * 动态加载     ： 不支持
+ * 搜索         ： 支持
+ * 数据         ： 需要组装好后传入
+*/
+exports.STree = (0, react_1.memo)((props) => react_1.default.createElement(BaseTree_1.BaseTree, Object.assign({}, props),
+    react_1.default.createElement(_Stree, Object.assign({}, props))), (p, n) => p.searchValue == n.searchValue);
+const _Stree = (props) => {
+    const { treeState, onSelect, setTreeData } = (0, BaseTree_1.useBaseTree)();
+    const [init, setInit] = (0, react_1.useState)(false);
+    (0, react_1.useLayoutEffect)(() => {
+        let tree = [];
+        if (props.isFlat) {
+            tree = (0, TreeUtil_1.buildFlatTree)(treeState, props.treeData);
+        }
+        else {
+            tree = props.treeData;
+        }
+        setTreeData(tree);
+        if (props.mustSelect && tree.length > 0) {
+            // @ts-ignore
+            onSelect([tree[0][treeState.keyField]], { selectedNodes: [{ data: { node: tree[0], position: [0] } }] }, tree);
+        }
+        setInit(true);
+    }, []);
+    if (!init)
+        return utils_1.Const.NONE;
+    const treeProps = {};
+    if (props.defaultExpandAll || props.searchValue) {
+        treeProps.defaultExpandAll = true;
+    }
+    else if (treeState.treeData.length == 1) {
+        // 如果根节点只有一个，则自动展开这个根结点
+        treeProps.defaultExpandedKeys = [treeState.treeData[0][treeState.keyField]];
+    }
+    return react_1.default.createElement(antd_1.Tree, Object.assign({}, treeState.baseProps, treeProps, { className: treeState.className, disabled: props.disabled, selectedKeys: treeState.selectedKeys, onSelect: onSelect }), renderRoot(props, treeState));
+};
+const renderNode = (node, position, state, search, disabledNode) => {
+    if (search.keyword && !search.match.has(position.join('-')))
+        return utils_1.Const.NONE;
+    const param = (0, BaseTree_1.getNodeParam)(node, position, state, search, disabledNode);
+    if (lodash_1.default.isArray(node.children) && node.children.length) {
+        return react_1.default.createElement(antd_1.Tree.TreeNode, Object.assign({}, param, { isLeaf: false }), renderNodes(node.children, position, state, search, disabledNode));
+    }
+    return react_1.default.createElement(antd_1.Tree.TreeNode, Object.assign({}, param, { isLeaf: true }));
+};
+const renderNodes = (data, position, state, search, disabledNode) => data.map((item, idx) => renderNode(item, [...position, idx], state, search, disabledNode));
+const renderRoot = (props, state) => {
+    const { search } = state;
+    if (search.keyword && search.match.size == 0) {
+        return react_1.default.createElement(antd_1.Tree.TreeNode, { isLeaf: true, title: react_1.default.createElement(antd_1.Empty, { description: utils_1.i18n.txt(Const_1.V.TXT_FIND_NULL, search.word) }), selectable: false, className: "c-tree-empty" });
+    }
+    return state.treeData.map((node, idx) => renderNode(node, [idx], state, search, props.disabledNode));
+};