aldehyde 0.2.97 → 0.2.99

package/src/aldehyde/module/ltmpl-modal.tsx

@@ -1,58 +1,62 @@
-import React, {ReactNode} from 'react';
-import { Modal,Button,Card} from 'antd'
-import LtmplTable, {LtmplTableProps} from "./ltmpl-table";
-import Scrollbars from 'react-custom-scrollbars';
+import React, { ReactNode } from "react";
+import { Modal, Button, Card } from "antd";
+import LtmplTable, { LtmplTableProps } from "./ltmpl-table";
+import Scrollbars from "react-custom-scrollbars";
+import { LocaleContext } from "../locale/LocaleProvider";
 
 interface LtmplDrawPageProps extends LtmplTableProps {
-    onCancel: () => void,
-    title?:ReactNode,
-    width?:number|string,
-    height?:number|string,
-    open:boolean,
+  onCancel: () => void;
+  title?: ReactNode;
+  width?: number | string;
+  height?: number | string;
+  open: boolean;
 }
 
-interface LtmplDrawPageState {
-
+interface LtmplDrawPageState {}
+
+export default class LtmplDrawer extends React.PureComponent<
+  LtmplDrawPageProps,
+  LtmplDrawPageState
+> {
+  static defaultProps = {
+    showConfirm: true,
+    height: "82vh",
+    width: "82vw",
+    forceRender: true,
+    style: {
+      maxWidth: "calc(100vw - 60px)",
+      maxHeight: "calc(100vh - 50px)",
+      padding: 10,
+    },
+    okText: "确定",
+    cancelText: "取消",
+  };
+  state = {};
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  render() {
+    const { title, height, width, onCancel, open, ...other } = this.props;
+    const { translate } = this.context;
+    return (
+      <Modal
+        open={open}
+        width={width}
+        title={title}
+        closable={false}
+        bodyStyle={{ height: height, overflow: "auto", padding: "6 0 6 6" }}
+        destroyOnClose={true}
+        centered
+        onOk={onCancel}
+        onCancel={onCancel}
+        footer={[<Button onClick={onCancel}>{translate("${关闭}")}</Button>]}
+      >
+        <Scrollbars autoHide autoHideTimeout={1000}>
+          <Card bordered={false} bodyStyle={{ padding: "4px 10px 0  0" }}>
+            <LtmplTable {...other}></LtmplTable>
+          </Card>
+        </Scrollbars>
+      </Modal>
+    );
+  }
 }
-
-export default class LtmplDrawer extends React.PureComponent<LtmplDrawPageProps, LtmplDrawPageState> {
-
-    static defaultProps = {
-        showConfirm: true,
-        height:'82vh' ,
-        width:'82vw',
-        forceRender: true,
-        style: {maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)',padding:10},
-        okText: "确定",
-        cancelText: "取消",
-    }
-    state = {
-
-    }
-
-
-    render() {
-        const {title,height,width,onCancel,open,...other} = this.props
-
-        return ( <Modal
-                open={open}
-                width={width}
-                title={title}
-                closable={false}
-                bodyStyle={{height: height, overflow: 'auto',padding:"6 0 6 6"}}
-                destroyOnClose={true}
-                centered
-                onOk={onCancel}
-                onCancel={onCancel}
-                footer={[<Button onClick={onCancel}>关 闭</Button>]}>
-             <Scrollbars  autoHide autoHideTimeout={1000}>
-                <Card bordered={false} bodyStyle={{padding:'4px 10px 0  0'}} >
-                    <LtmplTable {...other}></LtmplTable>
-                </Card>
-            </Scrollbars>
-        </Modal>
-    )
-
-    }
-
-}