aldehyde 0.2.197 → 0.2.199

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

@@ -1,220 +1,220 @@
-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";
-import { LocaleContext } from "../locale/LocaleProvider";
-
-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;
-  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,
-  };
-  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;
-    }
-    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 = async (sourceId: string, recordCode?: string) => {
-   await 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>
-    );
-  }
-}
+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";
+import { LocaleContext } from "../locale/LocaleProvider";
+
+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;
+  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,
+  };
+  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;
+    }
+    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 = async (sourceId: string, recordCode?: string) => {
+   await 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>
+    );
+  }
+}