aldehyde 0.2.97 → 0.2.99

package/src/aldehyde/controls/cquery/cquick-button.tsx

@@ -1,104 +1,144 @@
-import React from 'react'
-import {Drawer, Space,Button,ButtonProps} from 'antd'
-import {CQueryConfig,PageType} from "../../tmpl/interface";
+import React from "react";
+import { Drawer, Space, Button, ButtonProps } from "antd";
+import { CQueryConfig, PageType } from "../../tmpl/interface";
 import LtmplTable from "./../../module/ltmpl-table";
-import {
-    EditOutlined,
-} from '@ant-design/icons';
-import Units from '../../units'
+import { EditOutlined } from "@ant-design/icons";
+import Units from "../../units";
 import DtmplEditPage from "../../module/dtmpl-edit-page";
-interface CquickButtonProps extends ButtonProps{
-    mainCode:string;
-    cQueryConfig:CQueryConfig;
-    pageType:PageType;
-    serverKey?:string,
+import { LocaleContext } from "../../locale/LocaleProvider";
+interface CquickButtonProps extends ButtonProps {
+  mainCode: string;
+  cQueryConfig: CQueryConfig;
+  pageType: PageType;
+  serverKey?: string;
 }
 
 interface CquickButtonState {
-    showDraw?:boolean;
+  showDraw?: boolean;
 }
 
-const outlinedMap={
-    EditOutlined:<EditOutlined/>
+const outlinedMap = {
+  EditOutlined: <EditOutlined />,
 };
 
+class CquickButton extends React.PureComponent<
+  CquickButtonProps,
+  CquickButtonState
+> {
+  state = {
+    showDraw: false,
+  };
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
 
-class CquickButton extends React.PureComponent<CquickButtonProps, CquickButtonState> {
-    state={
-        showDraw:false,
-    }
+  static defaultProps = {
+    pageType: "modal",
+  };
 
+  showDraw = (currentId: string) => {
+    // console.log("点击了L2MenuQuickBar",currentId);
+    this.setState({
+      showDraw: true,
+    });
+  };
 
-    static defaultProps={
-        pageType:'modal'
-    }
+  closeDrawer = () => {
+    this.setState({
+      showDraw: false,
+    });
+  };
 
-    showDraw=(currentId:string)=>{
-        // console.log("点击了L2MenuQuickBar",currentId);
-        this.setState({
-            showDraw:true
-        })
-
-    }
-
-    closeDrawer=()=>{
-        this.setState({
-            showDraw:false
-        })
-    }
-
-
-    render() {
-        const {cQueryConfig,mainCode,type,pageType,serverKey,...button}=this.props;
-        const {showDraw,} = this.state;
-        //console.log("cQuery mainCode",mainCode);
-       let mcode=mainCode && mainCode.indexOf("@R@")>0?mainCode.split("@R@")[0]:mainCode;
-        return (
-            <>
-                {type=='text'?<span className={'cquickTextButton'} onClick={()=>{
-                this.setState({
-                    showDraw:!showDraw
-                })
-            }}>{cQueryConfig.title}</span> :<Button {...button} onClick={()=>{
-                    this.setState({
-                        showDraw:!showDraw
-                    })
-                }}>{outlinedMap[cQueryConfig.title]?outlinedMap[cQueryConfig.title]:cQueryConfig.title}</Button>}
-                {!showDraw?null:
-                    cQueryConfig.type=='edit'?
-                         <DtmplEditPage serverKey={serverKey} pageType={pageType} open={showDraw} onCancel={()=>{
-                            this.setState({
-                                showDraw:false,
-                            })}}
-                             sourceId={cQueryConfig.id}
-                              code={mcode}
-                              onOk={this.closeDrawer} />
-                            :
-                        <Drawer
-                            placement={'left'}
-                            title="关联查询"
-                            closable={true}
-                            mask={false}
-                            onClose={this.closeDrawer}
-                            open={showDraw}
-                            width={'calc(100% - 280px)'}
-                            style={{
-                                maxWidth: 1960,
-                            }}
-                            extra={
-                                <Space>
-                                    <Button  onClick={this.closeDrawer}>关闭</Button>
-                                </Space>
-                            }
-                        >
-                            {cQueryConfig.path?  React.createElement(Units.getCustomPage(cQueryConfig.path)):
-                                <LtmplTable serverKey={serverKey} sourceId={cQueryConfig.id} mainCode={mcode}></LtmplTable>
-                            }
-                        </Drawer>
-                }
-                </>
-        );
-    }
+  render() {
+    const {
+      cQueryConfig,
+      mainCode,
+      type,
+      pageType,
+      serverKey,
+      ...button
+    } = this.props;
+    const { showDraw } = this.state;
+    const { translate } = this.context;
+    //console.log("cQuery mainCode",mainCode);
+    let mcode =
+      mainCode && mainCode.indexOf("@R@") > 0
+        ? mainCode.split("@R@")[0]
+        : mainCode;
+    return (
+      <>
+        {type == "text" ? (
+          <span
+            className={"cquickTextButton"}
+            onClick={() => {
+              this.setState({
+                showDraw: !showDraw,
+              });
+            }}
+          >
+            {cQueryConfig.title}
+          </span>
+        ) : (
+          <Button
+            {...button}
+            onClick={() => {
+              this.setState({
+                showDraw: !showDraw,
+              });
+            }}
+          >
+            {outlinedMap[cQueryConfig.title]
+              ? outlinedMap[cQueryConfig.title]
+              : cQueryConfig.title}
+          </Button>
+        )}
+        {!showDraw ? null : cQueryConfig.type == "edit" ? (
+          <DtmplEditPage
+            serverKey={serverKey}
+            pageType={pageType}
+            open={showDraw}
+            onCancel={() => {
+              this.setState({
+                showDraw: false,
+              });
+            }}
+            sourceId={cQueryConfig.id}
+            code={mcode}
+            onOk={this.closeDrawer}
+          />
+        ) : (
+          <Drawer
+            placement={"left"}
+            title={translate("${关联查询}")}
+            closable={true}
+            mask={false}
+            onClose={this.closeDrawer}
+            open={showDraw}
+            width={"calc(100% - 280px)"}
+            style={{
+              maxWidth: 1960,
+            }}
+            extra={
+              <Space>
+                <Button onClick={this.closeDrawer}>
+                  {translate("${关闭}")}
+                </Button>
+              </Space>
+            }
+          >
+            {cQueryConfig.path ? (
+              React.createElement(Units.getCustomPage(cQueryConfig.path))
+            ) : (
+              <LtmplTable
+                serverKey={serverKey}
+                sourceId={cQueryConfig.id}
+                mainCode={mcode}
+              ></LtmplTable>
+            )}
+          </Drawer>
+        )}
+      </>
+    );
+  }
 }
 
-export default CquickButton;
+export default CquickButton;