aldehyde 0.2.20 → 0.2.21

package/lib/table/relation-table.js

@@ -1,426 +1,426 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React from 'react';
-import { Button, Col, Form, message, Row, Space, Table, Tooltip, Typography } from 'antd';
-import { AlignLeftOutlined, DeleteOutlined, EditOutlined, FormOutlined, PlusSquareOutlined, SnippetsOutlined } from '@ant-design/icons';
-import "./index.css";
-import SupportInputTypes from '../tmpl/control-type-supportor';
-import TableUnits from "./table-util";
-import ViewControl from "../controls/view-control";
-import ModalDtmplView from '../detail/view/modal-dtmpl-view';
-import DtmplEditPage from '../module/dtmpl-edit-page';
-import ModelSelectTable from './modal-select-table';
-import HcserviceV3 from "../tmpl/hcservice-v3";
-import CollapseCard from '../controls/collapse-card';
-import RowEditor from '../detail/edit/row-editor';
-import Action from "../controls/action";
-import CountingTag from "../controls/counting-tag";
-const FormItem = Form.Item;
-const { Text } = Typography;
-;
-;
-class RelationTable extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            showDtmplView: false,
-            selectedCode: undefined,
-            showSelectTable: false,
-            showDtmplEdit: false,
-            tableLoading: false,
-            showRowEdit: false,
-            selectedDtmplData: undefined,
-            filterStr: undefined,
-            pageSize: 10,
-            // columns:[],
-            // dataSource:[],
-            // current:1,
-            // title:undefined,
-        };
-        this.buildDataSource = () => {
-            const { filterStr } = this.state;
-            const { value } = this.props;
-            let dataSource = undefined;
-            /** 构建 dataSource **/
-            if (value) {
-                dataSource = [];
-                value.forEach((item, index) => {
-                    let flag = true;
-                    if (filterStr) {
-                        flag = false;
-                        for (let value of Object.values(item.fieldMap)) {
-                            if (value && value.toString().indexOf(filterStr) >= 0) {
-                                flag = true;
-                            }
-                        }
-                    }
-                    if (flag) {
-                        let row = Object.assign({ key: index, relationLabel: item.relationLabel, code: item.code }, item.fieldMap);
-                        dataSource.push(row);
-                    }
-                });
-            }
-            return dataSource;
-        };
-        this.buildColumns = () => {
-            const { viewOrEdit, value, fieldGroupConfig } = this.props;
-            const { title, buttons, fields, showRelationName, relationNames, showRowNum, disabled } = fieldGroupConfig;
-            let columns = [];
-            /** 构建column **/
-            let s = 0;
-            fields.forEach((item) => {
-                let column = {};
-                columns.push(column);
-                column['title'] = item.title;
-                column['dataIndex'] = item.id;
-                s++;
-                let itemType = SupportInputTypes.getControlType(item, null);
-                if (s == 1) {
-                    TableUnits.sort(column, itemType, 'ascend');
-                }
-                else if (s < 10) {
-                    TableUnits.sort(column, itemType);
-                }
-                column['render'] = (text, record) => {
-                    return React.createElement(ViewControl, { holderType: 'table', fieldConfig: item, value: record[item.id] });
-                };
-            });
-            if (showRelationName) { //判断是否有关系属性
-                let rela = {
-                    dataIndex: "relationLabel",
-                    name: "relation",
-                    title: "关系",
-                    type: "relation",
-                    editable: true,
-                    fieldAvailable: true,
-                    id: '10000',
-                    options: relationNames,
-                };
-                columns.unshift(rela);
-            }
-            //添加操作列
-            const viewable = buttons.includes('detail');
-            const rowEdit = buttons.includes('rowEdit');
-            const dtmplEdit = buttons.includes('dtmplEdit');
-            const deletable = buttons.includes('singleDelete');
-            if (viewOrEdit == 'edit' && (viewable || rowEdit || dtmplEdit || deletable)) {
-                const actionColumn = {};
-                columns.push(actionColumn);
-                actionColumn['title'] = '操作';
-                actionColumn['fixed'] = "right";
-                actionColumn['key'] = "action";
-                actionColumn['render'] = (record) => {
-                    return React.createElement("div", { className: "actionbtn" },
-                        viewable ?
-                            React.createElement(Button, { disabled: disabled, title: "\u5F53\u524D\u5B9E\u4F53", type: 'primary', icon: React.createElement(AlignLeftOutlined, null), size: "small", onClick: () => this.showEntityView(record) }) : "",
-                        dtmplEdit ?
-                            React.createElement(Button, { disabled: disabled, title: "\u7F16\u8F91\u5F53\u5B9E\u4F53", type: 'primary', icon: React.createElement(FormOutlined, null), size: "small", onClick: () => this.showEditDtmplModel(record) }) : "",
-                        fieldGroupConfig.rowActions && fieldGroupConfig.rowActions.length > 0 ?
-                            fieldGroupConfig.rowActions.map((action) => {
-                                return React.createElement(Action, { disabled: disabled, key: action.id, data: [record], actionConfig: action, doAction: this.doRowAction, buttonSize: 'small' });
-                            }) : "",
-                        rowEdit ?
-                            React.createElement(RowEditor, { disabled: disabled, buttonIcon: React.createElement(EditOutlined, null), dtmplData: this.getRowEditData(record.code), fieldGroupConfig: fieldGroupConfig, onOk: this.handleRowEdit, tooltipTitle: "编辑当前行" }) : "",
-                        deletable ?
-                            React.createElement(Tooltip, { placement: "right", title: "\u5220\u9664\u5F53\u524D\u884C" },
-                                React.createElement(Button, { disabled: disabled, danger: true, type: 'primary', icon: React.createElement(DeleteOutlined, null), size: "small", onClick: () => this.delete(record) })) : "");
-                };
-            }
-            else if (viewOrEdit == 'view' && (viewable)) {
-                const actionColumn = {};
-                columns.push(actionColumn);
-                actionColumn['title'] = '操作';
-                actionColumn['fixed'] = "right";
-                actionColumn['key'] = "action";
-                actionColumn['render'] = (record) => {
-                    return React.createElement("div", { className: "actionbtn" }, viewable ?
-                        React.createElement(Button, { disabled: disabled, title: "\u5F53\u524D\u5B9E\u4F53", type: 'primary', icon: React.createElement(AlignLeftOutlined, null), size: "small", onClick: () => this.showEntityView(record) }) : "");
-                };
-            }
-            return columns;
-        };
-        this.doRowAction = (actionId, codes, params) => __awaiter(this, void 0, void 0, function* () {
-            yield this.doAction(actionId, [{ title: undefined, code: codes[0] }], params);
-            this.handleDtmplEdit(codes[0]);
-        });
-        this.doAction = (actionId, selectedRows, params) => __awaiter(this, void 0, void 0, function* () {
-            this.setState({
-                tableLoading: true,
-            });
-            let result = yield HcserviceV3.postActions(actionId, selectedRows, params);
-            {
-                this.setState({
-                    tableLoading: false,
-                });
-            }
-        });
-        this.showEntityView = (record) => {
-            //console.log('tabel record:', record);
-            this.setState({
-                selectedCode: record.code,
-                showDtmplView: true,
-            });
-        };
-        this.hiddenEntityView = () => {
-            this.setState({
-                showDtmplView: false,
-            });
-        };
-        this.hiddenEntityEdit = () => {
-            this.setState({
-                showDtmplEdit: false,
-            });
-        };
-        this.editRow = (record) => {
-        };
-        this.delete = (record) => {
-            const { value, fieldGroupConfig, onChange } = this.props;
-            //追加
-            const selectdDatas = [];
-            if (value) {
-                for (let v of value) {
-                    if (v.code != record.code) {
-                        selectdDatas.push(v);
-                    }
-                }
-            }
-            onChange(fieldGroupConfig, selectdDatas);
-        };
-        this.searchValue = (filterStr) => {
-            this.setState({
-                filterStr
-            });
-        };
-        this.tabChange = (pagination) => {
-            //console.log('pagination',pagination);
-            this.setState({
-                pageSize: pagination.pageSize,
-            });
-        };
-        this.showSelect = () => {
-            //console.log('showSelectTable click');
-            this.setState({
-                showSelectTable: true,
-            });
-        };
-        this.select = (selectedRows) => __awaiter(this, void 0, void 0, function* () {
-            this.setState({
-                showSelectTable: false
-            });
-            if (!selectedRows || selectedRows.length <= 0) {
-                return;
-            }
-            //查询
-            const codes = [];
-            for (let row of selectedRows) {
-                codes.push(row.code);
-            }
-            yield this.add(codes);
-        });
-        this.add = (codes) => __awaiter(this, void 0, void 0, function* () {
-            const { value, fieldGroupConfig, onChange } = this.props;
-            const { title, fields, showRelationName, relationNames, showRowNum } = fieldGroupConfig;
-            this.setState({
-                tableLoading: true,
-            });
-            let selectdDatas = yield HcserviceV3.requestSelectedData(fieldGroupConfig.id, codes);
-            //添加默认关系
-            if (selectdDatas) {
-                for (let d of selectdDatas) {
-                    d['relationLabel'] = relationNames[0];
-                }
-            }
-            //追加
-            if (value) {
-                selectdDatas.unshift(...value);
-            }
-            onChange(fieldGroupConfig, selectdDatas);
-            this.setState({
-                tableLoading: false,
-            });
-        });
-        this.getRowEditData = (code) => {
-            const { value } = this.props;
-            let data = undefined;
-            if (code) {
-                for (let dtmplData of value) {
-                    if (code == dtmplData.code) {
-                        data = dtmplData;
-                        break;
-                    }
-                }
-            }
-            return data;
-        };
-        this.handleDtmplAdd = (code) => __awaiter(this, void 0, void 0, function* () {
-            this.setState({
-                showDtmplEdit: false,
-            });
-            yield this.add([code]);
-        });
-        this.handleDtmplEdit = (code) => __awaiter(this, void 0, void 0, function* () {
-            const { value, fieldGroupConfig, onChange } = this.props;
-            const { title, fields, showRelationName, relationNames, showRowNum } = fieldGroupConfig;
-            this.setState({
-                tableLoading: true,
-                showDtmplEdit: false,
-            });
-            let data = (yield HcserviceV3.requestSelectedData(fieldGroupConfig.id, [code]))[0];
-            let datas = [...value];
-            if (datas && data) {
-                for (let v of datas) {
-                    if (v.code == data.code) {
-                        v.fieldMap = data.fieldMap;
-                    }
-                }
-            }
-            onChange(fieldGroupConfig, datas);
-            this.setState({
-                tableLoading: false,
-            });
-        });
-        this.handleRowEdit = (dtmplData) => {
-            const { value, fieldGroupConfig, onChange } = this.props;
-            let datas = [];
-            if (value) {
-                datas = [...value];
-            }
-            let isAdd = true;
-            for (let v of datas) {
-                if (v.code == dtmplData.code) {
-                    isAdd = false;
-                    v.editStatus = dtmplData.editStatus;
-                    v.fieldMap = dtmplData.fieldMap;
-                    v.relationLabel = dtmplData.relationLabel;
-                    break;
-                }
-            }
-            if (isAdd) {
-                datas.unshift(dtmplData);
-            }
-            onChange(fieldGroupConfig, datas);
-            //console.log("handleRowEdit data:",datas);
-            if (isAdd) {
-                message.success('已添加');
-            }
-            else {
-                message.success('已修改');
-            }
-            //this.hiddenRowEdit();
-        };
-        this.showAddDtmplModel = () => {
-            this.setState({
-                showDtmplEdit: true,
-                selectedCode: undefined,
-            });
-        };
-        this.showEditDtmplModel = (record) => {
-            this.setState({
-                showDtmplEdit: true,
-                selectedCode: record.code,
-            });
-        };
-        this.buildButtons = () => {
-            const { fieldGroupConfig, viewOrEdit, value } = this.props;
-            const { buttons, disabled } = fieldGroupConfig;
-            const { showRowEdit } = this.state;
-            const buttonDisabled = disabled ? disabled : fieldGroupConfig.max ? fieldGroupConfig.max <= (value ? value.length : 0) : false;
-            if (viewOrEdit == 'edit') {
-                return React.createElement(Row, null,
-                    React.createElement(Col, { span: 20 },
-                        React.createElement(Space, null,
-                            buttons.includes('rowAdd') ?
-                                React.createElement(RowEditor, { disabled: buttonDisabled, buttonStyle: { marginBottom: 10 }, buttonTitle: "新建一行", fieldGroupConfig: fieldGroupConfig, onOk: this.handleRowEdit })
-                                : '',
-                            buttons.includes('dtmplAdd') ?
-                                React.createElement(Button, { disabled: buttonDisabled, type: 'primary', icon: React.createElement(PlusSquareOutlined, null), size: "small", onClick: this.showAddDtmplModel, style: { marginBottom: 10 } }, "\u65B0\u589E") : "",
-                            buttons.includes('selectAdd') ?
-                                React.createElement(Button, { disabled: buttonDisabled, type: 'primary', icon: React.createElement(SnippetsOutlined, null), size: "small", onClick: this.showSelect, style: { marginBottom: 10 } }, "\u9009\u62E9") : "",
-                            fieldGroupConfig.min && (!value || value.length <= 0) ?
-                                React.createElement(Text, { style: { color: 'red' } },
-                                    "\u8BF7\u9009\u62E9\u6216\u6DFB\u52A0",
-                                    fieldGroupConfig.title) : null,
-                            React.createElement(FormItem, { name: '$virtual' + fieldGroupConfig.id, style: { margin: 0, maxHeight: "32px" }, rules: fieldGroupConfig.min ? [{
-                                        required: true, message: ``,
-                                    }] : null },
-                                React.createElement(CountingTag, { min: fieldGroupConfig.min + "", style: { marginBottom: 10 }, count: value ? value.length : 0 })))));
-            }
-            else {
-                return "";
-            }
-        };
-    }
-    componentDidMount() {
-        return __awaiter(this, void 0, void 0, function* () {
-            // const {fieldGroupConfig} = this.props;
-            // if (fieldGroupConfig.displayConfig.includes('folded')) {
-            //     this.setState({
-            //         collapse: true,
-            //     })
-            // }
-        });
-    }
-    componentDidUpdate(prevProps) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { fieldGroupConfig } = this.props;
-            const { fieldGroupConfig: preFieldGroupConfig } = prevProps;
-            if (fieldGroupConfig.disabled != preFieldGroupConfig.disabled || fieldGroupConfig.mainCode != preFieldGroupConfig.mainCode) {
-                this.setState({ filterStr: "" });
-            }
-        });
-    }
-    // hiddenRowEdit = () => {
-    //     this.setState({
-    //         showRowEdit: false,
-    //     })
-    // }
-    render() {
-        const { fieldGroupConfig, value, parentId, loading, initCollapse, mainCode } = this.props;
-        const { pageSize, selectedCode, showDtmplView, showSelectTable, showDtmplEdit, tableLoading, showRowEdit, selectedDtmplData } = this.state;
-        const { buttons } = fieldGroupConfig;
-        let mainCode1 = fieldGroupConfig.mainCode ? fieldGroupConfig.mainCode : mainCode ? mainCode : parentId;
-        let page = {
-            pageSize: pageSize,
-            hideOnSinglePage: true,
-            defaultCurrent: 1,
-            total: value ? value.length : undefined,
-            showTotal: (total) => {
-                return `总共有${total}条`;
-            }
-        };
-        let exceptCodes = [];
-        if (value) {
-            for (let v of value) {
-                exceptCodes.push(v.code);
-            }
-        }
-        return (fieldGroupConfig.displayConfig.includes('nonDataNonDisplayed') && (!value || value.length <= 0) ? "" :
-            React.createElement(React.Fragment, null,
-                React.createElement(CollapseCard, { initCollapse: initCollapse || fieldGroupConfig.displayConfig.includes('folded'), title: fieldGroupConfig.title, id: parentId + fieldGroupConfig.id, className: `hoverable`, headStyle: { background: "#f2f4f5" }, loading: loading, bodyStyle: { padding: '6px' } },
-                    React.createElement("div", { className: "editTableList" },
-                        this.buildButtons(),
-                        React.createElement(Table, { size: 'small', scroll: { scrollToFirstRowOnChange: false }, locale: {
-                                emptyText: React.createElement("div", { style: { textAlign: 'center', width: '100%' } },
-                                    React.createElement(Text, { disabled: true }, "\u6682\u65E0\u6570\u636E..."))
-                            }, bordered: true, loading: tableLoading, dataSource: this.buildDataSource(), columns: this.buildColumns(), pagination: page, onChange: this.tabChange }))),
-                buttons.includes('detail') ?
-                    React.createElement(ModalDtmplView, { mainCode: mainCode1, open: showDtmplView, onCancel: this.hiddenEntityView, sourceId: fieldGroupConfig.id, code: selectedCode }, " ") : "",
-                buttons.includes('dtmplEdit') || buttons.includes('dtmplAdd') ?
-                    React.createElement(DtmplEditPage, { mainCode: mainCode1, open: showDtmplEdit, onCancel: this.hiddenEntityEdit, sourceId: fieldGroupConfig.id, code: selectedCode, onOk: selectedCode ? this.handleDtmplEdit : this.handleDtmplAdd })
-                    : "",
-                buttons.includes('selectAdd') ?
-                    React.createElement(ModelSelectTable, { maxSelectedRows: fieldGroupConfig.max, open: showSelectTable, onOK: this.select, onCancel: () => {
-                            this.setState({ showSelectTable: false });
-                        }, exceptCodes: exceptCodes, mainCode: mainCode1, sourceId: fieldGroupConfig.id }) : ""));
-    }
-}
-RelationTable.defaultProps = {};
-export default RelationTable;
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { Button, Col, Form, message, Row, Space, Table, Tooltip, Typography } from 'antd';
+import { AlignLeftOutlined, DeleteOutlined, EditOutlined, FormOutlined, PlusSquareOutlined, SnippetsOutlined } from '@ant-design/icons';
+import "./index.css";
+import SupportInputTypes from '../tmpl/control-type-supportor';
+import TableUnits from "./table-util";
+import ViewControl from "../controls/view-control";
+import ModalDtmplView from '../detail/view/modal-dtmpl-view';
+import DtmplEditPage from '../module/dtmpl-edit-page';
+import ModelSelectTable from './modal-select-table';
+import HcserviceV3 from "../tmpl/hcservice-v3";
+import CollapseCard from '../controls/collapse-card';
+import RowEditor from '../detail/edit/row-editor';
+import Action from "../controls/action";
+import CountingTag from "../controls/counting-tag";
+const FormItem = Form.Item;
+const { Text } = Typography;
+;
+;
+class RelationTable extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            showDtmplView: false,
+            selectedCode: undefined,
+            showSelectTable: false,
+            showDtmplEdit: false,
+            tableLoading: false,
+            showRowEdit: false,
+            selectedDtmplData: undefined,
+            filterStr: undefined,
+            pageSize: 10,
+            // columns:[],
+            // dataSource:[],
+            // current:1,
+            // title:undefined,
+        };
+        this.buildDataSource = () => {
+            const { filterStr } = this.state;
+            const { value } = this.props;
+            let dataSource = undefined;
+            /** 构建 dataSource **/
+            if (value) {
+                dataSource = [];
+                value.forEach((item, index) => {
+                    let flag = true;
+                    if (filterStr) {
+                        flag = false;
+                        for (let value of Object.values(item.fieldMap)) {
+                            if (value && value.toString().indexOf(filterStr) >= 0) {
+                                flag = true;
+                            }
+                        }
+                    }
+                    if (flag) {
+                        let row = Object.assign({ key: index, relationLabel: item.relationLabel, code: item.code }, item.fieldMap);
+                        dataSource.push(row);
+                    }
+                });
+            }
+            return dataSource;
+        };
+        this.buildColumns = () => {
+            const { viewOrEdit, value, fieldGroupConfig } = this.props;
+            const { title, buttons, fields, showRelationName, relationNames, showRowNum, disabled } = fieldGroupConfig;
+            let columns = [];
+            /** 构建column **/
+            let s = 0;
+            fields.forEach((item) => {
+                let column = {};
+                columns.push(column);
+                column['title'] = item.title;
+                column['dataIndex'] = item.id;
+                s++;
+                let itemType = SupportInputTypes.getControlType(item, null);
+                if (s == 1) {
+                    TableUnits.sort(column, itemType, 'ascend');
+                }
+                else if (s < 10) {
+                    TableUnits.sort(column, itemType);
+                }
+                column['render'] = (text, record) => {
+                    return React.createElement(ViewControl, { holderType: 'table', fieldConfig: item, value: record[item.id] });
+                };
+            });
+            if (showRelationName) { //判断是否有关系属性
+                let rela = {
+                    dataIndex: "relationLabel",
+                    name: "relation",
+                    title: "关系",
+                    type: "relation",
+                    editable: true,
+                    fieldAvailable: true,
+                    id: '10000',
+                    options: relationNames,
+                };
+                columns.unshift(rela);
+            }
+            //添加操作列
+            const viewable = buttons.includes('detail');
+            const rowEdit = buttons.includes('rowEdit');
+            const dtmplEdit = buttons.includes('dtmplEdit');
+            const deletable = buttons.includes('singleDelete');
+            if (viewOrEdit == 'edit' && (viewable || rowEdit || dtmplEdit || deletable)) {
+                const actionColumn = {};
+                columns.push(actionColumn);
+                actionColumn['title'] = '操作';
+                actionColumn['fixed'] = "right";
+                actionColumn['key'] = "action";
+                actionColumn['render'] = (record) => {
+                    return React.createElement("div", { className: "actionbtn" },
+                        viewable ?
+                            React.createElement(Button, { disabled: disabled, title: "\u5F53\u524D\u5B9E\u4F53", type: 'primary', icon: React.createElement(AlignLeftOutlined, null), size: "small", onClick: () => this.showEntityView(record) }) : "",
+                        dtmplEdit ?
+                            React.createElement(Button, { disabled: disabled, title: "\u7F16\u8F91\u5F53\u5B9E\u4F53", type: 'primary', icon: React.createElement(FormOutlined, null), size: "small", onClick: () => this.showEditDtmplModel(record) }) : "",
+                        fieldGroupConfig.rowActions && fieldGroupConfig.rowActions.length > 0 ?
+                            fieldGroupConfig.rowActions.map((action) => {
+                                return React.createElement(Action, { disabled: disabled, key: action.id, data: [record], actionConfig: action, doAction: this.doRowAction, buttonSize: 'small' });
+                            }) : "",
+                        rowEdit ?
+                            React.createElement(RowEditor, { disabled: disabled, buttonIcon: React.createElement(EditOutlined, null), dtmplData: this.getRowEditData(record.code), fieldGroupConfig: fieldGroupConfig, onOk: this.handleRowEdit, tooltipTitle: "编辑当前行" }) : "",
+                        deletable ?
+                            React.createElement(Tooltip, { placement: "right", title: "\u5220\u9664\u5F53\u524D\u884C" },
+                                React.createElement(Button, { disabled: disabled, danger: true, type: 'primary', icon: React.createElement(DeleteOutlined, null), size: "small", onClick: () => this.delete(record) })) : "");
+                };
+            }
+            else if (viewOrEdit == 'view' && (viewable)) {
+                const actionColumn = {};
+                columns.push(actionColumn);
+                actionColumn['title'] = '操作';
+                actionColumn['fixed'] = "right";
+                actionColumn['key'] = "action";
+                actionColumn['render'] = (record) => {
+                    return React.createElement("div", { className: "actionbtn" }, viewable ?
+                        React.createElement(Button, { disabled: disabled, title: "\u5F53\u524D\u5B9E\u4F53", type: 'primary', icon: React.createElement(AlignLeftOutlined, null), size: "small", onClick: () => this.showEntityView(record) }) : "");
+                };
+            }
+            return columns;
+        };
+        this.doRowAction = (actionId, codes, params) => __awaiter(this, void 0, void 0, function* () {
+            yield this.doAction(actionId, [{ title: undefined, code: codes[0] }], params);
+            this.handleDtmplEdit(codes[0]);
+        });
+        this.doAction = (actionId, selectedRows, params) => __awaiter(this, void 0, void 0, function* () {
+            this.setState({
+                tableLoading: true,
+            });
+            let result = yield HcserviceV3.postActions(actionId, selectedRows, params);
+            {
+                this.setState({
+                    tableLoading: false,
+                });
+            }
+        });
+        this.showEntityView = (record) => {
+            //console.log('tabel record:', record);
+            this.setState({
+                selectedCode: record.code,
+                showDtmplView: true,
+            });
+        };
+        this.hiddenEntityView = () => {
+            this.setState({
+                showDtmplView: false,
+            });
+        };
+        this.hiddenEntityEdit = () => {
+            this.setState({
+                showDtmplEdit: false,
+            });
+        };
+        this.editRow = (record) => {
+        };
+        this.delete = (record) => {
+            const { value, fieldGroupConfig, onChange } = this.props;
+            //追加
+            const selectdDatas = [];
+            if (value) {
+                for (let v of value) {
+                    if (v.code != record.code) {
+                        selectdDatas.push(v);
+                    }
+                }
+            }
+            onChange(fieldGroupConfig, selectdDatas);
+        };
+        this.searchValue = (filterStr) => {
+            this.setState({
+                filterStr
+            });
+        };
+        this.tabChange = (pagination) => {
+            //console.log('pagination',pagination);
+            this.setState({
+                pageSize: pagination.pageSize,
+            });
+        };
+        this.showSelect = () => {
+            //console.log('showSelectTable click');
+            this.setState({
+                showSelectTable: true,
+            });
+        };
+        this.select = (selectedRows) => __awaiter(this, void 0, void 0, function* () {
+            this.setState({
+                showSelectTable: false
+            });
+            if (!selectedRows || selectedRows.length <= 0) {
+                return;
+            }
+            //查询
+            const codes = [];
+            for (let row of selectedRows) {
+                codes.push(row.code);
+            }
+            yield this.add(codes);
+        });
+        this.add = (codes) => __awaiter(this, void 0, void 0, function* () {
+            const { value, fieldGroupConfig, onChange } = this.props;
+            const { title, fields, showRelationName, relationNames, showRowNum } = fieldGroupConfig;
+            this.setState({
+                tableLoading: true,
+            });
+            let selectdDatas = yield HcserviceV3.requestSelectedData(fieldGroupConfig.id, codes);
+            //添加默认关系
+            if (selectdDatas) {
+                for (let d of selectdDatas) {
+                    d['relationLabel'] = relationNames[0];
+                }
+            }
+            //追加
+            if (value) {
+                selectdDatas.unshift(...value);
+            }
+            onChange(fieldGroupConfig, selectdDatas);
+            this.setState({
+                tableLoading: false,
+            });
+        });
+        this.getRowEditData = (code) => {
+            const { value } = this.props;
+            let data = undefined;
+            if (code) {
+                for (let dtmplData of value) {
+                    if (code == dtmplData.code) {
+                        data = dtmplData;
+                        break;
+                    }
+                }
+            }
+            return data;
+        };
+        this.handleDtmplAdd = (code) => __awaiter(this, void 0, void 0, function* () {
+            this.setState({
+                showDtmplEdit: false,
+            });
+            yield this.add([code]);
+        });
+        this.handleDtmplEdit = (code) => __awaiter(this, void 0, void 0, function* () {
+            const { value, fieldGroupConfig, onChange } = this.props;
+            const { title, fields, showRelationName, relationNames, showRowNum } = fieldGroupConfig;
+            this.setState({
+                tableLoading: true,
+                showDtmplEdit: false,
+            });
+            let data = (yield HcserviceV3.requestSelectedData(fieldGroupConfig.id, [code]))[0];
+            let datas = [...value];
+            if (datas && data) {
+                for (let v of datas) {
+                    if (v.code == data.code) {
+                        v.fieldMap = data.fieldMap;
+                    }
+                }
+            }
+            onChange(fieldGroupConfig, datas);
+            this.setState({
+                tableLoading: false,
+            });
+        });
+        this.handleRowEdit = (dtmplData) => {
+            const { value, fieldGroupConfig, onChange } = this.props;
+            let datas = [];
+            if (value) {
+                datas = [...value];
+            }
+            let isAdd = true;
+            for (let v of datas) {
+                if (v.code == dtmplData.code) {
+                    isAdd = false;
+                    v.editStatus = dtmplData.editStatus;
+                    v.fieldMap = dtmplData.fieldMap;
+                    v.relationLabel = dtmplData.relationLabel;
+                    break;
+                }
+            }
+            if (isAdd) {
+                datas.unshift(dtmplData);
+            }
+            onChange(fieldGroupConfig, datas);
+            //console.log("handleRowEdit data:",datas);
+            if (isAdd) {
+                message.success('已添加');
+            }
+            else {
+                message.success('已修改');
+            }
+            //this.hiddenRowEdit();
+        };
+        this.showAddDtmplModel = () => {
+            this.setState({
+                showDtmplEdit: true,
+                selectedCode: undefined,
+            });
+        };
+        this.showEditDtmplModel = (record) => {
+            this.setState({
+                showDtmplEdit: true,
+                selectedCode: record.code,
+            });
+        };
+        this.buildButtons = () => {
+            const { fieldGroupConfig, viewOrEdit, value } = this.props;
+            const { buttons, disabled } = fieldGroupConfig;
+            const { showRowEdit } = this.state;
+            const buttonDisabled = disabled ? disabled : fieldGroupConfig.max ? fieldGroupConfig.max <= (value ? value.length : 0) : false;
+            if (viewOrEdit == 'edit') {
+                return React.createElement(Row, null,
+                    React.createElement(Col, { span: 20 },
+                        React.createElement(Space, null,
+                            buttons.includes('rowAdd') ?
+                                React.createElement(RowEditor, { disabled: buttonDisabled, buttonStyle: { marginBottom: 10 }, buttonTitle: "新建一行", fieldGroupConfig: fieldGroupConfig, onOk: this.handleRowEdit })
+                                : '',
+                            buttons.includes('dtmplAdd') ?
+                                React.createElement(Button, { disabled: buttonDisabled, type: 'primary', icon: React.createElement(PlusSquareOutlined, null), size: "small", onClick: this.showAddDtmplModel, style: { marginBottom: 10 } }, "\u65B0\u589E") : "",
+                            buttons.includes('selectAdd') ?
+                                React.createElement(Button, { disabled: buttonDisabled, type: 'primary', icon: React.createElement(SnippetsOutlined, null), size: "small", onClick: this.showSelect, style: { marginBottom: 10 } }, "\u9009\u62E9") : "",
+                            fieldGroupConfig.min && (!value || value.length <= 0) ?
+                                React.createElement(Text, { style: { color: 'red' } },
+                                    "\u8BF7\u9009\u62E9\u6216\u6DFB\u52A0",
+                                    fieldGroupConfig.title) : null,
+                            React.createElement(FormItem, { name: '$virtual' + fieldGroupConfig.id, style: { margin: 0, maxHeight: "32px" }, rules: fieldGroupConfig.min ? [{
+                                        required: true, message: ``,
+                                    }] : null },
+                                React.createElement(CountingTag, { min: fieldGroupConfig.min + "", style: { marginBottom: 10 }, count: value ? value.length : 0 })))));
+            }
+            else {
+                return "";
+            }
+        };
+    }
+    componentDidMount() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // const {fieldGroupConfig} = this.props;
+            // if (fieldGroupConfig.displayConfig.includes('folded')) {
+            //     this.setState({
+            //         collapse: true,
+            //     })
+            // }
+        });
+    }
+    componentDidUpdate(prevProps) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { fieldGroupConfig } = this.props;
+            const { fieldGroupConfig: preFieldGroupConfig } = prevProps;
+            if (fieldGroupConfig.disabled != preFieldGroupConfig.disabled || fieldGroupConfig.mainCode != preFieldGroupConfig.mainCode) {
+                this.setState({ filterStr: "" });
+            }
+        });
+    }
+    // hiddenRowEdit = () => {
+    //     this.setState({
+    //         showRowEdit: false,
+    //     })
+    // }
+    render() {
+        const { fieldGroupConfig, value, parentId, loading, initCollapse, mainCode } = this.props;
+        const { pageSize, selectedCode, showDtmplView, showSelectTable, showDtmplEdit, tableLoading, showRowEdit, selectedDtmplData } = this.state;
+        const { buttons } = fieldGroupConfig;
+        let mainCode1 = fieldGroupConfig.mainCode ? fieldGroupConfig.mainCode : mainCode ? mainCode : parentId;
+        let page = {
+            pageSize: pageSize,
+            hideOnSinglePage: true,
+            defaultCurrent: 1,
+            total: value ? value.length : undefined,
+            showTotal: (total) => {
+                return `总共有${total}条`;
+            }
+        };
+        let exceptCodes = [];
+        if (value) {
+            for (let v of value) {
+                exceptCodes.push(v.code);
+            }
+        }
+        return (fieldGroupConfig.displayConfig.includes('nonDataNonDisplayed') && (!value || value.length <= 0) ? "" :
+            React.createElement(React.Fragment, null,
+                React.createElement(CollapseCard, { initCollapse: initCollapse || fieldGroupConfig.displayConfig.includes('folded'), title: fieldGroupConfig.title, id: parentId + fieldGroupConfig.id, className: `hoverable`, headStyle: { background: "#f2f4f5" }, loading: loading, bodyStyle: { padding: '6px' } },
+                    React.createElement("div", { className: "editTableList" },
+                        this.buildButtons(),
+                        React.createElement(Table, { size: 'small', scroll: { scrollToFirstRowOnChange: false }, locale: {
+                                emptyText: React.createElement("div", { style: { textAlign: 'center', width: '100%' } },
+                                    React.createElement(Text, { disabled: true }, "\u6682\u65E0\u6570\u636E..."))
+                            }, bordered: true, loading: tableLoading, dataSource: this.buildDataSource(), columns: this.buildColumns(), pagination: page, onChange: this.tabChange }))),
+                buttons.includes('detail') ?
+                    React.createElement(ModalDtmplView, { mainCode: mainCode1, open: showDtmplView, onCancel: this.hiddenEntityView, sourceId: fieldGroupConfig.id, code: selectedCode }, " ") : "",
+                buttons.includes('dtmplEdit') || buttons.includes('dtmplAdd') ?
+                    React.createElement(DtmplEditPage, { mainCode: mainCode1, open: showDtmplEdit, onCancel: this.hiddenEntityEdit, sourceId: fieldGroupConfig.id, code: selectedCode, onOk: selectedCode ? this.handleDtmplEdit : this.handleDtmplAdd })
+                    : "",
+                buttons.includes('selectAdd') ?
+                    React.createElement(ModelSelectTable, { maxSelectedRows: fieldGroupConfig.max, open: showSelectTable, onOK: this.select, onCancel: () => {
+                            this.setState({ showSelectTable: false });
+                        }, exceptCodes: exceptCodes, mainCode: mainCode1, sourceId: fieldGroupConfig.id }) : ""));
+    }
+}
+RelationTable.defaultProps = {};
+export default RelationTable;
 //# sourceMappingURL=relation-table.js.map