aldehyde 0.0.2 → 0.0.3

package/src/components/controls/view-control.tsx

@@ -1,177 +0,0 @@
-import React from 'react'
-import {Alert, Badge, Input, Spin, Tag} from "antd";
-import loadable from "@loadable/component";
-import {ControlHolderType, EnumItem, FieldConfig, ViewOrEdit} from "../tmpl/interface";
-import ControlTypeSupportor from '../tmpl/control-type-supportor';
-import EnumTags from './enum-tag';
-import EnumBadge from './enum-badge';
-import Steps from "./steps";
-import Units from './../units';
-import FileView from '../controls/file-view';
-import Rfield from "./rfield";
-import moment from "moment";
-import Progress from './progress'
-import ColorPicker from "./color-picker";
-import EllipsisText from './text/ellipsis-text'
-//import ChemStruc from "./chemstruc/graph";
-// import HtmlEditor from "../HtmlEditor/tinymce";
-const Loading = <Spin tip="Loading...">
-    <Alert
-        message="正在加载数据。。。"
-        description="初次访问加载数据较多，可能需要几秒或几分钟，请耐心等待！！"
-        type="info"
-    />
-</Spin>;
-const Signature = loadable(() =>
-    import("./signature"), {fallback: Loading});
-const ChemStruc = loadable(() =>
-    import("./chemstruc/graph"), {fallback: Loading});
-const HtmlEditor = loadable(() =>
-    import("./html-editor/draft"), {fallback: Loading});
-
-
-
-interface FieldViewControlProps {
-    value?: any;
-    fieldConfig: FieldConfig;
-    holderType:ControlHolderType;
-}
-
-function renderControl(fieldConfig: FieldConfig, fieldValue: any,pHolderType:ControlHolderType, width: any) {
-
-    let itemType = ControlTypeSupportor.getControlType(fieldConfig, fieldValue);
-    let holderType:ControlHolderType=pHolderType;
-    if(!holderType){
-        holderType="descriptions";
-    }
-
-    const colNum = fieldConfig.colNum;
-    let scalableWidth = width;
-    if (colNum == 2) {
-        scalableWidth = width * colNum * 1.52;
-    }
-    let viewControl = undefined;
-
-    let placeholder = !fieldConfig.disabled ? `请输入${fieldConfig.title}` : "无需输入";
-    let disabled: boolean = fieldConfig.disabled;
-    let value = fieldValue ? fieldValue : fieldConfig.defaultValue ? fieldConfig.defaultValue : "";
-    let viewOrEdit:ViewOrEdit='view';
-    let controlProps = {
-        fieldConfig, itemType, value,viewOrEdit,
-    }
-
-    const unSupportControl =
-        <span className="infoStyle">{`暂未完成-${itemType}`}</span>;
-
-    switch (itemType) {
-        case 'int':
-        case 'decimal':
-        case 'float':
-        case 'double':
-        case 'intrange':
-        case 'decimalrange':
-        case "range":
-            viewControl = <span className="infoStyle">{value}</span>
-            break;
-        case 'date-YY':
-        case 'date-M1':
-        case 'date':
-        case 'datetime-HH':
-        case 'datetime-mm':
-        case 'datetime':
-        case 'time-HH':
-        case 'time-mm':
-        case 'time':
-            viewControl = <span className="infoStyle">{value ? moment(value).format(Units.getMomentFormat(itemType)) : undefined}</span>
-            break;
-        case 'daterange-YY':
-        case 'daterange-M1':
-        case 'daterange':
-        case 'datetimerange-HH':
-        case 'datetimerange-mm':
-        case 'datetimerange':
-        case 'timerange-HH':
-        case 'timerange-mm':
-        case 'timerange':
-            viewControl = <span className="infoStyle">{value}</span>
-            break;
-        case 'text':
-        case 'textarea':
-        case 'preselect':
-            if(holderType=='table'){
-                viewControl=<EllipsisText maxWidth={'400px'} isHtml={false} value={value} ></EllipsisText>
-            }else{
-                viewControl = <span className="infoStyle">{value}</span>
-            }
-            break;
-        case 'select':
-        case 'radio':
-            viewControl = <EnumBadge {...controlProps}/>
-            break;
-        case 'multiselect':
-        case 'checkbox':
-            viewControl = <EnumTags {...controlProps} />
-            break;
-        case 'html':
-            if(holderType=='table'){
-                viewControl=<EllipsisText isHtml={true} value={value} ></EllipsisText>
-            }else{
-                viewControl=<div dangerouslySetInnerHTML={{__html: value}} ></div>;
-            }
-            break;
-        case 'steps':
-            viewControl = <Steps {...controlProps}/>
-            break;
-        case 'password':
-            viewControl = unSupportControl;
-            break;
-        case 'caselect':
-            viewControl = unSupportControl;
-            break;
-        case 'relation':
-            viewControl = unSupportControl
-            break;
-        case 'file':
-        case 'picture':
-        case 'video':
-            viewControl = <FileView {...controlProps}></FileView>
-            break;
-        case 'chemstruc':
-            viewControl = <ChemStruc  {...controlProps}></ChemStruc>
-            //viewControl = unSupportControl
-            break;
-        case 'relselect':
-        case 'refselect':
-        case 'entity-select':
-        case 'table-entity-select':
-            viewControl = <Rfield {...controlProps}/>;
-            break;
-        case 'progress':
-            viewControl=<Progress {...controlProps}></Progress>
-            break;
-        case 'signature':
-            viewControl=<Signature {...controlProps}></Signature>
-            break;
-        case 'color':
-            viewControl = <ColorPicker {...controlProps}></ColorPicker>
-            break;
-        case 'hidden'://
-            viewControl = <Input
-                type="hidden"
-                value={fieldValue}
-                disabled={true}
-            />;
-            break;
-        default:
-            viewControl =unSupportControl;
-            break;
-    }
-    return viewControl;
-}
-
-const ViewControl: React.FC<FieldViewControlProps> = (props) => {
-    const {fieldConfig, value,holderType} = props;
-    return renderControl(fieldConfig, value, holderType,null);
-}
-
-export default ViewControl;

