aldehyde 0.2.479 → 0.2.481

package/src/aldehyde/custom-page/custom-detail-modal-page.tsx

@@ -1,70 +1,70 @@
-import React, { ReactNode, useEffect, useState } from "react";
-import DefCustomPage from "./def-custom-page";
-import { ProgramConfig } from "../index";
-import DraggableModal from "../module/draggable-modal";
-
-interface Props {
-  serverKey?: string;
-  height?: number | string;
-  minHeight?: number | string;
-  width?: number;
-  bodyWidth?: number | string;
-  title?: ReactNode;
-  code?: string; //详情模板code
-  mainCode?: string; //模块名称
-  sourceId: string;
-  customPath: string;
-  open: boolean;
-  onCancel: () => void;
-  params?: { [key: string]: any }; // 自定义页面过滤传参
-}
-
-const Index = (props: Props) => {
-  const { width, title, height, bodyWidth, code, sourceId, open, mainCode, customPath, onCancel, minHeight, params } = props;
-  const [customStyle, setCustomStyle] = useState<{ [key: string]: any }>({});
-  const [customWidth, setCustomWidth] = useState<number>(width);
-  const [customBodyWidth, setBodyWidth] = useState<number | string>(bodyWidth);
-  const [customPage, setCustomPage] = useState<React.ReactNode>("");
-
-  const getCustomPage = () => {
-    if (open) {
-      let Page = ProgramConfig.getCustomPage(customPath);
-      if (!Page) {
-        setCustomPage(React.createElement(DefCustomPage));
-        return;
-      }
-      const { width: styleWidth, bodyWidth: styleBodyWidth, ...otherStyle } = Page().props?.customStyle || {};
-      setCustomStyle(otherStyle || {});
-      setCustomWidth(styleWidth || width);
-      setBodyWidth(styleBodyWidth || bodyWidth);
-      setCustomPage(React.createElement(Page, {
-        code,
-        sourceId,
-        mainCode,
-        pageName: customPath,
-        params
-      }));
-    }
-  };
-
-  useEffect(() => {
-    getCustomPage();
-  }, [open]);
-
-  return (
-    <DraggableModal
-      open={open}
-      width={customWidth || width}
-      title={title}
-      styles={{ body: { height: height, width: customBodyWidth || bodyWidth, minHeight, overflow: "auto", ...customStyle } }}
-      destroyOnHidden={true}
-      centered
-      onCancel={onCancel}
-      footer={[]}
-    >
-      {customPage}
-    </DraggableModal>
-  );
-}
-
+import React, { ReactNode, useEffect, useState } from "react";
+import DefCustomPage from "./def-custom-page";
+import { ProgramConfig } from "../index";
+import DraggableModal from "../module/draggable-modal";
+
+interface Props {
+  serverKey?: string;
+  height?: number | string;
+  minHeight?: number | string;
+  width?: number;
+  bodyWidth?: number | string;
+  title?: ReactNode;
+  code?: string; //详情模板code
+  mainCode?: string; //模块名称
+  sourceId: string;
+  customPath: string;
+  open: boolean;
+  onCancel: () => void;
+  params?: { [key: string]: any }; // 自定义页面过滤传参
+}
+
+const Index = (props: Props) => {
+  const { width, title, height, bodyWidth, code, sourceId, open, mainCode, customPath, onCancel, minHeight, params } = props;
+  const [customStyle, setCustomStyle] = useState<{ [key: string]: any }>({});
+  const [customWidth, setCustomWidth] = useState<number>(width);
+  const [customBodyWidth, setBodyWidth] = useState<number | string>(bodyWidth);
+  const [customPage, setCustomPage] = useState<React.ReactNode>("");
+
+  const getCustomPage = () => {
+    if (open) {
+      let Page = ProgramConfig.getCustomPage(customPath);
+      if (!Page) {
+        setCustomPage(React.createElement(DefCustomPage));
+        return;
+      }
+      const { width: styleWidth, bodyWidth: styleBodyWidth, ...otherStyle } = Page().props?.customStyle || {};
+      setCustomStyle(otherStyle || {});
+      setCustomWidth(styleWidth || width);
+      setBodyWidth(styleBodyWidth || bodyWidth);
+      setCustomPage(React.createElement(Page, {
+        code,
+        sourceId,
+        mainCode,
+        pageName: customPath,
+        params
+      }));
+    }
+  };
+
+  useEffect(() => {
+    getCustomPage();
+  }, [open]);
+
+  return (
+    <DraggableModal
+      open={open}
+      width={customWidth || width}
+      title={title}
+      styles={{ body: { height: height, width: customBodyWidth || bodyWidth, minHeight, overflow: "auto", ...customStyle } }}
+      destroyOnHidden={true}
+      centered
+      onCancel={onCancel}
+      footer={[]}
+    >
+      {customPage}
+    </DraggableModal>
+  );
+}
+
 export default Index;

