aldehyde 0.2.20 → 0.2.21

package/lib/import/template-builder.js

@@ -1,426 +1,426 @@
-import React from 'react';
-import Super from "../tmpl/superagent";
-import Units from "../units";
-import { Button, Popover, Input, Modal, message, Collapse, Tag } from 'antd';
-import { BulbOutlined, DeleteOutlined, FileAddOutlined, DownloadOutlined, SaveOutlined, SnippetsOutlined } from '@ant-design/icons';
-import DragTable from '../drag-table';
-import './index.css';
-const { confirm } = Modal;
-const { Panel } = Collapse;
-const { CheckableTag } = Tag;
-export default class ModelImport extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            modelList: [],
-            title: "",
-            visible: false,
-            dataSource: [],
-        };
-        this.loadWords = (menuId) => {
-            Super.super({
-                url: `v2/menu/${menuId}/ltmpl/importer/dict`,
-                method: 'GET',
-            }).then((res) => {
-                let selectWords = res.fieldDictionary.composites;
-                //console.log(selectWords)
-                const forType = [];
-                selectWords.forEach((item) => {
-                    if (item.fields.length > 0) {
-                        item.fields.forEach((it) => {
-                            it.checked = false;
-                            it.key = it.name;
-                            if (item.type === "relation") {
-                                it.compositeId = item.id;
-                            }
-                            const list = {
-                                type: item.type,
-                                fieldId: it.id,
-                            };
-                            forType.push(list);
-                        });
-                    }
-                });
-                this.setState({
-                    selectWords,
-                    forType
-                });
-            });
-        };
-        this.switchTemplate = () => {
-            const { menuId } = this.props;
-            this.handleVisibleChange(true);
-            Super.super({
-                url: `v2/menu/${menuId}/ltmpl/importer/tmpls/list`,
-                method: 'GET',
-            }).then((res) => {
-                if (res) {
-                    this.setState({
-                        modelList: res.tmpls,
-                    });
-                }
-            });
-        };
-        this.handelModel = (tmplId) => {
-            const { menuId } = this.props;
-            const { forType, selectWords } = this.state;
-            Super.super({
-                url: `v2/menu/${menuId}/ltmpl/importer/tmpls/detail`,
-                query: {
-                    tmplId
-                },
-                method: 'GET',
-            }).then((res) => {
-                //console.log(res.tmpl.fields)
-                if (res) {
-                    selectWords.forEach((item) => {
-                        if (item.type === "normal") {
-                            item.fields.forEach((it) => {
-                                let check = false;
-                                res.tmpl.fields.forEach((i) => {
-                                    if (i.fieldId === it.id) {
-                                        check = true;
-                                    }
-                                });
-                                it.checked = check;
-                            });
-                        }
-                    });
-                    let data = [];
-                    let type = "";
-                    res.tmpl.fields.forEach((item) => {
-                        forType.forEach((it) => {
-                            if (item.mStrucFieldGroupId === it.mStrucFieldGroupId) {
-                                type = it.type;
-                            }
-                        });
-                        let list = {
-                            key: item.title,
-                            name: item.title,
-                            words: item.title,
-                            fieldId: item.mStrucFieldId,
-                            compositeId: item.mStrucFieldGroup,
-                            id: item.id,
-                            fieldIndex: item.fieldIndex,
-                            type,
-                        };
-                        if (item.mStrucFieldId !== null) {
-                            list.totalname = item.title.split("[")[0];
-                        }
-                        data.push(list);
-                    });
-                    this.setState({
-                        tmplId: res.tmpl.id,
-                        dataSource: data,
-                        title: res.tmpl.title,
-                        listLength: res.tmpl.fields.length,
-                        selectWords
-                    });
-                    this.handleVisibleChange(false);
-                }
-            });
-        };
-        this.handleVisibleChange = (value) => {
-            this.setState({ visible: value });
-        };
-        this.handleSave = () => {
-            const { menuId } = this.props;
-            let { tmplId, title, dataSource } = this.state;
-            const fields = this.getFields(dataSource);
-            Super.super({
-                url: `v2/menu/${menuId}/ltmpl/importer/tmpls`,
-                method: 'POST',
-                data: JSON.stringify({
-                    tmplId,
-                    title,
-                    fields,
-                })
-            }, 'json').then((res) => {
-                if (res && res.status === "success") {
-                    message.success("保存成功！");
-                    this.setState({
-                        tmplId: res.tmplId,
-                        listLength: dataSource.length,
-                        dataSource,
-                    });
-                }
-                else {
-                    message.error("Units.forFile(保存！)");
-                }
-            });
-        };
-        this.visibleModal = () => {
-            const { title } = this.state;
-            const _this = this;
-            if (!title) {
-                message.error("请设置模板名称！");
-                return;
-            }
-            this.getdatasource.getdata();
-            confirm({
-                title: "确定保存导入模板？",
-                okText: '确定',
-                okType: 'danger',
-                cancelText: '取消',
-                onOk() {
-                    _this.handleSave();
-                },
-            });
-        };
-        this.handleDownload = () => {
-            const { tmplId, title, listLength, dataSource } = this.state;
-            if (dataSource.length !== listLength) {
-                message.info("请保存模板");
-                return;
-            }
-            const hydrocarbonToken = Units.getLocalStorge("hydrocarbonToken");
-            if (tmplId) {
-                confirm({
-                    title: `确认下载`,
-                    content: `当前模板[${title}]，模板内共有${listLength}个字段`,
-                    okText: '是的',
-                    cancelText: '取消',
-                    onOk() {
-                        const hydrocarbonToken = Units.getLocalStorge("hydrocarbonToken");
-                        Units.downloadFile(`v2/importer/${tmplId}/excel?@token=${hydrocarbonToken}`);
-                    },
-                });
-            }
-            else {
-                message.info("请选择模板");
-            }
-        };
-        this.setModelName = (e) => {
-            this.setState({
-                title: e.target.value
-            });
-        };
-        this.deleteRow = (record) => {
-            let { dataSource, selectWords } = this.state;
-            dataSource.forEach((item, i) => {
-                if (item.key === record.key) {
-                    dataSource.splice(i, 1);
-                }
-            });
-            if (record.type === "normal") {
-                selectWords.forEach((item, i) => {
-                    if (item.fields.length > 0) {
-                        item.fields.forEach((it) => {
-                            if (it.key === record.key) {
-                                it.checked = false;
-                            }
-                        });
-                    }
-                });
-            }
-            else {
-                let len = [];
-                let labelarr = [];
-                let data = [];
-                dataSource.forEach((item) => {
-                    if (item.mStrucFieldGroupId === record.mStrucFieldGroupId && !item.key.includes("label")) {
-                        len.push(item);
-                    }
-                    if (item.key.includes("label")) {
-                        labelarr.push(item);
-                    }
-                    if (item.mStrucFieldGroupId && !item.key.includes("label")) {
-                        data.push(item);
-                    }
-                });
-                len.forEach((item, i) => {
-                    const NM = `${record.totalname}[${i}].${record.name.split(".")[1]}`;
-                    item.key = NM;
-                    item.name = NM;
-                    item.words = NM;
-                    item.fieldIndex = i;
-                });
-                if (record.type === "relation") {
-                    let dele = true;
-                    data.forEach((item) => {
-                        const dataTotal = item.key.split(".")[0];
-                        const labelLastTotal = labelarr[labelarr.length - 1].key.split(".")[0];
-                        if (dataTotal === labelLastTotal) {
-                            dele = false;
-                        }
-                        labelarr[labelarr.length - 1].delete = dele;
-                    });
-                    if (data.length === 0) {
-                        labelarr[labelarr.length - 1].delete = true;
-                    }
-                    dataSource.forEach((item, i) => {
-                        if (item.delete) {
-                            dataSource.splice(i, 1);
-                        }
-                    });
-                }
-            }
-            this.setState({
-                dataSource: Units.uniq(dataSource, "key"),
-                selectWords,
-            });
-        };
-        this.getWords = (list, type) => {
-            let { dataSource, selectWords } = this.state;
-            if (type === "normal") {
-                dataSource.push(list);
-                selectWords.forEach((item, i) => {
-                    if (item.fields.length > 0 && item.type === "normal") {
-                        item.fields.forEach((it) => {
-                            if (it.id === list.fieldId) {
-                                it.checked = true;
-                            }
-                        });
-                    }
-                });
-            }
-            else {
-                let len = [];
-                dataSource.forEach((item) => {
-                    if (item.mStrucFieldGroupId === list.mStrucFieldGroupId && !item.key.includes("label")) {
-                        len.push(item);
-                    }
-                });
-                const NM = `${list.totalname}[${len.length}].${list.name}`;
-                const res = {
-                    mStrucFieldGroupId: list.mStrucFieldGroupId,
-                    key: NM,
-                    name: NM,
-                    words: NM,
-                    totalname: list.totalname,
-                    fieldIndex: len.length,
-                    type: list.type,
-                };
-                if (type === "relation") {
-                    const NLabel = `${list.totalname}[${len.length}].$$label$$`;
-                    const labelRes = {
-                        key: NLabel,
-                        name: NLabel,
-                        words: NLabel,
-                        fieldIndex: len.length,
-                        totalname: list.totalname,
-                        compositeId: list.compositeId
-                    };
-                    dataSource.push(labelRes);
-                }
-                dataSource.push(res);
-            }
-            //console.log(dataSource)
-            this.setState({
-                dataSource: Units.uniq(dataSource, "key"),
-                selectWords,
-            });
-        };
-        this.getFields = (dataSource) => {
-            const fields = [];
-            dataSource.forEach((item) => {
-                const list = {};
-                if (item.fieldIndex !== null) {
-                    list.fieldIndex = item.fieldIndex;
-                }
-                if (item.mStrucFieldGroupId) {
-                    list.mStrucFieldGroupId = item.mStrucFieldGroupId;
-                }
-                if (item.mStrucFieldId) {
-                    list.mStrucFieldId = item.mStrucFieldId;
-                }
-                if (item.id) {
-                    list.id = item.id;
-                }
-                fields.push(list);
-            });
-            return fields;
-        };
-        this.onRef = (ref) => {
-            this.getdatasource = ref;
-        };
-        this.setdatasource = (data) => {
-            this.setState({
-                dataSource: data
-            });
-        };
-        this.resetForm = () => {
-            this.setState({
-                modelList: [],
-                title: "",
-                visible: false,
-                dataSource: [],
-            });
-        };
-    }
-    componentDidMount() {
-        const { menuId } = this.props;
-        this.loadWords(menuId);
-    }
-    render() {
-        const { visible, title, dataSource, selectWords, modelList, tmplId } = this.state;
-        const content = (React.createElement("div", null, modelList.map(item => React.createElement("div", { key: item.id, className: "modelList", onClick: () => this.handelModel(item.id) },
-            React.createElement("span", { className: tmplId === item.id ? "light" : "" },
-                React.createElement(BulbOutlined, null)),
-            React.createElement("p", { className: "tit" }, item.title),
-            React.createElement("p", null, Units.formateDate(item.createTime))))));
-        const columns = [{
-                title: '表头',
-                key: 'name',
-                width: 200,
-                dataIndex: "name"
-            }, {
-                title: '字段',
-                key: 'words',
-                width: 200,
-                dataIndex: "words"
-            }, {
-                title: '操作',
-                key: 'action',
-                render: (text, record) => (React.createElement(Button, { style: { display: record.key.includes("label") ? 'none' : 'block' }, size: 'small', type: "danger", onClick: () => this.deleteRow(record) },
-                    React.createElement(DeleteOutlined, null))),
-            },];
-        return (React.createElement("div", { className: "selectModal" },
-            React.createElement("h3", null,
-                "\u5BFC\u5165\u6A21\u677F\u914D\u7F6E",
-                React.createElement("p", { className: "fr" },
-                    React.createElement(Button, { className: "hoverbig", title: "\u65B0\u5EFA\u6A21\u677F", onClick: this.resetForm },
-                        React.createElement(FileAddOutlined, null)),
-                    React.createElement(Button, { className: "hoverbig", title: "\u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F", onClick: this.handleDownload },
-                        React.createElement(DownloadOutlined, null)),
-                    React.createElement(Button, { className: "hoverbig", title: "\u4FDD\u5B58\u6A21\u677F", onClick: this.visibleModal },
-                        React.createElement(SaveOutlined, null)),
-                    React.createElement(Popover, { content: content, placement: "bottomRight", trigger: "click", open: visible, onVisibleChange: this.handleVisibleChange },
-                        React.createElement(Button, { className: "hoverbig", title: "\u5207\u6362\u6A21\u677F", onClick: this.switchTemplate },
-                            React.createElement(SnippetsOutlined, null))))),
-            React.createElement("div", { style: { marginBottom: 20 } },
-                "\u6A21\u677F\u540D\u79F0\uFF1A",
-                React.createElement(Input, { placeholder: "\u8F93\u5165\u5BFC\u5165\u6A21\u677F\u540D\u79F0", style: { width: 200 }, value: title, onChange: this.setModelName })),
-            React.createElement("div", { className: "table" },
-                React.createElement(DragTable, { columns: columns, dataSource: dataSource, onRef: this.onRef, setdatasource: this.setdatasource, size: "small" })),
-            selectWords ? React.createElement(Collapse, { accordion: true, style: { float: "right" } }, selectWords.map((item) => {
-                if (item.fields.length > 0) {
-                    return React.createElement(Panel, { header: item.name, key: item.id }, item.fields.map(it => React.createElement(MyTag, { key: it.name, id: it.id, name: it.name, checked: it.checked, getwords: this.getWords, type: item.type, totalname: item.name, compositeid: it.compositeId }, it.name)));
-                }
-                return false;
-            })) : ""));
-    }
-}
-class MyTag extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.handleChange = (id, name) => {
-            const { type, totalname, compositeid } = this.props;
-            const list = {
-                key: name,
-                fieldId: id,
-                name: name,
-                words: name,
-                totalname,
-                type,
-                compositeId: compositeid
-            };
-            this.props.getwords(list, type);
-        };
-    }
-    render() {
-        const { name, id, checked } = this.props;
-        return (React.createElement(CheckableTag, Object.assign({}, this.props, { onChange: () => this.handleChange(id, name), className: checked ? "" : "borderTag" })));
-    }
-}
+import React from 'react';
+import Super from "../tmpl/superagent";
+import Units from "../units";
+import { Button, Popover, Input, Modal, message, Collapse, Tag } from 'antd';
+import { BulbOutlined, DeleteOutlined, FileAddOutlined, DownloadOutlined, SaveOutlined, SnippetsOutlined } from '@ant-design/icons';
+import DragTable from '../drag-table';
+import './index.css';
+const { confirm } = Modal;
+const { Panel } = Collapse;
+const { CheckableTag } = Tag;
+export default class ModelImport extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            modelList: [],
+            title: "",
+            visible: false,
+            dataSource: [],
+        };
+        this.loadWords = (menuId) => {
+            Super.super({
+                url: `v2/menu/${menuId}/ltmpl/importer/dict`,
+                method: 'GET',
+            }).then((res) => {
+                let selectWords = res.fieldDictionary.composites;
+                //console.log(selectWords)
+                const forType = [];
+                selectWords.forEach((item) => {
+                    if (item.fields.length > 0) {
+                        item.fields.forEach((it) => {
+                            it.checked = false;
+                            it.key = it.name;
+                            if (item.type === "relation") {
+                                it.compositeId = item.id;
+                            }
+                            const list = {
+                                type: item.type,
+                                fieldId: it.id,
+                            };
+                            forType.push(list);
+                        });
+                    }
+                });
+                this.setState({
+                    selectWords,
+                    forType
+                });
+            });
+        };
+        this.switchTemplate = () => {
+            const { menuId } = this.props;
+            this.handleVisibleChange(true);
+            Super.super({
+                url: `v2/menu/${menuId}/ltmpl/importer/tmpls/list`,
+                method: 'GET',
+            }).then((res) => {
+                if (res) {
+                    this.setState({
+                        modelList: res.tmpls,
+                    });
+                }
+            });
+        };
+        this.handelModel = (tmplId) => {
+            const { menuId } = this.props;
+            const { forType, selectWords } = this.state;
+            Super.super({
+                url: `v2/menu/${menuId}/ltmpl/importer/tmpls/detail`,
+                query: {
+                    tmplId
+                },
+                method: 'GET',
+            }).then((res) => {
+                //console.log(res.tmpl.fields)
+                if (res) {
+                    selectWords.forEach((item) => {
+                        if (item.type === "normal") {
+                            item.fields.forEach((it) => {
+                                let check = false;
+                                res.tmpl.fields.forEach((i) => {
+                                    if (i.fieldId === it.id) {
+                                        check = true;
+                                    }
+                                });
+                                it.checked = check;
+                            });
+                        }
+                    });
+                    let data = [];
+                    let type = "";
+                    res.tmpl.fields.forEach((item) => {
+                        forType.forEach((it) => {
+                            if (item.mStrucFieldGroupId === it.mStrucFieldGroupId) {
+                                type = it.type;
+                            }
+                        });
+                        let list = {
+                            key: item.title,
+                            name: item.title,
+                            words: item.title,
+                            fieldId: item.mStrucFieldId,
+                            compositeId: item.mStrucFieldGroup,
+                            id: item.id,
+                            fieldIndex: item.fieldIndex,
+                            type,
+                        };
+                        if (item.mStrucFieldId !== null) {
+                            list.totalname = item.title.split("[")[0];
+                        }
+                        data.push(list);
+                    });
+                    this.setState({
+                        tmplId: res.tmpl.id,
+                        dataSource: data,
+                        title: res.tmpl.title,
+                        listLength: res.tmpl.fields.length,
+                        selectWords
+                    });
+                    this.handleVisibleChange(false);
+                }
+            });
+        };
+        this.handleVisibleChange = (value) => {
+            this.setState({ visible: value });
+        };
+        this.handleSave = () => {
+            const { menuId } = this.props;
+            let { tmplId, title, dataSource } = this.state;
+            const fields = this.getFields(dataSource);
+            Super.super({
+                url: `v2/menu/${menuId}/ltmpl/importer/tmpls`,
+                method: 'POST',
+                data: JSON.stringify({
+                    tmplId,
+                    title,
+                    fields,
+                })
+            }, 'json').then((res) => {
+                if (res && res.status === "success") {
+                    message.success("保存成功！");
+                    this.setState({
+                        tmplId: res.tmplId,
+                        listLength: dataSource.length,
+                        dataSource,
+                    });
+                }
+                else {
+                    message.error("Units.forFile(保存！)");
+                }
+            });
+        };
+        this.visibleModal = () => {
+            const { title } = this.state;
+            const _this = this;
+            if (!title) {
+                message.error("请设置模板名称！");
+                return;
+            }
+            this.getdatasource.getdata();
+            confirm({
+                title: "确定保存导入模板？",
+                okText: '确定',
+                okType: 'danger',
+                cancelText: '取消',
+                onOk() {
+                    _this.handleSave();
+                },
+            });
+        };
+        this.handleDownload = () => {
+            const { tmplId, title, listLength, dataSource } = this.state;
+            if (dataSource.length !== listLength) {
+                message.info("请保存模板");
+                return;
+            }
+            const hydrocarbonToken = Units.getLocalStorge("hydrocarbonToken");
+            if (tmplId) {
+                confirm({
+                    title: `确认下载`,
+                    content: `当前模板[${title}]，模板内共有${listLength}个字段`,
+                    okText: '是的',
+                    cancelText: '取消',
+                    onOk() {
+                        const hydrocarbonToken = Units.getLocalStorge("hydrocarbonToken");
+                        Units.downloadFile(`v2/importer/${tmplId}/excel?@token=${hydrocarbonToken}`);
+                    },
+                });
+            }
+            else {
+                message.info("请选择模板");
+            }
+        };
+        this.setModelName = (e) => {
+            this.setState({
+                title: e.target.value
+            });
+        };
+        this.deleteRow = (record) => {
+            let { dataSource, selectWords } = this.state;
+            dataSource.forEach((item, i) => {
+                if (item.key === record.key) {
+                    dataSource.splice(i, 1);
+                }
+            });
+            if (record.type === "normal") {
+                selectWords.forEach((item, i) => {
+                    if (item.fields.length > 0) {
+                        item.fields.forEach((it) => {
+                            if (it.key === record.key) {
+                                it.checked = false;
+                            }
+                        });
+                    }
+                });
+            }
+            else {
+                let len = [];
+                let labelarr = [];
+                let data = [];
+                dataSource.forEach((item) => {
+                    if (item.mStrucFieldGroupId === record.mStrucFieldGroupId && !item.key.includes("label")) {
+                        len.push(item);
+                    }
+                    if (item.key.includes("label")) {
+                        labelarr.push(item);
+                    }
+                    if (item.mStrucFieldGroupId && !item.key.includes("label")) {
+                        data.push(item);
+                    }
+                });
+                len.forEach((item, i) => {
+                    const NM = `${record.totalname}[${i}].${record.name.split(".")[1]}`;
+                    item.key = NM;
+                    item.name = NM;
+                    item.words = NM;
+                    item.fieldIndex = i;
+                });
+                if (record.type === "relation") {
+                    let dele = true;
+                    data.forEach((item) => {
+                        const dataTotal = item.key.split(".")[0];
+                        const labelLastTotal = labelarr[labelarr.length - 1].key.split(".")[0];
+                        if (dataTotal === labelLastTotal) {
+                            dele = false;
+                        }
+                        labelarr[labelarr.length - 1].delete = dele;
+                    });
+                    if (data.length === 0) {
+                        labelarr[labelarr.length - 1].delete = true;
+                    }
+                    dataSource.forEach((item, i) => {
+                        if (item.delete) {
+                            dataSource.splice(i, 1);
+                        }
+                    });
+                }
+            }
+            this.setState({
+                dataSource: Units.uniq(dataSource, "key"),
+                selectWords,
+            });
+        };
+        this.getWords = (list, type) => {
+            let { dataSource, selectWords } = this.state;
+            if (type === "normal") {
+                dataSource.push(list);
+                selectWords.forEach((item, i) => {
+                    if (item.fields.length > 0 && item.type === "normal") {
+                        item.fields.forEach((it) => {
+                            if (it.id === list.fieldId) {
+                                it.checked = true;
+                            }
+                        });
+                    }
+                });
+            }
+            else {
+                let len = [];
+                dataSource.forEach((item) => {
+                    if (item.mStrucFieldGroupId === list.mStrucFieldGroupId && !item.key.includes("label")) {
+                        len.push(item);
+                    }
+                });
+                const NM = `${list.totalname}[${len.length}].${list.name}`;
+                const res = {
+                    mStrucFieldGroupId: list.mStrucFieldGroupId,
+                    key: NM,
+                    name: NM,
+                    words: NM,
+                    totalname: list.totalname,
+                    fieldIndex: len.length,
+                    type: list.type,
+                };
+                if (type === "relation") {
+                    const NLabel = `${list.totalname}[${len.length}].$$label$$`;
+                    const labelRes = {
+                        key: NLabel,
+                        name: NLabel,
+                        words: NLabel,
+                        fieldIndex: len.length,
+                        totalname: list.totalname,
+                        compositeId: list.compositeId
+                    };
+                    dataSource.push(labelRes);
+                }
+                dataSource.push(res);
+            }
+            //console.log(dataSource)
+            this.setState({
+                dataSource: Units.uniq(dataSource, "key"),
+                selectWords,
+            });
+        };
+        this.getFields = (dataSource) => {
+            const fields = [];
+            dataSource.forEach((item) => {
+                const list = {};
+                if (item.fieldIndex !== null) {
+                    list.fieldIndex = item.fieldIndex;
+                }
+                if (item.mStrucFieldGroupId) {
+                    list.mStrucFieldGroupId = item.mStrucFieldGroupId;
+                }
+                if (item.mStrucFieldId) {
+                    list.mStrucFieldId = item.mStrucFieldId;
+                }
+                if (item.id) {
+                    list.id = item.id;
+                }
+                fields.push(list);
+            });
+            return fields;
+        };
+        this.onRef = (ref) => {
+            this.getdatasource = ref;
+        };
+        this.setdatasource = (data) => {
+            this.setState({
+                dataSource: data
+            });
+        };
+        this.resetForm = () => {
+            this.setState({
+                modelList: [],
+                title: "",
+                visible: false,
+                dataSource: [],
+            });
+        };
+    }
+    componentDidMount() {
+        const { menuId } = this.props;
+        this.loadWords(menuId);
+    }
+    render() {
+        const { visible, title, dataSource, selectWords, modelList, tmplId } = this.state;
+        const content = (React.createElement("div", null, modelList.map(item => React.createElement("div", { key: item.id, className: "modelList", onClick: () => this.handelModel(item.id) },
+            React.createElement("span", { className: tmplId === item.id ? "light" : "" },
+                React.createElement(BulbOutlined, null)),
+            React.createElement("p", { className: "tit" }, item.title),
+            React.createElement("p", null, Units.formateDate(item.createTime))))));
+        const columns = [{
+                title: '表头',
+                key: 'name',
+                width: 200,
+                dataIndex: "name"
+            }, {
+                title: '字段',
+                key: 'words',
+                width: 200,
+                dataIndex: "words"
+            }, {
+                title: '操作',
+                key: 'action',
+                render: (text, record) => (React.createElement(Button, { style: { display: record.key.includes("label") ? 'none' : 'block' }, size: 'small', type: "danger", onClick: () => this.deleteRow(record) },
+                    React.createElement(DeleteOutlined, null))),
+            },];
+        return (React.createElement("div", { className: "selectModal" },
+            React.createElement("h3", null,
+                "\u5BFC\u5165\u6A21\u677F\u914D\u7F6E",
+                React.createElement("p", { className: "fr" },
+                    React.createElement(Button, { className: "hoverbig", title: "\u65B0\u5EFA\u6A21\u677F", onClick: this.resetForm },
+                        React.createElement(FileAddOutlined, null)),
+                    React.createElement(Button, { className: "hoverbig", title: "\u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F", onClick: this.handleDownload },
+                        React.createElement(DownloadOutlined, null)),
+                    React.createElement(Button, { className: "hoverbig", title: "\u4FDD\u5B58\u6A21\u677F", onClick: this.visibleModal },
+                        React.createElement(SaveOutlined, null)),
+                    React.createElement(Popover, { content: content, placement: "bottomRight", trigger: "click", open: visible, onVisibleChange: this.handleVisibleChange },
+                        React.createElement(Button, { className: "hoverbig", title: "\u5207\u6362\u6A21\u677F", onClick: this.switchTemplate },
+                            React.createElement(SnippetsOutlined, null))))),
+            React.createElement("div", { style: { marginBottom: 20 } },
+                "\u6A21\u677F\u540D\u79F0\uFF1A",
+                React.createElement(Input, { placeholder: "\u8F93\u5165\u5BFC\u5165\u6A21\u677F\u540D\u79F0", style: { width: 200 }, value: title, onChange: this.setModelName })),
+            React.createElement("div", { className: "table" },
+                React.createElement(DragTable, { columns: columns, dataSource: dataSource, onRef: this.onRef, setdatasource: this.setdatasource, size: "small" })),
+            selectWords ? React.createElement(Collapse, { accordion: true, style: { float: "right" } }, selectWords.map((item) => {
+                if (item.fields.length > 0) {
+                    return React.createElement(Panel, { header: item.name, key: item.id }, item.fields.map(it => React.createElement(MyTag, { key: it.name, id: it.id, name: it.name, checked: it.checked, getwords: this.getWords, type: item.type, totalname: item.name, compositeid: it.compositeId }, it.name)));
+                }
+                return false;
+            })) : ""));
+    }
+}
+class MyTag extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.handleChange = (id, name) => {
+            const { type, totalname, compositeid } = this.props;
+            const list = {
+                key: name,
+                fieldId: id,
+                name: name,
+                words: name,
+                totalname,
+                type,
+                compositeId: compositeid
+            };
+            this.props.getwords(list, type);
+        };
+    }
+    render() {
+        const { name, id, checked } = this.props;
+        return (React.createElement(CheckableTag, Object.assign({}, this.props, { onChange: () => this.handleChange(id, name), className: checked ? "" : "borderTag" })));
+    }
+}
 //# sourceMappingURL=template-builder.js.map