package/src/components/detail/button/cquery-button-bar.tsx

@@ -1,112 +0,0 @@
-import React, {RefObject} from 'react'
-import './index.css'
-import {ActionConfig, ButtonName, CQueryConfig, DtmplConfig, DtmplData, TmplBase} from "../../tmpl/interface";
-import {Affix, Button, Popconfirm, Popover,Space} from "antd";
-import {LeftOutlined, SaveOutlined} from '@ant-design/icons';
-import CquickButton from "../../controls/cquery/cquick-button";
-
-interface CqueryButtonBarProps {
-    dtmplConfig: DtmplConfig,
-    mainCode:string,
-}
-
-
-interface CqueryButtonBarState {
-   // stateSerial:number
-}
-
-class CqueryButtonBar extends React.PureComponent<CqueryButtonBarProps, CqueryButtonBarState> {
-
-    state={
-      // stateSerial:0,
-    }
-
-    calcOffsetBottom = (cQuerys: CQueryConfig[]) => {
-
-        if (cQuerys.length>=3) {
-            return 120;
-        } else if (cQuerys.length==2){
-            return 86;
-        }else{
-            return 80;
-        }
-    }
-
-   //  async componentDidMount() {
-   //      console.log("SubmitButtonBar this.loadData()");
-   //
-   //      console.log("SubmitButtonBar this.loadData()1");
-   //          //  if(code!=preCode || (!code && preCode)){
-   //          //     await this.loadData();
-   //          // }else{
-   //          //      formRef.current.resetFields();
-   //          //  }
-   // }
-
-    // loadData = async () => {
-    //     console.log("SubmitButtonBar this.loadData()2");
-    //     this.setState({
-    //         stateSerial: this.state.stateSerial + 1,
-    //     })
-    // }
-
-    render() {
-       const {}=this.state;
-        const {dtmplConfig,mainCode} = this.props
-
-        if(!dtmplConfig){
-            return null;
-        }
-
-        const {buttons, cQuerys} = dtmplConfig;
-        const cardList: TmplBase[] = [];
-
-        let content
-        if (cQuerys && cQuerys.length > 3) {
-            content = (
-                <div style={{width:'100px'}} className="btns">
-                    <Space direction="vertical">
-                        {cQuerys.map((item, index) => {
-                            if (index > 2) {
-                                return <CquickButton  block={true} key={item.id}  mainCode={mainCode} cQueryConfig={item}  ></CquickButton>
-                            }
-                        })
-                        }
-                    </Space>
-
-                </div>
-            );
-        }
-        //offsetBottom={this.calcOffsetBottom(cQuerys)}
-        return (
-            (cQuerys && cQuerys.length>0 &&  mainCode)?<Affix style={{position: 'absolute',top:180, right: 10, maxHeight: 90}}
-                   offsetTop={300} >
-                <div className={'submitButtonBar'} >
-                    <ul>
-                        {
-                            cQuerys ? cQuerys.map((item, index) => {
-                                    if (index < 3) {
-                                        return <li key={index}>
-                                            <CquickButton type={'text'}  block={true} key={item.id}  mainCode={mainCode} cQueryConfig={item}  ></CquickButton>
-                                        </li>
-                                    }
-                                }
-                            ) : ""
-                        }
-                        {//处理后面的
-                            cQuerys && cQuerys.length > 2 ?
-                                <Popover placement="leftTop" content={content} trigger="hover">
-                                    <Button block >
-                                        <LeftOutlined/>{'更多'}
-                                    </Button>
-                                </Popover> : ""
-                        }
-                    </ul>
-                </div>
-            </Affix>:""
-        )
-    }
-}
-
-export default CqueryButtonBar;
-