package/src/aldehyde/custom-page/custom-page-router.tsx

@@ -1,65 +1,65 @@
-import React from 'react';
-import DefCustomPage from "./def-custom-page";
-import {TmplInterface,ProgramConfig} from "../index";
-import Units from "../units";
-import withRouter from "../routable/withroute";
-
-export interface CustomPageRouterProps extends TmplInterface.RouterCompProps {
-
-};
-
-export interface CustomPageRouterStat {
-
-};
-
-/**
- * 返回的对象是自定义页面的名称映射到对应的自定义页面对象
- * 只有在这里定义后，对应的页面才可以被页面渲染
- * 对象的key即自定义页面的名称
- * value是自定义页面的对象类名（需要继承CustomPage类）
- */
-// export const CUSTOM_PAGE_MAP = {
-//     '/def'  : DefCustomPage,
-//     '/lab-overview':LabsOverview,
-//     '/lab-courses':LabsCourses,
-//     'labroom001':LabWelcome,
-// }
-
-/**
- * 自定义页面的路径映射
- */
- class CustomPageRouter extends React.PureComponent<CustomPageRouterProps, CustomPageRouterStat> {
-
-    goBackToLtmpl=()=>{
-        const { sourceId,} = this.props.match.params;
-        const {basePath}=this.props;
-        let url=`${basePath?basePath+'/':""}/${sourceId}/act-table?menuId=${this.getMenuId()}`;
-        let mainCode=this.getMainCode();
-        if(mainCode){
-            url=url+`&mainCode=${mainCode}`;
-        }
-        this.props.navigate(url);
-    }
-
-    getMainCode = () => {
-        const {searchParams} = this.props;
-        return searchParams.get("mainCode");
-    }
-
-    getMenuId=()=>{
-        const {searchParams} = this.props;
-        let menuId = searchParams.get('menuId');
-        return menuId;
-    }
-
-    render() {
-        // console.log("CustomPageRouter",this.props);
-        let pageName = this.props.params.pageName;
-        let search = this.props.location.search;
-        let criteriaData = Units.transQueryStrToParams(search,null);
-        let Page = ProgramConfig.getCustomPage("/" + pageName) || DefCustomPage;
-        return React.createElement(Page, {...this.props.params,goBack:this.goBackToLtmpl, ...criteriaData});
-    }
-}
-
+import React from 'react';
+import DefCustomPage from "./def-custom-page";
+import {TmplInterface,ProgramConfig} from "../index";
+import Units from "../units";
+import withRouter from "../routable/withroute";
+
+export interface CustomPageRouterProps extends TmplInterface.RouterCompProps {
+
+};
+
+export interface CustomPageRouterStat {
+
+};
+
+/**
+ * 返回的对象是自定义页面的名称映射到对应的自定义页面对象
+ * 只有在这里定义后，对应的页面才可以被页面渲染
+ * 对象的key即自定义页面的名称
+ * value是自定义页面的对象类名（需要继承CustomPage类）
+ */
+// export const CUSTOM_PAGE_MAP = {
+//     '/def'  : DefCustomPage,
+//     '/lab-overview':LabsOverview,
+//     '/lab-courses':LabsCourses,
+//     'labroom001':LabWelcome,
+// }
+
+/**
+ * 自定义页面的路径映射
+ */
+ class CustomPageRouter extends React.PureComponent<CustomPageRouterProps, CustomPageRouterStat> {
+
+    goBackToLtmpl=()=>{
+        const { sourceId,} = this.props.match.params;
+        const {basePath}=this.props;
+        let url=`${basePath?basePath+'/':""}/${sourceId}/act-table?menuId=${this.getMenuId()}`;
+        let mainCode=this.getMainCode();
+        if(mainCode){
+            url=url+`&mainCode=${mainCode}`;
+        }
+        this.props.navigate(url);
+    }
+
+    getMainCode = () => {
+        const {searchParams} = this.props;
+        return searchParams.get("mainCode");
+    }
+
+    getMenuId=()=>{
+        const {searchParams} = this.props;
+        let menuId = searchParams.get('menuId');
+        return menuId;
+    }
+
+    render() {
+        // console.log("CustomPageRouter",this.props);
+        let pageName = this.props.params.pageName;
+        let search = this.props.location.search;
+        let criteriaData = Units.transQueryStrToParams(search,null);
+        let Page = ProgramConfig.getCustomPage("/" + pageName) || DefCustomPage;
+        return React.createElement(Page, {...this.props.params,goBack:this.goBackToLtmpl, ...criteriaData});
+    }
+}
+
 export default withRouter(CustomPageRouter);

