aldehyde 0.2.98 → 0.2.100

package/src/aldehyde/table/selected-rows-card.tsx

@@ -1,62 +1,75 @@
 import React from "react";
-import {PageInfo, SelectedRow} from "../tmpl/interface";
-import {Pagination as AntdPagination, Tag} from 'antd';
-import './pagination.css';
+import { PageInfo, SelectedRow } from "../tmpl/interface";
+import { Pagination as AntdPagination, Tag } from "antd";
+import "./pagination.css";
+import { LocaleContext } from "../locale/LocaleProvider";
 
 interface SelectedRowsCardProps {
-    value: SelectedRow[];
-    onChange?: ( value: SelectedRow[]) => void;
-};
-
-interface SelectedRowsCardStat {
-
-};
+  value: SelectedRow[];
+  onChange?: (value: SelectedRow[]) => void;
+}
 
+interface SelectedRowsCardStat {}
 
-class SelectedRowsCard extends React.PureComponent<SelectedRowsCardProps, SelectedRowsCardStat> {
+class SelectedRowsCard extends React.PureComponent<
+  SelectedRowsCardProps,
+  SelectedRowsCardStat
+> {
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
 
-    handleClose=(row:SelectedRow)=>{
-        const {onChange,value}=this.props;
-        if(onChange){
-            const value_1:SelectedRow[]=[];
-           for(let v of value){
-               if(v.code!=row.code){
-                   value_1.push(v);
-               }
-           }
-            onChange(value_1);
+  handleClose = (row: SelectedRow) => {
+    const { onChange, value } = this.props;
+    if (onChange) {
+      const value_1: SelectedRow[] = [];
+      for (let v of value) {
+        if (v.code != row.code) {
+          value_1.push(v);
         }
-
+      }
+      onChange(value_1);
     }
+  };
 
-    renderTag=()=>{
-        const {value}=this.props;
-        const tags=[];
-        if(value){
-            value.forEach((v,index)=>{
-                let title=(v.title instanceof Array)?v.title[0]:v.title;
-                tags.push(<Tag key={index}  style={{ fontSize: 14 }} color="geekblue" closable={true} onClose={e => {
-                    e.preventDefault();
-                    this.handleClose(v);
-                }}>
-                {title && title.includes("@R@")?title.split("@R@")[1]:v.title}
-                </Tag>);
-            })
-        }else{
-            return "";
-        }
-
-        return tags;
+  renderTag = () => {
+    const { value } = this.props;
+    const tags = [];
+    if (value) {
+      value.forEach((v, index) => {
+        let title = v.title instanceof Array ? v.title[0] : v.title;
+        tags.push(
+          <Tag
+            key={index}
+            style={{ fontSize: 14 }}
+            color="geekblue"
+            closable={true}
+            onClose={(e) => {
+              e.preventDefault();
+              this.handleClose(v);
+            }}
+          >
+            {title && title.includes("@R@") ? title.split("@R@")[1] : v.title}
+          </Tag>
+        );
+      });
+    } else {
+      return "";
     }
 
+    return tags;
+  };
 
-    render() {
-        return <div>
-            <h3>查询点选：
-                {this.renderTag()}
-            </h3>
-        </div>
-    }
+  render() {
+    const { translate } = this.context;
+    return (
+      <div>
+        <h3>
+          {translate("${查询点选}:")}
+          {this.renderTag()}
+        </h3>
+      </div>
+    );
+  }
 }
 
-export default SelectedRowsCard;
+export default SelectedRowsCard;

package/src/aldehyde/table/stat/restat.tsx

@@ -1,80 +1,123 @@
 import React from "react";
-import {Button, Card, Form as AntdForm, FormInstance, Popconfirm, Popover, Space, Tooltip} from "antd";
-import {CalculatorOutlined, CloseOutlined} from "@ant-design/icons"
-import {FieldConfig,} from "../../tmpl/interface";
-import '../pagination.css';
+import {
+  Button,
+  Card,
+  Form as AntdForm,
+  FormInstance,
+  Popconfirm,
+  Popover,
+  Space,
+  Tooltip,
+} from "antd";
+import { CalculatorOutlined, CloseOutlined } from "@ant-design/icons";
+import { FieldConfig } from "../../tmpl/interface";
+import "../pagination.css";
 import FormItemGroup from "../../form/form-Item-group";
 import HcserviceV3 from "../../tmpl/hcservice-v3";
+import { LocaleContext } from "../../locale/LocaleProvider";
 interface RestatProps {
-    onfinish: () => void;
-    fields: FieldConfig[];
-    value?: object;
-    serverKey?:string,
-    sourceId:string;
-};
+  onfinish: () => void;
+  fields: FieldConfig[];
+  value?: object;
+  serverKey?: string;
+  sourceId: string;
+}
 
 interface RestatStat {
-    popoverOpen?: boolean;
-    loading?:boolean,
-};
+  popoverOpen?: boolean;
+  loading?: boolean;
+}
 
 class Restat extends React.PureComponent<RestatProps, RestatStat> {
+  static defaultProps = {};
+  state = {
+    popoverOpen: false,
+    loading: false,
+  };
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+  formRef = React.createRef<FormInstance>();
+  onRestat = async (val) => {
+    const { sourceId, onfinish, serverKey } = this.props;
+    this.setState({
+      loading: true,
+    });
+    await HcserviceV3.increCalc(serverKey, sourceId, val);
+    this.setState({
+      loading: false,
+    });
+    onfinish();
+  };
 
-    static defaultProps = {}
-    state = {
-        popoverOpen: false,
-        loading:false,
-    }
-    formRef = React.createRef<FormInstance>();
-    onRestat =async (val) => {
-        const {sourceId,onfinish,serverKey}=this.props;
-        this.setState({
-            loading:true,
-        })
-       await HcserviceV3.increCalc(serverKey,sourceId,val);
-        this.setState({
-            loading:false,
-        })
-       onfinish();
-    }
-
-    render() {
-        const {popoverOpen,loading} = this.state;
-        const {fields, value,serverKey} = this.props;
-        return <Popover open={popoverOpen}
-                        content={
-                            <Card loading={loading}
-                                style={{width: 1000}}
-                                title={"重新统计"}
-                                bodyStyle={{overflow: 'auto'}}
-                                extra={<><Space size={[8, 0]}>
-                                    {
-                                     <Button type={"primary"} onClick={()=>{
-                                         this.formRef.current.submit();
-                                     }}
-                                        >确定</Button>
-                                   }
-                                    {<Button onClick={() => {
-                                        this.setState({popoverOpen: false});
-                                    }}><CloseOutlined/></Button>
-                                    }
-                                </Space></>}
-                            >
-                                <AntdForm labelWrap={true} ref={this.formRef} name="control-hooks" onFinish={this.onRestat}>
-                                    <FormItemGroup serverKey={serverKey}  nameAttr={'id'} fields={fields}
-                                                   valueMap={value}></FormItemGroup>
-                                </AntdForm>
-                            </Card>}
-
-                        placement="bottomLeft"
-                        trigger="click">
-            <Tooltip title={'重新统计'}><Button onClick={() => {
-                this.setState({popoverOpen: !popoverOpen});
-            }}>
-                <CalculatorOutlined/>
-            </Button></Tooltip>
-        </Popover>
-    }
+  render() {
+    const { popoverOpen, loading } = this.state;
+    const { fields, value, serverKey } = this.props;
+    const { translate } = this.context;
+    return (
+      <Popover
+        open={popoverOpen}
+        content={
+          <Card
+            loading={loading}
+            style={{ width: 1000 }}
+            title={translate("${重新统计}")}
+            bodyStyle={{ overflow: "auto" }}
+            extra={
+              <>
+                <Space size={[8, 0]}>
+                  {
+                    <Button
+                      type={"primary"}
+                      onClick={() => {
+                        this.formRef.current.submit();
+                      }}
+                    >
+                      {translate("${确定}")}
+                    </Button>
+                  }
+                  {
+                    <Button
+                      onClick={() => {
+                        this.setState({ popoverOpen: false });
+                      }}
+                    >
+                      <CloseOutlined />
+                    </Button>
+                  }
+                </Space>
+              </>
+            }
+          >
+            <AntdForm
+              labelWrap={true}
+              ref={this.formRef}
+              name="control-hooks"
+              onFinish={this.onRestat}
+            >
+              <FormItemGroup
+                serverKey={serverKey}
+                nameAttr={"id"}
+                fields={fields}
+                valueMap={value}
+              ></FormItemGroup>
+            </AntdForm>
+          </Card>
+        }
+        placement="bottomLeft"
+        trigger="click"
+      >
+        <Tooltip title={translate("${重新统计}")}>
+          <Button
+            onClick={() => {
+              this.setState({ popoverOpen: !popoverOpen });
+            }}
+          >
+            <CalculatorOutlined />
+          </Button>
+        </Tooltip>
+      </Popover>
+    );
+  }
 }
 
-export default Restat;
+export default Restat;