aldehyde 0.2.20 → 0.2.21

package/lib/controls/entity-select/entity-select.js

@@ -1,427 +1,428 @@
-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 * as React from 'react';
-import { Button, Col, Divider, Row, Select, Spin, Tag } from 'antd';
-import { AlignLeftOutlined, EditOutlined, PlusOutlined, SearchOutlined, TableOutlined } from '@ant-design/icons';
-import debounce from 'lodash/debounce';
-import './index.css';
-import HcserviceV3 from "../../tmpl/hcservice-v3";
-import HCDataSource from "../../tmpl/hc-data-source";
-import DtmplViewDrawer from "../../module/dtmpl-view-drawer";
-import DtmplEditPage from "../../module/dtmpl-edit-page";
-import DtmplCustomEditModalPage from "../../custom-page/dtmpl-custom-edit-modal-page";
-import { LtmplModal } from "../../index";
-;
-;
-export default class EntitySelect extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            titleId: undefined,
-            optionCacheKey: undefined,
-            pageNo: 1,
-            loading: false,
-            optionsCache: {},
-            codeLabel: {},
-            ltmplConfig: undefined,
-            showView: false,
-            showEdit: false,
-            showTable: false,
-            drawCode: undefined,
-            preMainCode: undefined,
-        };
-        this.dropdownRender = (menu) => {
-            const { fieldConfig } = this.props;
-            const { actions } = fieldConfig;
-            // console.log("menu",menu);
-            return React.createElement(React.Fragment, null,
-                menu,
-                actions && actions.indexOf('add') >= 0 ?
-                    React.createElement(React.Fragment, null,
-                        React.createElement(Divider, { style: { margin: '8px 0' } }),
-                        React.createElement(Row, { justify: "end" },
-                            React.createElement(Col, null,
-                                React.createElement(Button, { type: "text", icon: React.createElement(TableOutlined, { style: { color: '#0958d9' } }), onClick: () => this.showTable() })),
-                            React.createElement(Col, null,
-                                React.createElement(Button, { type: "text", icon: React.createElement(PlusOutlined, { style: { color: '#0958d9' } }), onClick: () => this.editItem() })))) : null);
-        };
-        this.editItem = (code) => __awaiter(this, void 0, void 0, function* () {
-            let ltmplConfig = yield this.loadLtmplConfig();
-            this.setState({
-                showEdit: true,
-                showTable: false,
-                showView: false,
-                drawCode: code,
-                ltmplConfig,
-            });
-        });
-        this.showTable = () => __awaiter(this, void 0, void 0, function* () {
-            this.setState({
-                showEdit: false,
-                showTable: true,
-                showView: false,
-                drawCode: undefined,
-            });
-        });
-        this.loadLtmplConfig = () => __awaiter(this, void 0, void 0, function* () {
-            const { fieldConfig } = this.props;
-            const { ltmplConfig } = this.state;
-            let ltmplConfig_ = ltmplConfig;
-            if (!ltmplConfig_) {
-                ltmplConfig_ = (yield HCDataSource.requestLtmplConfig(fieldConfig.id)).ltmplConfig;
-            }
-            this.setState({
-                ltmplConfig: ltmplConfig_
-            });
-            return ltmplConfig_;
-        });
-        this.showItem = (code) => __awaiter(this, void 0, void 0, function* () {
-            let ltmplConfig = yield this.loadLtmplConfig();
-            this.setState({
-                showEdit: false,
-                showTable: false,
-                showView: true,
-                drawCode: code,
-                ltmplConfig,
-            });
-        });
-        this.initCache = () => {
-            this.setState({
-                optionsCache: {},
-                codeLabel: {}
-            });
-        };
-        // componentWillUnmount(): void {
-        //     this.setState=(state,callback)=>{
-        //         return
-        //     }
-        // }
-        this.toOption = (code, title, onEntityClick) => {
-            const { fieldConfig } = this.props;
-            const { actions } = fieldConfig;
-            const { codeLabel } = this.state;
-            codeLabel[code] = title;
-            let option = {
-                value: code,
-                label: React.createElement(React.Fragment, null,
-                    title,
-                    actions && actions.indexOf("detail") >= 0 ?
-                        React.createElement(Button, { size: 'small', type: 'text' },
-                            React.createElement(AlignLeftOutlined, { style: { color: '#0958d9' }, onClick: (event) => {
-                                    event.stopPropagation();
-                                    this.showItem(code);
-                                } })) : null,
-                    actions && actions.indexOf("edit") >= 0 ?
-                        React.createElement(Button, { size: 'small', type: 'text' },
-                            React.createElement(EditOutlined, { style: { color: '#0958d9' }, onClick: (event) => {
-                                    event.stopPropagation();
-                                    this.editItem(code);
-                                } }))
-                        : null),
-            };
-            return option;
-        };
-        this.doClose = () => {
-            this.setState({
-                drawCode: undefined,
-                showEdit: false,
-                showView: false,
-                showTable: false,
-            });
-        };
-        this.drawSubmited = () => {
-            this.initCache();
-            this.doClose();
-        };
-        this.closeTable = () => {
-            this.drawSubmited();
-        };
-        this.toValueArray = (value) => {
-            let result = [];
-            let valueArray = this.toArray(value);
-            for (let v of valueArray) {
-                if (v) {
-                    let vs = v.split("@R@");
-                    if (vs[1] != 'null') {
-                        result.push(vs[0]);
-                    }
-                }
-            }
-            return result;
-        };
-        this.toArray = (value) => {
-            let valueArray = [];
-            if (value instanceof Array) {
-                valueArray = value;
-            }
-            else {
-                if (value) {
-                    valueArray = value.split(',');
-                }
-                else {
-                    valueArray = [];
-                }
-            }
-            return valueArray;
-        };
-        this.toOptions = (value, onEntityClick) => {
-            const { fieldConfig } = this.props;
-            let options = [];
-            //console.log('options value', value);
-            let valueArray = this.toArray(value);
-            for (let v of valueArray) {
-                if (v) {
-                    let vs = v.split("@R@");
-                    if (vs[1] != 'null') {
-                        options.push(this.toOption(vs[0], vs[1], onEntityClick));
-                    }
-                }
-            }
-            //添加补充项
-            if (fieldConfig.suppleOptions) {
-                fieldConfig.suppleOptions.forEach((o) => {
-                    let had = false;
-                    options.forEach((s) => {
-                        if (s['value'] == o.code) {
-                            had = true;
-                            return;
-                        }
-                    });
-                    if (!had) {
-                        options.push(this.toOption(o.code, o.title, undefined));
-                    }
-                });
-            }
-            //console.log('options', options);
-            return options;
-        };
-        this.fetchNextPage = () => __awaiter(this, void 0, void 0, function* () {
-            const { optionCacheKey, titleId, optionsCache } = this.state;
-            let optionCache = optionsCache[optionCacheKey];
-            let pageInfo = optionCache.pageInfo;
-            if (!optionCache.touchEnd) {
-                pageInfo.pageNo = pageInfo.pageNo + 1;
-                let dataSource = yield this.loadData(optionCache.queryKey.key, Object.assign({}, pageInfo), titleId);
-                if (dataSource) {
-                    optionCache.options = [...optionCache.options, ...dataSource.options];
-                    optionCache.touchEnd = dataSource.touchEnd;
-                }
-                this.setState({
-                    pageNo: pageInfo.pageNo,
-                });
-            }
-        });
-        this.fetchOptions = (searchText) => __awaiter(this, void 0, void 0, function* () {
-            const { fieldConfig, mainCode, baseCriteria } = this.props;
-            const { optionsCache, ltmplConfig, preMainCode } = this.state;
-            const currentMainCode = mainCode ? mainCode : fieldConfig.mainCode;
-            if (preMainCode != currentMainCode) {
-                this.setState({ preMainCode: currentMainCode.toString() });
-                //清空，
-                this.initCache();
-            }
-            let optionCacheKey = "withoutValue";
-            //先从缓存里拿
-            if (searchText) {
-                optionCacheKey = searchText;
-            }
-            let titleId = this.state.titleId;
-            let optionCache = optionsCache[optionCacheKey];
-            if (!optionCache) {
-                this.setState({
-                    loading: true,
-                });
-                let ltmplConfig_ = ltmplConfig;
-                if (!ltmplConfig_) {
-                    ltmplConfig_ = yield this.loadLtmplConfig();
-                }
-                let pageInfo = {
-                    pageNo: 1,
-                    pageSize: 6,
-                    virtualEndPageNo: undefined,
-                };
-                titleId = ltmplConfig_.primaryColumn.id;
-                //得到第一个过滤条件
-                let firstCriteria = ltmplConfig_.primaryCriteria;
-                let formItemName = 'undefinedCriteria';
-                if (firstCriteria) {
-                    formItemName = 'c_' + firstCriteria.id;
-                }
-                const { defaultPageSize } = ltmplConfig_;
-                if (defaultPageSize) {
-                    pageInfo.pageSize = defaultPageSize;
-                }
-                /** 构建 dataSource **/
-                //构建过滤条件
-                let criteriaData = {};
-                if (baseCriteria) {
-                    criteriaData = Object.assign({}, baseCriteria);
-                }
-                // let mainCode_ = mainCode;
-                // if (baseCriteria) {
-                //     criteriaData = {...baseCriteria}
-                //     if (!mainCode) {
-                //         mainCode_ = baseCriteria['mainCode']; //当只在条件中设置mainCode时，保证生效不被设置为null
-                //     }
-                // }
-                criteriaData[formItemName] = searchText;
-                let queryKey = yield HcserviceV3.requestLtmplQueryKey(fieldConfig.id, Object.assign(Object.assign(Object.assign({}, criteriaData), pageInfo), { mainCode: currentMainCode }));
-                let sourceData = yield this.loadData(queryKey.key, pageInfo, titleId);
-                optionCache = {
-                    options: sourceData.options,
-                    pageInfo,
-                    queryKey,
-                    searchValue: searchText,
-                    touchEnd: sourceData.touchEnd
-                };
-                optionsCache[optionCacheKey] = optionCache;
-                this.setState({
-                    optionCacheKey,
-                    titleId,
-                    optionsCache: Object.assign({}, optionsCache),
-                    loading: false,
-                });
-            }
-            else {
-                if (this.state.optionCacheKey == optionCacheKey && optionCacheKey == 'withoutValue') {
-                    this.setState({
-                        loading: false,
-                        optionCacheKey,
-                    });
-                }
-                else {
-                    debounce(() => {
-                        this.setState({
-                            loading: false,
-                            optionCacheKey,
-                        });
-                    }, 500)();
-                }
-            }
-        });
-        this.onChange = (values) => {
-            const { codeLabel } = this.state;
-            let newValues = [...values];
-            if (values && values.length > this.props.maxSelected) {
-                newValues.shift();
-            }
-            let formValues = [];
-            newValues.forEach((c) => {
-                if (c.indexOf("@R@") > 0) {
-                    formValues.push(c);
-                }
-                else {
-                    formValues.push(c + "@R@" + codeLabel[c]);
-                }
-            });
-            this.props.onChange(formValues);
-        };
-        this.tagRender = (props) => {
-            const { label, closable, onClose } = props;
-            const onPreventMouseDown = (event) => {
-                event.preventDefault();
-                event.stopPropagation();
-            };
-            return (React.createElement(Tag, { onMouseDown: onPreventMouseDown, closable: closable, onClose: onClose, style: { marginRight: 3 } }, label));
-        };
-        this.loadData = (queryKey, pageInfo, titleId) => __awaiter(this, void 0, void 0, function* () {
-            const { onEntityClick, baseCriteria } = this.props;
-            let queryData = yield HcserviceV3.requestQueryData(queryKey, pageInfo);
-            let options = [];
-            pageInfo = queryData.pageInfo;
-            queryData.entities.forEach((item, index) => {
-                let title = item.fieldMap[titleId];
-                //放入全局对象缓存
-                //这个缓存后续还需要完善，因为太多了，容易爆掉
-                HCDataSource.cache(item);
-                if (title) {
-                    let ts = title.split('@R@');
-                    let t = ts && ts.length > 0 ? ts[ts.length - 1] : title;
-                    if (t != 'null') {
-                        let option = this.toOption(item.code, t, onEntityClick);
-                        options.push(option);
-                    }
-                }
-            });
-            return { options, touchEnd: queryData.touchEnd };
-        });
-        this.debounceFetcher = () => {
-            const loadOptions = (val) => {
-                this.fetchOptions(val);
-            };
-            return debounce(loadOptions, 800);
-        };
-        this.debounceFetchNextPage = () => {
-            // this.setState({
-            //     loading: true,
-            // })
-            debounce(this.fetchNextPage, 200)();
-            // this.setState({
-            //     loading: false,
-            // })
-        };
-    }
-    componentDidUpdate(prevProps) {
-        const { baseCriteria, mainCode, fieldConfig } = this.props;
-        let { baseCriteria: preBaseCriteria, mainCode: preMainCode, fieldConfig: preFieldConfig } = prevProps;
-        if ((baseCriteria && JSON.stringify(baseCriteria) != JSON.stringify(preBaseCriteria)) || (mainCode && mainCode != preMainCode)
-            || (fieldConfig && preFieldConfig && fieldConfig.id != preFieldConfig.id)) {
-            this.initCache();
-        }
-    }
-    render() {
-        const { id, value, fieldConfig, onChange, disabled, style, maxSelected, onEntityClick, mainCode } = this.props;
-        const { actions } = fieldConfig;
-        const { optionCacheKey, loading, optionsCache, drawCode, showEdit, showView, showTable, ltmplConfig } = this.state;
-        let initOptions = this.toOptions(value, onEntityClick);
-        let exists;
-        let properOptions = [...initOptions];
-        let listHeight = 256;
-        if (optionCacheKey && optionsCache[optionCacheKey]) {
-            let optionCache = optionsCache[optionCacheKey];
-            if (optionCache['pageInfo'] && optionCache.pageInfo.pageSize < 8) {
-                listHeight = 32 * (optionCache['pageInfo'].pageSize) - 10;
-            }
-            for (let option of optionCache.options) {
-                exists = false;
-                for (let init of initOptions) {
-                    if (init['value'] == option['value']) {
-                        exists = true;
-                        //用查询的覆盖之前的
-                        init['label'] = option['label'];
-                    }
-                }
-                if (!exists) {
-                    properOptions.push(option);
-                }
-            }
-        }
-        return React.createElement(React.Fragment, null,
-            React.createElement(Select, { disabled: disabled, id: id, listHeight: listHeight, style: Object.assign({}, style), onChange: this.onChange, value: this.toValueArray(value), mode: "multiple", placeholder: `请选择${fieldConfig.title}`, notFoundContent: loading ? React.createElement(Spin, { size: 'small' }) : "无数据", allowClear: true, showArrow: true, suffixIcon: React.createElement(SearchOutlined, null), dropdownRender: this.dropdownRender, tagRender: actions && (actions.indexOf("detail") >= 0 || actions.indexOf("edit") >= 0) ? this.tagRender : undefined, onSearch: this.debounceFetcher(), onClick: disabled ? null : () => {
-                    debounce(this.fetchOptions, 100)(undefined);
-                }, options: loading ? [] : properOptions, onPopupScroll: (e) => {
-                    const { target } = e;
-                    if (target['scrollTop'] + target['offsetHeight'] + 1 >= target['scrollHeight']) {
-                        this.debounceFetchNextPage();
-                    }
-                } }),
-            showView && drawCode ?
-                React.createElement(DtmplViewDrawer, { placement: 'left', onClose: this.doClose, open: showView, sourceId: fieldConfig.id, code: drawCode }) : null,
-            showEdit && ltmplConfig ? ltmplConfig.customEditPagePath ? React.createElement(DtmplCustomEditModalPage, { open: showEdit, onOk: () => {
-                    this.drawSubmited();
-                }, customPath: ltmplConfig.customEditPagePath, sourceId: fieldConfig.id, mainCode: mainCode, code: drawCode })
-                : React.createElement(DtmplEditPage, { pageType: "modal", open: showEdit, onCancel: this.doClose, mainCode: mainCode, width: 960, sourceId: fieldConfig.id, code: drawCode, onOk: this.drawSubmited }) : null,
-            showTable ? React.createElement(LtmplModal, { open: showTable, onCancel: this.closeTable, width: 960, sourceId: fieldConfig.id, mainCode: mainCode }) : null);
-    }
-}
-EntitySelect.defaultProps = {
-    maxSelected: 100,
-};
+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 * as React from 'react';
+import { Button, Col, Divider, Row, Select, Spin, Tag } from 'antd';
+import { AlignLeftOutlined, EditOutlined, PlusOutlined, SearchOutlined, TableOutlined } from '@ant-design/icons';
+import debounce from 'lodash/debounce';
+import './index.css';
+import HcserviceV3 from "../../tmpl/hcservice-v3";
+import HCDataSource from "../../tmpl/hc-data-source";
+import DtmplViewDrawer from "../../module/dtmpl-view-drawer";
+import DtmplEditPage from "../../module/dtmpl-edit-page";
+import DtmplCustomEditModalPage from "../../custom-page/dtmpl-custom-edit-modal-page";
+import { LtmplModal } from "../../index";
+;
+;
+class EntitySelect extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            titleId: undefined,
+            optionCacheKey: undefined,
+            pageNo: 1,
+            loading: false,
+            optionsCache: {},
+            codeLabel: {},
+            ltmplConfig: undefined,
+            showView: false,
+            showEdit: false,
+            showTable: false,
+            drawCode: undefined,
+            preMainCode: undefined,
+        };
+        this.dropdownRender = (menu) => {
+            const { fieldConfig } = this.props;
+            const { actions } = fieldConfig;
+            // console.log("menu",menu);
+            return React.createElement(React.Fragment, null,
+                menu,
+                actions && actions.indexOf('add') >= 0 ?
+                    React.createElement(React.Fragment, null,
+                        React.createElement(Divider, { style: { margin: '8px 0' } }),
+                        React.createElement(Row, { justify: "end" },
+                            React.createElement(Col, null,
+                                React.createElement(Button, { type: "text", icon: React.createElement(TableOutlined, { style: { color: '#0958d9' } }), onClick: () => this.showTable() })),
+                            React.createElement(Col, null,
+                                React.createElement(Button, { type: "text", icon: React.createElement(PlusOutlined, { style: { color: '#0958d9' } }), onClick: () => this.editItem() })))) : null);
+        };
+        this.editItem = (code) => __awaiter(this, void 0, void 0, function* () {
+            let ltmplConfig = yield this.loadLtmplConfig();
+            this.setState({
+                showEdit: true,
+                showTable: false,
+                showView: false,
+                drawCode: code,
+                ltmplConfig,
+            });
+        });
+        this.showTable = () => __awaiter(this, void 0, void 0, function* () {
+            this.setState({
+                showEdit: false,
+                showTable: true,
+                showView: false,
+                drawCode: undefined,
+            });
+        });
+        this.loadLtmplConfig = () => __awaiter(this, void 0, void 0, function* () {
+            const { fieldConfig } = this.props;
+            const { ltmplConfig } = this.state;
+            let ltmplConfig_ = ltmplConfig;
+            if (!ltmplConfig_) {
+                ltmplConfig_ = (yield HCDataSource.requestLtmplConfig(fieldConfig.id)).ltmplConfig;
+            }
+            this.setState({
+                ltmplConfig: ltmplConfig_
+            });
+            return ltmplConfig_;
+        });
+        this.showItem = (code) => __awaiter(this, void 0, void 0, function* () {
+            let ltmplConfig = yield this.loadLtmplConfig();
+            this.setState({
+                showEdit: false,
+                showTable: false,
+                showView: true,
+                drawCode: code,
+                ltmplConfig,
+            });
+        });
+        this.initCache = () => {
+            this.setState({
+                optionsCache: {},
+                codeLabel: {}
+            });
+        };
+        // componentWillUnmount(): void {
+        //     this.setState=(state,callback)=>{
+        //         return
+        //     }
+        // }
+        this.toOption = (code, title, onEntityClick) => {
+            const { fieldConfig } = this.props;
+            const { actions } = fieldConfig;
+            const { codeLabel } = this.state;
+            codeLabel[code] = title;
+            let option = {
+                value: code,
+                label: React.createElement(React.Fragment, null,
+                    title,
+                    actions && actions.indexOf("detail") >= 0 ?
+                        React.createElement(Button, { size: 'small', type: 'text' },
+                            React.createElement(AlignLeftOutlined, { style: { color: '#0958d9' }, onClick: (event) => {
+                                    event.stopPropagation();
+                                    this.showItem(code);
+                                } })) : null,
+                    actions && actions.indexOf("edit") >= 0 ?
+                        React.createElement(Button, { size: 'small', type: 'text' },
+                            React.createElement(EditOutlined, { style: { color: '#0958d9' }, onClick: (event) => {
+                                    event.stopPropagation();
+                                    this.editItem(code);
+                                } }))
+                        : null),
+            };
+            return option;
+        };
+        this.doClose = () => {
+            this.setState({
+                drawCode: undefined,
+                showEdit: false,
+                showView: false,
+                showTable: false,
+            });
+        };
+        this.drawSubmited = () => {
+            this.initCache();
+            this.doClose();
+        };
+        this.closeTable = () => {
+            this.drawSubmited();
+        };
+        this.toValueArray = (value) => {
+            let result = [];
+            let valueArray = this.toArray(value);
+            for (let v of valueArray) {
+                if (v) {
+                    let vs = v.split("@R@");
+                    if (vs[1] != 'null') {
+                        result.push(vs[0]);
+                    }
+                }
+            }
+            return result;
+        };
+        this.toArray = (value) => {
+            let valueArray = [];
+            if (value instanceof Array) {
+                valueArray = value;
+            }
+            else {
+                if (value) {
+                    valueArray = value.split(',');
+                }
+                else {
+                    valueArray = [];
+                }
+            }
+            return valueArray;
+        };
+        this.toOptions = (value, onEntityClick) => {
+            const { fieldConfig } = this.props;
+            let options = [];
+            //console.log('options value', value);
+            let valueArray = this.toArray(value);
+            for (let v of valueArray) {
+                if (v) {
+                    let vs = v.split("@R@");
+                    if (vs[1] != 'null') {
+                        options.push(this.toOption(vs[0], vs[1], onEntityClick));
+                    }
+                }
+            }
+            //添加补充项
+            if (fieldConfig.suppleOptions) {
+                fieldConfig.suppleOptions.forEach((o) => {
+                    let had = false;
+                    options.forEach((s) => {
+                        if (s['value'] == o.code) {
+                            had = true;
+                            return;
+                        }
+                    });
+                    if (!had) {
+                        options.push(this.toOption(o.code, o.title, undefined));
+                    }
+                });
+            }
+            //console.log('options', options);
+            return options;
+        };
+        this.fetchNextPage = () => __awaiter(this, void 0, void 0, function* () {
+            const { optionCacheKey, titleId, optionsCache } = this.state;
+            let optionCache = optionsCache[optionCacheKey];
+            let pageInfo = optionCache.pageInfo;
+            if (!optionCache.touchEnd) {
+                pageInfo.pageNo = pageInfo.pageNo + 1;
+                let dataSource = yield this.loadData(optionCache.queryKey.key, Object.assign({}, pageInfo), titleId);
+                if (dataSource) {
+                    optionCache.options = [...optionCache.options, ...dataSource.options];
+                    optionCache.touchEnd = dataSource.touchEnd;
+                }
+                this.setState({
+                    pageNo: pageInfo.pageNo,
+                });
+            }
+        });
+        this.fetchOptions = (searchText) => __awaiter(this, void 0, void 0, function* () {
+            const { fieldConfig, mainCode, baseCriteria } = this.props;
+            const { optionsCache, ltmplConfig, preMainCode } = this.state;
+            const currentMainCode = mainCode ? mainCode : fieldConfig.mainCode;
+            if (preMainCode != currentMainCode) {
+                this.setState({ preMainCode: currentMainCode.toString() });
+                //清空，
+                this.initCache();
+            }
+            let optionCacheKey = "withoutValue";
+            //先从缓存里拿
+            if (searchText) {
+                optionCacheKey = searchText;
+            }
+            let titleId = this.state.titleId;
+            let optionCache = optionsCache[optionCacheKey];
+            if (!optionCache) {
+                this.setState({
+                    loading: true,
+                });
+                let ltmplConfig_ = ltmplConfig;
+                if (!ltmplConfig_) {
+                    ltmplConfig_ = yield this.loadLtmplConfig();
+                }
+                let pageInfo = {
+                    pageNo: 1,
+                    pageSize: 6,
+                    virtualEndPageNo: undefined,
+                };
+                titleId = ltmplConfig_.primaryColumn.id;
+                //得到第一个过滤条件
+                let firstCriteria = ltmplConfig_.primaryCriteria;
+                let formItemName = 'undefinedCriteria';
+                if (firstCriteria) {
+                    formItemName = 'c_' + firstCriteria.id;
+                }
+                const { defaultPageSize } = ltmplConfig_;
+                if (defaultPageSize) {
+                    pageInfo.pageSize = defaultPageSize;
+                }
+                /** 构建 dataSource **/
+                //构建过滤条件
+                let criteriaData = {};
+                if (baseCriteria) {
+                    criteriaData = Object.assign({}, baseCriteria);
+                }
+                // let mainCode_ = mainCode;
+                // if (baseCriteria) {
+                //     criteriaData = {...baseCriteria}
+                //     if (!mainCode) {
+                //         mainCode_ = baseCriteria['mainCode']; //当只在条件中设置mainCode时，保证生效不被设置为null
+                //     }
+                // }
+                criteriaData[formItemName] = searchText;
+                let queryKey = yield HcserviceV3.requestLtmplQueryKey(fieldConfig.id, Object.assign(Object.assign(Object.assign({}, criteriaData), pageInfo), { mainCode: currentMainCode }));
+                let sourceData = yield this.loadData(queryKey.key, pageInfo, titleId);
+                optionCache = {
+                    options: sourceData.options,
+                    pageInfo,
+                    queryKey,
+                    searchValue: searchText,
+                    touchEnd: sourceData.touchEnd
+                };
+                optionsCache[optionCacheKey] = optionCache;
+                this.setState({
+                    optionCacheKey,
+                    titleId,
+                    optionsCache: Object.assign({}, optionsCache),
+                    loading: false,
+                });
+            }
+            else {
+                if (this.state.optionCacheKey == optionCacheKey && optionCacheKey == 'withoutValue') {
+                    this.setState({
+                        loading: false,
+                        optionCacheKey,
+                    });
+                }
+                else {
+                    debounce(() => {
+                        this.setState({
+                            loading: false,
+                            optionCacheKey,
+                        });
+                    }, 500)();
+                }
+            }
+        });
+        this.onChange = (values) => {
+            const { codeLabel } = this.state;
+            let newValues = [...values];
+            if (values && values.length > this.props.maxSelected) {
+                newValues.shift();
+            }
+            let formValues = [];
+            newValues.forEach((c) => {
+                if (c.indexOf("@R@") > 0) {
+                    formValues.push(c);
+                }
+                else {
+                    formValues.push(c + "@R@" + codeLabel[c]);
+                }
+            });
+            this.props.onChange(formValues);
+        };
+        this.tagRender = (props) => {
+            const { label, closable, onClose } = props;
+            const onPreventMouseDown = (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+            };
+            return (React.createElement(Tag, { onMouseDown: onPreventMouseDown, closable: closable, onClose: onClose, style: { marginRight: 3 } }, label));
+        };
+        this.loadData = (queryKey, pageInfo, titleId) => __awaiter(this, void 0, void 0, function* () {
+            const { onEntityClick, baseCriteria } = this.props;
+            let queryData = yield HcserviceV3.requestQueryData(queryKey, pageInfo);
+            let options = [];
+            pageInfo = queryData.pageInfo;
+            queryData.entities.forEach((item, index) => {
+                let title = item.fieldMap[titleId];
+                //放入全局对象缓存
+                //这个缓存后续还需要完善，因为太多了，容易爆掉
+                HCDataSource.cache(item);
+                if (title) {
+                    let ts = title.split('@R@');
+                    let t = ts && ts.length > 0 ? ts[ts.length - 1] : title;
+                    if (t != 'null') {
+                        let option = this.toOption(item.code, t, onEntityClick);
+                        options.push(option);
+                    }
+                }
+            });
+            return { options, touchEnd: queryData.touchEnd };
+        });
+        this.debounceFetcher = () => {
+            const loadOptions = (val) => {
+                this.fetchOptions(val);
+            };
+            return debounce(loadOptions, 800);
+        };
+        this.debounceFetchNextPage = () => {
+            // this.setState({
+            //     loading: true,
+            // })
+            debounce(this.fetchNextPage, 200)();
+            // this.setState({
+            //     loading: false,
+            // })
+        };
+    }
+    componentDidUpdate(prevProps) {
+        const { baseCriteria, mainCode, fieldConfig } = this.props;
+        let { baseCriteria: preBaseCriteria, mainCode: preMainCode, fieldConfig: preFieldConfig } = prevProps;
+        if ((baseCriteria && JSON.stringify(baseCriteria) != JSON.stringify(preBaseCriteria)) || (mainCode && mainCode != preMainCode)
+            || (fieldConfig && preFieldConfig && fieldConfig.id != preFieldConfig.id)) {
+            this.initCache();
+        }
+    }
+    render() {
+        const { id, value, fieldConfig, onChange, disabled, style, maxSelected, onEntityClick, mainCode } = this.props;
+        const { actions } = fieldConfig;
+        const { optionCacheKey, loading, optionsCache, drawCode, showEdit, showView, showTable, ltmplConfig } = this.state;
+        let initOptions = this.toOptions(value, onEntityClick);
+        let exists;
+        let properOptions = [...initOptions];
+        let listHeight = 256;
+        if (optionCacheKey && optionsCache[optionCacheKey]) {
+            let optionCache = optionsCache[optionCacheKey];
+            if (optionCache['pageInfo'] && optionCache.pageInfo.pageSize < 8) {
+                listHeight = 32 * (optionCache['pageInfo'].pageSize) - 10;
+            }
+            for (let option of optionCache.options) {
+                exists = false;
+                for (let init of initOptions) {
+                    if (init['value'] == option['value']) {
+                        exists = true;
+                        //用查询的覆盖之前的
+                        init['label'] = option['label'];
+                    }
+                }
+                if (!exists) {
+                    properOptions.push(option);
+                }
+            }
+        }
+        return React.createElement(React.Fragment, null,
+            React.createElement(Select, { disabled: disabled, id: id, listHeight: listHeight, style: Object.assign({}, style), onChange: this.onChange, value: this.toValueArray(value), mode: "multiple", placeholder: `请选择${fieldConfig.title}`, notFoundContent: loading ? React.createElement(Spin, { size: 'small' }) : "无数据", allowClear: true, showArrow: true, suffixIcon: React.createElement(SearchOutlined, null), dropdownRender: this.dropdownRender, tagRender: actions && (actions.indexOf("detail") >= 0 || actions.indexOf("edit") >= 0) ? this.tagRender : undefined, onSearch: this.debounceFetcher(), onClick: disabled ? null : () => {
+                    debounce(this.fetchOptions, 100)(undefined);
+                }, options: loading ? [] : properOptions, onPopupScroll: (e) => {
+                    const { target } = e;
+                    if (target['scrollTop'] + target['offsetHeight'] + 1 >= target['scrollHeight']) {
+                        this.debounceFetchNextPage();
+                    }
+                } }),
+            showView && drawCode ?
+                React.createElement(DtmplViewDrawer, { placement: 'left', onClose: this.doClose, open: showView, sourceId: fieldConfig.id, code: drawCode }) : null,
+            showEdit && ltmplConfig ? ltmplConfig.customEditPagePath ? React.createElement(DtmplCustomEditModalPage, { open: showEdit, onOk: () => {
+                    this.drawSubmited();
+                }, customPath: ltmplConfig.customEditPagePath, sourceId: fieldConfig.id, mainCode: mainCode, code: drawCode })
+                : React.createElement(DtmplEditPage, { pageType: "modal", open: showEdit, onCancel: this.doClose, mainCode: mainCode, width: 960, sourceId: fieldConfig.id, code: drawCode, onOk: this.drawSubmited }) : null,
+            showTable ? React.createElement(LtmplModal, { open: showTable, onCancel: this.closeTable, width: 960, sourceId: fieldConfig.id, mainCode: mainCode }) : null);
+    }
+}
+EntitySelect.defaultProps = {
+    maxSelected: 100,
+};
+export default EntitySelect;
 //# sourceMappingURL=entity-select.js.map