package/src/aldehyde/custom-page/def-custom-page.tsx

@@ -1,17 +1,17 @@
-import React from "react";
-import { Typography } from "antd";
-import { useLocale } from "../locale/useLocale";
-const { Title } = Typography;
-
-const DefCustomPage = (props: { pageName: string }) => {
-  const { translate } = useLocale();
-  return (
-    <Typography>
-      <Title>{translate("${没有找到自定义页面}")}</Title>
-      <Title level={5}>url:/{props.pageName}</Title>
-      <Title level={5}>{translate("${请确认配置}")}</Title>
-    </Typography>
-  );
-};
-
-export default DefCustomPage;
+import React from "react";
+import { Typography } from "antd";
+import { useLocale } from "../locale/useLocale";
+const { Title } = Typography;
+
+const DefCustomPage = (props: { pageName: string }) => {
+  const { translate } = useLocale();
+  return (
+    <Typography>
+      <Title>{translate("${没有找到自定义页面}")}</Title>
+      <Title level={5}>url:/{props.pageName}</Title>
+      <Title level={5}>{translate("${请确认配置}")}</Title>
+    </Typography>
+  );
+};
+
+export default DefCustomPage;

package/src/aldehyde/custom-page/dtmpl-custom-edit-modal-page.tsx

@@ -1,88 +1,88 @@
-import React, { ReactNode } from "react";
-import { Button, Drawer, Modal, Popconfirm, Space } from "antd";
-import DefCustomPage from "./def-custom-page";
-import { ProgramConfig } from "../index";
-import { LocaleContext } from "../locale/LocaleProvider";
-import DraggableModal from "../module/draggable-modal";
-
-interface DtmplCustomEditModalPageProps {
-  serverKey?: string;
-  height?: any;
-  width?: number;
-  bodyWidth?: number | string;
-  open: boolean;
-  onOk: () => void;
-  title?: ReactNode;
-  code?: string; //详情模板code，添加时code为null
-  mainCode?: string; //模块名称
-  sourceId: string;
-  customPath: string;
-}
-
-interface DtmplCustomEditModalPageState {}
-
-export default class DtmplCustomEditModalPage extends React.PureComponent<
-  DtmplCustomEditModalPageProps,
-  DtmplCustomEditModalPageState
-> {
-  state = {};
-  static contextType = LocaleContext;
-  context: React.ContextType<typeof LocaleContext>;
-
-  static defaultProps = {
-    height: "82vh",
-    width: "82vw",
-    bodyWidth: "100%",
-    forceRender: true,
-    style: { maxWidth: "calc(100vw - 60px)", maxHeight: "calc(100vh - 50px)" },
-  };
-
-  getFooter = () => {
-    const { onOk } = this.props;
-    const { translate } = this.context;
-    const footerButtons = [];
-    footerButtons.unshift(
-      <Button onClick={onOk} type={"primary"}>
-        {translate("${关闭}")}
-      </Button>
-    );
-    return footerButtons;
-  };
-
-  customPage = () => {
-    const { code, sourceId, open, mainCode, customPath, onOk } = this.props;
-    if (open) {
-      let Page = ProgramConfig.getCustomPage(customPath) || DefCustomPage;
-      return React.createElement(Page, {
-        code,
-        sourceId,
-        mainCode,
-        pageName: customPath,
-        onOk,
-      });
-    }
-  };
-
-  render() {
-    const { height, onOk, open, width, title, bodyWidth } = this.props;
-    const { translate } = this.context;
-
-    return (
-      <DraggableModal
-        open={open}
-        width={width}
-        title={title}
-        closable={false}
-        styles={{body:{ height: height, width: bodyWidth, overflow: "auto" }}}
-        destroyOnHidden={true}
-        centered
-        onCancel={onOk}
-        footer={[
-          <Button onClick={() => onOk()}>{translate("${关闭}")}</Button>,
-        ]}
-      >
-        {this.customPage()}
-      </DraggableModal>
-    );
-  }
-}
+import React, { ReactNode } from "react";
+import { Button, Drawer, Modal, Popconfirm, Space } from "antd";
+import DefCustomPage from "./def-custom-page";
+import { ProgramConfig } from "../index";
+import { LocaleContext } from "../locale/LocaleProvider";
+import DraggableModal from "../module/draggable-modal";
+
+interface DtmplCustomEditModalPageProps {
+  serverKey?: string;
+  height?: any;
+  width?: number;
+  bodyWidth?: number | string;
+  open: boolean;
+  onOk: () => void;
+  title?: ReactNode;
+  code?: string; //详情模板code，添加时code为null
+  mainCode?: string; //模块名称
+  sourceId: string;
+  customPath: string;
+}
+
+interface DtmplCustomEditModalPageState {}
+
+export default class DtmplCustomEditModalPage extends React.PureComponent<
+  DtmplCustomEditModalPageProps,
+  DtmplCustomEditModalPageState
+> {
+  state = {};
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  static defaultProps = {
+    height: "82vh",
+    width: "82vw",
+    bodyWidth: "100%",
+    forceRender: true,
+    style: { maxWidth: "calc(100vw - 60px)", maxHeight: "calc(100vh - 50px)" },
+  };
+
+  getFooter = () => {
+    const { onOk } = this.props;
+    const { translate } = this.context;
+    const footerButtons = [];
+    footerButtons.unshift(
+      <Button onClick={onOk} type={"primary"}>
+        {translate("${关闭}")}
+      </Button>
+    );
+    return footerButtons;
+  };
+
+  customPage = () => {
+    const { code, sourceId, open, mainCode, customPath, onOk } = this.props;
+    if (open) {
+      let Page = ProgramConfig.getCustomPage(customPath) || DefCustomPage;
+      return React.createElement(Page, {
+        code,
+        sourceId,
+        mainCode,
+        pageName: customPath,
+        onOk,
+      });
+    }
+  };
+
+  render() {
+    const { height, onOk, open, width, title, bodyWidth } = this.props;
+    const { translate } = this.context;
+
+    return (
+      <DraggableModal
+        open={open}
+        width={width}
+        title={title}
+        closable={false}
+        styles={{body:{ height: height, width: bodyWidth, overflow: "auto" }}}
+        destroyOnHidden={true}
+        centered
+        onCancel={onOk}
+        footer={[
+          <Button onClick={() => onOk()}>{translate("${关闭}")}</Button>,
+        ]}
+      >
+        {this.customPage()}
+      </DraggableModal>
+    );
+  }
+}

