aldehyde 0.2.74 → 0.2.76

package/src/aldehyde/routable/ttmpl-route.tsx

@@ -1,18 +1,16 @@
 import React from 'react'
-import {AddOrUpdate, LtmplConfigRes, RouterCompProps} from '../tmpl/interface';
-import Units from "../units";
-import ActTable from '../table/act-table'
-// import StatActTable from '../table/stat-act-table'
+import {AddOrUpdate, LtmplConfigRes, RouterCompProps, TtmplConfig} from '../tmpl/interface';
+
 import HCDataSource from "../tmpl/hc-data-source";
 import withRouter from "../routable/withroute";
+import ActTree from "../tree/act-tree";
+import {Card} from "antd";
 export interface TtmplRouteProps extends RouterCompProps {
 
 };
 
 export interface TtmplRouteState {
-    ltmplConfigRes?: LtmplConfigRes,
-    pageNo?: number,
-    pageSize?: number,
+    ttmplConfig?: TtmplConfig,
 };
 
 class TtmplRoute extends React.PureComponent<TtmplRouteProps, TtmplRouteState> {
@@ -20,9 +18,7 @@ class TtmplRoute extends React.PureComponent<TtmplRouteProps, TtmplRouteState> {
         basePath: "",
     }
     state = {
-        ltmplConfigRes: undefined,
-        pageNo: undefined,
-        pageSize: undefined,
+        ttmplConfig: undefined,
     }
 
     async componentDidMount() {
@@ -42,10 +38,15 @@ class TtmplRoute extends React.PureComponent<TtmplRouteProps, TtmplRouteState> {
     loadData = async () => {
         const {params} = this.props;
         const {sourceId} = params;
-        let ltmplConfigRes:LtmplConfigRes = await HCDataSource.requestLtmplConfig(null,sourceId);
-        this.setState({
-            ltmplConfigRes:ltmplConfigRes,
-        })
+         let ttmplConfig:TtmplConfig = await HCDataSource.requestTtmplConfig(null,sourceId);
+         //debugger
+         if(ttmplConfig.type=='1M'){
+             this.props.navigate(`/${ttmplConfig.id}/act-table`);
+         }else{
+             this.setState({
+                 ttmplConfig:{...ttmplConfig},
+             })
+         }
     }
 
     async componentDidUpdate(prevProps) {
@@ -53,151 +54,20 @@ class TtmplRoute extends React.PureComponent<TtmplRouteProps, TtmplRouteState> {
         const {sourceId} = params;
         let {sourceId: preSourceId} = prevProps.params;
         let {location: preLocation} = prevProps;
-        if (!sourceId ||
-            (!preSourceId && this.state.ltmplConfigRes)
-            || (location.pathname == preLocation.pathname && location.search == preLocation.search)
-        ) {
-            return;
-        }
-        this.loadData();
-    }
-
-    showView = (code: string, toCustomPage: boolean = false) => {
-        const {basePath} = this.props;
-        const {sourceId} = this.props.params;
-        const {ltmplConfigRes} = this.state;
-        let path = `${basePath}/${sourceId}/detail-view?code=${code}&menuId=${this.getMenuId()}`;
-        if (toCustomPage && ltmplConfigRes.ltmplConfig.customViewPagePath) {
-            path = `${basePath}${ltmplConfigRes.ltmplConfig.customViewPagePath}?menuId=${this.getMenuId()}&sourceId=${sourceId}`;
-        }
-        this.onRoute(path);
-    }
-
-    doEdit = (code: string, mode: AddOrUpdate, toCustomPage: boolean = false) => {
-        const {basePath} = this.props;
-        const {sourceId} = this.props.params;
-        const {ltmplConfigRes} = this.state;
-        let mainCode = this.getMainCode();
-
-        let path = `${basePath}/${sourceId}/detail-edit?code=${code}&menuId=${this.getMenuId()}&mode=${mode}`;
-        if (toCustomPage && ltmplConfigRes.ltmplConfig.customEditPagePath) {
-            path = `${basePath}/page/${sourceId}${ltmplConfigRes.ltmplConfig.customEditPagePath}?code=${code}&menuId=${this.getMenuId()}`;
-        }
-        if (mainCode) {
-            path = path + `&mainCode=${mainCode}`;
-        }
-        this.onRoute(path);
-    }
-
-    getMainCode = () => {
-        const {searchParams} = this.props;
-        let mainCode = undefined;
-       // let criteriaData = Units.transQueryStrToParams(search);
-        let mcode=searchParams.get('mainCode');
-        if (mcode) {
-            // criteriaData = Units.transQueryStrToParams(search);
-            mainCode = mcode;
-        }
-        return mainCode;
-    }
-
-    doCreate = (toCustomPage: boolean = false) => {
-        const {basePath} = this.props;
-        const {sourceId} = this.props.params;
-        const {ltmplConfigRes} = this.state;
-        let path = `${basePath}/${sourceId}/detail-edit?menuId=${this.getMenuId()}`;
-        if (toCustomPage && ltmplConfigRes.ltmplConfig.customEditPagePath) {
-            path = `${basePath}/page/${sourceId}${ltmplConfigRes.ltmplConfig.customEditPagePath}?menuId=${this.getMenuId()}`;
-        }
-        let mainCode = this.getMainCode();
-        if (mainCode) {
-            path = path + `&mainCode=${mainCode}`;
-        }
-        this.onRoute(path);
-    }
-
-    doRAction = (ractionId: string, mainCode: String) => {
-        const {basePath} = this.props;
-        let path = `${basePath}/${ractionId}/act-table?mainCode=${mainCode}&menuId=${this.getMenuId()}`;
-        this.onRoute(path);
-    }
 
-    doSearch = (params_) => {
-        const {basePath} = this.props;
-        const {sourceId} = this.props.params;
-        let params = {...params_}
-        //params['sourceId'] = sourceId;
-        const newfliter = Units.transQueryParamsToStr(params);
-        this.props.navigate(`${basePath}/${sourceId}/act-table?${newfliter}`,{replace:true})
-
-    }
-    onChangeSearch = (params_) => {
-        let params = {...params_}
-        //追加过滤条件，hiddenColIds，innerQueryKey
-        const {searchParams} = this.props;
-        let mcode=searchParams.get("mainCode");
-        if (mcode) {
-            params['mainCode'] = mcode;
-        }
-        const {pageSize,pageNo} = this.state;
-        if(pageSize){
-            params['pageNo'] = pageNo;
+        if (sourceId && preSourceId && sourceId==preSourceId) {
+            return;
         }
-       if(pageNo){
-           params['pageSize'] = pageSize;
-       }
-        params['menuId']=this.getMenuId();
-        params['sourceId']=this.getMenuId();
-        this.doSearch(params);
+        await this.loadData();
     }
 
-    onChangePage = (pageNo: number, pageSize: number) => {
-        const {location} = this.props;
-        let search = location.search;
-        let params = Units.transQueryStrToParams(search);
-        params['pageNo'] = pageNo;
-        params['pageSize'] = pageSize;
-        this.doSearch(params);
-
-        // this.setState({
-        //     pageNo,
-        //         pageSize
-        // })
-    }
-
-
     render() {
-        const {ltmplConfigRes} = this.state;
-        const {location, params} = this.props;
-        const {sourceId} = params;
-        //let menuId = undefined;
-        let mainCode = undefined;
-
-        let search = location.search;
-        let criteriaData = Units.transQueryStrToParams(search);
-        // if (search.indexOf('menuId') > 0) {
-        //     menuId = criteriaData['menuId'];
-        //     criteriaData['menuId'] = undefined;
-        // } else {
-        //     menuId = sourceId;
-        // }
-        let pageSize = criteriaData['pageSize'];
-        let pageNo = criteriaData['pageNo'];
-
-        if (search.indexOf('mainCode') > 0) {
-            //criteriaData = Units.transQueryStrToParams(search);
-            mainCode = criteriaData['mainCode'];
-        }
-        if (!ltmplConfigRes) {
-            return <></>;
-        } else {
-            return <ActTable serverKey={null} pageSize={pageSize} pageNo={pageNo} onChangePage={this.onChangePage}
-                             menuId={this.getMenuId()} mainCode={mainCode} showView={this.showView}
-                             doSearch={this.onChangeSearch} doEdit={this.doEdit} doCreate={this.doCreate}
-                             sourceId={sourceId} criteriaData={criteriaData}
-                             ltmplConfig={ltmplConfigRes?ltmplConfigRes.ltmplConfig:null}
-                             doRAction={this.doRAction}
-            />
+        const { } = this.props;
+        const {ttmplConfig}=this.state;
+        if(!ttmplConfig){
+            return <Card loading={true}></Card>
+        }else{
+            return <><ActTree ttmplConfig={ttmplConfig}></ActTree></>;
         }
 
     }

package/src/aldehyde/table/act-table.tsx

@@ -301,6 +301,7 @@ class ActTable extends React.PureComponent<ActTableProps, ActTableStat> {
                         }) : ""}
                         {ltmplConfig.rowActions && ltmplConfig.rowActions.length > 0 ?
                             ltmplConfig.rowActions.map((action) => {
+
                                 return <Action serverKey={serverKey} iconType={'icon'} key={action.id} data={[record]} actionConfig={action}
                                                doAction={this.doRowAction} buttonSize={'small'} serial={1}></Action>
                             }) : ""}

package/src/aldehyde/table/query-table.tsx

@@ -242,7 +242,7 @@ class QueryTable extends React.PureComponent<QueryTableProps, QueryTableStat> {
                     }
                 })
                 selectedRows.forEach((item) => {
-                    selectedRows_.push({code: item.code, title: item[titleColId]});
+                    selectedRows_.push({code: item['code'], title: item[titleColId]});
                     selectedDatas.push(item);
                 })
                 if (onChangeRowSelection) {

package/src/aldehyde/tmpl/hc-data-source.tsx

@@ -8,7 +8,7 @@ import {
     Level2Menu,
     LtmplConfig,
     LtmplConfigRes,
-    SelectConfig
+    SelectConfig, TtmplConfig
 } from "./interface";
 import HcserviceV3 from './hcservice-v3';
 import ControlTypeSupportor from './control-type-supportor'
@@ -25,6 +25,7 @@ const selectConfigMap: Map<string, SelectConfig> = new Map<string, SelectConfig>
 const ltmplConfigMap: Map<string, LtmplConfigRes> = new Map<string, LtmplConfigRes>();
 const l2LtmplConfigMap: Map<string, LtmplConfigRes> = new Map<string, LtmplConfigRes>();
 const dtmplConfigMap: Map<string, DtmplConfig> = new Map<string, DtmplConfig>();
+const ttmplConfigMap: Map<string, TtmplConfig> = new Map<string, TtmplConfig>();
 const viewDtmplConfigMap: Map<string, DtmplConfig> = new Map<string, DtmplConfig>();
 const addDtmplConfigMap: Map<string, DtmplConfig> = new Map<string, DtmplConfig>();
 const objctCacheMap: Map<string, DtmplData> = new Map<string, DtmplData>();
@@ -195,6 +196,15 @@ HCDataSource.requestDtmplConfig = async function (serverKey:string,sourceId: str
     return dtmplConfigMap.get(sourceId);
 };
 
+HCDataSource.requestTtmplConfig = async function (serverKey:string,sourceId: string) {
+    if (!ttmplConfigMap.has(sourceId)) {
+      let res= await HcserviceV3.requestTtmplConfig(serverKey,sourceId);
+        ttmplConfigMap.set(sourceId, res);
+        ttmplConfigMap.set(res.id, res);
+    }
+    return ttmplConfigMap.get(sourceId);
+};
+
 HCDataSource.requestViewDtmplConfig = async function (serverKey:string,sourceId: string) {
     if (!viewDtmplConfigMap.has(sourceId)) {
         viewDtmplConfigMap.set(sourceId, await HcserviceV3.requestViewDtmplConfig(serverKey,sourceId));

package/src/aldehyde/tmpl/hcservice-v3.tsx

@@ -48,6 +48,18 @@ export default class HcserviceV3 {
         return res.dtmplConfig;
     }
 
+    static async requestTtmplConfig(serverKey:string,sourceId: string) {
+
+        let url = `/v3/ttmpl/config`
+        let res = await Super.super({
+            url,
+            serverKey,
+            method: "GET",
+            query: {sourceId}
+        });
+        return res.ttmplConfig;
+    }
+
     static async requestViewDtmplConfig(serverKey:string,sourceId: string) {
 
         let url = `/v3/view-dtmpl/config`
@@ -122,6 +134,11 @@ export default class HcserviceV3 {
         return await this.requestCommonLtmplQueryTop(serverKey,sourceId, condition, url);
     }
 
+    static async requestTtmplRootData(serverKey:string,sourceId:string, condition) {
+        let url = `/v3/ttmpl/root-data`
+        return await this.requestCommonLtmplQueryTop(serverKey,sourceId, condition, url);
+    }
+
     static async requestMstrucLtmplQueryTop(serverKey:string,sourceId:string, condition) {
         //console.log('condition:',condition);
         let url = `/v3/mstruc/ltmpl/top-data`
@@ -139,13 +156,18 @@ export default class HcserviceV3 {
 
     static async requestCommonLtmplQueryTop(serverKey:string,sourceId:string, condition, url) {
 
-        let res = await Super.super({
-            url: url,
-            serverKey,
-            method: 'GET',
-            query: {...condition, sourceId}
-        });
-        return res;
+        if(!sourceId){
+            message.error("SourceId is undefined!");
+        }else{
+            let res = await Super.super({
+                url: url,
+                serverKey,
+                method: 'GET',
+                query: {...condition, sourceId}
+            });
+            return res;
+        }
+
     }
 
     static async requestSelectedData(serverKey:string,sourceId:string, codes) {

package/src/aldehyde/tmpl/interface.tsx

@@ -154,7 +154,7 @@ export interface DtmplConfig extends TmplBase {
     onValuesChange:(changedValues,allValues:DtmplData,formInstance:FormInstance)=>void
 }
 
-export type Comparator = 'equal' | 'unequal' | 'includeOne' |  'exclude' | 'noLess' | 'noGreater';
+export type Comparator ='contain'| 'equal' | 'equals' |'unequal' |'unequals' | 'includeOne'|'include_anyone'|'noless'|'nogreater' |  'exclude' | 'noLess' | 'noGreater';
 
 export type FieldAction = 'add' | 'delete' | 'edit' | 'detail'|'table';
 
@@ -188,6 +188,12 @@ export interface SelectConfig extends TmplBase {
     orderColumn:ColumnConfig;
 }
 
+export interface TtmplConfigRes {
+    sourceId: string;
+    ltmplConfig?: LtmplConfig;
+    parentLtmplConfig?: LtmplConfig;
+}
+
 export interface RActionConfig extends OrderableTmplBase {
 
 }
@@ -200,10 +206,13 @@ export interface LtmplConfigRes {
     ltmplConfig?: LtmplConfig;
 }
 
-export interface TtmplConfigRes {
-    sourceId: string;
-    ltmplConfig?: LtmplConfig;
-    parentLtmplConfig?: LtmplConfig;
+export interface TtmplConfig extends TmplBase {
+    type:"2M"|'1M'|'2MR',
+    leafTitle:string,
+    branchTitle:string,
+    rootGtmplId:string,
+    branchRatmplId:string,
+    leafRatmplId:string,
 }
 
 // export interface StatViewConfig extends SelectConfig {

package/src/aldehyde/tree/act-tree.tsx

@@ -1,111 +1,149 @@
-// import React from 'react'
-// import {Col, Empty, Layout, Row, Tabs, Button, Affix, Space, Card, Typography} from 'antd';
-// import ModelService from "../utils/modelService";
-// import {DndProvider} from 'react-dnd';
-// import {HTML5Backend} from 'react-dnd-html5-backend';
-// import TmplTree from "../tree/module-group-tree";
-// import './index.css';
-// import {DtmplEditCard, DtmplEditPage} from "aldehyde";
-// import HydrogenConstant from "../hydrogen-constant";
-// const {Content, Sider} = Layout;
-// const {Text, Title} = Typography
-// interface PageConfigProps {
-//
-// }
-//
-// interface PageConfigState {
-//     pageCode: string,
-//     moduleCode:string,
-//     moduleType: string,
-//     moduleName:string,
-//     titleClickedKey: string | number,
-//     activeKey: string,
-//     pageSearchValue:string,
-//     menuSearchValue:string,
-// }
-//
-// export default class ActTree extends React.PureComponent<PageConfigProps, PageConfigState> {
-//
-//     static defaultProps = {}
-//     state = {
-//         pageCode: undefined,
-//         moduleCode:undefined,
-//         moduleType: undefined,
-//         moduleName:undefined,
-//         currentPage: "workbench",
-//         titleClickedKey: undefined,
-//         activeKey: "menu-config",
-//         pageSearchValue:undefined,
-//         menuSearchValue:undefined,
-//
-//     }
-//
-//     refGtmplTree:any=React.createRef();
-//
-//     async componentDidMount() {
-//     }
-//
-//     onChangeModule=(moduleCode:string,pageCode:string)=>{
-//         this.setState({moduleCode,pageCode})
-//     }
-//
-//
-//     componentDidUpdate(preProps){
-//
-//     }
-//
-//     getGtmplRatmplSourceId=(moduleType:string)=>{
-//         return  moduleType=='SQL统计模型'?HydrogenConstant.moduleGstmplRatmpl.sourceId:moduleType=='SQL查询模型'?HydrogenConstant.moduleGqtmplRatmpl.sourceId: HydrogenConstant.moduleGtmplRatmpl.sourceId;
-//     }
-//
-//     render() {
-//         const {} = this.props;
-//         const {titleClickedKey,pageSearchValue,menuSearchValue,moduleType,moduleCode,pageCode,moduleName} = this.state;
-//         return (<Layout hasSider style={{backgroundColor: '#fff'}}>
-//             <DndProvider backend={HTML5Backend}>
-//                 <Sider width={360} theme={'light'}
-//                        style={{
-//                            height: '100vh',
-//                            position: 'fixed',
-//                            left: 0,
-//                            top: 0,
-//                            bottom: 0,
-//                            marginLeft:184
-//                        }}
-//                 >
-//                     <div style={{height: 30, margin: 16, background: 'rgba(0, 0, 0, 0.2)'}}/>
-//                     <TmplTree
-//                         onChangeSearchValue={(pageSearchValue)=>this.setState({pageSearchValue})}
-//                         searchValue={pageSearchValue}
-//                         onEditPage={(moduleCode,moduleName,moduleType,pageCode)=>this.setState({
-//                         moduleCode,moduleType,pageCode,moduleName
-//                     })}
-//                                      ref={this.refGtmplTree}
-//                                      draggable={false}></TmplTree>
-//                 </Sider>
-//                 <Layout style={{marginLeft:382, backgroundColor: '#fff'}}>
-//                     <Content style={{overflow: 'initial'}}>
-//                         {moduleType? <DtmplEditCard title={<>{pageCode?"编辑 页面":"添加 页面"} - {'当前模块：'+moduleName}</>}
-//                                        mainCode={moduleCode}
-//                                        sourceId={this.getGtmplRatmplSourceId(moduleType)}
-//                                        code={pageCode} onOk={(pageCode)=>{this.refGtmplTree?.current?.refresh();
-//                                             this.setState({pageCode})
-//                                        }}
-//                                        />:
-//                         <Card style={{marginTop:14}} bodyStyle={{padding: '12px 6px 6px 6px'}}>
-//                             <Space direction="vertical">
-//                                 <Title level={5}>【页面定义】使用说明</Title>
-//                                 <span><Text
-//                                     type="danger">1.模型生成页面：</Text><Text>鼠标悬停在【模型节点】的【名称】上，点击气泡卡片的【同步默认页面】按钮。</Text></span>
-//                                 <span><Text
-//                                     type="danger">2.创建页面：</Text><Text>鼠标悬停在【模型节点】的【名称】上，点击气泡卡片的【+创建页面】按钮,填写并保存右边弹出的抽屉页面。</Text></span>
-//                                 <span><Text
-//                                     type="danger">3.复制页面：</Text><Text>鼠标悬停在【页面节点】的【名称】上，点击气泡卡片的【复制】按钮。</Text></span>
-//                             </Space>
-//                         </Card>}
-//                     </Content>
-//                 </Layout>
-//             </DndProvider>
-//         </Layout>)
-//     }
-// }
+import React from 'react'
+import {Card, Layout, Typography} from 'antd';
+import TmplTree from "./tmpl-tree";
+import TreeUtils, {TtmplNodeConfig} from "./tree-utils";
+import {TtmplConfig} from "../tmpl/interface";
+import {DtmplEditCard, DtmplViewCard} from "../index";
+import HcserviceV3 from "../tmpl/hcservice-v3";
+
+const {Content, Sider} = Layout;
+const {Text, Title} = Typography
+
+interface ActTreeProps {
+    ttmplConfig: TtmplConfig,
+}
+
+interface ActTreeState {
+    ttmplNodeConfig?: TtmplNodeConfig,
+    showEdit?: boolean,
+    showView?:boolean,
+    recordCode?: string,
+    mainCode?: string,
+    sourceId?: string,
+    cardtitle?:string,
+}
+
+export default class ActTree extends React.PureComponent<ActTreeProps, ActTreeState> {
+
+    static defaultProps = {}
+    state = {
+        ttmplNodeConfig: undefined,
+        recordCode: undefined,
+        showEdit: false,
+        showView:false,
+        mainCode: undefined,
+        sourceId: undefined,
+        cardtitle:undefined,
+    }
+
+    refTmplTree: any = React.createRef();
+
+    async componentDidMount() {
+
+        await this.loadData();
+    }
+
+    loadData=async ()=>{
+        const {ttmplConfig} = this.props;
+        let ttmplNodeConfig = await TreeUtils.initTtmplNodeConfig(ttmplConfig);
+        this.setState({
+            ttmplNodeConfig,
+            showEdit:false,
+            showView:false,
+        })
+    }
+
+    async componentDidUpdate(prevProps) {
+        let {ttmplConfig: prettmplConfig} = prevProps;
+        let {ttmplConfig} = this.props;
+
+        if (ttmplConfig && prettmplConfig && ttmplConfig.id==prettmplConfig.id) {
+            return;
+        }
+        await this.loadData();
+    }
+
+    onEditRoot = (title:string,code?: string) => {
+        const {ttmplConfig} = this.props;
+        this.showCard(title,ttmplConfig.rootGtmplId,null,code,true,false);
+    };
+    showCard=(cardtitle,sourceId,mainCode,recordCode,showEdit,showView)=>{
+        this.setState({
+            mainCode,
+            cardtitle,
+            recordCode,
+            showEdit,
+            showView,
+            sourceId,
+        })
+    }
+    onViewRoot = (title:string,code?: string) => {
+        const {ttmplConfig} = this.props;
+        this.showCard(title,ttmplConfig.rootGtmplId,null,code,false,true);
+    };
+
+    onEditSub = (title:string,sourceId:string,mainCode:string,recordCode?: string) => {
+        this.showCard(title,sourceId,mainCode,recordCode,true,false);
+    };
+
+    onViewSub = (title:string,sourceId:string,mainCode:string,recordCode?: string) => {
+
+        this.showCard(title,sourceId,mainCode,recordCode,false,true);
+    };
+
+    onDelete=(sourceId:string,recordCode?: string) => {
+        HcserviceV3.deleteByCode(null,sourceId, [recordCode]);
+    };
+    onAddSub=(title:string,sourceId:string,mainCode: string) => {
+        
+        this.showCard(title,sourceId,mainCode,null,true,false);
+    };
+
+    render() {
+        const {} = this.props;
+
+        const {ttmplNodeConfig,showView, showEdit, recordCode, mainCode, sourceId,cardtitle} = this.state;
+        if (!ttmplNodeConfig) {
+            return <Card loading={true}></Card>
+        }
+        return (<Layout hasSider style={{backgroundColor: '#fff'}}>
+            <Sider width={360} theme={'light'}
+                   style={{
+                       height: '90vh',
+                       position: 'fixed',
+                       left: 0,
+                       top: 66,
+                       bottom: 0,
+                       marginLeft: 210
+                   }}
+            ><TmplTree doEditRoot={this.onEditRoot}
+                          doEditSub={this.onEditSub}
+                          doDelete={this.onDelete}
+                          doViewRoot={this.onViewRoot}
+                          doViewSub={this.onViewSub}
+                          doAddSub={this.onAddSub}
+                          ttmplNodeConfig={ttmplNodeConfig}
+                          ref={this.refTmplTree}
+                ></TmplTree>
+            </Sider>
+            <Layout style={{marginLeft: 382, backgroundColor: '#fff'}}>
+                <Content style={{overflow: 'initial'}}>
+                    {showEdit ? <DtmplEditCard title={<>{recordCode ? <>编辑 {cardtitle?cardtitle:""}</> : <>添加 {cardtitle?cardtitle:""}</>} </>}
+                                               mainCode={mainCode}
+                                               sourceId={sourceId}
+                                               code={recordCode}
+                                               onOk={(recordCode) => {
+                                                   let a=this.refTmplTree?.current?.reloadData(mainCode);
+                                                   this.setState({recordCode})
+                                               }}
+                    /> : null}
+                    {showView ? <DtmplViewCard
+                                               mainCode={mainCode}
+                                               sourceId={sourceId}
+                                               code={recordCode}
+                    /> : null}
+                </Content>
+            </Layout>
+        </Layout>)
+    }
+}

package/src/aldehyde/tree/index.css

@@ -0,0 +1,21 @@
+.tree-container {
+    box-shadow:1px 0 0px 1px rgba(0,0,0,0.3) ;
+}
+
+.tree-node{
+    box-shadow:0.4px 0px 0px 0.4px rgba(0,0,0,0.2) ;
+    margin-bottom: 2px;
+}
+
+
+
+.tree-card-title-body {
+     padding:2px;
+     min-width: 280px;
+ }
+.ant-tree-node-selected{
+    background-color: white !important;
+}
+.ant-avatar-string{
+    transform: scale(0.8) translateX(-50%) !important;
+}