package/src/components/detail/button/index.css

@@ -1,43 +0,0 @@
-.submitButtonBar{
-    background: #fff;
-    /*position: absolute;*/
-    /*right:10px;*/
-    /*top:80px;*/
-    border:1px solid #e8e8e8;
-    border-radius: 4px;
-    box-shadow: 2px 2px 10px rgba(0,0,0,.2);
-    max-height:158px;
-    /*min-height:80px;*/
-    overflow:auto;
-    width:100px;
-}
-.submitButtonBar::-webkit-scrollbar {
-    display: none;
-}
-.submitButtonBar ul{
-    padding:0;
-    margin:0;
-}
-.submitButtonBar li{
-    list-style-type: none;
-    padding:4px;
-    margin:0;
-    text-align: left;
-    white-space: nowrap;
-    overflow: hidden;
-}
-/*.rightBar li:hover{*/
-/*    background: #cfe3f5;*/
-/*}*/
-
-.btns button{
-    margin-right: 10px
-}
-
-.cquickTextButton {
-    cursor:pointer;
-}
-
-.cquickTextButton:hover{
-    color: #1890ff;
-}

package/src/components/detail/button/submit-button-bar.tsx

@@ -1,151 +0,0 @@
-import React, {RefObject} from 'react'
-import './index.css'
-import {ActionConfig, ButtonName, DtmplConfig, DtmplData, TmplBase} from "../../tmpl/interface";
-import {Affix, Button, Popconfirm, Popover} from "antd";
-import {LeftOutlined, SaveOutlined} from '@ant-design/icons';
-import Action from "../../controls/action";
-import {FormInstance} from "antd/lib/form/hooks/useForm";
-
-interface SubmitButtonProps {
-    dtmplConfig: DtmplConfig,
-   // dtmplData:DtmplData,
-    doSubmit: (actionId?: string,codes?:string[],params?:object) => void;
-    formRef: RefObject<FormInstance>,
-    serial:number,
-
-}
-
-
-interface SubmitButtonState {
-   // stateSerial:number
-}
-
-class SubmitButtonBar extends React.PureComponent<SubmitButtonProps, SubmitButtonState> {
-
-    state={
-      // stateSerial:0,
-    }
-
-    calcOffsetBottom = (buttons: ButtonName[], actions: ActionConfig[]) => {
-        let buttonSize:number=0;
-        if(actions ){
-            buttonSize=buttonSize+actions.length;
-        }
-        if((buttons && buttons.includes('dtmplSave')) ){
-            buttonSize=buttonSize+1;
-        }
-        if (buttonSize>=3) {
-            return 120;
-        } else if (buttonSize==2){
-            return 86;
-        }else{
-            return 80;
-        }
-    }
-
-   //  async componentDidMount() {
-   //      console.log("SubmitButtonBar this.loadData()");
-   //
-   //      console.log("SubmitButtonBar this.loadData()1");
-   //          //  if(code!=preCode || (!code && preCode)){
-   //          //     await this.loadData();
-   //          // }else{
-   //          //      formRef.current.resetFields();
-   //          //  }
-   // }
-
-    // loadData = async () => {
-    //     console.log("SubmitButtonBar this.loadData()2");
-    //     this.setState({
-    //         stateSerial: this.state.stateSerial + 1,
-    //     })
-    // }
-
-    render() {
-       const {}=this.state;
-        const {dtmplConfig, doSubmit,formRef,serial} = this.props
-        const {buttons, actions} = dtmplConfig;
-        const cardList: TmplBase[] = [];
-
-        console.log(" submit-button-bar serial:",serial);
-       // console.log(" submit-button-bar stateSerial:",stateSerial);
-
-        if (dtmplConfig.premises && dtmplConfig.premises.length > 0) {
-            cardList.push({
-                id: '1', title: '默认字段',
-            });
-        }
-        dtmplConfig.groups.forEach(g => {
-            cardList.push({
-                title: g.title,
-                id: g.id,
-            });
-        })
-
-        let content
-        if (actions && actions.length > 1) {
-            content = (
-                <div className="btns">
-                    {actions.map((item, index) => {
-                        if (index > 1) {
-                            // return <Popconfirm key={item.id} placement="top" title={"确定要保存修改并执行此操作吗?"}
-                            //                    onConfirm={() => doSubmit(item.id)} okText="确定" cancelText="取消">
-                            // <Button
-                            //     type="primary"
-                            // >{item.title}</Button>
-                            // </Popconfirm>
-                           return <Action hiddenType={'disabled'} buttonType={'primary'} serial={serial} key={item.id}   formRef={formRef} actionConfig={item}  doAction={doSubmit}></Action>
-                        }
-                    })
-                    }
-                </div>
-            );
-        }
-
-
-        return (
-            <Affix style={{position: 'absolute', right: 10, maxHeight: 100}}
-                   offsetBottom={this.calcOffsetBottom(buttons, actions)}>
-                <div className={'submitButtonBar'} >
-                    <ul>
-                        {buttons.includes('dtmplSave') ? <li key={100}>
-                            <Popconfirm placement="left" title={"确定要保存修改吗?"} onConfirm={() => doSubmit()} okText="确定" cancelText="取消">
-                            <Button
-                                type='primary'
-                                icon={<SaveOutlined/>}
-                                key="btn" block
-                            >保 存</Button>
-                            </Popconfirm>
-                        </li> : ""
-                        }
-                        {//处理前两个
-                            actions ? actions.map((item, index) => {
-                                    if (index < 2) {
-                                        return <li key={index}>
-                                            {/*<Popconfirm placement="left" title={"确定要保存修改并执行此操作吗?"} onConfirm={() => doSubmit(item.id)} okText="确定" cancelText="取消">*/}
-                                            {/*<Button  block*/}
-                                            {/*        type={'primary'}>{item.title}</Button>*/}
-                                            {/*</Popconfirm>*/}
-                                            <Action hiddenType={'disabled'} buttonType={'primary-block'} serial={serial}  key={item.id}  formRef={formRef} actionConfig={item}  doAction={doSubmit}></Action>
-                                        </li>
-                                    }
-                                }
-                            ) : ""
-                        }
-                        {//处理后面的
-                        actions && actions.length > 2 ?
-                                <Popover placement="leftTop" content={content} trigger="hover">
-                                    <Button block>
-                                        <LeftOutlined/>{'更多'}
-                                    </Button>
-                                </Popover> : ""
-                        }
-                    </ul>
-                </div>
-            </Affix>
-        )
-    }
-}
-
-export default SubmitButtonBar;
-

package/src/components/detail/dtmpl.css

@@ -1,53 +0,0 @@
-/*.labelcss label{*/
-/*    display:table-cell!important;*/
-/*    vertical-align: middle;*/
-/*    width:120px;*/
-/*}*/
-
-.downEditPic{
-    display:inline-block;
-}
-.downEditPic a{
-    visibility: hidden;
-    color:#1890ff;
-    cursor: pointer;
-}
-.downEditPic:hover a{
-    visibility:visible;
-}
-.editPic .ant-upload-list{
-    width:150px
-}
-.buttonGroup{
-    position: fixed;
-    width:100px;
-    bottom: 30px;
-    right: 20px;
-    z-index: 99;
-}
-
-.buttonGroup button{
-    margin-bottom: 10px;
-}
-
-.detailPage h3{
-    font-size: 18px;
-}
-.detailPage.showRightNav .ant-card{
-	min-width: 740px;
-    max-width: 1440px;
-	width:90%
-}
-
-.detailPage.noRightNav .ant-card{
-    min-width: 740px;
-    width:100%
-}
-
-.actionbtn button{
-    margin-right: 5px;
-}
-
-.detailPage .pad{
-    margin-right: 100px;
-}