aldehyde 0.2.97 → 0.2.99

package/src/aldehyde/controls/entity-select/lab-tree-select.tsx

@@ -1,145 +1,154 @@
-import * as React from 'react'
-import {Button, Select, Spin,TreeSelect} from 'antd'
-import {EControlProps} from "../../tmpl/interface";
-import './index.css';
+import * as React from "react";
+import { Button, Select, Spin, TreeSelect } from "antd";
+import { EControlProps } from "../../tmpl/interface";
+import "./index.css";
 import HcserviceV3 from "../../tmpl/hcservice-v3";
+import { LocaleContext } from "../../locale/LocaleProvider";
 
-interface LabTreeSelectProps extends EControlProps {
-
-};
+interface LabTreeSelectProps extends EControlProps {}
 
 interface LabTreeSelectState {
-    treeData?: object[],
-};
-
-type LoadDataSource = {
-    options: any[],
-    touchEnd: boolean,
+  treeData?: object[];
 }
 
-export default class LabTreeSelect extends React.PureComponent<LabTreeSelectProps, LabTreeSelectState> {
-
-    static defaultProps = {
-        maxSelected: 100,
-    }
-
-    state = {
-        treeData: [],
-    }
-
-    async componentDidMount() {
-        this.setState({treeData:await this.loadSchoolLevelUnit()}) ;
-    }
+type LoadDataSource = {
+  options: any[];
+  touchEnd: boolean;
+};
 
-    //第一步查根
-    loadSchoolLevelUnit=async ()=>{
-        let data=[];
-     let  res=await  HcserviceV3.requestLtmplQueryTop(null,'221036732522497',{});
-
-      if(res.entities){
-          res.entities.forEach((item, index) => {
-              let d={};
-              d["id"]=item.code;
-              d['level']=1;
-              d["pId"]=0;
-              d["title"]= item.fieldMap['228431869288450'];
-              d["value"]=d["id"]+"@R@"+d["title"];
-              d["key"]=d["value"];
-              d["selectable"]=false;
-              data.push(d);
-          })
-      }
-        return data;
+export default class LabTreeSelect extends React.PureComponent<
+  LabTreeSelectProps,
+  LabTreeSelectState
+> {
+  static defaultProps = {
+    maxSelected: 100,
+  };
+
+  state = {
+    treeData: [],
+  };
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  async componentDidMount() {
+    this.setState({ treeData: await this.loadSchoolLevelUnit() });
+  }
+
+  //第一步查根
+  loadSchoolLevelUnit = async () => {
+    let data = [];
+    let res = await HcserviceV3.requestLtmplQueryTop(
+      null,
+      "221036732522497",
+      {}
+    );
+
+    if (res.entities) {
+      res.entities.forEach((item, index) => {
+        let d = {};
+        d["id"] = item.code;
+        d["level"] = 1;
+        d["pId"] = 0;
+        d["title"] = item.fieldMap["228431869288450"];
+        d["value"] = d["id"] + "@R@" + d["title"];
+        d["key"] = d["value"];
+        d["selectable"] = false;
+        data.push(d);
+      });
     }
-
-    loadLab=async (mainCode)=>{
-        let data=[];
-        let  res=await  HcserviceV3.requestLtmplQueryTop(null,'228261345665025',{mainCode});
-
-        if(res.entities){
-            res.entities.forEach((item, index) => {
-                let d={};
-                d["id"]=item.code;
-                d['level']=2;
-                d["pId"]=mainCode;
-                d["title"]= item.fieldMap['227350535774211'];
-                d["value"]=d["id"]+"@R@"+d["title"];
-                d["key"]=d["value"];
-                d["selectable"]=false;
-                data.push(d);
-            })
-        }
-        return data;
+    return data;
+  };
+
+  loadLab = async (mainCode) => {
+    let data = [];
+    let res = await HcserviceV3.requestLtmplQueryTop(null, "228261345665025", {
+      mainCode,
+    });
+
+    if (res.entities) {
+      res.entities.forEach((item, index) => {
+        let d = {};
+        d["id"] = item.code;
+        d["level"] = 2;
+        d["pId"] = mainCode;
+        d["title"] = item.fieldMap["227350535774211"];
+        d["value"] = d["id"] + "@R@" + d["title"];
+        d["key"] = d["value"];
+        d["selectable"] = false;
+        data.push(d);
+      });
     }
-
-    loadRoom=async (mainCode)=>{
-        let data=[];
-        let  res=await  HcserviceV3.requestLtmplQueryTop(null,'228261733638145',{mainCode});
-
-        if(res.entities){
-            res.entities.forEach((item, index) => {
-                let d={};
-                d["id"]=item.code;
-                d['level']=3;
-                d["pId"]=mainCode;
-                d["title"]= item.fieldMap['231145273597957'];
-                d["value"]=d["id"]+"@R@"+d["title"];
-                d["key"]=d["value"];
-                d["isLeaf"]=true;
-                data.push(d);
-            })
-        }
-        return data;
+    return data;
+  };
+
+  loadRoom = async (mainCode) => {
+    let data = [];
+    let res = await HcserviceV3.requestLtmplQueryTop(null, "228261733638145", {
+      mainCode,
+    });
+
+    if (res.entities) {
+      res.entities.forEach((item, index) => {
+        let d = {};
+        d["id"] = item.code;
+        d["level"] = 3;
+        d["pId"] = mainCode;
+        d["title"] = item.fieldMap["231145273597957"];
+        d["value"] = d["id"] + "@R@" + d["title"];
+        d["key"] = d["value"];
+        d["isLeaf"] = true;
+        data.push(d);
+      });
     }
-
-    onChange=(newValue: string)=>{
-        const {onChange} = this.props;
-        //console.log("newValue",newValue);
-        onChange(newValue);
+    return data;
+  };
+
+  onChange = (newValue: string) => {
+    const { onChange } = this.props;
+    //console.log("newValue",newValue);
+    onChange(newValue);
+  };
+
+  onLoadData = async (node) => {
+    //console.log('node:',node);
+    const { treeData } = this.state;
+    if (node["level"] == 1) {
+      //加载实验室
+      let d = await this.loadLab(node["id"]);
+      // console.log('treeData dddd ',d);
+      this.setState({
+        treeData: [...treeData, ...d],
+      });
+    } else if (node["level"] == 2) {
+      let d = await this.loadRoom(node["id"]);
+      // console.log('treeData dddd ',d);
+      this.setState({
+        treeData: [...treeData, ...d],
+      });
     }
-
-
-    onLoadData = async (node) => {
-        //console.log('node:',node);
-        const {treeData}=this.state;
-        if(node['level']==1){
-         //加载实验室
-        let d =  await this.loadLab(node['id']);
-        // console.log('treeData dddd ',d);
-        this.setState({
-            treeData:[...treeData,...d]
-        })
-        }else if(node['level']==2){
-            let d =  await this.loadRoom(node['id']);
-           // console.log('treeData dddd ',d);
-            this.setState({
-                treeData:[...treeData,...d]
-            })
-        }
+  };
+
+  render() {
+    const { id, value, fieldConfig, style } = this.props;
+    const { treeData } = this.state;
+    const { translate } = this.context;
+    let v;
+    if (value) {
+      v = value.split("@R@")[1];
     }
 
-    render() {
-        const {id,value,  fieldConfig, style} = this.props;
-        const {treeData} = this.state;
-        let v;
-        if(value){
-            v=value.split("@R@")[1];
-        }
-
-       // console.log('treeData',treeData);
-        return (
-            <TreeSelect
-                treeDataSimpleMode
-                style={{ width: '100%' ,minWidth:'260px'}}
-                value={v}
-                dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
-                placeholder="--请选择--"
-                onChange={this.onChange}
-                loadData={this.onLoadData}
-                treeData={treeData}
-            />
-        )
-    }
+    // console.log('treeData',treeData);
+    return (
+      <TreeSelect
+        treeDataSimpleMode
+        style={{ width: "100%", minWidth: "260px" }}
+        value={v}
+        dropdownStyle={{ maxHeight: 400, overflow: "auto" }}
+        placeholder={translate("--${请选择}--")}
+        onChange={this.onChange}
+        loadData={this.onLoadData}
+        treeData={treeData}
+      />
+    );
+  }
 }
-
-

package/src/aldehyde/controls/entity-select/popover-entity-select.tsx

@@ -1,144 +1,189 @@
-import * as React from 'react'
-import {Button, Popover, Select} from 'antd'
-import {EControlProps, SelectedRow} from "../../tmpl/interface";
-import {SearchOutlined} from '@ant-design/icons';
-import SelectTable from '../../table/select-table'
-import './index.css'
+import * as React from "react";
+import { Button, Popover, Select } from "antd";
+import { EControlProps, SelectedRow } from "../../tmpl/interface";
+import { SearchOutlined } from "@ant-design/icons";
+import SelectTable from "../../table/select-table";
+import "./index.css";
+import { LocaleContext } from "../../locale/LocaleProvider";
 
 interface PopoverEntitySelectProps extends EControlProps {
-    maxSelected?: number,
-    onEntityClick?: (code: string) => void,
-};
-
-interface PopoverEntitySelectState {
-
-};
-
-export default class PopoverEntitySelect extends React.PureComponent<PopoverEntitySelectProps, PopoverEntitySelectState> {
-
-    static defaultProps = {
-        maxSelected: 100,
-    }
-
-    state = {}
-
-    onClick = () => {
-        this.setState({
-            showSelectTable: true,
-        })
-    }
-
-    onSelect = (selectedRows: SelectedRow[]) => {
-        const {value, onChange} = this.props;
-        let newValue = [];
-        if (selectedRows) {
-            for (let row of selectedRows) {
-                let title:string=null;
-                if(row.title instanceof Array){
-                    title = row.title[0];
-                }else{
-                    title = row.title;
-                }
-
-               // console.log('1323',title);
-                if(row.title && row.title.includes("@R@")){
-                let  ts=  title.split('@R@');
-                    title=ts[ts.length-1];
-                }
-                newValue.push(row.code + '@R@' + title);
-            }
-        }
-        onChange(newValue);
-    }
+  maxSelected?: number;
+  onEntityClick?: (code: string) => void;
+}
 
-    toArray = (value) => {
-        let valueArray: string[] = [];
-        if (value instanceof Array) {
-            valueArray = value;
+interface PopoverEntitySelectState {}
+
+export default class PopoverEntitySelect extends React.PureComponent<
+  PopoverEntitySelectProps,
+  PopoverEntitySelectState
+> {
+  static defaultProps = {
+    maxSelected: 100,
+  };
+
+  state = {};
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
+
+  onClick = () => {
+    this.setState({
+      showSelectTable: true,
+    });
+  };
+
+  onSelect = (selectedRows: SelectedRow[]) => {
+    const { value, onChange } = this.props;
+    let newValue = [];
+    if (selectedRows) {
+      for (let row of selectedRows) {
+        let title: string = null;
+        if (row.title instanceof Array) {
+          title = row.title[0];
         } else {
-            if (value) {
-                valueArray = value.split(',');
-            } else {
-                valueArray = [];
-            }
+          title = row.title;
         }
 
-        return valueArray;
-    }
-
-    toValueArray = (value) => {
-        let result=[];
-        let valueArray =this.toArray(value);
-        for (let v of valueArray) {
-            if (v) {
-                let vs = v.split("@R@");
-                if (vs[1] != 'null') {
-                    result.push(vs[0]);
-                }
-            }
+        // console.log('1323',title);
+        if (row.title && row.title.includes("@R@")) {
+          let ts = title.split("@R@");
+          title = ts[ts.length - 1];
         }
-        return result;
+        newValue.push(row.code + "@R@" + title);
+      }
+    }
+    onChange(newValue);
+  };
+
+  toArray = (value) => {
+    let valueArray: string[] = [];
+    if (value instanceof Array) {
+      valueArray = value;
+    } else {
+      if (value) {
+        valueArray = value.split(",");
+      } else {
+        valueArray = [];
+      }
     }
 
-
-    render() {
-        const {id,value, itemType, fieldConfig, onChange, style, maxSelected, onEntityClick,mainCode,serverKey} = this.props;
-        const {} = this.state;
-        let selectedRows: SelectedRow[] = [];
-        let relationOptions = []
-
-        let valueArray: string[]=this.toArray(value);
-
-        valueArray.forEach((v) => {
-                if (v.indexOf('@R@') > 0) {
-                    let vs = v.split('@R@');
-                    selectedRows.push({code: vs[0], title: vs[1]});
-                    relationOptions.push({
-                        value: vs[0],
-                        label: onEntityClick ? <Button size={'small'} style={{padding: '0px'}} type="link" title=""
-                                                       onClick={(e) => {
-                                                           e.stopPropagation();
-                                                           onEntityClick(vs[0]);
-                                                       }}>{vs[1]}
-                        </Button> : vs[1]
-                    });
-                }
-            })
-
-        return <>
-            <Popover overlayClassName={'-popover'} placement="bottom" color={'#f0f0f0'}
-                     overlayStyle={{maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)',}}
-                     overlayInnerStyle={{padding: '0px'}}
-                // getPopupContainer={(triggerNode) => {
-                //        return triggerNode.parentNode;}}
-                     content={<div style={{
-                         height: 300,
-                         backgroundColor: '#fafafa',
-                         overflow: 'auto',
-                         borderStyle: 'solid',
-                         borderRadius: '6px',
-                         borderWidth: '0px',
-                         borderColor: '#8c8c8c'
-                     }}><SelectTable serverKey={serverKey} mainCode={mainCode} maxSelectedRows={maxSelected} selectedRows={selectedRows} sourceId={fieldConfig.sourceId}
-                                      onChange={this.onSelect}></SelectTable></div>}
-                     trigger="click">
-                <Select id={id} style={{...style}}
-                        value={this.toValueArray(valueArray)}
-                        mode="multiple"
-                        placeholder={`请选择${fieldConfig.title}`}
-                        notFoundContent="请选择"
-                        allowClear={true}
-                        showArrow={true}
-                        suffixIcon={<SearchOutlined/>}
-                        dropdownStyle={{display: 'none'}}
-                        onChange={(value) => {
-                            onChange(value)
-                        }
-                        }
-                        options={relationOptions}
-                >
-                </Select>
-            </Popover>
-        </>;
+    return valueArray;
+  };
+
+  toValueArray = (value) => {
+    let result = [];
+    let valueArray = this.toArray(value);
+    for (let v of valueArray) {
+      if (v) {
+        let vs = v.split("@R@");
+        if (vs[1] != "null") {
+          result.push(vs[0]);
+        }
+      }
     }
+    return result;
+  };
+
+  render() {
+    const {
+      id,
+      value,
+      itemType,
+      fieldConfig,
+      onChange,
+      style,
+      maxSelected,
+      onEntityClick,
+      mainCode,
+      serverKey,
+    } = this.props;
+    const {} = this.state;
+    const { translate } = this.context;
+    let selectedRows: SelectedRow[] = [];
+    let relationOptions = [];
+
+    let valueArray: string[] = this.toArray(value);
+
+    valueArray.forEach((v) => {
+      if (v.indexOf("@R@") > 0) {
+        let vs = v.split("@R@");
+        selectedRows.push({ code: vs[0], title: vs[1] });
+        relationOptions.push({
+          value: vs[0],
+          label: onEntityClick ? (
+            <Button
+              size={"small"}
+              style={{ padding: "0px" }}
+              type="link"
+              title=""
+              onClick={(e) => {
+                e.stopPropagation();
+                onEntityClick(vs[0]);
+              }}
+            >
+              {vs[1]}
+            </Button>
+          ) : (
+            vs[1]
+          ),
+        });
+      }
+    });
+
+    return (
+      <>
+        <Popover
+          overlayClassName={"-popover"}
+          placement="bottom"
+          color={"#f0f0f0"}
+          overlayStyle={{
+            maxWidth: "calc(100vw - 60px)",
+            maxHeight: "calc(100vh - 50px)",
+          }}
+          overlayInnerStyle={{ padding: "0px" }}
+          // getPopupContainer={(triggerNode) => {
+          //        return triggerNode.parentNode;}}
+          content={
+            <div
+              style={{
+                height: 300,
+                backgroundColor: "#fafafa",
+                overflow: "auto",
+                borderStyle: "solid",
+                borderRadius: "6px",
+                borderWidth: "0px",
+                borderColor: "#8c8c8c",
+              }}
+            >
+              <SelectTable
+                serverKey={serverKey}
+                mainCode={mainCode}
+                maxSelectedRows={maxSelected}
+                selectedRows={selectedRows}
+                sourceId={fieldConfig.sourceId}
+                onChange={this.onSelect}
+              ></SelectTable>
+            </div>
+          }
+          trigger="click"
+        >
+          <Select
+            id={id}
+            style={{ ...style }}
+            value={this.toValueArray(valueArray)}
+            mode="multiple"
+            placeholder={translate("${请选择}${" + fieldConfig.title + "}")}
+            notFoundContent={translate("${请选择}")}
+            allowClear={true}
+            showArrow={true}
+            suffixIcon={<SearchOutlined />}
+            dropdownStyle={{ display: "none" }}
+            onChange={(value) => {
+              onChange(value);
+            }}
+            options={relationOptions}
+          ></Select>
+        </Popover>
+      </>
+    );
+  }
 }