import { ViewTool, Util, LogUtil } from '@ibizstudio/runtime';
import { MDControlBase } from "./md-control-base";
import { AppViewLogicService } from '../app-service';
import { AppListService } from '../ctrl-service';
import { acc } from '@ibizstudio/api';
/**
 * 列表部件基类
 *
 * @export
 * @class ListControlBase
 * @extends {MDControlBase}
 */
export class ListControlBase extends MDControlBase {
    constructor() {
        super(...arguments);
        /**
         * 分组数据
         *
         * @type {Array<any>}
         * @memberof ListControlBase
         */
        this.groupData = [];
        /**
          * 列表数据
          *
          * @type {*}
          * @memberof ListControlBase
          */
        this.items = [];
        /**
         * 加载的数据是否附加在items之后
         *
         * @type {boolean}
         * @memberof ListControlBase
         */
        this.isAddBehind = false;
        /**
         * 默认排序方向
         *
         * @readonly
         * @memberof ListControlBase
         */
        this.minorSortDir = '';
        /**
         * 默认排序应用实体属性
         *
         * @readonly
         * @memberof ListControlBase
         */
        this.minorSortPSDEF = '';
        /**
         * 是否支持行次序调整
         *
         * @author zhanghengfeng
         * @date 2023-07-05 14:07:11
         * @type {boolean}
         */
        this.enableRowEditOrder = false;
        /**
         * acc订阅标识
         *
         * @author zhanghengfeng
         * @date 2023-07-06 20:07:09
         * @type {string[]}
         */
        this.accSubs = [];
        /**
         * 是否启用acc通知
         *
         * @author zhanghengfeng
         * @date 2023-07-06 21:07:04
         * @type {boolean}
         */
        this.isEnableAcc = true;
        /**
         * 拖拽分组名
         *
         * @author zhanghengfeng
         * @date 2023-07-06 21:07:28
         * @type {string}
         */
        this.groupName = Util.createUUID();
    }
    /**
     * 监听静态参数变化
     *
     * @param {*} newVal
     * @param {*} oldVal
     * @memberof ListControlBase
     */
    onStaticPropsChange(newVal, oldVal) {
        this.isSelectFirstDefault = newVal.isSelectFirstDefault;
        super.onStaticPropsChange(newVal, oldVal);
    }
    /**
      * 部件模型数据初始化实例
      *
      * @memberof ListControlBase
      */
    async ctrlModelInit(args) {
        var _a, _b;
        await super.ctrlModelInit();
        if (!(this.Environment && this.Environment.isPreviewMode)) {
            this.service = new AppListService(this.controlInstance, this.context);
            await this.service.loaded(this.controlInstance);
        }
        this.minorSortPSDEF = (_a = this.controlInstance.getMinorSortPSAppDEField()) === null || _a === void 0 ? void 0 : _a.codeName;
        this.minorSortDir = this.controlInstance.minorSortDir;
        this.limit = ((_b = this.controlInstance) === null || _b === void 0 ? void 0 : _b.pagingSize) || this.limit;
        this.enableRowEditOrder = this.controlInstance.enableRowEditOrder;
    }
    /**
     * 监听可拖拽item项位置变化
     *
     * @author zhanghengfeng
     * @date 2023-07-06 21:07:33
     * @param {SortableEvent} evt
     */
    async onDraggableItemPositionChange(evt) {
        const { oldIndex, newIndex } = evt;
        if (oldIndex != null && newIndex != null) {
            const data = this.items[oldIndex];
            this.items.splice(oldIndex, 1);
            this.items.splice(newIndex, 0, data);
            this.items.forEach((item, i) => {
                item.ordervalue = (i + 1) * 100;
            });
            try {
                this.isEnableAcc = false;
                await this.service.updateBatch(this.context, this.items);
            }
            catch (error) {
                this.$throw(error);
            }
            finally {
                this.isEnableAcc = true;
            }
        }
    }
    /**
     * 初始化
     *
     * @memberof ListControlBase
     */
    ctrlInit(args) {
        var _a, _b;
        super.ctrlInit();
        // 绑定this
        this.transformData = this.transformData.bind(this);
        this.remove = this.remove.bind(this);
        this.refresh = this.refresh.bind(this);
        this.onDraggableItemPositionChange = this.onDraggableItemPositionChange.bind(this);
        this.accSubs.push(acc.commandLocal(() => {
            if (this.isEnableAcc) {
                this.refresh();
            }
        }, 'update', (_b = (_a = this.controlInstance.getPSAppDataEntity()) === null || _a === void 0 ? void 0 : _a.codeName) === null || _b === void 0 ? void 0 : _b.toUpperCase()));
    }
    /**
     * 执行destroyed后的逻辑
     *
     * @author zhanghengfeng
     * @date 2023-07-06 20:07:28
     */
    ctrlDestroyed() {
        super.ctrlDestroyed();
        this.accSubs.forEach(item => {
            acc.unsubscribeLocal(item);
        });
    }
    viewStateAction(tag, action, data) {
        if (!Object.is(tag, this.name)) {
            return;
        }
        super.viewStateAction(tag, action, data);
        if (Object.is(action, 'load')) {
            this.curPage = 1;
            this.items = [];
            this.load(data);
        }
        if (Object.is(action, 'save')) {
            this.save(data);
        }
        if (Object.is(action, 'refresh')) {
            this.refresh(data);
        }
    }
    /**
     * 部件挂载完毕
     *
     * @protected
     * @memberof ListControlBase
     */
    ctrlMounted() {
        super.ctrlMounted();
        const loadMoreCallBack = this.throttle(this.loadMore, 3000);
        this.$el.addEventListener('scroll', () => {
            if (this.$el.scrollTop + this.$el.clientHeight >= this.$el.scrollHeight) {
                loadMoreCallBack();
            }
        });
    }
    /**
     * 初始化界面行为模型
     *
     * @type {*}
     * @memberof ListControlBase
     */
    initCtrlActionModel() {
        var _a, _b;
        if (this.controlInstance.getPSDEListItems() && ((_a = this.controlInstance.getPSDEListItems()) === null || _a === void 0 ? void 0 : _a.length) > 0) {
            for (let index = 0; index < this.controlInstance.getPSDEListItems().length; index++) {
                const listItem = this.controlInstance.getPSDEListItems()[index];
                if (listItem.getPSDEUIActionGroup() && ((_b = listItem.getPSDEUIActionGroup().getPSUIActionGroupDetails()) === null || _b === void 0 ? void 0 : _b.length) > 0) {
                    for (let index = 0; index < listItem.getPSDEUIActionGroup().getPSUIActionGroupDetails().length; index++) {
                        const uiActionDetail = listItem.getPSDEUIActionGroup().getPSUIActionGroupDetails()[index];
                        if (uiActionDetail === null || uiActionDetail === void 0 ? void 0 : uiActionDetail.getPSUIAction()) {
                            const uiAction = uiActionDetail.getPSUIAction();
                            if (uiAction) {
                                const appUIAction = Util.deepCopy(uiAction);
                                this.actionModel[uiAction.uIActionTag] = Object.assign(appUIAction, { disabled: false, visabled: true, getNoPrivDisplayMode: appUIAction.noPrivDisplayMode ? appUIAction.noPrivDisplayMode : 6 });
                            }
                        }
                    }
                }
            }
        }
    }
    /**
     * 初始化数据映射
     *
     * @memberof ListControlBase
     */
    initDataMap() {
        const dataItems = this.controlInstance.getPSDEListDataItems();
        if (dataItems && dataItems.length > 0) {
            dataItems.forEach((dataItem) => {
                this.dataMap.set(dataItem.name, { customCode: dataItem.customCode ? true : false });
            });
        }
        ;
    }
    /**
     * 列表数据加载
     *
     * @param {*} [opt={}] 额外参数
     * @returns {void}
     * @memberof ListControlBase
     */
    load(opt = {}) {
        if (!this.fetchAction) {
            this.$throw(this.$t('app.list.notconfig.fetchaction'), 'load');
            return;
        }
        const arg = Object.assign({}, opt);
        const page = {};
        if (this.isEnablePagingBar) {
            Object.assign(page, { page: this.curPage - 1, size: this.limit });
        }
        // 设置排序
        if (Util.isExistAndNotEmpty(this.minorSortDir) && Util.isExistAndNotEmpty(this.minorSortPSDEF)) {
            const sort = this.minorSortPSDEF + ',' + this.minorSortDir;
            Object.assign(page, { sort: sort });
        }
        Object.assign(arg, page);
        const parentdata = {};
        this.ctrlEvent({
            controlname: this.name,
            action: 'beforeload',
            data: parentdata,
        });
        Object.assign(arg, parentdata);
        let tempViewParams = parentdata.viewparams ? parentdata.viewparams : opt ? opt : {};
        if (this.viewparams) {
            Object.assign(tempViewParams, JSON.parse(JSON.stringify(this.viewparams)));
        }
        const _this = this;
        Object.assign(arg, { viewparams: tempViewParams });
        let tempContext = JSON.parse(JSON.stringify(this.context));
        this.onControlRequset('load', tempContext, arg);
        const post = this.service.search(this.fetchAction, tempContext, arg, this.showBusyIndicator);
        post.then((response) => {
            _this.onControlResponse('load', response);
            if (!response || response.status !== 200) {
                this.$throw(response, 'load');
                return;
            }
            const data = response.data;
            if (!_this.isAddBehind) {
                _this.items = [];
            }
            if (data && data.length > 0) {
                let datas = JSON.parse(JSON.stringify(data));
                datas.map((item) => {
                    if (!item.srfchecked) {
                        Object.assign(item, { srfchecked: 0 });
                    }
                });
                _this.totalRecord = response.total;
                _this.items.push(...datas);
            }
            _this.isAddBehind = false;
            _this.items.forEach((item) => {
                Object.assign(item, _this.getActionState(item));
            });
            _this.ctrlEvent({
                controlname: _this.name,
                action: 'load',
                data: _this.items,
            });
            if (_this.isSelectFirstDefault) {
                if (_this.selections && _this.selections.length > 0) {
                    _this.selections.forEach((select) => {
                        const index = _this.items.findIndex((item) => Object.is(item.srfkey, select.srfkey));
                        if (index != -1) {
                            _this.handleClick(_this.items[index]);
                        }
                    });
                }
                else {
                    _this.handleClick(_this.items[0]);
                }
            }
            if (this.isEnableGroup) {
                this.group();
            }
        }, (response) => {
            _this.onControlResponse('load', response);
            this.$throw(response, 'load');
        });
    }
    /**
     * 删除
     *
     * @param {any[]} items 删除数据
     * @returns {Promise<any>}
     * @memberof ListControlBase
     */
    async remove(items) {
        if (!this.removeAction) {
            this.$throw(`${this.name}${this.$t('app.list.notconfig.removeaction')}`, 'remove');
            return;
        }
        if (items.length === 0) {
            return;
        }
        let dataInfo = '';
        items.forEach((record, index) => {
            let srfmajortext = record.srfmajortext;
            if (index < 5) {
                if (!Object.is(dataInfo, '')) {
                    dataInfo += '、';
                }
                dataInfo += srfmajortext;
            }
            else {
                return false;
            }
        });
        if (items.length < 5) {
            dataInfo = dataInfo + this.$t('app.dataview.sum') + items.length + this.$t('app.dataview.data');
        }
        else {
            dataInfo = dataInfo + '...' + this.$t('app.dataview.sum') + items.length + this.$t('app.dataview.data');
        }
        const removeData = () => {
            var _a;
            let keys = [];
            items.forEach((data) => {
                keys.push(data.srfkey);
            });
            let _removeAction = keys.length > 1 ? 'removeBatch' : this.removeAction;
            let tempContext = JSON.parse(JSON.stringify(this.context));
            Object.assign(tempContext, { [(_a = this.appDeCodeName) === null || _a === void 0 ? void 0 : _a.toLowerCase()]: keys.join(';') });
            let arg = { [this.appDeCodeName.toLowerCase()]: keys.join(';') };
            Object.assign(arg, { viewparams: this.viewparams });
            this.onControlRequset('remove', tempContext, arg);
            const post = this.service.delete(_removeAction, tempContext, arg, this.showBusyIndicator);
            return new Promise((resolve, reject) => {
                post.then((response) => {
                    this.onControlResponse('remove', response);
                    if (!response || response.status !== 200) {
                        this.$throw(this.$t('app.commonwords.deldatafail') + response.info, 'remove');
                        return;
                    }
                    else {
                        this.$success(this.$t('app.commonwords.deletesuccess'), 'remove');
                    }
                    //删除items中已删除的项
                    items.forEach((data) => {
                        this.items.some((item, index) => {
                            if (Object.is(item.srfkey, data.srfkey)) {
                                this.items.splice(index, 1);
                                return true;
                            }
                        });
                    });
                    this.ctrlEvent({
                        controlname: this.name,
                        action: 'remove',
                        data: null,
                    });
                    this.selections = [];
                    resolve(response);
                }).catch((response) => {
                    this.onControlResponse('remove', response);
                    this.$throw(response, 'remove');
                    reject(response);
                });
            });
        };
        dataInfo = dataInfo
            .replace(/[null]/g, '')
            .replace(/[undefined]/g, '')
            .replace(/[ ]/g, '');
        this.$Modal.confirm({
            title: this.$t('app.commonwords.warning'),
            content: this.$t('app.grid.confirmdel') + dataInfo + this.$t('app.grid.notrecoverable'),
            onOk: () => {
                removeData();
            },
            onCancel: () => { },
        });
        return removeData;
    }
    /**
     * 保存
     *
     * @param {*} args 额外参数
     * @return {*}
     * @memberof ListControlBase
     */
    async save(args) {
        let _this = this;
        let successItems = [];
        let errorItems = [];
        let errorMessage = [];
        for (const item of _this.items) {
            try {
                if (Object.is(item.rowDataState, 'create')) {
                    if (!this.createAction) {
                        this.$throw(`${this.controlInstance.codeName}` + this.$t('app.list.notconfig.createaction'), 'save');
                    }
                    else {
                        Object.assign(item, { viewparams: this.viewparams });
                        let tempContext = JSON.parse(JSON.stringify(this.context));
                        this.onControlRequset('create', tempContext, item);
                        let response = await this.service.add(this.createAction, tempContext, item, this.showBusyIndicator);
                        this.onControlResponse('create', response);
                        successItems.push(JSON.parse(JSON.stringify(response.data)));
                    }
                }
                else if (Object.is(item.rowDataState, 'update')) {
                    if (!this.updateAction) {
                        this.$throw(`${this.controlInstance.codeName}` + this.$t('app.list.notconfig.updateaction'), 'save');
                    }
                    else {
                        Object.assign(item, { viewparams: this.viewparams });
                        if (this.appDeCodeName && item[this.appDeCodeName]) {
                            Object.assign(this.context, { [this.appDeCodeName]: item[this.appDeCodeName] });
                        }
                        let tempContext = JSON.parse(JSON.stringify(this.context));
                        this.onControlRequset('update', tempContext, item);
                        let response = await this.service.add(this.updateAction, tempContext, item, this.showBusyIndicator);
                        this.onControlResponse('update', response);
                        successItems.push(JSON.parse(JSON.stringify(response.data)));
                    }
                }
            }
            catch (error) {
                this.onControlResponse('save', error);
                errorItems.push(JSON.parse(JSON.stringify(item)));
                errorMessage.push(error);
            }
        }
        this.$emit('ctrl-event', { controlname: this.name, action: "save", data: successItems });
        this.refresh();
        if (errorItems.length === 0) {
            if ((args === null || args === void 0 ? void 0 : args.showResultInfo) || (args && !args.hasOwnProperty('showResultInfo'))) {
                this.$success(this.$t('app.commonwords.savesuccess'), 'save');
            }
        }
        else {
            errorItems.forEach((item, index) => {
                this.$throw(item.majorentityname + this.$t('app.commonwords.savefailed') + '!', 'save');
                this.$throw(errorMessage[index], 'save');
            });
        }
        return successItems;
    }
    /**
     * 获取选中数据
     *
     * @returns {any[]}
     * @memberof GridControlBase
     */
    getSelection() {
        return this.selections;
    }
    /**
     * 清除当前所有选中状态
     *
     * @memberof ListControlBase
     */
    clearSelection() {
        this.items.map((item) => {
            Object.assign(item, { srfchecked: 0 });
        });
    }
    /**
     * 加载更多
     *
     * @memberof ListControlBase
     */
    loadMore() {
        if (this.totalRecord > this.items.length) {
            this.curPage = ++this.curPage;
            this.isAddBehind = true;
            this.load({});
        }
    }
    /**
     * 刷新
     *
     * @param {*} [args] 额外参数
     * @memberof ListControlBase
     */
    refresh(args) {
        this.isAddBehind = false;
        this.load(args);
    }
    /**
     * 行单击事件
     *
     * @param {*} args 行数据
     * @memberof ListControlBase
     */
    handleClick(args) {
        if (this.mDCtrlActiveMode === 1) {
            this.ctrlEvent({ controlname: this.name, action: 'rowclick', data: args });
            return;
        }
        if (this.isSingleSelect) {
            this.clearSelection();
        }
        args.srfchecked = Number(!args.srfchecked);
        this.selectchange();
        this.$forceUpdate();
    }
    /**
     * 触发事件
     * @memberof ListControlBase
     *
     */
    selectchange() {
        this.selections = [];
        this.items.map((item) => {
            if (item.srfchecked === 1) {
                this.selections.push(item);
            }
        });
        this.ctrlEvent({
            controlname: this.name,
            action: 'selectionchange',
            data: this.selections,
        });
    }
    /**
     * 双击事件
     *
     * @param {*} args 数据
     * @memberof ListControlBase
     */
    handleDblClick(args) {
        if (this.mDCtrlActiveMode !== 0) {
            this.ctrlEvent({ controlname: this.name, action: 'rowdblclick', data: args });
        }
    }
    /**
     * 处理操作列点击
     *
     * @param {*} data 行数据
     * @param {*} event 事件源
     * @param {*} item 列表项模型
     * @param {*} detail 操作列模型
     * @memberof ListControlBase
     */
    handleActionClick(data, event, item, detail) {
        var _a;
        AppViewLogicService.getInstance().executeViewLogic(this.getViewLogicTag('list', item.dataItemName, detail.name), event, this, data, (_a = this.controlInstance) === null || _a === void 0 ? void 0 : _a.getPSAppViewLogics());
    }
    /**
     * 面板数据变化处理事件
     * @param {any} item 当前列数据
     * @param {any} $event 面板事件数据
     *
     * @memberof ListControlBase
     */
    onPanelDataChange(item, $event) {
        Object.assign(item, $event, { rowDataState: 'update' });
    }
    /**
     * 计算部件所需参数
     *
     * @param {*} controlInstance 部件模型对象
     * @param {*} item 列表行数据
     * @returns
     * @memberof ListControlBase
     */
    computeTargetCtrlData(controlInstance, item) {
        const { targetCtrlName, targetCtrlParam, targetCtrlEvent } = super.computeTargetCtrlData(controlInstance);
        Object.assign(targetCtrlParam.dynamicProps, {
            navdatas: [item],
        });
        Object.assign(targetCtrlParam.staticProps, {
            transformData: this.transformData,
            opendata: this.opendata,
            newdata: this.newdata,
            remove: this.remove,
            refresh: this.refresh,
            dataMap: this.dataMap,
        });
        targetCtrlEvent['ctrl-event'] = ({ controlname, action, data }) => {
            this.onCtrlEvent(controlname, action, { item: item, data: data });
        };
        return { targetCtrlName, targetCtrlParam, targetCtrlEvent };
    }
    /**
     * 获取界面行为权限状态
     *
     * @param {*} data 当前列表行数据
     * @memberof ListControlBase
     */
    getActionState(data) {
        let tempActionModel = JSON.parse(JSON.stringify(this.actionModel));
        let targetData = this.transformData(data);
        ViewTool.calcActionItemAuthState(targetData, tempActionModel, this.appUIService);
        return tempActionModel;
    }
    /**
     * 节流
     *
     * @param {*} fn 方法
     * @param {number} wait 等待时间
     * @return {*}
     * @memberof ListControlBase
     */
    throttle(fn, wait) {
        let time = 0;
        return () => {
            let now = Date.now();
            let args = arguments;
            if (now - time > wait) {
                fn.apply(this, args);
                time = now;
            }
        };
    }
    drawGroup() {
        let data = [...this.items];
        let groups = [];
        data.forEach((item) => {
            if (item.hasOwnProperty(this.groupField)) {
                groups.push(item[this.groupField]);
            }
        });
        groups = [...new Set(groups)];
        if (groups.length == 0) {
            LogUtil.warn('分组数据无效');
        }
        let groupTree = [];
        groups.forEach((group, i) => {
            let children = [];
            data.forEach((item, j) => {
                if (Object.is(group, item[this.groupField])) {
                    children.push(item);
                }
            });
            group = group ? group : this.$t('app.commonWords.other');
            const tree = {
                group: group,
                children: children
            };
            groupTree.push(tree);
        });
        this.groupData = [...groupTree];
    }
    async drawCodelistGroup() {
        if (!this.groupCodeList || !this.groupCodeList.codeName) {
            return;
        }
        let groupTree = [];
        let data = [...this.items];
        let groupCodelist = await this.codeListService.getDataItems({
            tag: this.groupCodeList.codeName,
            type: this.groupCodeList.codeListType,
            context: this.context,
            viewparams: this.viewparams
        });
        if (groupCodelist.length == 0) {
            console.warn("分组数据无效");
        }
        groupCodelist.forEach((group, i) => {
            let children = [];
            data.forEach((item, j) => {
                if (Object.is(group.value, item[this.groupField])) {
                    children.push(item);
                }
            });
            const tree = {
                group: group.label,
                children: children
            };
            groupTree.push(tree);
        });
        let child = [];
        data.forEach((item) => {
            let i = 0;
            i = groupCodelist.findIndex((group) => Object.is(group.value, item[this.groupField]));
            if (i < 0) {
                child.push(item);
            }
        });
        const Tree = {
            group: this.$t('app.commonWords.other'),
            children: child
        };
        if (child && child.length > 0) {
            groupTree.push(Tree);
        }
        this.groupData = [...groupTree];
    }
}