package/src/aldehyde/detail/button/bottom-submit-button-bar.tsx

@@ -1,91 +1,91 @@
-import React from "react";
-import "./index.css";
-import { TmplBase } from "../../../aldehyde/tmpl/interface";
-import { Button, Card, Col, Row, Space } from "antd";
-import { SaveOutlined } from "@ant-design/icons";
-import Action from "../../controls/action";
-import { SubmitButtonProps } from "./submit-button-bar";
-import { LocaleContext } from "../../locale/LocaleProvider";
-
-interface BottomSubmitButtonBarProps extends SubmitButtonProps {}
-
-interface BottomSubmitButtonState {
-  // stateSerial:number
-}
-
-class BottomSubmitButtonBar extends React.PureComponent<
-  BottomSubmitButtonBarProps,
-  BottomSubmitButtonState
-> {
-  state = {
-    // stateSerial:0,
-  };
-  static contextType = LocaleContext;
-  context: React.ContextType<typeof LocaleContext>;
-
-  render() {
-    const {} = this.state;
-    const {
-      dtmplConfig,
-      position,
-      doSubmit,
-      formRef,
-      serial,
-      serverKey,
-      dtmplData,loading,
-    } = this.props;
-    const { buttons, actions } = dtmplConfig;
-    const { translate } = this.context;
-
-    return (
-      <Card variant={"borderless"}>
-        <Row
-          align={"middle"}
-          justify={
-            position == "bottomLeft"
-              ? "start"
-              : position == "bottomRight"
-              ? "end"
-              : "center"
-          }
-        >
-          <Space>
-            {buttons.includes("dtmplSave") ? (
-              <Col>
-                <Button
-                  onClick={() => doSubmit()}
-                  type="primary"
-                  loading={loading}
-                  icon={<SaveOutlined />}
-                  key="btn"
-                  block
-                >
-                  {translate("${保存}")}
-                </Button>
-              </Col>
-            ) : null}
-            {actions
-              ? actions.map((item, index) => {
-                  return (
-                    <Col>
-                      <Action loading={loading}
-                        serverKey={serverKey}
-                        serial={serial}
-                        key={item.id}
-                        data={[dtmplData]}
-                        formRef={formRef}
-                        actionConfig={item}
-                        doAction={doSubmit}
-                      ></Action>
-                    </Col>
-                  );
-                })
-              : ""}
-          </Space>
-        </Row>
-      </Card>
-    );
-  }
-}
-
-export default BottomSubmitButtonBar;
+import React from "react";
+import "./index.css";
+import { TmplBase } from "../../../aldehyde/tmpl/interface";
+import { Button, Card, Col, Row, Space } from "antd";
+import { SaveOutlined } from "@ant-design/icons";
+import Action from "../../controls/action";
+import { SubmitButtonProps } from "./submit-button-bar";
+import { LocaleContext } from "../../locale/LocaleProvider";
+
+interface BottomSubmitButtonBarProps extends SubmitButtonProps {}
+
+interface BottomSubmitButtonState {
+  // stateSerial:number
+}
+
+class BottomSubmitButtonBar extends React.PureComponent<
+  BottomSubmitButtonBarProps,
+  BottomSubmitButtonState
+> {
+  state = {
+    // stateSerial:0,
+  };
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  render() {
+    const {} = this.state;
+    const {
+      dtmplConfig,
+      position,
+      doSubmit,
+      formRef,
+      serial,
+      serverKey,
+      dtmplData,loading,
+    } = this.props;
+    const { buttons, actions } = dtmplConfig;
+    const { translate } = this.context;
+
+    return (
+      <Card variant={"borderless"}>
+        <Row
+          align={"middle"}
+          justify={
+            position == "bottomLeft"
+              ? "start"
+              : position == "bottomRight"
+              ? "end"
+              : "center"
+          }
+        >
+          <Space>
+            {buttons.includes("dtmplSave") ? (
+              <Col>
+                <Button
+                  onClick={() => doSubmit()}
+                  type="primary"
+                  loading={loading}
+                  icon={<SaveOutlined />}
+                  key="btn"
+                  block
+                >
+                  {translate("${保存}")}
+                </Button>
+              </Col>
+            ) : null}
+            {actions
+              ? actions.map((item, index) => {
+                  return (
+                    <Col>
+                      <Action loading={loading}
+                        serverKey={serverKey}
+                        serial={serial}
+                        key={item.id}
+                        data={[dtmplData]}
+                        formRef={formRef}
+                        actionConfig={item}
+                        doAction={doSubmit}
+                      ></Action>
+                    </Col>
+                  );
+                })
+              : ""}
+          </Space>
+        </Row>
+      </Card>
+    );
+  }
+}
+
+export default BottomSubmitButtonBar;