@delon/abc 12.3.0 → 13.0.0-beta.1

package/fesm2015/table.js

@@ -1,2002 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, Directive, TemplateRef, Host, Input, Optional, Inject, ViewContainerRef, ComponentFactoryResolver, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, ElementRef, ViewChild, Output, NgModule } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { ACLService, DelonACLModule } from '@delon/acl';
-import { ALAIN_I18N_TOKEN, _HttpClient, DatePipe, YNPipe, ModalHelper, DrawerHelper, DelonLocaleService } from '@delon/theme';
-import { warn, deepCopy, deepGet, deepMergeKey } from '@delon/util/other';
-import { DecimalPipe, DOCUMENT, CommonModule } from '@angular/common';
-import { HttpParams } from '@angular/common/http';
-import { of, Subject, from, isObservable } from 'rxjs';
-import { map, takeUntil, filter } from 'rxjs/operators';
-import { CurrencyService } from '@delon/util/format';
-import { __awaiter, __decorate } from 'tslib';
-import { XlsxService } from '@delon/abc/xlsx';
-import { Router } from '@angular/router';
-import { AlainConfigService } from '@delon/util/config';
-import { toBoolean, InputNumber, InputBoolean } from '@delon/util/decorator';
-import { NzContextMenuService, NzDropDownModule } from 'ng-zorro-antd/dropdown';
-import { FormsModule } from '@angular/forms';
-import { LetModule } from '@delon/abc/let';
-import { NzBadgeModule } from 'ng-zorro-antd/badge';
-import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
-import { NzDividerModule } from 'ng-zorro-antd/divider';
-import { NzIconModule } from 'ng-zorro-antd/icon';
-import { NzInputModule } from 'ng-zorro-antd/input';
-import { NzMenuModule } from 'ng-zorro-antd/menu';
-import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm';
-import { NzRadioModule } from 'ng-zorro-antd/radio';
-import { NzResizableModule } from 'ng-zorro-antd/resizable';
-import { NzTableModule } from 'ng-zorro-antd/table';
-import { NzTagModule } from 'ng-zorro-antd/tag';
-import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
-
-class STRowSource {
-    constructor() {
-        this.titles = {};
-        this.rows = {};
-    }
-    add(type, path, ref) {
-        this[type === 'title' ? 'titles' : 'rows'][path] = ref;
-    }
-    getTitle(path) {
-        return this.titles[path];
-    }
-    getRow(path) {
-        return this.rows[path];
-    }
-}
-STRowSource.decorators = [
-    { type: Injectable }
-];
-class STRowDirective {
-    constructor(ref, source) {
-        this.ref = ref;
-        this.source = source;
-    }
-    ngOnInit() {
-        this.source.add(this.type, this.id, this.ref);
-    }
-}
-STRowDirective.decorators = [
-    { type: Directive, args: [{ selector: '[st-row]' },] }
-];
-STRowDirective.ctorParameters = () => [
-    { type: TemplateRef },
-    { type: STRowSource, decorators: [{ type: Host }] }
-];
-STRowDirective.propDecorators = {
-    id: [{ type: Input, args: ['st-row',] }],
-    type: [{ type: Input }]
-};
-
-class STWidgetRegistry {
-    constructor() {
-        this._widgets = {};
-    }
-    get widgets() {
-        return this._widgets;
-    }
-    register(type, widget) {
-        this._widgets[type] = widget;
-    }
-    has(type) {
-        return this._widgets.hasOwnProperty(type);
-    }
-    get(type) {
-        return this._widgets[type];
-    }
-}
-STWidgetRegistry.ɵprov = i0.ɵɵdefineInjectable({ factory: function STWidgetRegistry_Factory() { return new STWidgetRegistry(); }, token: STWidgetRegistry, providedIn: "root" });
-STWidgetRegistry.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-
-class STColumnSource {
-    constructor(dom, rowSource, acl, i18nSrv, stWidgetRegistry) {
-        this.dom = dom;
-        this.rowSource = rowSource;
-        this.acl = acl;
-        this.i18nSrv = i18nSrv;
-        this.stWidgetRegistry = stWidgetRegistry;
-    }
-    setCog(val) {
-        this.cog = val;
-    }
-    fixPop(i, def) {
-        if (i.pop == null || i.pop === false) {
-            i.pop = false;
-            return;
-        }
-        let pop = Object.assign({}, def);
-        if (typeof i.pop === 'string') {
-            pop.title = i.pop;
-        }
-        else if (typeof i.pop === 'object') {
-            pop = Object.assign(Object.assign({}, pop), i.pop);
-        }
-        if (typeof pop.condition !== 'function') {
-            pop.condition = () => false;
-        }
-        i.pop = pop;
-    }
-    btnCoerce(list) {
-        if (!list)
-            return [];
-        const ret = [];
-        const { modal, drawer, pop, btnIcon } = this.cog;
-        for (const item of list) {
-            if (this.acl && item.acl && !this.acl.can(item.acl)) {
-                continue;
-            }
-            if (item.type === 'modal' || item.type === 'static') {
-                if (item.modal == null || item.modal.component == null) {
-                    console.warn(`[st] Should specify modal parameter when type is modal or static`);
-                    item.type = 'none';
-                }
-                else {
-                    item.modal = Object.assign(Object.assign({ paramsName: 'record', size: 'lg' }, modal), item.modal);
-                }
-            }
-            if (item.type === 'drawer') {
-                if (item.drawer == null || item.drawer.component == null) {
-                    console.warn(`[st] Should specify drawer parameter when type is drawer`);
-                    item.type = 'none';
-                }
-                else {
-                    item.drawer = Object.assign(Object.assign({ paramsName: 'record', size: 'lg' }, drawer), item.drawer);
-                }
-            }
-            if (item.type === 'del' && typeof item.pop === 'undefined') {
-                item.pop = true;
-            }
-            // pop
-            this.fixPop(item, pop);
-            if (item.icon) {
-                item.icon = Object.assign(Object.assign({}, btnIcon), (typeof item.icon === 'string' ? { type: item.icon } : item.icon));
-            }
-            item.children = item.children && item.children.length > 0 ? this.btnCoerce(item.children) : [];
-            // i18n
-            if (item.i18n && this.i18nSrv) {
-                item.text = this.i18nSrv.fanyi(item.i18n);
-            }
-            ret.push(item);
-        }
-        this.btnCoerceIf(ret);
-        return ret;
-    }
-    btnCoerceIf(list) {
-        for (const item of list) {
-            if (!item.iif)
-                item.iif = () => true;
-            item.iifBehavior = item.iifBehavior || this.cog.iifBehavior;
-            if (item.children && item.children.length > 0) {
-                this.btnCoerceIf(item.children);
-            }
-            else {
-                item.children = [];
-            }
-        }
-    }
-    fixedCoerce(list) {
-        const countReduce = (a, b) => a + +b.width.toString().replace('px', '');
-        // left width
-        list
-            .filter(w => w.fixed && w.fixed === 'left' && w.width)
-            .forEach((item, idx) => (item._left = `${list.slice(0, idx).reduce(countReduce, 0)}px`));
-        // right width
-        list
-            .filter(w => w.fixed && w.fixed === 'right' && w.width)
-            .reverse()
-            .forEach((item, idx) => (item._right = `${idx > 0 ? list.slice(-idx).reduce(countReduce, 0) : 0}px`));
-    }
-    sortCoerce(item) {
-        const res = this.fixSortCoerce(item);
-        res.reName = Object.assign(Object.assign({}, this.cog.sortReName), res.reName);
-        return res;
-    }
-    fixSortCoerce(item) {
-        if (typeof item.sort === 'undefined') {
-            return { enabled: false };
-        }
-        let res = {};
-        if (typeof item.sort === 'string') {
-            res.key = item.sort;
-        }
-        else if (typeof item.sort !== 'boolean') {
-            res = item.sort;
-        }
-        else if (typeof item.sort === 'boolean') {
-            res.compare = (a, b) => a[item.indexKey] - b[item.indexKey];
-        }
-        if (!res.key) {
-            res.key = item.indexKey;
-        }
-        res.enabled = true;
-        return res;
-    }
-    filterCoerce(item) {
-        if (item.filter == null) {
-            return null;
-        }
-        let res = item.filter;
-        res.type = res.type || 'default';
-        let icon = 'filter';
-        let iconTheme = 'fill';
-        if (res.type === 'keyword') {
-            if (res.menus == null || res.menus.length === 0) {
-                res.menus = [{ value: '' }];
-            }
-            icon = 'search';
-            iconTheme = 'outline';
-        }
-        if (res.menus.length === 0) {
-            return null;
-        }
-        if (typeof res.multiple === 'undefined') {
-            res.multiple = true;
-        }
-        res.confirmText = res.confirmText || this.cog.filterConfirmText;
-        res.clearText = res.clearText || this.cog.filterClearText;
-        res.key = res.key || item.indexKey;
-        res.icon = res.icon || icon;
-        const baseIcon = { type: icon, theme: iconTheme };
-        if (typeof res.icon === 'string') {
-            res.icon = Object.assign(Object.assign({}, baseIcon), { type: res.icon });
-        }
-        else {
-            res.icon = Object.assign(Object.assign({}, baseIcon), res.icon);
-        }
-        this.updateDefault(res);
-        if (this.acl) {
-            res.menus = res.menus.filter(w => this.acl.can(w.acl));
-        }
-        if (res.menus.length <= 0) {
-            res = null;
-        }
-        return res;
-    }
-    restoreRender(item) {
-        if (item.renderTitle) {
-            item.__renderTitle =
-                typeof item.renderTitle === 'string'
-                    ? this.rowSource.getTitle(item.renderTitle)
-                    : item.renderTitle;
-        }
-        if (item.render) {
-            item.__render =
-                typeof item.render === 'string' ? this.rowSource.getRow(item.render) : item.render;
-        }
-    }
-    widgetCoerce(item) {
-        var _a;
-        if (item.type !== 'widget')
-            return;
-        if (item.widget == null || !this.stWidgetRegistry.has(item.widget.type)) {
-            delete item.type;
-            warn(`st: No widget for type "${(_a = item.widget) === null || _a === void 0 ? void 0 : _a.type}"`);
-        }
-    }
-    genHeaders(rootColumns) {
-        const rows = [];
-        const widths = [];
-        const fillRowCells = (columns, colIndex, rowIndex = 0) => {
-            // Init rows
-            rows[rowIndex] = rows[rowIndex] || [];
-            let currentColIndex = colIndex;
-            const colSpans = columns.map(column => {
-                const cell = {
-                    column,
-                    colStart: currentColIndex,
-                    hasSubColumns: false
-                };
-                let colSpan = 1;
-                const subColumns = column.children;
-                if (Array.isArray(subColumns) && subColumns.length > 0) {
-                    colSpan = fillRowCells(subColumns, currentColIndex, rowIndex + 1).reduce((total, count) => total + count, 0);
-                    cell.hasSubColumns = true;
-                }
-                else {
-                    widths.push(cell.column.width || '');
-                }
-                if ('colSpan' in column) {
-                    colSpan = column.colSpan;
-                }
-                if ('rowSpan' in column) {
-                    cell.rowSpan = column.rowSpan;
-                }
-                cell.colSpan = colSpan;
-                cell.colEnd = cell.colStart + colSpan - 1;
-                rows[rowIndex].push(cell);
-                currentColIndex += colSpan;
-                return colSpan;
-            });
-            return colSpans;
-        };
-        fillRowCells(rootColumns, 0);
-        // Handle `rowSpan`
-        const rowCount = rows.length;
-        for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
-            rows[rowIndex].forEach(cell => {
-                if (!('rowSpan' in cell) && !cell.hasSubColumns) {
-                    cell.rowSpan = rowCount - rowIndex;
-                }
-            });
-        }
-        return { headers: rows, headerWidths: rowCount > 1 ? widths : null };
-    }
-    cleanCond(list) {
-        const res = [];
-        const copyList = deepCopy(list);
-        for (const item of copyList) {
-            if (item.iif && !item.iif(item)) {
-                continue;
-            }
-            if (this.acl && item.acl && !this.acl.can(item.acl)) {
-                continue;
-            }
-            if (Array.isArray(item.children) && item.children.length > 0) {
-                item.children = this.cleanCond(item.children);
-            }
-            res.push(item);
-        }
-        return res;
-    }
-    process(list, options) {
-        if (!list || list.length === 0)
-            throw new Error(`[st]: the columns property muse be define!`);
-        const { noIndex } = this.cog;
-        let checkboxCount = 0;
-        let radioCount = 0;
-        let point = 0;
-        const columns = [];
-        const processItem = (item) => {
-            var _a, _b;
-            // index
-            if (item.index) {
-                if (!Array.isArray(item.index)) {
-                    item.index = item.index.toString().split('.');
-                }
-                item.indexKey = item.index.join('.');
-            }
-            // #region title
-            const tit = (typeof item.title === 'string' ? { text: item.title } : item.title) || {};
-            if (tit.i18n && this.i18nSrv) {
-                tit.text = this.i18nSrv.fanyi(tit.i18n);
-            }
-            if (tit.text) {
-                tit._text = this.dom.bypassSecurityTrustHtml(tit.text);
-            }
-            item.title = tit;
-            // #endregion
-            // no
-            if (item.type === 'no') {
-                item.noIndex = item.noIndex == null ? noIndex : item.noIndex;
-            }
-            // checkbox
-            if (item.selections == null) {
-                item.selections = [];
-            }
-            if (item.type === 'checkbox') {
-                ++checkboxCount;
-                if (!item.width) {
-                    item.width = `${item.selections.length > 0 ? 62 : 50}px`;
-                }
-            }
-            if (this.acl) {
-                item.selections = item.selections.filter(w => this.acl.can(w.acl));
-            }
-            // radio
-            if (item.type === 'radio') {
-                ++radioCount;
-                item.selections = [];
-                if (!item.width) {
-                    item.width = '50px';
-                }
-            }
-            // types
-            if (item.type === 'yn') {
-                item.yn = Object.assign(Object.assign({ truth: true }, this.cog.yn), item.yn);
-            }
-            // date
-            if (item.type === 'date') {
-                item.dateFormat = item.dateFormat || ((_a = this.cog.date) === null || _a === void 0 ? void 0 : _a.format);
-            }
-            if ((item.type === 'link' && typeof item.click !== 'function') ||
-                (item.type === 'badge' && item.badge == null) ||
-                (item.type === 'tag' && item.tag == null) ||
-                (item.type === 'enum' && item.enum == null)) {
-                item.type = '';
-            }
-            item._isTruncate = !!item.width && options.widthMode.strictBehavior === 'truncate' && item.type !== 'img';
-            // className
-            if (!item.className) {
-                item.className = {
-                    number: 'text-right',
-                    currency: 'text-right',
-                    date: 'text-center'
-                }[item.type];
-            }
-            item._className = item.className || (item._isTruncate ? 'text-truncate' : null);
-            // width
-            if (typeof item.width === 'number') {
-                item._width = item.width;
-                item.width = `${item.width}px`;
-            }
-            item._left = false;
-            item._right = false;
-            item.safeType = (_b = item.safeType) !== null && _b !== void 0 ? _b : options.safeType;
-            // sorter
-            item._sort = this.sortCoerce(item);
-            // filter
-            item.filter = this.filterCoerce(item);
-            // buttons
-            item.buttons = this.btnCoerce(item.buttons);
-            // widget
-            this.widgetCoerce(item);
-            // restore custom row
-            this.restoreRender(item);
-            // resizable
-            item.resizable = Object.assign(Object.assign({ disabled: true, bounds: 'window', minWidth: 60, maxWidth: 360, preview: true }, options.resizable), (typeof item.resizable === 'boolean' ? { disabled: !item.resizable } : item.resizable));
-            item.__point = point++;
-            return item;
-        };
-        const processList = (data) => {
-            for (const item of data) {
-                columns.push(processItem(item));
-                if (Array.isArray(item.children)) {
-                    processList(item.children);
-                }
-            }
-        };
-        const copyList = this.cleanCond(list);
-        processList(copyList);
-        if (checkboxCount > 1) {
-            throw new Error(`[st]: just only one column checkbox`);
-        }
-        if (radioCount > 1) {
-            throw new Error(`[st]: just only one column radio`);
-        }
-        this.fixedCoerce(columns);
-        return Object.assign({ columns: columns.filter(w => !Array.isArray(w.children) || w.children.length === 0) }, this.genHeaders(copyList));
-    }
-    restoreAllRender(columns) {
-        columns.forEach(i => this.restoreRender(i));
-    }
-    updateDefault(filter) {
-        if (filter.type === 'default') {
-            filter.default = filter.menus.findIndex(w => w.checked) !== -1;
-        }
-        else {
-            filter.default = !!filter.menus[0].value;
-        }
-        return this;
-    }
-    cleanFilter(col) {
-        const f = col.filter;
-        f.default = false;
-        if (f.type === 'default') {
-            f.menus.forEach(i => (i.checked = false));
-        }
-        else {
-            f.menus[0].value = undefined;
-        }
-        return this;
-    }
-}
-STColumnSource.decorators = [
-    { type: Injectable }
-];
-STColumnSource.ctorParameters = () => [
-    { type: DomSanitizer },
-    { type: STRowSource, decorators: [{ type: Host }] },
-    { type: ACLService, decorators: [{ type: Optional }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [ALAIN_I18N_TOKEN,] }] },
-    { type: STWidgetRegistry }
-];
-
-class STDataSource {
-    constructor(http, datePipe, ynPipe, numberPipe, currencySrv, dom) {
-        this.http = http;
-        this.datePipe = datePipe;
-        this.ynPipe = ynPipe;
-        this.numberPipe = numberPipe;
-        this.currencySrv = currencySrv;
-        this.dom = dom;
-        this.sortTick = 0;
-    }
-    process(options) {
-        let data$;
-        let isRemote = false;
-        const { data, res, total, page, pi, ps, paginator, columns } = options;
-        let retTotal;
-        let retPs;
-        let retList;
-        let retPi;
-        let rawData;
-        let showPage = page.show;
-        if (typeof data === 'string') {
-            isRemote = true;
-            data$ = this.getByRemote(data, options).pipe(map(result => {
-                rawData = result;
-                let ret;
-                if (Array.isArray(result)) {
-                    ret = result;
-                    retTotal = ret.length;
-                    retPs = retTotal;
-                    showPage = false;
-                }
-                else {
-                    // list
-                    ret = deepGet(result, res.reName.list, []);
-                    if (ret == null || !Array.isArray(ret)) {
-                        ret = [];
-                    }
-                    // total
-                    const resultTotal = res.reName.total && deepGet(result, res.reName.total, null);
-                    retTotal = resultTotal == null ? total || 0 : +resultTotal;
-                }
-                return deepCopy(ret);
-            }));
-        }
-        else if (Array.isArray(data)) {
-            data$ = of(data);
-        }
-        else {
-            // a cold observable
-            data$ = data;
-        }
-        if (!isRemote) {
-            data$ = data$.pipe(
-            // sort
-            map((result) => {
-                rawData = result;
-                let copyResult = deepCopy(result);
-                const sorterFn = this.getSorterFn(columns);
-                if (sorterFn) {
-                    copyResult = copyResult.sort(sorterFn);
-                }
-                return copyResult;
-            }), 
-            // filter
-            map((result) => {
-                columns
-                    .filter(w => w.filter)
-                    .forEach(c => {
-                    const filter = c.filter;
-                    const values = this.getFilteredData(filter);
-                    if (values.length === 0)
-                        return;
-                    const onFilter = filter.fn;
-                    if (typeof onFilter !== 'function') {
-                        console.warn(`[st] Muse provide the fn function in filter`);
-                        return;
-                    }
-                    result = result.filter(record => values.some(v => onFilter(v, record)));
-                });
-                return result;
-            }), 
-            // paging
-            map((result) => {
-                if (paginator && page.front) {
-                    const maxPageIndex = Math.ceil(result.length / ps);
-                    retPi = Math.max(1, pi > maxPageIndex ? maxPageIndex : pi);
-                    retTotal = result.length;
-                    if (page.show === true) {
-                        return result.slice((retPi - 1) * ps, retPi * ps);
-                    }
-                }
-                return result;
-            }));
-        }
-        // pre-process
-        if (typeof res.process === 'function') {
-            data$ = data$.pipe(map(result => res.process(result, rawData)));
-        }
-        data$ = data$.pipe(map(result => this.optimizeData({ result, columns, rowClassName: options.rowClassName })));
-        return data$.pipe(map(result => {
-            retList = result;
-            const realTotal = retTotal || total;
-            const realPs = retPs || ps;
-            return {
-                pi: retPi,
-                ps: retPs,
-                total: retTotal,
-                list: retList,
-                statistical: this.genStatistical(columns, retList, rawData),
-                pageShow: typeof showPage === 'undefined' ? realTotal > realPs : showPage
-            };
-        }));
-    }
-    get(item, col, idx) {
-        var _a;
-        try {
-            const safeHtml = col.safeType === 'safeHtml';
-            if (col.format) {
-                const formatRes = col.format(item, col, idx) || '';
-                return {
-                    text: formatRes,
-                    _text: safeHtml ? this.dom.bypassSecurityTrustHtml(formatRes) : formatRes,
-                    org: formatRes,
-                    safeType: col.safeType
-                };
-            }
-            const value = deepGet(item, col.index, col.default);
-            let text = value;
-            let color;
-            switch (col.type) {
-                case 'no':
-                    text = this.getNoIndex(item, col, idx);
-                    break;
-                case 'img':
-                    text = value ? `<img src="${value}" class="img">` : '';
-                    break;
-                case 'number':
-                    text = this.numberPipe.transform(value, col.numberDigits);
-                    break;
-                case 'currency':
-                    text = this.currencySrv.format(value, (_a = col.currency) === null || _a === void 0 ? void 0 : _a.format);
-                    break;
-                case 'date':
-                    text = value === col.default ? col.default : this.datePipe.transform(value, col.dateFormat);
-                    break;
-                case 'yn':
-                    text = this.ynPipe.transform(value === col.yn.truth, col.yn.yes, col.yn.no, col.yn.mode, false);
-                    break;
-                case 'enum':
-                    text = col.enum[value];
-                    break;
-                case 'tag':
-                case 'badge':
-                    const data = col.type === 'tag' ? col.tag : col.badge;
-                    if (data && data[text]) {
-                        const dataItem = data[text];
-                        text = dataItem.text;
-                        color = dataItem.color;
-                    }
-                    else {
-                        text = '';
-                    }
-                    break;
-            }
-            if (text == null)
-                text = '';
-            return {
-                text,
-                _text: safeHtml ? this.dom.bypassSecurityTrustHtml(text) : text,
-                org: value,
-                color,
-                safeType: col.safeType,
-                buttons: []
-            };
-        }
-        catch (ex) {
-            const text = `INVALID DATA`;
-            console.error(`Failed to get data`, item, col, ex);
-            return { text, _text: text, org: text, buttons: [], safeType: 'text' };
-        }
-    }
-    getByRemote(url, options) {
-        const { req, page, paginator, pi, ps, singleSort, multiSort, columns } = options;
-        const method = (req.method || 'GET').toUpperCase();
-        let params = {};
-        const reName = req.reName;
-        if (paginator) {
-            if (req.type === 'page') {
-                params = {
-                    [reName.pi]: page.zeroIndexed ? pi - 1 : pi,
-                    [reName.ps]: ps
-                };
-            }
-            else {
-                params = {
-                    [reName.skip]: (pi - 1) * ps,
-                    [reName.limit]: ps
-                };
-            }
-        }
-        params = Object.assign(Object.assign(Object.assign(Object.assign({}, params), req.params), this.getReqSortMap(singleSort, multiSort, columns)), this.getReqFilterMap(columns));
-        let reqOptions = {
-            params,
-            body: req.body,
-            headers: req.headers
-        };
-        if (method === 'POST' && req.allInBody === true) {
-            reqOptions = {
-                body: Object.assign(Object.assign({}, req.body), params),
-                headers: req.headers
-            };
-        }
-        if (typeof req.process === 'function') {
-            reqOptions = req.process(reqOptions);
-        }
-        if (!(reqOptions.params instanceof HttpParams)) {
-            reqOptions.params = new HttpParams({ fromObject: reqOptions.params });
-        }
-        if (typeof options.customRequest === 'function') {
-            return options.customRequest({ method, url, options: reqOptions });
-        }
-        return this.http.request(method, url, reqOptions);
-    }
-    optimizeData(options) {
-        const { result, columns, rowClassName } = options;
-        for (let i = 0, len = result.length; i < len; i++) {
-            result[i]._values = columns.map(c => {
-                if (Array.isArray(c.buttons) && c.buttons.length > 0) {
-                    return { buttons: this.genButtons(c.buttons, result[i], c), _text: '' };
-                }
-                return this.get(result[i], c, i);
-            });
-            if (rowClassName) {
-                result[i]._rowClassName = rowClassName(result[i], i);
-            }
-        }
-        return result;
-    }
-    getNoIndex(item, col, idx) {
-        return typeof col.noIndex === 'function' ? col.noIndex(item, col, idx) : col.noIndex + idx;
-    }
-    genButtons(_btns, item, col) {
-        const fn = (btns) => {
-            return deepCopy(btns).filter(btn => {
-                const result = btn.iif(item, btn, col);
-                const isRenderDisabled = btn.iifBehavior === 'disabled';
-                btn._result = result;
-                btn._disabled = !result && isRenderDisabled;
-                if (btn.children.length > 0) {
-                    btn.children = fn(btn.children);
-                }
-                delete btn.iif;
-                return result || isRenderDisabled;
-            });
-        };
-        const res = fn(_btns);
-        const fnText = (btns) => {
-            for (const btn of btns) {
-                btn._text = typeof btn.text === 'function' ? btn.text(item, btn) : btn.text || '';
-                if (btn.children.length > 0) {
-                    btn.children = fnText(btn.children);
-                }
-            }
-            return btns;
-        };
-        return fnText(res);
-    }
-    // #region sort
-    getValidSort(columns) {
-        return columns.filter(item => item._sort && item._sort.enabled && item._sort.default).map(item => item._sort);
-    }
-    getSorterFn(columns) {
-        const sortList = this.getValidSort(columns);
-        if (sortList.length === 0) {
-            return;
-        }
-        const sortItem = sortList[0];
-        if (sortItem.compare === null) {
-            return;
-        }
-        if (typeof sortItem.compare !== 'function') {
-            console.warn(`[st] Muse provide the compare function in sort`);
-            return;
-        }
-        return (a, b) => {
-            const result = sortItem.compare(a, b);
-            if (result !== 0) {
-                return sortItem.default === 'descend' ? -result : result;
-            }
-            return 0;
-        };
-    }
-    get nextSortTick() {
-        return ++this.sortTick;
-    }
-    getReqSortMap(singleSort, multiSort, columns) {
-        let ret = {};
-        const sortList = this.getValidSort(columns);
-        if (multiSort) {
-            const ms = Object.assign({ key: 'sort', separator: '-', nameSeparator: '.', keepEmptyKey: true, arrayParam: false }, multiSort);
-            const sortMap = sortList
-                .sort((a, b) => a.tick - b.tick)
-                .map(item => item.key + ms.nameSeparator + ((item.reName || {})[item.default] || item.default));
-            ret = { [ms.key]: ms.arrayParam ? sortMap : sortMap.join(ms.separator) };
-            return sortMap.length === 0 && ms.keepEmptyKey === false ? {} : ret;
-        }
-        if (sortList.length === 0)
-            return ret;
-        const mapData = sortList[0];
-        let sortFiled = mapData.key;
-        let sortValue = (sortList[0].reName || {})[mapData.default] || mapData.default;
-        if (singleSort) {
-            sortValue = sortFiled + (singleSort.nameSeparator || '.') + sortValue;
-            sortFiled = singleSort.key || 'sort';
-        }
-        ret[sortFiled] = sortValue;
-        return ret;
-    }
-    // #endregion
-    // #region filter
-    getFilteredData(filter) {
-        return filter.type === 'default' ? filter.menus.filter(f => f.checked === true) : filter.menus.slice(0, 1);
-    }
-    getReqFilterMap(columns) {
-        let ret = {};
-        columns
-            .filter(w => w.filter && w.filter.default === true)
-            .forEach(col => {
-            const filter = col.filter;
-            const values = this.getFilteredData(filter);
-            let obj = {};
-            if (filter.reName) {
-                obj = filter.reName(filter.menus, col);
-            }
-            else {
-                obj[filter.key] = values.map(i => i.value).join(',');
-            }
-            ret = Object.assign(Object.assign({}, ret), obj);
-        });
-        return ret;
-    }
-    // #endregion
-    // #region statistical
-    genStatistical(columns, list, rawData) {
-        const res = {};
-        columns.forEach((col, index) => {
-            res[col.key || col.indexKey || index] =
-                col.statistical == null ? {} : this.getStatistical(col, index, list, rawData);
-        });
-        return res;
-    }
-    getStatistical(col, index, list, rawData) {
-        var _a;
-        const val = col.statistical;
-        const item = Object.assign({ digits: 2, currency: undefined }, (typeof val === 'string' ? { type: val } : val));
-        let res = { value: 0 };
-        let currency = false;
-        if (typeof item.type === 'function') {
-            res = item.type(this.getValues(index, list), col, list, rawData);
-            currency = true;
-        }
-        else {
-            switch (item.type) {
-                case 'count':
-                    res.value = list.length;
-                    break;
-                case 'distinctCount':
-                    res.value = this.getValues(index, list).filter((value, idx, self) => self.indexOf(value) === idx).length;
-                    break;
-                case 'sum':
-                    res.value = this.toFixed(this.getSum(index, list), item.digits);
-                    currency = true;
-                    break;
-                case 'average':
-                    res.value = this.toFixed(this.getSum(index, list) / list.length, item.digits);
-                    currency = true;
-                    break;
-                case 'max':
-                    res.value = Math.max(...this.getValues(index, list));
-                    currency = true;
-                    break;
-                case 'min':
-                    res.value = Math.min(...this.getValues(index, list));
-                    currency = true;
-                    break;
-            }
-        }
-        if (item.currency === true || (item.currency == null && currency === true)) {
-            res.text = this.currencySrv.format(res.value, (_a = col.currency) === null || _a === void 0 ? void 0 : _a.format);
-        }
-        else {
-            res.text = String(res.value);
-        }
-        return res;
-    }
-    toFixed(val, digits) {
-        if (isNaN(val) || !isFinite(val)) {
-            return 0;
-        }
-        return parseFloat(val.toFixed(digits));
-    }
-    getValues(index, list) {
-        return list.map(i => i._values[index].org).map(i => (i === '' || i == null ? 0 : i));
-    }
-    getSum(index, list) {
-        return this.getValues(index, list).reduce((p, i) => (p += parseFloat(String(i))), 0);
-    }
-}
-STDataSource.decorators = [
-    { type: Injectable }
-];
-STDataSource.ctorParameters = () => [
-    { type: _HttpClient },
-    { type: DatePipe, decorators: [{ type: Host }] },
-    { type: YNPipe, decorators: [{ type: Host }] },
-    { type: DecimalPipe, decorators: [{ type: Host }] },
-    { type: CurrencyService },
-    { type: DomSanitizer }
-];
-
-class STExport {
-    constructor(xlsxSrv) {
-        this.xlsxSrv = xlsxSrv;
-    }
-    _stGet(item, col, index, colIndex) {
-        const ret = { t: 's', v: '' };
-        if (col.format) {
-            ret.v = col.format(item, col, index);
-        }
-        else {
-            const val = item._values ? item._values[colIndex].text : deepGet(item, col.index, '');
-            ret.v = val;
-            if (val != null) {
-                switch (col.type) {
-                    case 'currency':
-                        ret.t = 'n';
-                        break;
-                    case 'date':
-                        // Can't be a empty value, it will cause `#NULL!`
-                        // See https://github.com/SheetJS/sheetjs/blob/master/docbits/52_datatype.md
-                        if (`${val}`.length > 0) {
-                            ret.t = 'd';
-                            // Number Formats: https://github.com/SheetJS/sheetjs/blob/master/docbits/63_numfmt.md
-                            ret.z = col.dateFormat;
-                        }
-                        break;
-                    case 'yn':
-                        const yn = col.yn;
-                        ret.v = val === yn.truth ? yn.yes : yn.no;
-                        break;
-                }
-            }
-        }
-        ret.v = ret.v || '';
-        return ret;
-    }
-    genSheet(opt) {
-        const sheets = {};
-        const sheet = (sheets[opt.sheetname || 'Sheet1'] = {});
-        const dataLen = opt.data.length;
-        let validColCount = 0;
-        let loseCount = 0;
-        const columns = opt.columens;
-        if (columns.findIndex(w => w._width != null) !== -1) {
-            // wpx: width in screen pixels https://github.com/SheetJS/sheetjs#column-properties
-            sheet['!cols'] = columns.map(col => ({ wpx: col._width }));
-        }
-        for (let colIdx = 0; colIdx < columns.length; colIdx++) {
-            const col = columns[colIdx];
-            if (col.exported === false || !col.index || !(!col.buttons || col.buttons.length === 0)) {
-                ++loseCount;
-                continue;
-            }
-            ++validColCount;
-            const columnName = this.xlsxSrv.numberToSchema(colIdx + 1 - loseCount);
-            sheet[`${columnName}1`] = {
-                t: 's',
-                v: typeof col.title === 'object' ? col.title.text : col.title
-            };
-            for (let dataIdx = 0; dataIdx < dataLen; dataIdx++) {
-                sheet[`${columnName}${dataIdx + 2}`] = this._stGet(opt.data[dataIdx], col, dataIdx, colIdx);
-            }
-        }
-        if (validColCount > 0 && dataLen > 0) {
-            sheet['!ref'] = `A1:${this.xlsxSrv.numberToSchema(validColCount)}${dataLen + 1}`;
-        }
-        return sheets;
-    }
-    export(opt) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const sheets = this.genSheet(opt);
-            return this.xlsxSrv.export({
-                sheets,
-                filename: opt.filename,
-                callback: opt.callback
-            });
-        });
-    }
-}
-STExport.decorators = [
-    { type: Injectable }
-];
-STExport.ctorParameters = () => [
-    { type: XlsxService, decorators: [{ type: Optional }] }
-];
-
-class STWidgetHostDirective {
-    constructor(stWidgetRegistry, viewContainerRef, componentFactoryResolver) {
-        this.stWidgetRegistry = stWidgetRegistry;
-        this.viewContainerRef = viewContainerRef;
-        this.componentFactoryResolver = componentFactoryResolver;
-    }
-    ngOnInit() {
-        const widget = this.column.widget;
-        const componentType = this.stWidgetRegistry.get(widget.type);
-        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentType);
-        this.viewContainerRef.clear();
-        const componentRef = this.viewContainerRef.createComponent(componentFactory);
-        const { record, column } = this;
-        const data = widget.params ? widget.params({ record, column }) : { record };
-        Object.keys(data).forEach(key => {
-            componentRef.instance[key] = data[key];
-        });
-    }
-}
-STWidgetHostDirective.decorators = [
-    { type: Directive, args: [{ selector: '[st-widget-host]' },] }
-];
-STWidgetHostDirective.ctorParameters = () => [
-    { type: STWidgetRegistry },
-    { type: ViewContainerRef },
-    { type: ComponentFactoryResolver }
-];
-STWidgetHostDirective.propDecorators = {
-    record: [{ type: Input }],
-    column: [{ type: Input }]
-};
-
-const ST_DEFAULT_CONFIG = {
-    pi: 1,
-    ps: 10,
-    size: 'default',
-    responsive: true,
-    responsiveHideHeaderFooter: false,
-    req: {
-        type: 'page',
-        method: 'GET',
-        allInBody: false,
-        lazyLoad: false,
-        reName: { pi: 'pi', ps: 'ps', skip: 'skip', limit: 'limit' }
-    },
-    res: {
-        reName: { list: ['list'], total: ['total'] }
-    },
-    page: {
-        front: true,
-        zeroIndexed: false,
-        position: 'bottom',
-        placement: 'right',
-        show: true,
-        showSize: false,
-        pageSizes: [10, 20, 30, 40, 50],
-        showQuickJumper: false,
-        total: true,
-        toTop: true,
-        toTopOffset: 100,
-        itemRender: null,
-        simple: false
-    },
-    modal: {
-        paramsName: 'record',
-        size: 'lg',
-        exact: true
-    },
-    drawer: {
-        paramsName: 'record',
-        size: 'md',
-        footer: true,
-        footerHeight: 55
-    },
-    pop: {
-        title: '确认删除吗？',
-        trigger: 'click',
-        placement: 'top'
-    },
-    rowClickTime: 200,
-    btnIcon: {
-        theme: 'outline',
-        spin: false
-    },
-    noIndex: 1,
-    expandRowByClick: false,
-    expandAccordion: false,
-    widthMode: {
-        type: 'default',
-        strictBehavior: 'truncate'
-    },
-    virtualItemSize: 54,
-    virtualMaxBufferPx: 200,
-    virtualMinBufferPx: 100,
-    iifBehavior: 'hide',
-    loadingDelay: 0,
-    safeType: 'safeHtml',
-    date: {
-        format: `yyyy-MM-dd HH:mm`
-    },
-    yn: {
-        truth: true,
-        yes: '是',
-        mode: 'icon'
-    }
-};
-
-class STComponent {
-    constructor(i18nSrv, cdr, router, el, exportSrv, modalHelper, drawerHelper, doc, columnSource, dataSource, delonI18n, configSrv, cms) {
-        this.cdr = cdr;
-        this.router = router;
-        this.el = el;
-        this.exportSrv = exportSrv;
-        this.modalHelper = modalHelper;
-        this.drawerHelper = drawerHelper;
-        this.doc = doc;
-        this.columnSource = columnSource;
-        this.dataSource = dataSource;
-        this.delonI18n = delonI18n;
-        this.cms = cms;
-        this.destroy$ = new Subject();
-        this.totalTpl = ``;
-        this.rowClickCount = 0;
-        this.customWidthConfig = false;
-        this._widthConfig = [];
-        this.locale = {};
-        this._loading = false;
-        this._data = [];
-        this._statistical = {};
-        this._isPagination = true;
-        this._allChecked = false;
-        this._allCheckedDisabled = false;
-        this._indeterminate = false;
-        this._headers = [];
-        this._columns = [];
-        this.contextmenuList = [];
-        this.columns = [];
-        this.ps = 10;
-        this.pi = 1;
-        this.total = 0;
-        this.loading = null;
-        this.loadingDelay = 0;
-        this.bordered = false;
-        this.showHeader = true;
-        this.expandRowByClick = false;
-        this.expandAccordion = false;
-        this.rowClickTime = 200;
-        this.responsive = true;
-        this.error = new EventEmitter();
-        this.change = new EventEmitter();
-        this.virtualScroll = false;
-        this.virtualItemSize = 54;
-        this.virtualMaxBufferPx = 200;
-        this.virtualMinBufferPx = 100;
-        this.virtualForTrackBy = index => index;
-        this.setCog(configSrv.merge('st', ST_DEFAULT_CONFIG));
-        this.delonI18n.change.pipe(takeUntil(this.destroy$)).subscribe(() => {
-            this.locale = this.delonI18n.getData('st');
-            if (this._columns.length > 0) {
-                this.updateTotalTpl();
-                this.cd();
-            }
-        });
-        i18nSrv.change
-            .pipe(takeUntil(this.destroy$), filter(() => this._columns.length > 0))
-            .subscribe(() => this.refreshColumns());
-    }
-    get req() {
-        return this._req;
-    }
-    set req(value) {
-        this._req = deepMergeKey({}, true, this.cog.req, value);
-    }
-    /** 返回体配置 */
-    get res() {
-        return this._res;
-    }
-    set res(value) {
-        const item = (this._res = deepMergeKey({}, true, this.cog.res, value));
-        const reName = item.reName;
-        if (!Array.isArray(reName.list))
-            reName.list = reName.list.split('.');
-        if (!Array.isArray(reName.total))
-            reName.total = reName.total.split('.');
-        this._res = item;
-    }
-    get page() {
-        return this._page;
-    }
-    set page(value) {
-        this._page = Object.assign(Object.assign({}, this.cog.page), value);
-        this.updateTotalTpl();
-    }
-    get multiSort() {
-        return this._multiSort;
-    }
-    set multiSort(value) {
-        if ((typeof value === 'boolean' && !toBoolean(value)) ||
-            (typeof value === 'object' && Object.keys(value).length === 0)) {
-            this._multiSort = undefined;
-            return;
-        }
-        this._multiSort = Object.assign({}, (typeof value === 'object' ? value : {}));
-    }
-    set widthMode(value) {
-        this._widthMode = Object.assign(Object.assign({}, this.cog.widthMode), value);
-    }
-    get widthMode() {
-        return this._widthMode;
-    }
-    set widthConfig(val) {
-        this._widthConfig = val;
-        this.customWidthConfig = val && val.length > 0;
-    }
-    set resizable(val) {
-        this._resizable = typeof val === 'object' ? val : { disabled: !toBoolean(val) };
-    }
-    /**
-     * Get the number of the current page
-     */
-    get count() {
-        return this._data.length;
-    }
-    /**
-     * Get the data of the current page
-     */
-    get list() {
-        return this._data;
-    }
-    get routerState() {
-        const { pi, ps, total } = this;
-        return { pi, ps, total };
-    }
-    setCog(cog) {
-        const copyMultiSort = Object.assign({}, cog.multiSort);
-        // Because multiSort.global will affect the result, it should be removed first, and multiSort will be operated again after processing.
-        delete cog.multiSort;
-        this.cog = cog;
-        Object.assign(this, cog);
-        if (copyMultiSort.global !== false) {
-            this.multiSort = copyMultiSort;
-        }
-        this.columnSource.setCog(cog);
-    }
-    cd() {
-        this.cdr.detectChanges();
-        return this;
-    }
-    renderTotal(total, range) {
-        return this.totalTpl
-            ? this.totalTpl.replace('{{total}}', total).replace('{{range[0]}}', range[0]).replace('{{range[1]}}', range[1])
-            : '';
-    }
-    changeEmit(type, data) {
-        const res = {
-            type,
-            pi: this.pi,
-            ps: this.ps,
-            total: this.total
-        };
-        if (data != null) {
-            res[type] = data;
-        }
-        this.change.emit(res);
-    }
-    // #region data
-    /**
-     * 获取过滤后所有数据
-     * - 本地数据：包含排序、过滤后不分页数据
-     * - 远程数据：不传递 `pi`、`ps` 两个参数
-     */
-    get filteredData() {
-        return this.loadData({ paginator: false }).then(res => res.list);
-    }
-    updateTotalTpl() {
-        const { total } = this.page;
-        if (typeof total === 'string' && total.length) {
-            this.totalTpl = total;
-        }
-        else if (toBoolean(total)) {
-            this.totalTpl = this.locale.total;
-        }
-        else {
-            this.totalTpl = '';
-        }
-    }
-    setLoading(val) {
-        if (this.loading == null) {
-            this._loading = val;
-            this.cdr.detectChanges();
-        }
-    }
-    loadData(options) {
-        const { pi, ps, data, req, res, page, total, singleSort, multiSort, rowClassName } = this;
-        return new Promise((resolvePromise, rejectPromise) => {
-            if (this.data$) {
-                this.data$.unsubscribe();
-            }
-            this.data$ = this.dataSource
-                .process(Object.assign({ pi,
-                ps,
-                total,
-                data,
-                req,
-                res,
-                page, columns: this._columns, singleSort,
-                multiSort,
-                rowClassName, paginator: true, customRequest: this.customRequest || this.cog.customRequest }, options))
-                .pipe(takeUntil(this.destroy$))
-                .subscribe(result => resolvePromise(result), error => {
-                console.warn('st.loadDate', error);
-                rejectPromise(error);
-            });
-        });
-    }
-    loadPageData() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.setLoading(true);
-            try {
-                const result = yield this.loadData();
-                this.setLoading(false);
-                if (typeof result.pi !== 'undefined') {
-                    this.pi = result.pi;
-                }
-                if (typeof result.ps !== 'undefined') {
-                    this.ps = result.ps;
-                }
-                if (typeof result.total !== 'undefined') {
-                    this.total = result.total;
-                }
-                if (typeof result.pageShow !== 'undefined') {
-                    this._isPagination = result.pageShow;
-                }
-                this._data = result.list;
-                this._statistical = result.statistical;
-                this.changeEmit('loaded', result.list);
-                // Should be re-render in next tike when using virtual scroll
-                // https://github.com/ng-alain/ng-alain/issues/1836
-                if (this.cdkVirtualScrollViewport) {
-                    Promise.resolve().then(() => this.cdkVirtualScrollViewport.checkViewportSize());
-                }
-                return this._refCheck();
-            }
-            catch (error) {
-                this.setLoading(false);
-                if (!this.destroy$.isStopped) {
-                    this.cdr.detectChanges();
-                    this.error.emit({ type: 'req', error });
-                }
-                return this;
-            }
-        });
-    }
-    /** 清空所有数据 */
-    clear(cleanStatus = true) {
-        if (cleanStatus) {
-            this.clearStatus();
-        }
-        this._data = [];
-        return this.cd();
-    }
-    /** 清空所有状态 */
-    clearStatus() {
-        return this.clearCheck().clearRadio().clearFilter().clearSort();
-    }
-    /**
-     * 根据页码重新加载数据
-     *
-     * @param pi 指定当前页码，默认：`1`
-     * @param extraParams 重新指定 `extraParams` 值
-     * @param options 选项
-     */
-    load(pi = 1, extraParams, options) {
-        if (pi !== -1)
-            this.pi = pi;
-        if (typeof extraParams !== 'undefined') {
-            this.req.params = options && options.merge ? Object.assign(Object.assign({}, this.req.params), extraParams) : extraParams;
-        }
-        this._change('pi', options);
-        return this;
-    }
-    /**
-     * 重新刷新当前页
-     *
-     * @param extraParams 重新指定 `extraParams` 值
-     */
-    reload(extraParams, options) {
-        return this.load(-1, extraParams, options);
-    }
-    /**
-     * 重置且重新设置 `pi` 为 `1`，包含以下值：
-     * - `check` 数据
-     * - `radio` 数据
-     * - `sort` 数据
-     * - `fileter` 数据
-     *
-     * @param extraParams 重新指定 `extraParams` 值
-     */
-    reset(extraParams, options) {
-        this.clearStatus().load(1, extraParams, options);
-        return this;
-    }
-    _toTop(enforce) {
-        var _a;
-        if (!(enforce == null ? this.page.toTop : enforce))
-            return;
-        const el = this.el.nativeElement;
-        el.scrollIntoView();
-        // fix header height
-        this.doc.documentElement.scrollTop -= this.page.toTopOffset;
-        if (this.scroll) {
-            if (this.cdkVirtualScrollViewport) {
-                this.cdkVirtualScrollViewport.scrollTo({
-                    top: 0,
-                    left: 0
-                });
-            }
-            else {
-                (_a = el.querySelector('.ant-table-body, .ant-table-content')) === null || _a === void 0 ? void 0 : _a.scrollTo(0, 0);
-            }
-        }
-    }
-    _change(type, options) {
-        if (type === 'pi' || (type === 'ps' && this.pi <= Math.ceil(this.total / this.ps))) {
-            this.loadPageData().then(() => this._toTop(options === null || options === void 0 ? void 0 : options.toTop));
-        }
-        this.changeEmit(type);
-    }
-    _click(e, item, col) {
-        e.preventDefault();
-        e.stopPropagation();
-        const res = col.click(item, this);
-        if (typeof res === 'string') {
-            this.router.navigateByUrl(res, { state: this.routerState });
-        }
-        return false;
-    }
-    closeOtherExpand(item) {
-        if (this.expandAccordion === false)
-            return;
-        this._data.filter(i => i !== item).forEach(i => (i.expand = false));
-    }
-    _rowClick(e, item, index) {
-        const el = e.target;
-        if (el.nodeName === 'INPUT')
-            return;
-        const { expand, expandRowByClick, rowClickTime } = this;
-        if (!!expand && item.showExpand !== false && expandRowByClick) {
-            item.expand = !item.expand;
-            this.closeOtherExpand(item);
-            this.changeEmit('expand', item);
-            return;
-        }
-        ++this.rowClickCount;
-        if (this.rowClickCount !== 1)
-            return;
-        setTimeout(() => {
-            const data = { e, item, index };
-            if (this.rowClickCount === 1) {
-                this._clickRowClassName(el, item, index);
-                this.changeEmit('click', data);
-            }
-            else {
-                this.changeEmit('dblClick', data);
-            }
-            this.rowClickCount = 0;
-        }, rowClickTime);
-    }
-    _clickRowClassName(el, item, index) {
-        const cr = this.clickRowClassName;
-        if (cr == null)
-            return;
-        const config = Object.assign({ exclusive: false }, (typeof cr === 'string' ? { fn: () => cr } : cr));
-        const className = config.fn(item, index);
-        const trEl = el.closest('tr');
-        if (config.exclusive) {
-            trEl.parentElement.querySelectorAll('tr').forEach((a) => a.classList.remove(className));
-        }
-        if (trEl.classList.contains(className)) {
-            trEl.classList.remove(className);
-        }
-        else {
-            trEl.classList.add(className);
-        }
-    }
-    _expandChange(item, expand) {
-        item.expand = expand;
-        this.closeOtherExpand(item);
-        this.changeEmit('expand', item);
-    }
-    _stopPropagation(ev) {
-        ev.stopPropagation();
-    }
-    /**
-     * Remove a row in the table, like this:
-     *
-     * ```
-     * this.st.removeRow(0)
-     * this.st.removeRow(stDataItem)
-     * ```
-     */
-    removeRow(data) {
-        if (typeof data === 'number') {
-            this._data.splice(data, 1);
-        }
-        else {
-            if (!Array.isArray(data)) {
-                data = [data];
-            }
-            data
-                .map(item => this._data.indexOf(item))
-                .filter(pos => pos !== -1)
-                .forEach(pos => this._data.splice(pos, 1));
-        }
-        // recalculate no
-        this._columns
-            .filter(w => w.type === 'no')
-            .forEach(c => this._data.forEach((i, idx) => {
-            const text = `${this.dataSource.getNoIndex(i, c, idx)}`;
-            i._values[c.__point] = { text, _text: text, org: idx, safeType: 'text' };
-        }));
-        return this.cd();
-    }
-    /**
-     * Sets the row value for the `index` in the table, like this:
-     *
-     * - `optinos.refreshSchema` Whether to refresh of st schemas
-     * - `optinos.emitReload` Whether to trigger a reload http request when data is url
-     *
-     * ```
-     * this.st.setRow(0, { price: 100 })
-     * this.st.setRow(0, { price: 100, name: 'asdf' })
-     * this.st.setRow(item, { price: 100 })
-     * ```
-     */
-    setRow(index, item, options) {
-        options = Object.assign({ refreshSchema: false, emitReload: false }, options);
-        if (typeof index !== 'number') {
-            index = this._data.indexOf(index);
-        }
-        this._data[index] = deepMergeKey(this._data[index], false, item);
-        this.optimizeData();
-        if (options.refreshSchema) {
-            this.resetColumns({ emitReload: options.emitReload });
-            return this;
-        }
-        this.cdr.detectChanges();
-        return this;
-    }
-    // #endregion
-    // #region sort
-    sort(col, idx, value) {
-        if (this.multiSort) {
-            col._sort.default = value;
-            col._sort.tick = this.dataSource.nextSortTick;
-        }
-        else {
-            this._columns.forEach((item, index) => (item._sort.default = index === idx ? value : null));
-        }
-        this.cdr.detectChanges();
-        this.loadPageData();
-        const res = {
-            value,
-            map: this.dataSource.getReqSortMap(this.singleSort, this.multiSort, this._columns),
-            column: col
-        };
-        this.changeEmit('sort', res);
-    }
-    clearSort() {
-        this._columns.forEach(item => (item._sort.default = null));
-        return this;
-    }
-    // #endregion
-    // #region filter
-    handleFilter(col) {
-        // 过滤表示一种数据的变化应重置页码为 `1`
-        this.pi = 1;
-        this.columnSource.updateDefault(col.filter);
-        this.loadPageData();
-        this.changeEmit('filter', col);
-    }
-    _filterConfirm(col) {
-        this.handleFilter(col);
-    }
-    _filterRadio(col, item, checked) {
-        col.filter.menus.forEach(i => (i.checked = false));
-        item.checked = checked;
-    }
-    _filterClear(col) {
-        this.columnSource.cleanFilter(col);
-        this.handleFilter(col);
-    }
-    clearFilter() {
-        this._columns.filter(w => w.filter && w.filter.default === true).forEach(col => this.columnSource.cleanFilter(col));
-        return this;
-    }
-    _filterClick($event) {
-        $event.stopPropagation();
-    }
-    // #endregion
-    // #region checkbox
-    /** 清除所有 `checkbox` */
-    clearCheck() {
-        return this._checkAll(false);
-    }
-    _refCheck() {
-        const validData = this._data.filter(w => !w.disabled);
-        const checkedList = validData.filter(w => w.checked === true);
-        this._allChecked = checkedList.length > 0 && checkedList.length === validData.length;
-        const allUnChecked = validData.every(value => !value.checked);
-        this._indeterminate = !this._allChecked && !allUnChecked;
-        this._allCheckedDisabled = this._data.length === this._data.filter(w => w.disabled).length;
-        return this.cd();
-    }
-    _checkAll(checked) {
-        checked = typeof checked === 'undefined' ? this._allChecked : checked;
-        this._data.filter(w => !w.disabled).forEach(i => (i.checked = checked));
-        return this._refCheck()._checkNotify();
-    }
-    _checkSelection(i, value) {
-        i.checked = value;
-        return this._refCheck()._checkNotify();
-    }
-    _rowSelection(row) {
-        row.select(this._data);
-        return this._refCheck()._checkNotify();
-    }
-    _checkNotify() {
-        const res = this._data.filter(w => !w.disabled && w.checked === true);
-        this.changeEmit('checkbox', res);
-        return this;
-    }
-    // #endregion
-    // #region radio
-    /** 清除所有 `radio` */
-    clearRadio() {
-        this._data.filter(w => w.checked).forEach(item => (item.checked = false));
-        this.changeEmit('radio', null);
-        return this;
-    }
-    _refRadio(checked, item) {
-        // if (item.disabled === true) return;
-        this._data.filter(w => !w.disabled).forEach(i => (i.checked = false));
-        item.checked = checked;
-        this.changeEmit('radio', item);
-        return this;
-    }
-    // #endregion
-    // #region buttons
-    _btnClick(record, btn, ev) {
-        if (ev) {
-            ev.stopPropagation();
-        }
-        if (btn.type === 'modal' || btn.type === 'static') {
-            const { modal } = btn;
-            const obj = { [modal.paramsName]: record };
-            this.modalHelper[btn.type === 'modal' ? 'create' : 'createStatic'](modal.component, Object.assign(Object.assign({}, obj), (modal.params && modal.params(record))), deepMergeKey({}, true, this.cog.modal, modal))
-                .pipe(filter(w => typeof w !== 'undefined'))
-                .subscribe((res) => this.btnCallback(record, btn, res));
-            return;
-        }
-        else if (btn.type === 'drawer') {
-            const { drawer } = btn;
-            const obj = { [drawer.paramsName]: record };
-            this.drawerHelper
-                .create(drawer.title, drawer.component, Object.assign(Object.assign({}, obj), (drawer.params && drawer.params(record))), deepMergeKey({}, true, this.cog.drawer, drawer))
-                .pipe(filter(w => typeof w !== 'undefined'))
-                .subscribe(res => this.btnCallback(record, btn, res));
-            return;
-        }
-        else if (btn.type === 'link') {
-            const clickRes = this.btnCallback(record, btn);
-            if (typeof clickRes === 'string') {
-                this.router.navigateByUrl(clickRes, { state: this.routerState });
-            }
-            return;
-        }
-        this.btnCallback(record, btn);
-    }
-    btnCallback(record, btn, modal) {
-        if (!btn.click)
-            return;
-        if (typeof btn.click === 'string') {
-            switch (btn.click) {
-                case 'load':
-                    this.load();
-                    break;
-                case 'reload':
-                    this.reload();
-                    break;
-            }
-        }
-        else {
-            return btn.click(record, modal, this);
-        }
-    }
-    // #endregion
-    // #region export
-    /**
-     * 导出当前页，确保已经注册 `XlsxModule`
-     *
-     * @param newData 重新指定数据；若为 `true` 表示使用 `filteredData` 数据
-     * @param opt 额外参数
-     */
-    export(newData, opt) {
-        const data = Array.isArray(newData)
-            ? this.dataSource.optimizeData({ columns: this._columns, result: newData })
-            : this._data;
-        (newData === true ? from(this.filteredData) : of(data)).subscribe((res) => this.exportSrv.export(Object.assign(Object.assign({ columens: this._columns }, opt), { data: res })));
-    }
-    // #endregion
-    // #region resizable
-    colResize({ width }, column) {
-        column.width = `${width}px`;
-        this.changeEmit('resize', column);
-    }
-    // #endregion
-    // #region contextmenu
-    onContextmenu(event) {
-        if (!this.contextmenu) {
-            return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        const colEl = event.target.closest('[data-col-index]');
-        if (!colEl) {
-            return;
-        }
-        const colIndex = Number(colEl.dataset.colIndex);
-        const rowIndex = Number(colEl.closest('tr').dataset.index);
-        const isTitle = isNaN(rowIndex);
-        const obs$ = this.contextmenu({
-            event,
-            type: isTitle ? 'head' : 'body',
-            rowIndex: isTitle ? null : rowIndex,
-            colIndex,
-            data: isTitle ? null : this.list[rowIndex],
-            column: this._columns[colIndex]
-        });
-        (isObservable(obs$) ? obs$ : of(obs$))
-            .pipe(takeUntil(this.destroy$), filter(res => res.length > 0))
-            .subscribe(res => {
-            this.contextmenuList = res.map(i => {
-                if (!Array.isArray(i.children)) {
-                    i.children = [];
-                }
-                return i;
-            });
-            this.cdr.detectChanges();
-            this.cms.create(event, this.contextmenuTpl);
-        });
-    }
-    // #endregion
-    get cdkVirtualScrollViewport() {
-        return this.orgTable.cdkVirtualScrollViewport;
-    }
-    resetColumns(options) {
-        options = Object.assign({ emitReload: true, preClearData: false }, options);
-        if (typeof options.columns !== 'undefined') {
-            this.columns = options.columns;
-        }
-        if (typeof options.pi !== 'undefined') {
-            this.pi = options.pi;
-        }
-        if (typeof options.ps !== 'undefined') {
-            this.ps = options.ps;
-        }
-        if (options.emitReload) {
-            // Should clean data, Because of changing columns may cause inaccurate data
-            options.preClearData = true;
-        }
-        if (options.preClearData) {
-            this._data = [];
-        }
-        this.refreshColumns();
-        if (options.emitReload) {
-            return this.loadPageData();
-        }
-        else {
-            this.cd();
-            return Promise.resolve(this);
-        }
-    }
-    refreshColumns() {
-        const res = this.columnSource.process(this.columns, {
-            widthMode: this.widthMode,
-            resizable: this._resizable,
-            safeType: this.cog.safeType
-        });
-        this._columns = res.columns;
-        this._headers = res.headers;
-        if (this.customWidthConfig === false && res.headerWidths != null) {
-            this._widthConfig = res.headerWidths;
-        }
-        return this;
-    }
-    optimizeData() {
-        this._data = this.dataSource.optimizeData({
-            columns: this._columns,
-            result: this._data,
-            rowClassName: this.rowClassName
-        });
-    }
-    /**
-     * Return pure data, `st` internally maintains a set of data for caching, this part of data may affect the backend
-     *
-     * 返回纯净数据，`st` 内部会维护一组用于缓存的数据，这部分数据可能会影响后端
-     */
-    pureItem(itemOrIndex) {
-        if (typeof itemOrIndex === 'number') {
-            itemOrIndex = this._data[itemOrIndex];
-        }
-        if (!itemOrIndex) {
-            return null;
-        }
-        const copyItem = deepCopy(itemOrIndex);
-        delete copyItem._values;
-        return copyItem;
-    }
-    ngAfterViewInit() {
-        this.columnSource.restoreAllRender(this._columns);
-    }
-    ngOnChanges(changes) {
-        if (changes.columns) {
-            this.refreshColumns().optimizeData();
-        }
-        const changeData = changes.data;
-        if (changeData && changeData.currentValue && !(this.req.lazyLoad && changeData.firstChange)) {
-            this.loadPageData();
-        }
-        if (changes.loading) {
-            this._loading = changes.loading.currentValue;
-        }
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-}
-STComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'st',
-                exportAs: 'st',
-                template: "<ng-template #btnTpl let-i let-btn=\"btn\">\n  <ng-container *ngIf=\"!btn.tooltip\">\n    <ng-template [ngTemplateOutlet]=\"btnItemTpl\" [ngTemplateOutletContext]=\"{ $implicit: i, btn: btn }\"></ng-template>\n  </ng-container>\n  <span *ngIf=\"btn.tooltip\" nz-tooltip [nzTooltipTitle]=\"btn.tooltip\">\n    <ng-template [ngTemplateOutlet]=\"btnItemTpl\" [ngTemplateOutletContext]=\"{ $implicit: i, btn: btn }\"></ng-template>\n  </span>\n</ng-template>\n<ng-template #btnItemTpl let-i let-btn=\"btn\">\n  <a\n    *ngIf=\"btn.pop\"\n    nz-popconfirm\n    [nzPopconfirmTitle]=\"btn.pop.title\"\n    [nzIcon]=\"btn.pop.icon\"\n    [nzCondition]=\"btn.pop.condition(i)\"\n    [nzCancelText]=\"btn.pop.cancelText\"\n    [nzOkText]=\"btn.pop.okText\"\n    [nzOkType]=\"btn.pop.okType\"\n    (nzOnConfirm)=\"_btnClick(i, btn)\"\n    class=\"st__btn-text\"\n    [ngClass]=\"btn.className\"\n    (click)=\"_stopPropagation($event)\"\n  >\n    <ng-template [ngTemplateOutlet]=\"btnTextTpl\" [ngTemplateOutletContext]=\"{ $implicit: i, btn: btn }\"></ng-template>\n  </a>\n  <a *ngIf=\"!btn.pop\" (click)=\"_btnClick(i, btn, $event)\" class=\"st__btn-text\" [ngClass]=\"btn.className\">\n    <ng-template [ngTemplateOutlet]=\"btnTextTpl\" [ngTemplateOutletContext]=\"{ $implicit: i, btn: btn }\"></ng-template>\n  </a>\n</ng-template>\n<ng-template #btnTextTpl let-i let-btn=\"btn\">\n  <ng-container *ngIf=\"btn.icon\">\n    <i\n      *ngIf=\"!btn.icon.iconfont\"\n      nz-icon\n      [nzType]=\"btn.icon.type\"\n      [nzTheme]=\"btn.icon.theme\"\n      [nzSpin]=\"btn.icon.spin\"\n      [nzTwotoneColor]=\"btn.icon.twoToneColor\"\n    ></i>\n    <i *ngIf=\"btn.icon.iconfont\" nz-icon [nzIconfont]=\"btn.icon.iconfont\"></i>\n  </ng-container>\n  <span [innerHTML]=\"btn._text\" [ngClass]=\"{ 'pl-xs': btn.icon }\"></span>\n</ng-template>\n<ng-template #titleTpl let-i>\n  <span [innerHTML]=\"i._text\"></span>\n  <small *ngIf=\"i.optional\" class=\"st__head-optional\" [innerHTML]=\"i.optional\"></small>\n  <i\n    *ngIf=\"i.optionalHelp\"\n    class=\"st__head-tip\"\n    nz-tooltip\n    [nzTooltipTitle]=\"i.optionalHelp\"\n    nz-icon\n    nzType=\"question-circle\"\n  ></i>\n</ng-template>\n<ng-template #chkAllTpl let-custom>\n  <label\n    nz-checkbox\n    class=\"st__checkall\"\n    [nzDisabled]=\"_allCheckedDisabled\"\n    [(ngModel)]=\"_allChecked\"\n    [nzIndeterminate]=\"_indeterminate\"\n    (ngModelChange)=\"_checkAll()\"\n    [class.ant-table-selection-select-all-custom]=\"custom\"\n  ></label>\n</ng-template>\n<nz-table\n  #table\n  [nzData]=\"_data\"\n  [(nzPageIndex)]=\"pi\"\n  (nzPageIndexChange)=\"_change('pi')\"\n  [(nzPageSize)]=\"ps\"\n  (nzPageSizeChange)=\"_change('ps')\"\n  [nzTotal]=\"total\"\n  [nzShowPagination]=\"_isPagination\"\n  [nzFrontPagination]=\"false\"\n  [nzBordered]=\"bordered\"\n  [nzSize]=\"size\"\n  [nzLoading]=\"_loading\"\n  [nzLoadingDelay]=\"loadingDelay\"\n  [nzLoadingIndicator]=\"loadingIndicator\"\n  [nzTitle]=\"header!\"\n  [nzFooter]=\"footer!\"\n  [nzScroll]=\"scroll\"\n  [nzVirtualItemSize]=\"virtualItemSize\"\n  [nzVirtualMaxBufferPx]=\"virtualMaxBufferPx\"\n  [nzVirtualMinBufferPx]=\"virtualMinBufferPx\"\n  [nzVirtualForTrackBy]=\"virtualForTrackBy\"\n  [nzNoResult]=\"noResult!\"\n  [nzPageSizeOptions]=\"page.pageSizes!\"\n  [nzShowQuickJumper]=\"page.showQuickJumper\"\n  [nzShowSizeChanger]=\"page.showSize\"\n  [nzPaginationPosition]=\"page.position!\"\n  [nzPaginationType]=\"page.type!\"\n  [nzItemRender]=\"page.itemRender!\"\n  [nzSimple]=\"page.simple\"\n  [nzShowTotal]=\"totalTpl\"\n  [nzWidthConfig]=\"_widthConfig\"\n  (contextmenu)=\"onContextmenu($event)\"\n>\n  <thead *ngIf=\"showHeader\">\n    <tr *ngFor=\"let row of _headers; let rowFirst = first\">\n      <th *ngIf=\"rowFirst && expand\" nzWidth=\"50px\" [rowSpan]=\"_headers.length\"></th>\n      <ng-container *ngFor=\"let h of row; let index = index; let last = last\">\n        <th\n          *let=\"h.column as _c\"\n          [colSpan]=\"h.colSpan\"\n          [rowSpan]=\"h.rowSpan\"\n          [nzWidth]=\"$any(_c).width\"\n          [nzLeft]=\"_c._left!\"\n          [nzRight]=\"_c._right!\"\n          [ngClass]=\"_c.className!\"\n          [attr.data-col]=\"_c.indexKey\"\n          [attr.data-col-index]=\"index\"\n          [nzShowSort]=\"_c._sort.enabled\"\n          [nzSortOrder]=\"$any(_c)._sort.default\"\n          (nzSortOrderChange)=\"sort(_c, index, $event)\"\n          [nzCustomFilter]=\"$any(_c).filter\"\n          nz-resizable\n          [nzDisabled]=\"last || $any(_c).resizable.disabled\"\n          [nzMaxWidth]=\"$any(_c).resizable.maxWidth\"\n          [nzMinWidth]=\"$any(_c).resizable.minWidth\"\n          [nzBounds]=\"$any(_c).resizable.bounds\"\n          [nzPreview]=\"$any(_c).resizable.preview\"\n          (nzResizeEnd)=\"colResize($event, _c)\"\n        >\n          <nz-resize-handle *ngIf=\"$any(!last && !$any(_c).resizable.disabled)\" nzDirection=\"right\">\n            <i></i>\n          </nz-resize-handle>\n          <ng-template\n            #renderTitle\n            [ngTemplateOutlet]=\"_c.__renderTitle!\"\n            [ngTemplateOutletContext]=\"{ $implicit: h.column, index: index }\"\n          ></ng-template>\n          <ng-container *ngIf=\"!_c.__renderTitle; else renderTitle\">\n            <ng-container [ngSwitch]=\"_c.type\">\n              <ng-container *ngSwitchCase=\"'checkbox'\">\n                <ng-container *ngIf=\"_c.selections!.length === 0\">\n                  <ng-template [ngTemplateOutlet]=\"chkAllTpl\" [ngTemplateOutletContext]=\"{ $implicit: false }\">\n                  </ng-template>\n                </ng-container>\n                <div *ngIf=\"_c.selections!.length > 0\" class=\"ant-table-selection\">\n                  <ng-template [ngTemplateOutlet]=\"chkAllTpl\" [ngTemplateOutletContext]=\"{ $implicit: true }\">\n                  </ng-template>\n                  <div\n                    *ngIf=\"_c.selections!.length\"\n                    nz-dropdown\n                    nzPlacement=\"bottomLeft\"\n                    [nzDropdownMenu]=\"selectionMenu\"\n                    class=\"ant-table-selection-down st__checkall-selection\"\n                  >\n                    <i nz-icon nzType=\"down\"></i>\n                  </div>\n                  <nz-dropdown-menu #selectionMenu=\"nzDropdownMenu\">\n                    <ul nz-menu class=\"ant-table-selection-menu\">\n                      <li\n                        nz-menu-item\n                        *ngFor=\"let rw of _c.selections\"\n                        (click)=\"_rowSelection(rw)\"\n                        [innerHTML]=\"rw.text\"\n                      ></li>\n                    </ul>\n                  </nz-dropdown-menu>\n                </div>\n              </ng-container>\n              <ng-container *ngSwitchDefault>\n                <ng-template\n                  [ngTemplateOutlet]=\"titleTpl\"\n                  [ngTemplateOutletContext]=\"{ $implicit: _c.title }\"\n                ></ng-template>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n          <ng-container *ngIf=\"_c.filter\">\n            <div\n              nz-th-extra\n              *let=\"_c.filter as _f\"\n              class=\"ant-table-filter-trigger-container st__filter\"\n              [class.ant-table-filter-trigger-container-open]=\"$any(_f).visible\"\n            >\n              <span\n                class=\"ant-table-filter-trigger\"\n                [class.active]=\"$any(_f).visible || _f.default\"\n                nz-dropdown\n                [nzDropdownMenu]=\"filterMenu\"\n                nzTrigger=\"click\"\n                [nzClickHide]=\"false\"\n                [(nzVisible)]=\"$any(_f).visible\"\n                nzOverlayClassName=\"st__filter-wrap\"\n                (click)=\"_filterClick($event)\"\n              >\n                <i nz-icon [nzType]=\"$any(_f).icon.type\" [nzTheme]=\"$any(_f).icon.theme\"></i>\n              </span>\n              <nz-dropdown-menu #filterMenu=\"nzDropdownMenu\">\n                <div class=\"ant-table-filter-dropdown\">\n                  <ng-container [ngSwitch]=\"_f.type\">\n                    <div *ngSwitchCase=\"'keyword'\" class=\"st__filter-keyword\">\n                      <input\n                        type=\"text\"\n                        nz-input\n                        [attr.placeholder]=\"$any(_f).menus[0].text\"\n                        [(ngModel)]=\"$any(_f).menus[0].value\"\n                      />\n                    </div>\n                    <ul *ngSwitchDefault nz-menu>\n                      <ng-container *ngIf=\"_f.multiple\">\n                        <li nz-menu-item *ngFor=\"let filter of _f.menus\">\n                          <label nz-checkbox [(ngModel)]=\"filter.checked\">{{ filter.text }}</label>\n                        </li>\n                      </ng-container>\n                      <ng-container *ngIf=\"!_f.multiple\">\n                        <li nz-menu-item *ngFor=\"let filter of _f.menus\">\n                          <label\n                            nz-radio\n                            [ngModel]=\"filter.checked\"\n                            (ngModelChange)=\"_filterRadio(h.column, filter, $event)\"\n                            >{{ filter.text }}</label\n                          >\n                        </li>\n                      </ng-container>\n                    </ul>\n                  </ng-container>\n                  <div class=\"ant-table-filter-dropdown-btns\">\n                    <a class=\"ant-table-filter-dropdown-link confirm\" (click)=\"$any(_f).visible = false\">\n                      <span (click)=\"_filterConfirm(h.column)\">{{ _f.confirmText || locale.filterConfirm }}</span>\n                    </a>\n                    <a class=\"ant-table-filter-dropdown-link clear\" (click)=\"$any(_f).visible = false\">\n                      <span (click)=\"_filterClear(h.column)\">{{ _f.clearText || locale.filterReset }}</span>\n                    </a>\n                  </div>\n                </div>\n              </nz-dropdown-menu>\n            </div>\n          </ng-container>\n        </th>\n      </ng-container>\n    </tr>\n  </thead>\n  <tbody class=\"st__body\">\n    <ng-container *ngIf=\"!_loading\">\n      <ng-template\n        [ngTemplateOutlet]=\"bodyHeader!\"\n        [ngTemplateOutletContext]=\"{ $implicit: _statistical }\"\n      ></ng-template>\n    </ng-container>\n    <ng-template #bodyTpl let-i let-index=\"index\">\n      <tr [attr.data-index]=\"index\" (click)=\"_rowClick($event, i, index)\" [ngClass]=\"i._rowClassName\">\n        <td\n          *ngIf=\"expand\"\n          [nzShowExpand]=\"expand && i.showExpand !== false\"\n          [nzExpand]=\"i.expand\"\n          (nzExpandChange)=\"_expandChange(i, $event)\"\n          (click)=\"_stopPropagation($event)\"\n          nzWidth=\"50px\"\n        ></td>\n        <td\n          *ngFor=\"let c of _columns; let cIdx = index\"\n          [nzLeft]=\"!!c._left\"\n          [nzRight]=\"!!c._right\"\n          [attr.data-col-index]=\"cIdx\"\n          [ngClass]=\"c._className!\"\n          [attr.colspan]=\"c.colSpan\"\n        >\n          <span *ngIf=\"responsive\" class=\"ant-table-rep__title\">\n            <ng-template [ngTemplateOutlet]=\"titleTpl\" [ngTemplateOutletContext]=\"{ $implicit: c.title }\"></ng-template>\n          </span>\n          <span>\n            <ng-template\n              #render\n              [ngTemplateOutlet]=\"c.__render!\"\n              [ngTemplateOutletContext]=\"{ $implicit: i, index: index, column: c }\"\n            ></ng-template>\n            <ng-container *ngIf=\"!c.__render; else render\">\n              <ng-container [ngSwitch]=\"c.type\">\n                <label\n                  *ngSwitchCase=\"'checkbox'\"\n                  nz-checkbox\n                  [nzDisabled]=\"i.disabled\"\n                  [ngModel]=\"i.checked\"\n                  (ngModelChange)=\"_checkSelection(i, $event)\"\n                ></label>\n                <label\n                  *ngSwitchCase=\"'radio'\"\n                  nz-radio\n                  [nzDisabled]=\"i.disabled\"\n                  [ngModel]=\"i.checked\"\n                  (ngModelChange)=\"_refRadio($event, i)\"\n                ></label>\n                <a\n                  *ngSwitchCase=\"'link'\"\n                  (click)=\"_click($event, i, c)\"\n                  [innerHTML]=\"i._values[cIdx]._text\"\n                  [attr.title]=\"i._values[cIdx].text\"\n                ></a>\n                <ng-container *ngIf=\"i._values[cIdx].text\">\n                  <nz-tag *ngSwitchCase=\"'tag'\" [nzColor]=\"i._values[cIdx].color\">\n                    <span [innerHTML]=\"i._values[cIdx]._text\"></span>\n                  </nz-tag>\n                  <nz-badge\n                    *ngSwitchCase=\"'badge'\"\n                    [nzStatus]=\"i._values[cIdx].color\"\n                    [nzText]=\"i._values[cIdx].text\"\n                  ></nz-badge>\n                </ng-container>\n                <ng-template *ngSwitchCase=\"'widget'\" st-widget-host [record]=\"i\" [column]=\"c\"></ng-template>\n                <ng-container *ngSwitchDefault>\n                  <span\n                    *ngIf=\"c.safeType !== 'text'\"\n                    [innerHTML]=\"i._values[cIdx]._text\"\n                    [attr.title]=\"c._isTruncate ? i._values[cIdx].text : null\"\n                  ></span>\n                  <span\n                    *ngIf=\"c.safeType === 'text'\"\n                    [innerText]=\"i._values[cIdx]._text\"\n                    [attr.title]=\"c._isTruncate ? i._values[cIdx].text : null\"\n                  ></span>\n                </ng-container>\n              </ng-container>\n              <ng-container *ngFor=\"let btn of i._values[cIdx].buttons; let last = last\">\n                <a\n                  *ngIf=\"btn.children!.length > 0\"\n                  nz-dropdown\n                  [nzDropdownMenu]=\"btnMenu\"\n                  nzOverlayClassName=\"st__btn-sub\"\n                >\n                  <span [innerHTML]=\"btn._text\"></span>\n                  <i nz-icon nzType=\"down\"></i>\n                </a>\n                <nz-dropdown-menu #btnMenu=\"nzDropdownMenu\">\n                  <ul nz-menu>\n                    <ng-container *ngFor=\"let subBtn of btn.children!\">\n                      <li *ngIf=\"subBtn.type !== 'divider'\" nz-menu-item [class.st__btn-disabled]=\"subBtn._disabled\">\n                        <ng-template\n                          [ngTemplateOutlet]=\"btnTpl\"\n                          [ngTemplateOutletContext]=\"{ $implicit: i, btn: subBtn }\"\n                        >\n                        </ng-template>\n                      </li>\n                      <li *ngIf=\"subBtn.type === 'divider'\" nz-menu-divider></li>\n                    </ng-container>\n                  </ul>\n                </nz-dropdown-menu>\n                <span *ngIf=\"btn.children!.length === 0\" [class.st__btn-disabled]=\"btn._disabled\">\n                  <ng-template [ngTemplateOutlet]=\"btnTpl\" [ngTemplateOutletContext]=\"{ $implicit: i, btn: btn }\">\n                  </ng-template>\n                </span>\n                <nz-divider *ngIf=\"!last\" nzType=\"vertical\"></nz-divider>\n              </ng-container>\n            </ng-container>\n          </span>\n        </td>\n      </tr>\n      <tr [nzExpand]=\"i.expand\">\n        <ng-template\n          [ngTemplateOutlet]=\"expand\"\n          [ngTemplateOutletContext]=\"{ $implicit: i, index: index }\"\n        ></ng-template>\n      </tr>\n    </ng-template>\n    <ng-container *ngIf=\"!virtualScroll\">\n      <ng-container *ngFor=\"let i of _data; let index = index\">\n        <ng-template [ngTemplateOutlet]=\"bodyTpl\" [ngTemplateOutletContext]=\"{ $implicit: i, index: index }\">\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"virtualScroll\">\n      <ng-template nz-virtual-scroll let-i let-index=\"index\">\n        <ng-template [ngTemplateOutlet]=\"bodyTpl\" [ngTemplateOutletContext]=\"{ $implicit: i, index: index }\">\n        </ng-template>\n      </ng-template>\n    </ng-container>\n    <ng-container *ngIf=\"!_loading\">\n      <ng-template [ngTemplateOutlet]=\"body!\" [ngTemplateOutletContext]=\"{ $implicit: _statistical }\"></ng-template>\n    </ng-container>\n  </tbody>\n  <ng-template #totalTpl let-range=\"range\" let-total>{{ renderTotal(total, range) }}</ng-template>\n</nz-table>\n<nz-dropdown-menu #contextmenuTpl=\"nzDropdownMenu\">\n  <ul nz-menu class=\"st__contextmenu\">\n    <ng-container *ngFor=\"let i of contextmenuList\">\n      <li nz-menu-item *ngIf=\"i.children!.length === 0\" (click)=\"i.fn!(i)\" [innerHTML]=\"i.text\"></li>\n      <li nz-submenu *ngIf=\"i.children!.length > 0\" [nzTitle]=\"i.text\">\n        <ul>\n          <li nz-menu-item *ngFor=\"let ci of i.children\" (click)=\"ci.fn!(ci)\" [innerHTML]=\"ci.text\"></li>\n        </ul>\n      </li>\n    </ng-container>\n  </ul>\n</nz-dropdown-menu>\n",
-                providers: [STDataSource, STRowSource, STColumnSource, STExport, DatePipe, YNPipe, DecimalPipe],
-                host: {
-                    '[class.st]': `true`,
-                    '[class.st__p-left]': `page.placement === 'left'`,
-                    '[class.st__p-center]': `page.placement === 'center'`,
-                    '[class.st__width-strict]': `widthMode.type === 'strict'`,
-                    '[class.ant-table-rep]': `responsive`,
-                    '[class.ant-table-rep__hide-header-footer]': `responsiveHideHeaderFooter`
-                },
-                preserveWhitespaces: false,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None
-            },] }
-];
-STComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [ALAIN_I18N_TOKEN,] }] },
-    { type: ChangeDetectorRef },
-    { type: Router },
-    { type: ElementRef },
-    { type: STExport },
-    { type: ModalHelper },
-    { type: DrawerHelper },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: STColumnSource },
-    { type: STDataSource },
-    { type: DelonLocaleService },
-    { type: AlainConfigService },
-    { type: NzContextMenuService }
-];
-STComponent.propDecorators = {
-    orgTable: [{ type: ViewChild, args: ['table',] }],
-    contextmenuTpl: [{ type: ViewChild, args: ['contextmenuTpl',] }],
-    req: [{ type: Input }],
-    res: [{ type: Input }],
-    page: [{ type: Input }],
-    data: [{ type: Input }],
-    columns: [{ type: Input }],
-    contextmenu: [{ type: Input }],
-    ps: [{ type: Input }],
-    pi: [{ type: Input }],
-    total: [{ type: Input }],
-    loading: [{ type: Input }],
-    loadingDelay: [{ type: Input }],
-    loadingIndicator: [{ type: Input }],
-    bordered: [{ type: Input }],
-    size: [{ type: Input }],
-    scroll: [{ type: Input }],
-    singleSort: [{ type: Input }],
-    multiSort: [{ type: Input }],
-    rowClassName: [{ type: Input }],
-    clickRowClassName: [{ type: Input }],
-    widthMode: [{ type: Input }],
-    widthConfig: [{ type: Input }],
-    resizable: [{ type: Input }],
-    header: [{ type: Input }],
-    showHeader: [{ type: Input }],
-    footer: [{ type: Input }],
-    bodyHeader: [{ type: Input }],
-    body: [{ type: Input }],
-    expandRowByClick: [{ type: Input }],
-    expandAccordion: [{ type: Input }],
-    expand: [{ type: Input }],
-    noResult: [{ type: Input }],
-    rowClickTime: [{ type: Input }],
-    responsive: [{ type: Input }],
-    responsiveHideHeaderFooter: [{ type: Input }],
-    error: [{ type: Output }],
-    change: [{ type: Output }],
-    virtualScroll: [{ type: Input }],
-    virtualItemSize: [{ type: Input }],
-    virtualMaxBufferPx: [{ type: Input }],
-    virtualMinBufferPx: [{ type: Input }],
-    customRequest: [{ type: Input }],
-    virtualForTrackBy: [{ type: Input }]
-};
-__decorate([
-    InputNumber()
-], STComponent.prototype, "ps", void 0);
-__decorate([
-    InputNumber()
-], STComponent.prototype, "pi", void 0);
-__decorate([
-    InputNumber()
-], STComponent.prototype, "total", void 0);
-__decorate([
-    InputNumber()
-], STComponent.prototype, "loadingDelay", void 0);
-__decorate([
-    InputBoolean()
-], STComponent.prototype, "bordered", void 0);
-__decorate([
-    InputBoolean()
-], STComponent.prototype, "showHeader", void 0);
-__decorate([
-    InputBoolean()
-], STComponent.prototype, "expandRowByClick", void 0);
-__decorate([
-    InputBoolean()
-], STComponent.prototype, "expandAccordion", void 0);
-__decorate([
-    InputNumber()
-], STComponent.prototype, "rowClickTime", void 0);
-__decorate([
-    InputBoolean()
-], STComponent.prototype, "responsive", void 0);
-__decorate([
-    InputBoolean()
-], STComponent.prototype, "responsiveHideHeaderFooter", void 0);
-__decorate([
-    InputBoolean()
-], STComponent.prototype, "virtualScroll", void 0);
-__decorate([
-    InputNumber()
-], STComponent.prototype, "virtualItemSize", void 0);
-__decorate([
-    InputNumber()
-], STComponent.prototype, "virtualMaxBufferPx", void 0);
-__decorate([
-    InputNumber()
-], STComponent.prototype, "virtualMinBufferPx", void 0);
-
-const COMPONENTS = [STComponent, STRowDirective, STWidgetHostDirective];
-class STModule {
-}
-STModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    DelonACLModule,
-                    LetModule,
-                    NzPopconfirmModule,
-                    NzTableModule,
-                    NzIconModule,
-                    NzBadgeModule,
-                    NzCheckboxModule,
-                    NzDividerModule,
-                    NzDropDownModule,
-                    NzMenuModule,
-                    NzRadioModule,
-                    NzTagModule,
-                    NzInputModule,
-                    NzToolTipModule,
-                    NzResizableModule
-                ],
-                declarations: COMPONENTS,
-                exports: COMPONENTS
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { STColumnSource, STComponent, STDataSource, STExport, STModule, STRowDirective, STWidgetHostDirective, STWidgetRegistry, ST_DEFAULT_CONFIG, STRowSource as ɵa };
-//# sourceMappingURL=table.js.map