aldehyde 0.1.17 → 0.1.20

package/src/aldehyde/controls/action/index.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import {RefObject} from 'react'
-import {Button, Checkbox as AntdCheckbox, Popconfirm, Popover,} from 'antd'
+import {Button, Checkbox as AntdCheckbox, Popconfirm, Popover,Tooltip} from 'antd'
 import './index.css'
 import {ActionConfig, Comparator, DtmplData} from "../../tmpl/interface";
 import {FormInstance} from "antd/lib/form/hooks/useForm";
@@ -8,9 +8,10 @@ import {ButtonType} from "antd/lib/button/button";
 import FieldsEditCard from "../../detail/edit/fields-edit-card"
 import {SizeType} from "antd/lib/config-provider/SizeContext";
 import ActionUtils from './utils';
+import Icon from '../../icon';
 
 const CheckboxGroup = AntdCheckbox.Group;
-
+export  type ActionButtonIconType = 'icon' | 'icon-title' | 'title'
 export  type ActionButtonType = 'primary-block' | 'dashed' | 'primary'
 export  type ActionButtonHiddenType = 'hidden' | 'disabled'
 
@@ -24,6 +25,7 @@ interface ActionProps {
     buttonType?: ActionButtonType,
     hiddenType?: ActionButtonHiddenType,
     buttonSize?: SizeType,
+    iconType:ActionButtonIconType,
 };
 
 interface ActionState {
@@ -37,6 +39,7 @@ export default class Action extends React.PureComponent<ActionProps, ActionState
         buttonType: 'dashed',
         hiddenType: 'hidden',
         buttonSize: undefined,
+        iconType:'icon-title',
     }
 
     state = {
@@ -149,10 +152,25 @@ export default class Action extends React.PureComponent<ActionProps, ActionState
                             onValuesChange={this.onValuesChange}/>}>
             <Button danger={actionConfig.beforeExeConfirm == 'danger'} type={this.getButtonType()} block={this.blockButton()} size={buttonSize}
                     onClick={() => this.setState({popoverVisible: !popoverVisible})}
-                    disabled={disabled_} >{actionConfig.title}</Button>
+                    disabled={disabled_} >{this.getTitle()}</Button>
         </Popover>
     }
 
