aldehyde 0.2.97 → 0.2.99

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

@@ -1,151 +1,219 @@
-import React from 'react'
-import {Card, Layout, Typography} from 'antd';
+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 TreeUtils, { TtmplNodeConfig } from "./tree-utils";
+import { TtmplConfig } from "../tmpl/interface";
+import { DtmplEditCard, DtmplViewCard } from "../index";
 import HcserviceV3 from "../tmpl/hcservice-v3";
+import { LocaleContext } from "../locale/LocaleProvider";
 
-const {Content, Sider} = Layout;
-const {Text, Title} = Typography
+const { Content, Sider } = Layout;
+const { Text, Title } = Typography;
 
 interface ActTreeProps {
-    ttmplConfig: TtmplConfig,
+  ttmplConfig: TtmplConfig;
 }
 
 interface ActTreeState {
-    ttmplNodeConfig?: TtmplNodeConfig,
-    showEdit?: boolean,
-    showView?:boolean,
-    recordCode?: string,
-    mainCode?: string,
-    sourceId?: string,
-    cardtitle?:string,
-    addTmplId?:string,
+  ttmplNodeConfig?: TtmplNodeConfig;
+  showEdit?: boolean;
+  showView?: boolean;
+  recordCode?: string;
+  mainCode?: string;
+  sourceId?: string;
+  cardtitle?: string;
+  addTmplId?: 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,
-        addTmplId: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,addTmplId?:string)=>{
-        this.setState({
-            mainCode,
-            cardtitle,
-            recordCode,
-            showEdit,
-            showView,
-            sourceId,addTmplId
-        })
+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,
+    addTmplId: undefined,
+  };
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  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;
     }
-    onViewRoot = (title:string,code?: string) => {
-        const {ttmplConfig} = this.props;
-        this.showCard(title,ttmplConfig.rootGtmplId,null,code,false,true,null);
-    };
-
-    onEditSub = (title:string,sourceId:string,mainCode:string,recordCode?: string) => {
-        this.showCard(title,sourceId,mainCode,recordCode,true,false,null);
-    };
-
-    onViewSub = (title:string,sourceId:string,mainCode:string,recordCode?: string) => {
-
-        this.showCard(title,sourceId,mainCode,recordCode,false,true,null);
-    };
-
-    onDelete=(sourceId:string,recordCode?: string) => {
-        HcserviceV3.deleteByCode(null,sourceId, [recordCode]);
-    };
-    onAddSub=(title:string,sourceId:string,mainCode: string,addTmplId: string) => {
-        
-        this.showCard(title,sourceId,mainCode,null,true,false,addTmplId);
-    };
-
-    render() {
-        const {} = this.props;
-
-        const {ttmplNodeConfig,showView, showEdit, recordCode, mainCode, sourceId,cardtitle,addTmplId} = this.state;
-        if (!ttmplNodeConfig) {
-            return <Card loading={true}></Card>
-        }
-        return (<Layout hasSider style={{backgroundColor: '#fff'}}>
-            <Sider width={300} 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: 322, backgroundColor: '#fff'}}>
-                <Content style={{overflow: 'initial'}}>
-                    {showEdit ? <DtmplEditCard addTmplId={addTmplId} 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>)
+    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,
+    addTmplId?: string
+  ) => {
+    this.setState({
+      mainCode,
+      cardtitle,
+      recordCode,
+      showEdit,
+      showView,
+      sourceId,
+      addTmplId,
+    });
+  };
+  onViewRoot = (title: string, code?: string) => {
+    const { ttmplConfig } = this.props;
+    this.showCard(
+      title,
+      ttmplConfig.rootGtmplId,
+      null,
+      code,
+      false,
+      true,
+      null
+    );
+  };
+
+  onEditSub = (
+    title: string,
+    sourceId: string,
+    mainCode: string,
+    recordCode?: string
+  ) => {
+    this.showCard(title, sourceId, mainCode, recordCode, true, false, null);
+  };
+
+  onViewSub = (
+    title: string,
+    sourceId: string,
+    mainCode: string,
+    recordCode?: string
+  ) => {
+    this.showCard(title, sourceId, mainCode, recordCode, false, true, null);
+  };
+
+  onDelete = (sourceId: string, recordCode?: string) => {
+    HcserviceV3.deleteByCode(null, sourceId, [recordCode]);
+  };
+  onAddSub = (
+    title: string,
+    sourceId: string,
+    mainCode: string,
+    addTmplId: string
+  ) => {
+    this.showCard(title, sourceId, mainCode, null, true, false, addTmplId);
+  };
+
+  render() {
+    const {} = this.props;
+    const { translate } = this.context;
+
+    const {
+      ttmplNodeConfig,
+      showView,
+      showEdit,
+      recordCode,
+      mainCode,
+      sourceId,
+      cardtitle,
+      addTmplId,
+    } = this.state;
+    if (!ttmplNodeConfig) {
+      return <Card loading={true}></Card>;
     }
+    return (
+      <Layout hasSider style={{ backgroundColor: "#fff" }}>
+        <Sider
+          width={300}
+          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: 322, backgroundColor: "#fff" }}>
+          <Content style={{ overflow: "initial" }}>
+            {showEdit ? (
+              <DtmplEditCard
+                addTmplId={addTmplId}
+                title={
+                  <>
+                    {recordCode ? (
+                      <>
+                        {translate("${编辑}")} {cardtitle ? cardtitle : ""}
+                      </>
+                    ) : (
+                      <>
+                        {translate("${添加}")} {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>
+    );
+  }
 }