aldehyde 0.1.17 → 0.1.20

package/src/aldehyde/controls/input-number/index.tsx

@@ -9,7 +9,7 @@ interface InputNumberProps extends EControlProps {
 
 const InputNumber: React.FC<InputNumberProps> = (props) => {
 
-    const {id,value, itemType, fieldConfig, onChange,style} = props;
+    const {id,value, itemType, fieldConfig, onChange,style,min,max} = props;
 
     let entryControl = undefined;
 
@@ -53,7 +53,7 @@ const InputNumber: React.FC<InputNumberProps> = (props) => {
 
     switch (itemType) {
         case 'int':
-            entryControl = <AntdInputNumber   style={{...style}} min={fieldConfig.min} max={fieldConfig.max}
+            entryControl = <AntdInputNumber   style={{...style}} min={min} max={max}
                                             {...antdControlProps} value={valueSingle}
                                             onKeyUp={changeInt} onChange={changeValue}
             />
@@ -62,7 +62,7 @@ const InputNumber: React.FC<InputNumberProps> = (props) => {
         case 'float':
         case 'double':
             entryControl = <AntdInputNumber style={{...style}}
-                {...antdControlProps} value={valueSingle} min={fieldConfig.min} max={fieldConfig.max}
+                {...antdControlProps} value={valueSingle} min={min} max={max}
                 // style={{width}}
                 step={0.1} onChange={changeValue}
             />
@@ -70,11 +70,11 @@ const InputNumber: React.FC<InputNumberProps> = (props) => {
         case 'intrange':
             entryControl =
                 <Space>
-                <AntdInputNumber  min={fieldConfig.min} max={fieldConfig.max}
+                <AntdInputNumber  min={min} max={max}
                                             placeholder={`开始`} value={valueBegin}
                                             onKeyUp={changeInt} onChange={changeBeginValue}
             />~
-            <AntdInputNumber min={fieldConfig.min} max={fieldConfig.max}
+            <AntdInputNumber min={min} max={max}
                              placeholder={`结束`} value={valueEnd}
                              onKeyUp={changeInt} onChange={changeEndValue}
             />
@@ -83,12 +83,12 @@ const InputNumber: React.FC<InputNumberProps> = (props) => {
         case 'decimalrange':
             entryControl =
                 <Space>
-                    <AntdInputNumber min={fieldConfig.min} max={fieldConfig.max}
+                    <AntdInputNumber min={min} max={max}
                                      placeholder={`开始`} value={valueBegin}
                                       onChange={changeBeginValue} step={0.1}
                                      disabled={disabled}
                     />~
-                    <AntdInputNumber min={fieldConfig.min} max={fieldConfig.max}
+                    <AntdInputNumber min={min} max={max}
                                      placeholder={`结束`} value={valueEnd} step={0.1}
                                       onChange={changeEndValue}  disabled={disabled}
                     />

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

@@ -13,6 +13,7 @@ import moment from "moment";
 import Progress from './progress'
 import ColorPicker from "./color-picker";
 import EllipsisText from './text/ellipsis-text'
+import {ProgramConfig} from "../index";
 //import ChemStruc from "./chemstruc/graph";
 // import HtmlEditor from "../HtmlEditor/tinymce";
 const Loading = <Spin tip="Loading...">
@@ -59,7 +60,10 @@ function renderControl(fieldConfig: FieldConfig, fieldValue: any,pHolderType:Con
     let controlProps = {
         fieldConfig, itemType, value,viewOrEdit,
     }
-
+    //自定义组件为先
+    if(ProgramConfig.getCustomEditControl(itemType)){
+        return React.createElement(ProgramConfig.getCustomViewControl(itemType),controlProps);
+    }
     const unSupportControl =
         <span className="infoStyle">{`暂未完成-${itemType}`}</span>;
 
@@ -126,7 +130,7 @@ function renderControl(fieldConfig: FieldConfig, fieldValue: any,pHolderType:Con
             viewControl = unSupportControl;
             break;
         case 'caselect':
-            viewControl = unSupportControl;
+            viewControl = <span className="infoStyle">{value}</span>;
             break;
         case 'relation':
             viewControl = unSupportControl

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

@@ -94,7 +94,7 @@ class SubmitButtonBar extends React.PureComponent<SubmitButtonProps, SubmitButto
                             //     type="primary"
                             // >{item.title}</Button>
                             // </Popconfirm>
-                           return <Action hiddenType={'disabled'} buttonType={'primary'} serial={serial} key={item.id}   formRef={formRef} actionConfig={item}  doAction={doSubmit}></Action>
+                           return <Action iconType={'icon-title'} hiddenType={'disabled'} buttonType={'primary'} serial={serial} key={item.id}   formRef={formRef} actionConfig={item}  doAction={doSubmit}></Action>
                         }
                     })
                     }
@@ -104,8 +104,11 @@ class SubmitButtonBar extends React.PureComponent<SubmitButtonProps, SubmitButto
 
 
         return (
-            <Affix style={{position: 'absolute', right: 10, maxHeight: 100}}
-                   offsetBottom={this.calcOffsetBottom(buttons, actions)}>
+            <Affix
+                //style={{position: 'absolute', right: 10, maxHeight: 100}}
+                   // offsetBottom={this.calcOffsetBottom(buttons, actions)}>
+                   style={{position: 'absolute',bottom:60,right: 15,}}  offsetBottom={this.calcOffsetBottom(buttons, actions)}
+            >
                 <div className={'submitButtonBar'} >
                     <ul>
                         {buttons.includes('dtmplSave') ? <li key={100}>

package/src/aldehyde/detail/edit/{modal-dtmpl-edit.tsx → dtmpl-edit-page.tsx}

@@ -1,18 +1,20 @@
 import React from 'react';
-import {Button, FormInstance, Modal, Popconfirm} from 'antd'
-import {DtmplBaseProps, DtmplConfig, DtmplData} from "../../tmpl/interface";
+import {Button, Drawer, FormInstance, Modal, Popconfirm, Space} from 'antd'
+import {DtmplBaseProps, DtmplConfig, DtmplData, PageType} from "../../tmpl/interface";
 import DtmplForm from '../../form/dtmpl-form';
 import HCDataSource from "../../tmpl/hc-data-source";
 import Units from "../../units";
 import HcserviceV3 from "../../tmpl/hcservice-v3";
 import Action from "../../controls/action";
+import DtmplEdit from "./dtmpl-edit";
 
 interface ModalEditorProps extends DtmplBaseProps {
-    height: any,
+    height?: any,
+    width?:number,
     visible: boolean,
     onOk: (code: string) => void,
     onCancel: () => void,
-
+    pageType:PageType;
 }
 
 interface ModalEditorState {
@@ -23,7 +25,7 @@ interface ModalEditorState {
     dtmplData:DtmplData,
 }
 
-export default class ModalDtmplEdit extends React.PureComponent<ModalEditorProps, ModalEditorState> {
+export default class DtmplEditPage extends React.PureComponent<ModalEditorProps, ModalEditorState> {
     formRef = React.createRef<FormInstance>();
     autoSaveTimer = -1000000000000000;
     autoSaveInterval=undefined;
@@ -35,12 +37,13 @@ export default class ModalDtmplEdit extends React.PureComponent<ModalEditorProps
     static defaultProps = {
         showConfirm: true,
         height: 500,
+        width:1250,
         //antd modal
         forceRender: true,
         style: {maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)'},
         okText: "确定",
         cancelText: "取消",
-
+        pageType:'modal'
     }
     state = {
         id:'modelDtmplEdit'+Units.getRandomNum(6),
@@ -160,7 +163,7 @@ export default class ModalDtmplEdit extends React.PureComponent<ModalEditorProps
         //处理action
         if (dtmplConfig) {
             dtmplConfig.actions.forEach((ac, index) => {
-                footerButtons.unshift(<Action hiddenType={'disabled'}  serial={serial} key={ac.id}  formRef={this.formRef} actionConfig={ac}  doAction={this.doSubmit}></Action>);
+                footerButtons.unshift(<Action iconType={'icon-title'} hiddenType={'disabled'}  serial={serial} key={ac.id}  formRef={this.formRef} actionConfig={ac}  doAction={this.doSubmit}></Action>);
             })
         }
         footerButtons.unshift(<Popconfirm key="back" placement="topLeft" title={"确定要取消本次修改内容吗?"} onConfirm={onCancel} okText="确定" cancelText="取消">
@@ -171,12 +174,12 @@ export default class ModalDtmplEdit extends React.PureComponent<ModalEditorProps
     }
 
     render() {
-        const {height, onOk, onCancel, code, sourceId,  visible,mainCode} = this.props
+        const {height, onOk, onCancel, code, sourceId,  visible,mainCode,width,pageType} = this.props
         const {dtmplConfig,id,dtmplData} = this.state;
 
-        return <Modal
+        return (<> {pageType=='modal'? <Modal
             visible={visible}
-            width={1250}
+            width={width}
             title={dtmplConfig ? dtmplConfig.title : ""}
             bodyStyle={{height: height, overflow: 'auto'}}
             destroyOnClose={true}
@@ -185,13 +188,33 @@ export default class ModalDtmplEdit extends React.PureComponent<ModalEditorProps
             footer={this.getFooter()}
         >
             {visible} <div onClick={this.onClickBody}>
-                {/*<Scrollbars  autoHide autoHideTimeout={1000}>*/}
                 <DtmplForm parentId={id} dtmplConfig={dtmplConfig} formRef={this.formRef} sourceId={sourceId}
                            onFinish={onOk}
                            showConfirm={false} dtmplData={dtmplData} onValuesChange={this.onValuesChange} />
-                {/*</Scrollbars>*/}
             </div>
-        </Modal>
+            </Modal>
+            :
+            <Drawer
+                placement={'left'}
+                closable={true}
+                mask={false}
+                onClose={onCancel}
+                visible={visible}
+                width={width}
+                style={{
+                    maxWidth: 1960,
+                }}
+                extra={
+                    <Space>{this.getFooter()}</Space>
+                }
+            >
+                <DtmplForm parentId={id} dtmplConfig={dtmplConfig} formRef={this.formRef} sourceId={sourceId}
+                           onFinish={onOk}
+                           showConfirm={false} dtmplData={dtmplData} onValuesChange={this.onValuesChange} />
+            </Drawer>
+       }
+       </>
+    )
 
     }
 

package/src/aldehyde/detail/edit/dtmpl-edit.tsx

@@ -12,8 +12,8 @@ import HcserviceV3 from "../../tmpl/hcservice-v3";
 import  CqueryButtonBar from "../button/cquery-button-bar"
 
 interface DtmplEditProps extends DtmplBaseProps {
-    goBackToLtmpl: () => void,
-    addOrUpdate:AddOrUpdate,
+    goBackToLtmpl?: () => void,
+    addOrUpdate?:AddOrUpdate,
 }
 
 interface DtmplEditState {

package/src/aldehyde/form/criteria-form.tsx

@@ -68,7 +68,7 @@ const CriteriaForm: React.FC<CriteriaFormProps> = (props) => {
                 //     <Button type="primary" key={action.id}
                 //             disabled={disabled}>{action.title}</Button>
                 // </Popconfirm>;
-                return   <Action hiddenType={"disabled"} key={action.id} disabled={disabled} data={selectedDatas} actionConfig={action}  doAction={doAction}  serial={1} ></Action>
+                return   <Action  hiddenType={"disabled"} key={action.id} disabled={disabled} data={selectedDatas} actionConfig={action}  doAction={doAction}  serial={1} ></Action>
             });
         }
     }

package/src/aldehyde/form/dtmpl-form.tsx

@@ -18,6 +18,7 @@ export interface DtmplFormProps extends DtmplBaseProps {
     showConfirm: boolean,
     onFinish: (code:string) => void,
     onValuesChange?:()=>void,
+    maxColsOnRow?:number,// 2
 };
 
 interface DtmplFormStat {
@@ -37,6 +38,9 @@ export default class Form extends React.PureComponent<DtmplFormProps, DtmplFormS
         dtmplData: undefined,
         // changedGroupData:new Map<number,DtmplData[]>()
     }
+    static defaultPorps={
+        maxCols:2,
+    }
 
     async componentDidMount() {
        await this.loadData();
@@ -140,11 +144,11 @@ export default class Form extends React.PureComponent<DtmplFormProps, DtmplFormS
                 if (ds) {
                     ds.forEach((d, index) => {
                         values[`${group.id}[${index}].$$relation$$`] = d.relationLabel;
-                        if (d.editStatus || d.editStatus=='new') {
+                        if (d.editStatus && d.editStatus=='new') {
                             for (let field of group.fields) {
                                 values[`${group.id}[${index}].${field.id}`] = d.fieldMap[field.id];
                             }
-                        } else if(d.editStatus || d.editStatus=='changed'){
+                        } else if(d.editStatus && d.editStatus=='changed'){
                             values[`${group.id}[${index}].唯一编码`] = d.code;
                             for (let field of group.fields) {
                                 values[`${group.id}[${index}].${field.id}`] = d.fieldMap[field.id];
@@ -175,7 +179,7 @@ export default class Form extends React.PureComponent<DtmplFormProps, DtmplFormS
 
     fieldGroupList = () => {
 
-        const {dtmplConfig,parentId} = this.props;
+        const {dtmplConfig,parentId,maxColsOnRow} = this.props;
         const {dtmplData, loading} = this.state;
 
         let groups: FieldGroupConfig[];
@@ -202,7 +206,7 @@ export default class Form extends React.PureComponent<DtmplFormProps, DtmplFormS
                         headStyle={{background: "#f2f4f5"}}
                         loading={loading}
                     >
-                        <FormItemGroup  fields={item?item.fields:undefined} valueMap={dtmplData ? dtmplData.fieldMap : undefined}
+                        <FormItemGroup maxColsOnRow={maxColsOnRow} fields={item?item.fields:undefined} valueMap={dtmplData ? dtmplData.fieldMap : undefined}
                         ></FormItemGroup>
                     </CollapseCard>
                 }

package/src/aldehyde/form/form-Item-group.tsx

@@ -14,6 +14,7 @@ export interface FieldGroupProps {
     nameAttr?:string,
     valueMap: object,
     width?: number,
+    maxColsOnRow?:number,
 };
 
 interface FieldGroupState {
@@ -24,6 +25,7 @@ export default class FormItemGroup extends React.PureComponent<FieldGroupProps,
 
     static defaultProps={
         nameAttr:'id',
+        maxColsOnRow:2,
     }
 
     constructor(props) {
@@ -34,7 +36,7 @@ export default class FormItemGroup extends React.PureComponent<FieldGroupProps,
     }
 
     initFormList = () => {
-        const {fields, valueMap,nameAttr} = this.props
+        const {fields, valueMap,nameAttr,maxColsOnRow} = this.props
         const formItemList = [];
 
         if ( fields && fields.length > 0) {
@@ -75,8 +77,11 @@ export default class FormItemGroup extends React.PureComponent<FieldGroupProps,
 
         for (let i = 0; i < formItemList.length; i = i + 1) {
             let colNum = fields[i].colNum;
+
             if(fields[i].extControlType=='hidden'){
                 colNum=0;
+            }else if(maxColsOnRow && maxColsOnRow==1){
+                colNum=2;
             }
             let col = <Col key={i} span={12 * colNum}>
                 {formItemList[i]}

package/src/aldehyde/icon/index.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import {FileDoneOutlined,CheckOutlined,CloseCircleOutlined,FileAddOutlined,ThunderboltOutlined} from '@ant-design/icons';
+
+interface IconProps{
+    type:string,
+}
+
+export interface IconStat {
+
+};
+
+const iconMap={
+    FileDoneOutlined:FileDoneOutlined,
+    CheckOutlined:CheckOutlined,
+    CloseCircleOutlined:CloseCircleOutlined,
+    FileAddOutlined:FileAddOutlined,
+    ThunderboltOutlined:ThunderboltOutlined,
+}
+
+export default class Icon extends React.PureComponent<IconProps, IconStat>{
+    render(){
+        const {type}=this.props;
+        if(iconMap[type]){
+            return React.createElement(iconMap[type]);
+        }else{
+            return <ThunderboltOutlined />
+        }
+
+    }
+}

package/src/aldehyde/index.tsx

@@ -4,7 +4,8 @@ import Loginit from './login/login';
 import DtmplRoute from './routable/dtmpl-route';
 import ImportRoute from './routable/import-route';
 import LtmplRoute from "./routable/ltmpl-route";
-import DtmplPage from './module/dtmpl-page';
+import DtmplViewPage from './module/dtmpl-view-page';
+import DtmplEdit from './detail/edit/dtmpl-edit';
 import LtmplPage from './module/ltmpl-page';
 import Menu2layers from './layout/menu/menu-2layers';
 import Block from './layout/menu/block';
@@ -19,12 +20,12 @@ import QuickEntrance from './welcome/quick-entrance'
 import Workbench from './welcome/workbench';
 import PopoverEntitySelect from "./controls/entity-select/popover-entity-select";
 import DatePicker from "./controls/date-picker";
-import ModalDtmplEdit from "./detail/edit/modal-dtmpl-edit";
+import DtmplEditPage from "./detail/edit/dtmpl-edit-page";
 import TmplDataSource from './tmpl/hc-data-source';
 import * as TmplInterface from './tmpl/interface';
 import Superagent from './tmpl/superagent';
 
-export {ActTable,SelectTable,Loginit,DtmplRoute,ImportRoute,LtmplRoute,DtmplPage,LtmplPage,Menu2layers,Block,UserBar,
+export {ActTable,SelectTable,Loginit,DtmplRoute,ImportRoute,LtmplRoute,DtmplViewPage,LtmplPage,Menu2layers,Block,UserBar,
     ResetPassword,Footer,EntryControl,ViewControl,ProgramConfig,HydrocarbonService,QuickEntrance,Workbench,PopoverEntitySelect
-,DatePicker,ModalDtmplEdit,TmplInterface,TmplDataSource,Superagent}
+,DatePicker,DtmplEditPage,TmplInterface,TmplDataSource,Superagent,DtmplEdit}
 

package/src/aldehyde/layout/header/index.css

@@ -47,8 +47,9 @@
 }
 .userLogin:hover{
     background: #4a5f74;
-    color:#fff;
+    color:#000;
 }
+
 .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover{
     color:#1890FF;
 }

package/src/aldehyde/layout/menu/userinfo-bar.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Drawer, Space,Button} from 'antd'
 import {SolutionOutlined} from '@ant-design/icons';
-import DtmplPage from "../../module/dtmpl-page";
+import DtmplViewPage from "../../module/dtmpl-view-page";
 
 interface UserInfoBarProps {
 
@@ -54,7 +54,7 @@ class UserInfoBar extends React.PureComponent<UserInfoBarProps, UserInfoBarState
                         </Space>
                     }
                 >
-                   <DtmplPage sourceId={'0'} code={"userCode"}></DtmplPage>
+                   <DtmplViewPage sourceId={'0'} code={"userCode"}></DtmplViewPage>
                 </Drawer>
             </>
         );

package/src/aldehyde/module/{dtmpl-page.tsx → dtmpl-view-page.tsx}

@@ -1,27 +1,20 @@
 import React from 'react'
-import {DtmplConfig, DtmplData, LtmplConfigRes} from '../tmpl/interface';
-import Units from "../units";
-import ActTable from '../table/act-table'
-// import StatActTable from '../table/stat-act-table'
-import HCDataSource from "../tmpl/hc-data-source";
-import ModalDtmplView from "../detail/view/modal-dtmpl-view";
-import ModalDtmplEdit from "../detail/edit/modal-dtmpl-edit";
-import HcserviceV3 from "../tmpl/hcservice-v3";
+import DtmplEditPage from "../detail/edit/dtmpl-edit-page";
 import ActDtmplView from "../detail/view/act-dtmpl-view";
 
 //以列表为入口的，页面内列表，基本原则是所有交互在页面内完成，不会触发路由。
 
-export interface DtmplPageProps  {
+export interface DtmplViewPageProps  {
     sourceId?:string,
     code?:string;
     mainCode?:string;
 };
 
-export interface DtmplPageState  {
+export interface DtmplViewPageState  {
     showDtmplEdit:boolean;
 };
 
-class DtmplPage extends React.PureComponent<DtmplPageProps, DtmplPageState> {
+class DtmplViewPage extends React.PureComponent<DtmplViewPageProps, DtmplViewPageState> {
 
     state = {
         showDtmplEdit:false,
@@ -55,16 +48,16 @@ class DtmplPage extends React.PureComponent<DtmplPageProps, DtmplPageState> {
         const { sourceId,code,mainCode} = this.props;
             return <>
                 <ActDtmplView goDtmpl={this.goDtmpl} sourceId={sourceId} code={code} mainCode={mainCode}></ActDtmplView>
-                    <ModalDtmplEdit visible={showDtmplEdit} onCancel={()=>{
+                    <DtmplEditPage visible={showDtmplEdit} onCancel={()=>{
                         this.setState({
                             showDtmplEdit:false,
                         })}}
-                                    sourceId={sourceId}
-                                    code={code}
-                                    onOk={this.handleDtmplEdit} />
+                                   sourceId={sourceId}
+                                   code={code}
+                                   onOk={this.handleDtmplEdit} />
               </>
     }
 }
 
-export default DtmplPage;
+export default DtmplViewPage;
 

package/src/aldehyde/module/ltmpl-page.tsx

@@ -5,7 +5,7 @@ import ActTable from '../table/act-table'
 // import StatActTable from '../table/stat-act-table'
 import HCDataSource from "../tmpl/hc-data-source";
 import ModalDtmplView from "../detail/view/modal-dtmpl-view";
-import ModalDtmplEdit from "../detail/edit/modal-dtmpl-edit";
+import DtmplEditPage from "../detail/edit/dtmpl-edit-page";
 import HcserviceV3 from "../tmpl/hcservice-v3";
 
 //以列表为入口的，页面内列表，基本原则是所有交互在页面内完成，不会触发路由。
@@ -107,6 +107,8 @@ class LtmplPage extends React.PureComponent<LtmplPageProps, LtmplPageState> {
 
 
 
+
+
     doCreate = () => {
         this.setState({
             selectedCode:null,
@@ -163,13 +165,13 @@ class LtmplPage extends React.PureComponent<LtmplPageProps, LtmplPageState> {
                                     sourceId={sourceId}
                                     code={selectedCode}> </ModalDtmplView> : ""}
                 {buttons.includes('dtmplEdit') || buttons.includes('dtmplAdd') ?
-                    <ModalDtmplEdit visible={showDtmplEdit} onCancel={()=>{
+                    <DtmplEditPage visible={showDtmplEdit} onCancel={()=>{
                         this.setState({
                             showDtmplEdit:false,
                         })}}
-                        sourceId={sourceId}
-                                    code={selectedCode}
-                                    onOk={this.handleDtmplEdit}  />
+                                   sourceId={sourceId}
+                                   code={selectedCode}
+                                   onOk={this.handleDtmplEdit}  />
                     : ""}
               </>
         }

package/src/aldehyde/routable/ltmpl-route.tsx

@@ -105,6 +105,12 @@ class LtmplRoute extends React.PureComponent<LtmplRouteProps, LtmplRouteState> {
         this.onRoute(path);
     }
 
+    doRAction = (ractionId:string,mainCode:String) => {
+        const {basePath}=this.props;
+        let path = `${basePath}/${ractionId}/act-table?mainCode=${mainCode}&menuId=${this.getMenuId()}`;
+        this.onRoute(path);
+    }
+
     doSearch = (params_) => {
         const {basePath}=this.props;
         const { sourceId} = this.props.match.params;
@@ -154,7 +160,9 @@ class LtmplRoute extends React.PureComponent<LtmplRouteProps, LtmplRouteState> {
             return <ActTable menuId={this.getMenuId()} mainCode={mainCode} showView={this.showView}
                              doSearch={this.doSearch} doEdit={this.doEdit} doCreate={this.doCreate}
                              sourceId={sourceId} criteriaData={criteriaData}
-                             ltmplConfig={ltmplConfigRes.ltmplConfig}/>
+                             ltmplConfig={ltmplConfigRes.ltmplConfig}
+                             doRAction={this.doRAction}
+            />
         }
 
     }

package/src/aldehyde/table/act-table.tsx

@@ -59,6 +59,7 @@ interface ActTableProps extends TmplBaseProps {
     doCreate?: () => void,
     doEdit?: (code: string,mode:AddOrUpdate) => void,
     doSearch?: (params: object) => void,
+    doRAction?:(ractionId:string,mainCode:string)=>void,
     level?: Level,
 };
 
@@ -178,7 +179,7 @@ class ActTable extends React.PureComponent<ActTableProps, ActTableStat> {
     }
 
     buildTableColumns = (ltmplConfig: LtmplConfig, hiddenColIds: string[], hiddenRowCodes: string[], sortedColConfigs: ColumnConfig[]) => {
-        const {mainCode, showView, doEdit,menuId} = this.props
+        const {mainCode, showView, doEdit,menuId,doRAction} = this.props
         const {buttons} = ltmplConfig;
         let tableColumns = [];
         let s = 0;
@@ -267,13 +268,15 @@ class ActTable extends React.PureComponent<ActTableProps, ActTableStat> {
                                 key={raction.id}
                                 size="small"
                                 type="dashed"
-                                href={`#/${raction.id}/act-table?mainCode=${record.code}&menuId=${menuId}`}>
+                                onClick={() => doRAction(raction.id,record.code)}
+                               // href={`#/${raction.id}/act-table?mainCode=${record.code}&menuId=${menuId}`}
+                                    >
                                 {raction.title}
                             </Button>
                         }) : ""}
                         {ltmplConfig.rowActions && ltmplConfig.rowActions.length > 0 ?
                             ltmplConfig.rowActions.map((action) => {
-                                return <Action key={action.id} data={[record]} actionConfig={action}  doAction={this.doRowAction} buttonSize={'small'}  serial={1}></Action>
+                                return <Action iconType={'icon'} key={action.id} data={[record]} actionConfig={action}  doAction={this.doRowAction} buttonSize={'small'}  serial={1}></Action>
                             }) : ""}
                         {ltmplConfig.jumps && ltmplConfig.jumps.length > 0 ?
                             ltmplConfig.jumps.map((jump) => {
@@ -287,9 +290,9 @@ class ActTable extends React.PureComponent<ActTableProps, ActTableStat> {
                                 //                onClick={() => this.doRowCQuery(cQuery.id, record.code)}
                                 // >{cQuery.title}</Button>;
                                 console.log("record record",record);
-                                return <CquickButton key={cquery.id} size={"small"}
+                                return <CquickButton key={cquery.id} size={"small"}  pageType={'drawer'}
                                     // onClick={() => doCQuery(cquery.id)}
-                                                     disabled={false} cQueryConfig={cquery} mainCode={cquery.mainCodeColId?record[cquery.mainCodeColId]:record.code}/>
+                                                     cQueryConfig={cquery} mainCode={cquery.mainCodeColId?record[cquery.mainCodeColId]:record.code}/>
                             }) : ""}
                         </Space>);
             } else {

package/src/aldehyde/table/column/column-selector.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import {Checkbox, Col, Row} from "antd";
 import {ColumnConfig,} from "../../tmpl/interface";
-import '../pagination.css';
 import {MenuOutlined} from '@ant-design/icons';
 import {SortableContainer, SortableElement, SortableHandle} from 'react-sortable-hoc';
 import {arrayMoveImmutable} from 'array-move';

package/src/aldehyde/table/index.css

@@ -32,7 +32,7 @@
 }
 
 .opsColumn {
-    min-width: 80px;
+    min-width: 156px;
 }
 
 /*.collapse .ant-card-body {*/