+    getTitle=()=>{
+        const {actionConfig,iconType} = this.props;
+        if(actionConfig.icon){
+            if(iconType=='icon-title'){
+              return  <><Icon type={actionConfig.icon}></Icon>{actionConfig.title}</>
+            }else if(iconType=='icon'){
+               return <Tooltip placement="top" title={actionConfig.title}><Icon type={actionConfig.icon}></Icon>{''}</Tooltip>
+            }else{
+                return actionConfig.title;
+            }
+        }else{
+           return actionConfig.title;
+        }
+    }
+
 
     getCodes = () => {
         const {data,} = this.props;
@@ -194,7 +212,7 @@ export default class Action extends React.PureComponent<ActionProps, ActionState
                         cancelText="取消"
             >
                 <Button size={buttonSize} type={bType} block={block} disabled={disabled_}
-                >{actionConfig.title}</Button>
+                >{this.getTitle()}</Button>
             </Popconfirm> :
             actionConfig.beforeExeConfirm == 'danger' ?
                 <Popconfirm key={actionConfig.id}
@@ -209,12 +227,12 @@ export default class Action extends React.PureComponent<ActionProps, ActionState
                             okType={'danger'}
                 >
                     <Button type={bType} block={block} danger={true} size={buttonSize} disabled={disabled_}
-                    >{actionConfig.title}</Button>
+                    >{this.getTitle()}</Button>
                 </Popconfirm> :
                 <Button type={bType} block={block} size={buttonSize}
                         onClick={() => doAction(actionConfig.id, codes, {})}
                         disabled={disabled_}
-                >{actionConfig.title}</Button>
+                >{this.getTitle()}</Button>
     }
 
     render() {

package/src/aldehyde/controls/action/utils.tsx

@@ -87,7 +87,7 @@ export default class ActionUtils {
             return true;
         }
 
-        if(!value){
+        if(!value && value!='0' ){
             return false;
         }
 

package/src/aldehyde/controls/auto-complete/index.tsx

@@ -1,7 +1,6 @@
 import React from 'react'
 import {AutoComplete as AntdAutoComplete, Input} from "antd";
 import {EControlProps} from "../../tmpl/interface";
-import Units from "../../units";
 import HCDataSource from "../../tmpl/hc-data-source";
 
 const {TextArea} = Input;

package/src/aldehyde/controls/cascader/index.tsx

@@ -0,0 +1,114 @@
+import React from 'react'
+import {ButtonProps, Cascader as AntdCascader} from 'antd'
+import { EControlProps, EnumItem} from "../../tmpl/interface";
+import HCDataSource from "../../tmpl/hc-data-source";
+
+interface CascaderProps extends EControlProps{
+
+    baseValue?:string[],//baseValue 指定后不能修改
+
+}
+
+interface CascaderState {
+    options:object[]
+}
+
+export default class Cascader extends React.PureComponent<CascaderProps, CascaderState> {
+
+    static defaultProps={
+        baseValue:[],//['level1','level2']
+    }
+
+    state={
+        options:[],
+    }
+
+    async componentDidMount() {
+      let options=  await this.getOptions();
+      this.setState({
+          options
+      })
+    }
+
+
+    handleChange=(value)=>{
+        const { onChange } = this.props
+        let res=undefined
+        console.log('Cascader',value);
+        if(value){
+            res=value.join("->")
+            console.log("value.join(\"->\")",res)
+        }
+        if (onChange) {
+            onChange(res);
+        }
+    }
+
+    getOptions=async ()=>{
+        const { fieldConfig,baseValue }=this.props
+       let options= await HCDataSource.getOptions(fieldConfig.mstrucId);
+		const ops=[]
+        let newOptions=[];
+
+		let nextOptions=options;
+		let currentOptions=newOptions;
+        //先根据 baseValue 过滤一层
+        if(baseValue.length>0){
+            baseValue.map((v,i)=>{
+                if(i>0){
+                    currentOptions[0].subOptions=[];
+                    currentOptions= currentOptions[0].subOptions;
+                }
+                if(nextOptions){
+                    for(let option of nextOptions){
+                        if(option.title==v){
+                            currentOptions.push({...option});
+                            nextOptions=option.subOptions;
+                        }
+                    }
+                }
+            })
+
+        }else{
+            newOptions=options;
+        }
+
+
+        this.buildOptions(newOptions,ops);
+
+
+
+		return ops;
+    }
+
+    buildOptions=(options:EnumItem[],ops:object[])=>{
+        options.forEach((item)=>{
+            const op={}
+            op["value"]=item.title
+            op["label"]=item.title
+            op["key"]=item.id
+            ops.push(op);
+            if(item.subOptions){
+                let children=[];
+                op['children']=children;
+                this.buildOptions(item.subOptions,children);
+            }else{
+                op["isLeaf"]= true;
+            }
+        })
+    }
+
+    render(){
+        const {options}=this.state;
+        const { fieldConfig,onChange,value,...other}=this.props
+        return (
+            <AntdCascader
+                displayRender={label=>label.join('->')}
+                options={options}
+                value={value?value.split('->'):undefined}
+                onChange={this.handleChange}
+                {...other}
+            />
+        )
+    }
+}

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

@@ -1,17 +1,17 @@
 import React from 'react'
 import {Drawer, Space,Button,ButtonProps} from 'antd'
-import {CQueryConfig} from "../../tmpl/interface";
+import {CQueryConfig,PageType} from "../../tmpl/interface";
 import LtmplPage from "./../../module/ltmpl-page";
 import {
     EditOutlined,
 } from '@ant-design/icons';
-
 import Units from '../../units'
-import ModalDtmplEdit from "../../detail/edit/modal-dtmpl-edit";
-
+import DtmplEditPage from "../../detail/edit/dtmpl-edit-page";
+import DtmplEdit from "../../detail/edit/dtmpl-edit";
 interface CquickButtonProps extends ButtonProps{
     mainCode:string;
     cQueryConfig:CQueryConfig;
+    pageType:PageType;
 }
 
 interface CquickButtonState {
@@ -29,7 +29,9 @@ class CquickButton extends React.PureComponent<CquickButtonProps, CquickButtonSt
     }
 
 
-
+    static defaultProps={
+        pageType:'modal'
+    }
 
     showDraw=(currentId:string)=>{
         // console.log("点击了L2MenuQuickBar",currentId);
@@ -47,9 +49,8 @@ class CquickButton extends React.PureComponent<CquickButtonProps, CquickButtonSt
 
 
     render() {
-        const {cQueryConfig,mainCode,type,...button}=this.props;
+        const {cQueryConfig,mainCode,type,pageType,...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 (
@@ -65,13 +66,14 @@ class CquickButton extends React.PureComponent<CquickButtonProps, CquickButtonSt
                 }}>{outlinedMap[cQueryConfig.title]?outlinedMap[cQueryConfig.title]:cQueryConfig.title}</Button>}
                 {!showDraw?null:
                     cQueryConfig.type=='edit'?
-                        <ModalDtmplEdit visible={showDraw} onCancel={()=>{
+                         <DtmplEditPage pageType={pageType} visible={showDraw} onCancel={()=>{
                             this.setState({
                                 showDraw:false,
                             })}}
                              sourceId={cQueryConfig.id}
-                             code={mcode}
-                             onOk={this.closeDrawer} />:
+                              code={mcode}
+                              onOk={this.closeDrawer} />
+                            :
                         <Drawer
                             placement={'left'}
                             title="关联查询"
@@ -94,8 +96,7 @@ class CquickButton extends React.PureComponent<CquickButtonProps, CquickButtonSt
                             }
                         </Drawer>
                 }
-
-            </>
+                </>
         );
     }
 }

package/src/aldehyde/controls/date-picker/index.tsx

@@ -1,9 +1,10 @@
 import React from 'react'
 import {DatePicker as AntdDatePicker,TimePicker} from "antd";
 import moment from "moment";
+import type { Moment } from "moment";
 import {FieldConfig,EControlProps} from "../../tmpl/interface";
 import Units from "../../units";
-import TmplConfigAnalysis from './../../tmpl/tmpl-config-analysis'
+import type { RangePickerProps } from 'antd/es/date-picker';
 
 const {RangePicker} = AntdDatePicker;
 
@@ -15,38 +16,30 @@ interface DataPickerProps extends EControlProps{
 
 const DatePicker: React.FC<DataPickerProps> = (props) => {
 
-    const {id,value:propsValue, itemType, fieldConfig, onChange,style} = props;
+    const {id,value:propsValue, itemType, fieldConfig, onChange,style,min,max} = props;
     let value=propsValue;
     let format = Units.getMomentFormat(itemType);
 
-    const changeValue = (value) => {
+    const changeValue = (value:Moment) => {
         if (onChange) {
-            onChange(value?moment(value).format(format):undefined);
+            onChange(value?value.format(format):undefined);
         }
     }
 
-    const changeRangeValue = (value:any[]) => {
+    const changeRangeValue = (value:Moment[]) => {
         if (onChange) {
             if(!value){
                 onChange(value);
             }else if(value.length===2 && value[0] && value[1]){
-                onChange(moment(value[0]).format(format)+"~"+moment(value[1]).format(format));
+                onChange(value[0].format(format)+"~"+value[1].format(format));
             }
         }
     }
 
-    // if(value && value.startsWith("$$current")){
-    //     switch (itemType) {
-    //         case 'daterange':
-    //         case 'datetimerange':
-    //             changeRangeValue(TmplConfigAnalysis.current(value,format));
-    //             break;
-    //         default:
-    //             changeValue(TmplConfigAnalysis.current(value,format)[0]);
-    //             break;
-    //     }
-    //
-    // }
+    const disabledDate: RangePickerProps['disabledDate'] = current => {
+       // console.log('current',moment(min,format).format(format));
+        return current && ( (max && moment(current.format(format),format) > moment(max,format)) || (min && moment(current.format(format),format) <moment(min,format)));
+    };
 
     let entryControl = undefined;
     let picker:"date" | "time" | "year" | "month" | "week" | "quarter"="date";
@@ -63,6 +56,7 @@ const DatePicker: React.FC<DataPickerProps> = (props) => {
                 style={{...style}}
                 picker={picker}
                 format={format}
+                disabledDate={disabledDate}
                 value={momentValue}
                 disabled={fieldConfig.disabled}
                 onChange={changeValue}
@@ -75,6 +69,7 @@ const DatePicker: React.FC<DataPickerProps> = (props) => {
             entryControl = <AntdDatePicker
                 id={id}
                 style={{...style}}
+                disabledDate={disabledDate}
                 showTime={{format: Units.getDateTimeFormat(itemType)}}
                 picker='date'
                 format={format}
@@ -94,6 +89,7 @@ const DatePicker: React.FC<DataPickerProps> = (props) => {
             entryControl = <RangePicker id={id} picker={picker}
                                         style={{...style}}
                                         format={format}
+                                        disabledDate={disabledDate}
                                         value={momentValue}
                                         disabled={fieldConfig.disabled}
                                         onChange={changeRangeValue}/>;
@@ -108,6 +104,7 @@ const DatePicker: React.FC<DataPickerProps> = (props) => {
                                         format={format}
                                         style={{...style}}
                                         value={momentValue}
+                                        disabledDate={disabledDate}
                                         disabled={fieldConfig.disabled}
                                         onChange={changeRangeValue}/>;
             break;

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

@@ -201,10 +201,12 @@ export default class EntitySelect extends React.PureComponent<InnerEntitySelectP
         pageInfo = queryData.pageInfo;
         queryData.entities.forEach((item, index) => {
             let title = item.fieldMap[titleId];
-            let ts=title.split('@R@');
-            let t=ts && ts.length>0?ts[ts.length-1]:title;
-            let option = this.toOption(item.code,t , onEntityClick);
-            options.push(option);
+            if(title){
+                let ts=title.split('@R@');
+                let t=ts && ts.length>0?ts[ts.length-1]:title;
+                let option = this.toOption(item.code,t , onEntityClick);
+                options.push(option);
+            }
         })
         return {options, touchEnd: queryData.touchEnd};
     }

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

@@ -0,0 +1,148 @@
+import * as React from 'react'
+import {Button, Select, Spin,TreeSelect} from 'antd'
+import {EControlProps, PageInfo, QueryData, QueryKey, SelectConfig, SourceName} from "../../tmpl/interface";
+import {SearchOutlined} from '@ant-design/icons';
+import debounce from 'lodash/debounce';
+import './index.css';
+import HcserviceV3 from "../../tmpl/hcservice-v3";
+import HCDataSource from "../../tmpl/hc-data-source";
+
+interface LabTreeSelectProps extends EControlProps {
+
+};
+
+interface LabTreeSelectState {
+    treeData: object[],
+};
+
+type LoadDataSource = {
+    options: any[],
+    touchEnd: boolean,
+}
+
+export default class LabTreeSelect extends React.PureComponent<LabTreeSelectProps, LabTreeSelectState> {
+
+    static defaultProps = {
+        maxSelected: 100,
+    }
+
+    state = {
+        treeData: [],
+    }
+
+    async componentDidMount() {
+        this.setState({treeData:await this.loadSchoolLevelUnit()}) ;
+    }
+
+    //第一步查根
+    loadSchoolLevelUnit=async ()=>{
+        let data=[];
+     let  res=await  HcserviceV3.requestLtmplQueryTop('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;
+    }
+
+    loadLab=async (mainCode)=>{
+        let data=[];
+        let  res=await  HcserviceV3.requestLtmplQueryTop('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;
+    }
+
+    loadRoom=async (mainCode)=>{
+        let data=[];
+        let  res=await  HcserviceV3.requestLtmplQueryTop('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['227349996806149'];
+                d["value"]=d["id"]+"@R@"+d["title"];
+                d["key"]=d["value"];
+                d["isLeaf"]=true;
+                data.push(d);
+            })
+        }
+        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]
+            })
+        }
+    }
+
+    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}
+            />
+        )
+    }
+}
+
+

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

@@ -33,7 +33,19 @@ export default class EntitySelect extends React.PureComponent<EntitySelectProps,
         let newValue = [];
         if (selectedRows) {
             for (let row of selectedRows) {
-                newValue.push(row.code + '@R@' + row.title);
+                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);

package/src/aldehyde/controls/entry-control.tsx

@@ -12,10 +12,13 @@ import loadable from "@loadable/component";
 import HCDataSource from "../tmpl/hc-data-source";
 import Upload from '../controls/upload';
 import Progress from './progress'
-
+import Cascader from './cascader'
 import EntitySelect from "./entity-select/entity-select";
 import PopoverEntitySelect from './entity-select/popover-entity-select'
 import ColorPicker from './color-picker'
+import LabTreeSelect from './entity-select/lab-tree-select'
+import Units from "../units";
+import {ProgramConfig} from "../index";
 // import EntitySelect from "./entity-select/inner-entity-select";
 // import ChemStruc from "./chemstruc/graph";
 const  CheckboxGroup=Checkbox.Group;
@@ -66,8 +69,13 @@ function renderControl(id:any,fieldConfig: FieldConfig, fieldValue: any, onChang
     let disabled: boolean = fieldConfig.disabled;
 
     let viewOrEdit: ViewOrEdit = 'edit';
+    let fieldConfigM:string=fieldConfig.min;
+    let min=(fieldConfigM || fieldConfigM=='0' ) ? Units.configParamTrans(fieldConfigM) : undefined;
+    fieldConfigM=fieldConfig.max;
+    let max=(fieldConfigM || fieldConfigM=='0' ) ? Units.configParamTrans(fieldConfigM) : undefined;;
+
     let controlProps = {
-       id, fieldConfig, itemType, viewOrEdit, onChange, disabled, value: fieldValue, style: {minWidth: 220, width: '100%'}
+       id, fieldConfig,min,max, itemType, viewOrEdit, onChange, disabled, value: fieldValue, style: {minWidth: 220, width: '100%'}
     }
 
     let antdControlProps = {
@@ -80,6 +88,11 @@ function renderControl(id:any,fieldConfig: FieldConfig, fieldValue: any, onChang
         disabled={true}
     />;
 
+    //自定义组件为先
+    if(ProgramConfig.getCustomEditControl(itemType)){
+        return React.createElement(ProgramConfig.getCustomEditControl(itemType),controlProps);
+    }
+
     switch (itemType) {
         case 'int':
         case 'decimal':
@@ -183,7 +196,7 @@ function renderControl(id:any,fieldConfig: FieldConfig, fieldValue: any, onChang
             entryControl = <AutoComplete {...controlProps} />
             break;
         case 'caselect':
-            entryControl = unSupportControl;
+            entryControl =<Cascader {...controlProps}></Cascader>;
             break;
         case 'relation':
             entryControl = unSupportControl;
@@ -200,11 +213,15 @@ function renderControl(id:any,fieldConfig: FieldConfig, fieldValue: any, onChang
         case 'relselect':
         case 'refselect':
         case 'entity-select':
-            entryControl=<EntitySelect maxSelected={fieldConfig.max?fieldConfig.max:undefined} {...controlProps}  />
+            entryControl=<EntitySelect maxSelected={max?parseInt(max):undefined} {...controlProps}  />
             //  entryControl = <EntitySelect  {...controlProps} sourceName={'rcriteria'}></EntitySelect>
             break;
         case 'table-entity-select':
-            entryControl=<PopoverEntitySelect maxSelected={fieldConfig.max?fieldConfig.max:undefined} {...controlProps}  />
+            entryControl=<PopoverEntitySelect maxSelected={max?parseInt(max):undefined} {...controlProps}  />
+            //  entryControl = <EntitySelect  {...controlProps} sourceName={'rcriteria'}></EntitySelect>
+            break;
+        case 'lab-tree-select':
+            entryControl=<LabTreeSelect maxSelected={max?parseInt(max):undefined} {...controlProps}  />
             //  entryControl = <EntitySelect  {...controlProps} sourceName={'rcriteria'}></EntitySelect>
             break;
         case 'progress':

package/src/aldehyde/controls/enum-tag/index.tsx

@@ -5,7 +5,6 @@ import HCDataSource from "../../tmpl/hc-data-source";
 
 interface EnumTagsProps extends VControlProps {
 
-
 }
 
 
@@ -15,10 +14,17 @@ const EnumTags: React.FC<EnumTagsProps> = (props) => {
     let viewControl = undefined;
     let tagList = [];
     if (value) {
-        value.split(',').forEach(v => {
+        let v=value;
+        if(value instanceof Array){
+
+        }else {
+            v=value.split(',');
+        }
+        v.forEach(v => {
             let color = HCDataSource.getEnumValueColor(fieldConfig.mstrucId, value);
             tagList.push(<Tag key={v} color={color ? color : 'blue'}>{v}</Tag>)
         })
+
     }
     viewControl = <span className="infoStyle">
                                     {tagList}