@delon/abc 12.3.0 → 13.0.0-beta.1

package/fesm2015/table.mjs

@@ -0,0 +1,2426 @@
+import * as i0 from '@angular/core';
+import { Injectable, Directive, Host, Input, Optional, Inject, EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Output, ViewChild, NgModule } from '@angular/core';
+import * as i1$1 from '@delon/theme';
+import { ALAIN_I18N_TOKEN, DatePipe, YNPipe } from '@delon/theme';
+import { warn, deepCopy, deepGet, deepMergeKey } from '@delon/util/other';
+import * as i1 from '@angular/platform-browser';
+import * as i3 from '@delon/acl';
+import { DelonACLModule } from '@delon/acl';
+import { HttpParams } from '@angular/common/http';
+import { of, Subject, from, isObservable } from 'rxjs';
+import { map, takeUntil, filter } from 'rxjs/operators';
+import * as i12 from '@angular/common';
+import { DOCUMENT, DecimalPipe, CommonModule } from '@angular/common';
+import * as i3$1 from '@delon/util/format';
+import { __awaiter, __decorate } from 'tslib';
+import * as i1$2 from '@delon/abc/xlsx';
+import { toBoolean, InputNumber, InputBoolean } from '@delon/util/decorator';
+import * as i5$1 from '@delon/util/config';
+import * as i6 from 'ng-zorro-antd/dropdown';
+import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
+import * as i7 from 'ng-zorro-antd/checkbox';
+import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
+import * as i8$1 from 'ng-zorro-antd/table';
+import { NzTableModule } from 'ng-zorro-antd/table';
+import * as i9 from 'ng-zorro-antd/resizable';
+import { NzResizableModule } from 'ng-zorro-antd/resizable';
+import * as i2 from 'ng-zorro-antd/input-number';
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import * as i3$2 from 'ng-zorro-antd/date-picker';
+import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
+import * as i5 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import * as i14 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i8 from 'ng-zorro-antd/input';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import * as i15 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i11 from 'ng-zorro-antd/menu';
+import { NzMenuModule } from 'ng-zorro-antd/menu';
+import * as i13 from 'ng-zorro-antd/tooltip';
+import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
+import * as i16 from '@delon/abc/let';
+import { LetModule } from '@delon/abc/let';
+import * as i17 from '@angular/router';
+import * as i19 from 'ng-zorro-antd/tag';
+import { NzTagModule } from 'ng-zorro-antd/tag';
+import * as i20 from 'ng-zorro-antd/badge';
+import { NzBadgeModule } from 'ng-zorro-antd/badge';
+import * as i21 from 'ng-zorro-antd/divider';
+import { NzDividerModule } from 'ng-zorro-antd/divider';
+import * as i22 from 'ng-zorro-antd/popconfirm';
+import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm';
+
+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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STRowSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+STRowSource.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STRowSource });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STRowDirective, deps: [{ token: i0.TemplateRef }, { token: STRowSource, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+STRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: STRowDirective, selector: "[st-row]", inputs: { id: ["st-row", "id"], type: "type" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STRowDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[st-row]' }]
+        }], ctorParameters: function () {
+        return [{ type: i0.TemplateRef }, { type: STRowSource, decorators: [{
+                        type: Host
+                    }] }];
+    }, 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STWidgetRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+STWidgetRegistry.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STWidgetRegistry, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: 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) {
+                    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+                        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) {
+                    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+                        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';
+        res.showOPArea = res.showOPArea !== false;
+        let icon = 'filter';
+        let iconTheme = 'fill';
+        let fixMenus = true;
+        let value = undefined;
+        switch (res.type) {
+            case 'keyword':
+                icon = 'search';
+                iconTheme = 'outline';
+                break;
+            case 'number':
+                icon = 'search';
+                iconTheme = 'outline';
+                res.number = Object.assign({ step: 1, min: -Infinity, max: Infinity }, res.number);
+                break;
+            case 'date':
+                icon = 'calendar';
+                iconTheme = 'outline';
+                res.date = Object.assign({ range: false, mode: 'date', showToday: true, showNow: false }, res.date);
+                break;
+            default:
+                fixMenus = false;
+                break;
+        }
+        if (fixMenus && (res.menus == null || res.menus.length === 0)) {
+            res.menus = [{ value }];
+        }
+        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;
+            if (typeof ngDevMode === 'undefined' || ngDevMode) {
+                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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STColumnSource, deps: [{ token: i1.DomSanitizer }, { token: STRowSource, host: true }, { token: i3.ACLService, optional: true }, { token: ALAIN_I18N_TOKEN, optional: true }, { token: STWidgetRegistry }], target: i0.ɵɵFactoryTarget.Injectable });
+STColumnSource.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STColumnSource });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STColumnSource, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: i1.DomSanitizer }, { type: STRowSource, decorators: [{
+                        type: Host
+                    }] }, { type: i3.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') {
+                        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+                            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);
+            });
+            result[i]._rowClassName = [rowClassName ? rowClassName(result[i], i) : null, result[i].className]
+                .filter(w => !!w)
+                .join(' ');
+        }
+        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') {
+            if (typeof ngDevMode === 'undefined' || ngDevMode) {
+                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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STDataSource, deps: [{ token: i1$1._HttpClient }, { token: i1$1.DatePipe, host: true }, { token: i1$1.YNPipe, host: true }, { token: i12.DecimalPipe, host: true }, { token: i3$1.CurrencyService }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable });
+STDataSource.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STDataSource });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STDataSource, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: i1$1._HttpClient }, { type: i1$1.DatePipe, decorators: [{
+                        type: Host
+                    }] }, { type: i1$1.YNPipe, decorators: [{
+                        type: Host
+                    }] }, { type: i12.DecimalPipe, decorators: [{
+                        type: Host
+                    }] }, { type: i3$1.CurrencyService }, { type: i1.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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STExport, deps: [{ token: i1$2.XlsxService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+STExport.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STExport });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STExport, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: i1$2.XlsxService, decorators: [{
+                        type: Optional
+                    }] }];
+    } });
+
+class STWidgetHostDirective {
+    constructor(stWidgetRegistry, viewContainerRef) {
+        this.stWidgetRegistry = stWidgetRegistry;
+        this.viewContainerRef = viewContainerRef;
+    }
+    ngOnInit() {
+        const widget = this.column.widget;
+        const componentType = this.stWidgetRegistry.get(widget.type);
+        this.viewContainerRef.clear();
+        const componentRef = this.viewContainerRef.createComponent(componentType);
+        const { record, column } = this;
+        const data = widget.params ? widget.params({ record, column }) : { record };
+        Object.keys(data).forEach(key => {
+            componentRef.instance[key] = data[key];
+        });
+    }
+}
+STWidgetHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STWidgetHostDirective, deps: [{ token: STWidgetRegistry }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+STWidgetHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: STWidgetHostDirective, selector: "[st-widget-host]", inputs: { record: "record", column: "column" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STWidgetHostDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[st-widget-host]' }]
+        }], ctorParameters: function () { return [{ type: STWidgetRegistry }, { type: i0.ViewContainerRef }]; }, 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'
+    },
+    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 STFilterComponent {
+    constructor() {
+        this.visible = false;
+        this.locale = {};
+        this.n = new EventEmitter();
+        this.handle = new EventEmitter();
+    }
+    get icon() {
+        return this.f.icon;
+    }
+    show($event) {
+        $event.stopPropagation();
+    }
+    checkboxChange() {
+        var _a;
+        this.n.emit((_a = this.f.menus) === null || _a === void 0 ? void 0 : _a.filter(w => w.checked));
+    }
+    radioChange(item) {
+        this.f.menus.forEach(i => (i.checked = false));
+        item.checked = !item.checked;
+        this.n.emit(item);
+    }
+    confirm() {
+        this.handle.emit(true);
+    }
+    reset() {
+        this.handle.emit(false);
+    }
+}
+STFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+STFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: STFilterComponent, selector: "st-filter", inputs: { col: "col", locale: "locale", f: "f" }, outputs: { n: "n", handle: "handle" }, host: { properties: { "class.ant-table-filter-trigger-container": "true", "class.st__filter": "true", "class.ant-table-filter-trigger-container-open": "visible" } }, ngImport: i0, template: `
+    <span
+      class="ant-table-filter-trigger"
+      [class.active]="visible || f.default"
+      nz-dropdown
+      [nzDropdownMenu]="filterMenu"
+      nzTrigger="click"
+      [nzClickHide]="false"
+      [(nzVisible)]="visible"
+      nzOverlayClassName="st__filter-wrap"
+      (click)="show($event)"
+    >
+      <i nz-icon [nzType]="icon.type" [nzTheme]="icon.theme!"></i>
+    </span>
+    <nz-dropdown-menu #filterMenu="nzDropdownMenu">
+      <div class="ant-table-filter-dropdown">
+        <ng-container [ngSwitch]="f.type">
+          <div *ngSwitchCase="'keyword'" class="st__filter-keyword">
+            <input
+              type="text"
+              nz-input
+              [attr.placeholder]="f.placeholder"
+              [(ngModel)]="f.menus![0]!.value"
+              (ngModelChange)="n.emit($event)"
+              (keyup.enter)="confirm()"
+            />
+          </div>
+          <div *ngSwitchCase="'number'" class="p-sm st__filter-number">
+            <nz-input-number
+              [(ngModel)]="f.menus![0]!.value"
+              (ngModelChange)="n.emit($event)"
+              [nzMin]="f.number!.min!"
+              [nzMax]="f.number!.max!"
+              [nzStep]="f.number!.step!"
+              [nzPrecision]="f.number!.precision"
+              [nzPlaceHolder]="f.placeholder!"
+              class="width-100"
+            ></nz-input-number>
+          </div>
+          <div *ngSwitchCase="'date'" class="p-sm st__filter-date">
+            <nz-date-picker
+              *ngIf="!f.date!.range"
+              nzInline
+              [nzMode]="f.date!.mode"
+              [(ngModel)]="f.menus![0]!.value"
+              (ngModelChange)="n.emit($event)"
+              [nzShowNow]="f.date!.showNow"
+              [nzShowToday]="f.date!.showToday"
+              [nzDisabledDate]="f.date!.disabledDate"
+              [nzDisabledTime]="f.date!.disabledTime"
+            ></nz-date-picker>
+            <nz-range-picker
+              *ngIf="f.date!.range"
+              nzInline
+              [nzMode]="f.date!.mode"
+              [(ngModel)]="f.menus![0]!.value"
+              (ngModelChange)="n.emit($event)"
+              [nzShowNow]="f.date!.showNow"
+              [nzShowToday]="f.date!.showToday"
+              [nzDisabledDate]="f.date!.disabledDate"
+              [nzDisabledTime]="f.date!.disabledTime"
+            ></nz-range-picker>
+          </div>
+          <div *ngSwitchCase="'time'" class="p-sm st__filter-time"> </div>
+          <div *ngSwitchCase="'custom'" class="st__filter-custom">
+            <ng-template
+              [ngTemplateOutlet]="f.custom!"
+              [ngTemplateOutletContext]="{ $implicit: f, col: col }"
+            ></ng-template>
+          </div>
+          <ul *ngSwitchDefault nz-menu>
+            <ng-container *ngIf="f.multiple">
+              <li nz-menu-item *ngFor="let filter of f.menus">
+                <label nz-checkbox [(ngModel)]="filter.checked" (ngModelChange)="checkboxChange()">
+                  {{ filter.text }}
+                </label>
+              </li>
+            </ng-container>
+            <ng-container *ngIf="!f.multiple">
+              <li nz-menu-item *ngFor="let filter of f.menus">
+                <label nz-radio [ngModel]="filter.checked" (ngModelChange)="radioChange(filter)">
+                  {{ filter.text }}
+                </label>
+              </li>
+            </ng-container>
+          </ul>
+        </ng-container>
+        <div *ngIf="f.showOPArea" class="ant-table-filter-dropdown-btns">
+          <a class="ant-table-filter-dropdown-link confirm" (click)="visible = false">
+            <span (click)="confirm()">{{ f.confirmText || locale.filterConfirm }}</span>
+          </a>
+          <a class="ant-table-filter-dropdown-link clear" (click)="visible = false">
+            <span (click)="reset()">{{ f.clearText || locale.filterReset }}</span>
+          </a>
+        </div>
+      </div>
+    </nz-dropdown-menu>
+  `, isInline: true, components: [{ type: i6.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { type: i2.NzInputNumberComponent, selector: "nz-input-number", inputs: ["nzSize", "nzMin", "nzMax", "nzParser", "nzPrecision", "nzPrecisionMode", "nzPlaceHolder", "nzStep", "nzInputMode", "nzId", "nzDisabled", "nzAutoFocus", "nzFormatter"], outputs: ["nzBlur", "nzFocus"], exportAs: ["nzInputNumber"] }, { type: i3$2.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { type: i7.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { type: i5.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }], directives: [{ type: i6.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { type: i14.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i12.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i12.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i8.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "disabled"], exportAs: ["nzInput"] }, { type: i15.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i15.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i15.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$2.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }, { type: i12.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i12.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i11.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { type: i12.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NzMenuItemDirective, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'st-filter',
+                    template: `
+    <span
+      class="ant-table-filter-trigger"
+      [class.active]="visible || f.default"
+      nz-dropdown
+      [nzDropdownMenu]="filterMenu"
+      nzTrigger="click"
+      [nzClickHide]="false"
+      [(nzVisible)]="visible"
+      nzOverlayClassName="st__filter-wrap"
+      (click)="show($event)"
+    >
+      <i nz-icon [nzType]="icon.type" [nzTheme]="icon.theme!"></i>
+    </span>
+    <nz-dropdown-menu #filterMenu="nzDropdownMenu">
+      <div class="ant-table-filter-dropdown">
+        <ng-container [ngSwitch]="f.type">
+          <div *ngSwitchCase="'keyword'" class="st__filter-keyword">
+            <input
+              type="text"
+              nz-input
+              [attr.placeholder]="f.placeholder"
+              [(ngModel)]="f.menus![0]!.value"
+              (ngModelChange)="n.emit($event)"
+              (keyup.enter)="confirm()"
+            />
+          </div>
+          <div *ngSwitchCase="'number'" class="p-sm st__filter-number">
+            <nz-input-number
+              [(ngModel)]="f.menus![0]!.value"
+              (ngModelChange)="n.emit($event)"
+              [nzMin]="f.number!.min!"
+              [nzMax]="f.number!.max!"
+              [nzStep]="f.number!.step!"
+              [nzPrecision]="f.number!.precision"
+              [nzPlaceHolder]="f.placeholder!"
+              class="width-100"
+            ></nz-input-number>
+          </div>
+          <div *ngSwitchCase="'date'" class="p-sm st__filter-date">
+            <nz-date-picker
+              *ngIf="!f.date!.range"
+              nzInline
+              [nzMode]="f.date!.mode"
+              [(ngModel)]="f.menus![0]!.value"
+              (ngModelChange)="n.emit($event)"
+              [nzShowNow]="f.date!.showNow"
+              [nzShowToday]="f.date!.showToday"
+              [nzDisabledDate]="f.date!.disabledDate"
+              [nzDisabledTime]="f.date!.disabledTime"
+            ></nz-date-picker>
+            <nz-range-picker
+              *ngIf="f.date!.range"
+              nzInline
+              [nzMode]="f.date!.mode"
+              [(ngModel)]="f.menus![0]!.value"
+              (ngModelChange)="n.emit($event)"
+              [nzShowNow]="f.date!.showNow"
+              [nzShowToday]="f.date!.showToday"
+              [nzDisabledDate]="f.date!.disabledDate"
+              [nzDisabledTime]="f.date!.disabledTime"
+            ></nz-range-picker>
+          </div>
+          <div *ngSwitchCase="'time'" class="p-sm st__filter-time"> </div>
+          <div *ngSwitchCase="'custom'" class="st__filter-custom">
+            <ng-template
+              [ngTemplateOutlet]="f.custom!"
+              [ngTemplateOutletContext]="{ $implicit: f, col: col }"
+            ></ng-template>
+          </div>
+          <ul *ngSwitchDefault nz-menu>
+            <ng-container *ngIf="f.multiple">
+              <li nz-menu-item *ngFor="let filter of f.menus">
+                <label nz-checkbox [(ngModel)]="filter.checked" (ngModelChange)="checkboxChange()">
+                  {{ filter.text }}
+                </label>
+              </li>
+            </ng-container>
+            <ng-container *ngIf="!f.multiple">
+              <li nz-menu-item *ngFor="let filter of f.menus">
+                <label nz-radio [ngModel]="filter.checked" (ngModelChange)="radioChange(filter)">
+                  {{ filter.text }}
+                </label>
+              </li>
+            </ng-container>
+          </ul>
+        </ng-container>
+        <div *ngIf="f.showOPArea" class="ant-table-filter-dropdown-btns">
+          <a class="ant-table-filter-dropdown-link confirm" (click)="visible = false">
+            <span (click)="confirm()">{{ f.confirmText || locale.filterConfirm }}</span>
+          </a>
+          <a class="ant-table-filter-dropdown-link clear" (click)="visible = false">
+            <span (click)="reset()">{{ f.clearText || locale.filterReset }}</span>
+          </a>
+        </div>
+      </div>
+    </nz-dropdown-menu>
+  `,
+                    host: {
+                        '[class.ant-table-filter-trigger-container]': `true`,
+                        '[class.st__filter]': `true`,
+                        '[class.ant-table-filter-trigger-container-open]': `visible`
+                    },
+                    preserveWhitespaces: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], propDecorators: { col: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], f: [{
+                type: Input
+            }], n: [{
+                type: Output
+            }], handle: [{
+                type: Output
+            }] } });
+
+class STComponent {
+    constructor(i18nSrv, cdr, el, exportSrv, doc, columnSource, dataSource, delonI18n, configSrv, cms) {
+        this.cdr = cdr;
+        this.el = el;
+        this.exportSrv = exportSrv;
+        this.doc = doc;
+        this.columnSource = columnSource;
+        this.dataSource = dataSource;
+        this.delonI18n = delonI18n;
+        this.cms = cms;
+        this.destroy$ = new Subject();
+        this.totalTpl = ``;
+        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.loadingIndicator = null;
+        this.bordered = false;
+        this.scroll = { x: null, y: null };
+        this.showHeader = true;
+        this.expandRowByClick = false;
+        this.expandAccordion = false;
+        this.expand = null;
+        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;
+    }
+    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;
+    }
+    refreshData() {
+        this._data = [...this._data];
+        return this.cd();
+    }
+    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({
+                next: result => resolvePromise(result),
+                error: error => {
+                    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+                        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);
+    }
+    closeOtherExpand(item) {
+        if (this.expandAccordion === false)
+            return;
+        this._data.filter(i => i !== item).forEach(i => (i.expand = false));
+    }
+    _rowClick(e, item, index, dbl) {
+        const el = e.target;
+        if (el.nodeName === 'INPUT')
+            return;
+        const { expand, expandRowByClick } = this;
+        if (!!expand && item.showExpand !== false && expandRowByClick) {
+            item.expand = !item.expand;
+            this.closeOtherExpand(item);
+            this.changeEmit('expand', item);
+            return;
+        }
+        const data = { e, item, index };
+        if (dbl) {
+            this.changeEmit('dblClick', data);
+        }
+        else {
+            this._clickRowClassName(el, item, index);
+            this.changeEmit('click', data);
+        }
+    }
+    _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.refreshData();
+    }
+    /**
+     * 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;
+        }
+        return this.refreshData();
+    }
+    // #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, confirm) {
+        if (!confirm) {
+            this.columnSource.cleanFilter(col);
+        }
+        // 过滤表示一种数据的变化应重置页码为 `1`
+        this.pi = 1;
+        this.columnSource.updateDefault(col.filter);
+        this.loadPageData();
+        this.changeEmit('filter', col);
+    }
+    handleFilterNotify(value) {
+        this.changeEmit('filterChange', value);
+    }
+    clearFilter() {
+        this._columns.filter(w => w.filter && w.filter.default === true).forEach(col => this.columnSource.cleanFilter(col));
+        return this;
+    }
+    // #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().refreshData();
+    }
+    _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.refreshData();
+    }
+    // #endregion
+    _handleTd(ev) {
+        switch (ev.type) {
+            case 'checkbox':
+                this._refCheck()._checkNotify();
+                break;
+            case 'radio':
+                this.changeEmit('radio', ev.item);
+                this.refreshData();
+                break;
+        }
+    }
+    // #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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STComponent, deps: [{ token: ALAIN_I18N_TOKEN, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: STExport }, { token: DOCUMENT }, { token: STColumnSource }, { token: STDataSource }, { token: i1$1.DelonLocaleService }, { token: i5$1.AlainConfigService }, { token: i6.NzContextMenuService }], target: i0.ɵɵFactoryTarget.Component });
+STComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: STComponent, selector: "st", inputs: { req: "req", res: "res", page: "page", data: "data", columns: "columns", contextmenu: "contextmenu", ps: "ps", pi: "pi", total: "total", loading: "loading", loadingDelay: "loadingDelay", loadingIndicator: "loadingIndicator", bordered: "bordered", size: "size", scroll: "scroll", singleSort: "singleSort", multiSort: "multiSort", rowClassName: "rowClassName", clickRowClassName: "clickRowClassName", widthMode: "widthMode", widthConfig: "widthConfig", resizable: "resizable", header: "header", showHeader: "showHeader", footer: "footer", bodyHeader: "bodyHeader", body: "body", expandRowByClick: "expandRowByClick", expandAccordion: "expandAccordion", expand: "expand", noResult: "noResult", responsive: "responsive", responsiveHideHeaderFooter: "responsiveHideHeaderFooter", virtualScroll: "virtualScroll", virtualItemSize: "virtualItemSize", virtualMaxBufferPx: "virtualMaxBufferPx", virtualMinBufferPx: "virtualMinBufferPx", customRequest: "customRequest", virtualForTrackBy: "virtualForTrackBy" }, outputs: { error: "error", change: "change" }, host: { properties: { "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" } }, providers: [STDataSource, STRowSource, STColumnSource, STExport, DatePipe, YNPipe, DecimalPipe], viewQueries: [{ propertyName: "orgTable", first: true, predicate: ["table"], descendants: true }, { propertyName: "contextmenuTpl", first: true, predicate: ["contextmenuTpl"], descendants: true }], exportAs: ["st"], usesOnChanges: true, ngImport: i0, template: "<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 *ngIf=\"_c.selections!.length\" class=\"ant-table-selection-extra\">\n                    <div\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                  </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            <st-filter\n              nz-th-extra\n              [col]=\"h.column\"\n              [f]=\"_c.filter\"\n              [locale]=\"locale\"\n              (n)=\"handleFilterNotify($event)\"\n              (handle)=\"_handleFilter(_c, $event)\"\n            ></st-filter>\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\n        [attr.data-index]=\"index\"\n        (click)=\"_rowClick($event, i, index, false)\"\n        (dblclick)=\"_rowClick($event, i, index, true)\"\n        [ngClass]=\"i._rowClassName\"\n      >\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          <st-td [data]=\"_data\" [i]=\"i\" [index]=\"index\" [c]=\"c\" [cIdx]=\"cIdx\" (n)=\"_handleTd($event)\"></st-td>\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", components: [{ type: i0.forwardRef(function () { return i7.NzCheckboxComponent; }), selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { type: i0.forwardRef(function () { return i8$1.NzTableComponent; }), selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzPaginationPosition", "nzScroll", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange"], exportAs: ["nzTable"] }, { type: i0.forwardRef(function () { return i8$1.NzTheadComponent; }), selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { type: i0.forwardRef(function () { return i8$1.NzThAddOnComponent; }), selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { type: i0.forwardRef(function () { return i9.NzResizeHandleComponent; }), selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { type: i0.forwardRef(function () { return i6.NzDropdownMenuComponent; }), selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { type: i0.forwardRef(function () { return STFilterComponent; }), selector: "st-filter", inputs: ["col", "locale", "f"], outputs: ["n", "handle"] }, { type: i0.forwardRef(function () { return i8$1.NzTbodyComponent; }), selector: "tbody" }, { type: i0.forwardRef(function () { return i8$1.NzTdAddOnComponent; }), selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { type: i0.forwardRef(function () { return STTdComponent; }), selector: "st-td", inputs: ["c", "cIdx", "data", "i", "index"], outputs: ["n"] }, { type: i0.forwardRef(function () { return i8$1.NzTableFixedRowComponent; }), selector: "tr[nz-table-fixed-row], tr[nzExpand]" }, { type: i0.forwardRef(function () { return i11.NzSubMenuComponent; }), selector: "[nz-submenu]", inputs: ["nzMenuClassName", "nzPaddingLeft", "nzTitle", "nzIcon", "nzOpen", "nzDisabled"], outputs: ["nzOpenChange"], exportAs: ["nzSubmenu"] }], directives: [{ type: i0.forwardRef(function () { return i12.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i0.forwardRef(function () { return i13.NzTooltipDirective; }), selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { type: i0.forwardRef(function () { return i14.NzIconDirective; }), selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i0.forwardRef(function () { return i15.NgControlStatus; }), selector: "[formControlName],[ngModel],[formControl]" }, { type: i0.forwardRef(function () { return i15.NgModel; }), selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i0.forwardRef(function () { return i12.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i0.forwardRef(function () { return i8$1.NzTrDirective; }), selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { type: i0.forwardRef(function () { return i8$1.NzTableCellDirective; }), selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { type: i0.forwardRef(function () { return i8$1.NzThMeasureDirective; }), selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { type: i0.forwardRef(function () { return i16.LetDirective; }), selector: "[let]", inputs: ["let"] }, { type: i0.forwardRef(function () { return i8$1.NzCellFixedDirective; }), selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { type: i0.forwardRef(function () { return i9.NzResizableDirective; }), selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { type: i0.forwardRef(function () { return i12.NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i0.forwardRef(function () { return i12.NgTemplateOutlet; }), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i0.forwardRef(function () { return i12.NgSwitch; }), selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i0.forwardRef(function () { return i12.NgSwitchCase; }), selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i0.forwardRef(function () { return i6.NzDropDownDirective; }), selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { type: i0.forwardRef(function () { return i11.NzMenuDirective; }), selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { type: i0.forwardRef(function () { return i11.NzMenuItemDirective; }), selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { type: i0.forwardRef(function () { return i12.NgSwitchDefault; }), selector: "[ngSwitchDefault]" }, { type: i0.forwardRef(function () { return i8$1.NzTrExpandDirective; }), selector: "tr[nzExpand]", inputs: ["nzExpand"] }, { type: i0.forwardRef(function () { return i8$1.NzTableVirtualScrollDirective; }), selector: "[nz-virtual-scroll]", exportAs: ["nzVirtualScroll"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__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([
+    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);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'st', exportAs: 'st', 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, template: "<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 *ngIf=\"_c.selections!.length\" class=\"ant-table-selection-extra\">\n                    <div\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                  </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            <st-filter\n              nz-th-extra\n              [col]=\"h.column\"\n              [f]=\"_c.filter\"\n              [locale]=\"locale\"\n              (n)=\"handleFilterNotify($event)\"\n              (handle)=\"_handleFilter(_c, $event)\"\n            ></st-filter>\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\n        [attr.data-index]=\"index\"\n        (click)=\"_rowClick($event, i, index, false)\"\n        (dblclick)=\"_rowClick($event, i, index, true)\"\n        [ngClass]=\"i._rowClassName\"\n      >\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          <st-td [data]=\"_data\" [i]=\"i\" [index]=\"index\" [c]=\"c\" [cIdx]=\"cIdx\" (n)=\"_handleTd($event)\"></st-td>\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" }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [ALAIN_I18N_TOKEN]
+                    }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: STExport }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: STColumnSource }, { type: STDataSource }, { type: i1$1.DelonLocaleService }, { type: i5$1.AlainConfigService }, { type: i6.NzContextMenuService }];
+    }, 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
+            }], 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
+            }] } });
+class STTdComponent {
+    constructor(stComp, router, modalHelper, drawerHelper) {
+        this.stComp = stComp;
+        this.router = router;
+        this.modalHelper = modalHelper;
+        this.drawerHelper = drawerHelper;
+        this.n = new EventEmitter();
+    }
+    get routerState() {
+        const { pi, ps, total } = this.stComp;
+        return { pi, ps, total };
+    }
+    report(type) {
+        this.n.emit({ type, item: this.i, col: this.c });
+    }
+    _checkbox(value) {
+        this.i.checked = value;
+        this.report('checkbox');
+    }
+    _radio() {
+        this.data.filter(w => !w.disabled).forEach(i => (i.checked = false));
+        this.i.checked = true;
+        this.report('radio');
+    }
+    _link(e) {
+        this._stopPropagation(e);
+        const res = this.c.click(this.i, this.stComp);
+        if (typeof res === 'string') {
+            this.router.navigateByUrl(res, { state: this.routerState });
+        }
+        return false;
+    }
+    _stopPropagation(ev) {
+        ev.preventDefault();
+        ev.stopPropagation();
+    }
+    _btn(btn, ev) {
+        if (ev) {
+            ev.stopPropagation();
+        }
+        const record = this.i;
+        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.stComp['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.stComp['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.stComp.load();
+                    break;
+                case 'reload':
+                    this.stComp.reload();
+                    break;
+            }
+        }
+        else {
+            return btn.click(record, modal, this.stComp);
+        }
+    }
+}
+STTdComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STTdComponent, deps: [{ token: STComponent, host: true }, { token: i17.Router }, { token: i1$1.ModalHelper }, { token: i1$1.DrawerHelper }], target: i0.ɵɵFactoryTarget.Component });
+STTdComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: STTdComponent, selector: "st-td", inputs: { c: "c", cIdx: "cIdx", data: "data", i: "i", index: "index" }, outputs: { n: "n" }, ngImport: i0, template: "<ng-template #btnTpl let-i>\n  <ng-container *ngIf=\"!i.tooltip\">\n    <ng-template [ngTemplateOutlet]=\"btnItemTpl\" [ngTemplateOutletContext]=\"{ $implicit: i }\"></ng-template>\n  </ng-container>\n  <span *ngIf=\"i.tooltip\" nz-tooltip [nzTooltipTitle]=\"i.tooltip\">\n    <ng-template [ngTemplateOutlet]=\"btnItemTpl\" [ngTemplateOutletContext]=\"{ $implicit: i }\"></ng-template>\n  </span>\n</ng-template>\n<ng-template #btnItemTpl let-i>\n  <a\n    *ngIf=\"i.pop\"\n    nz-popconfirm\n    [nzPopconfirmTitle]=\"i.pop.title\"\n    [nzIcon]=\"i.pop.icon\"\n    [nzCondition]=\"i.pop.condition(i)\"\n    [nzCancelText]=\"i.pop.cancelText\"\n    [nzOkText]=\"i.pop.okText\"\n    [nzOkType]=\"i.pop.okType\"\n    (nzOnConfirm)=\"_btn(i)\"\n    class=\"st__btn-text\"\n    [ngClass]=\"i.className\"\n    (click)=\"_stopPropagation($event)\"\n  >\n    <ng-template [ngTemplateOutlet]=\"btnTextTpl\" [ngTemplateOutletContext]=\"{ $implicit: i }\"></ng-template>\n  </a>\n  <a *ngIf=\"!i.pop\" (click)=\"_btn(i, $event)\" class=\"st__btn-text\" [ngClass]=\"i.className\">\n    <ng-template [ngTemplateOutlet]=\"btnTextTpl\" [ngTemplateOutletContext]=\"{ $implicit: i }\"></ng-template>\n  </a>\n</ng-template>\n<ng-template #btnTextTpl let-i>\n  <ng-container *ngIf=\"i.icon\">\n    <i\n      *ngIf=\"!i.icon.iconfont\"\n      nz-icon\n      [nzType]=\"i.icon.type\"\n      [nzTheme]=\"i.icon.theme\"\n      [nzSpin]=\"i.icon.spin\"\n      [nzTwotoneColor]=\"i.icon.twoToneColor\"\n    ></i>\n    <i *ngIf=\"i.icon.iconfont\" nz-icon [nzIconfont]=\"i.icon.iconfont\"></i>\n  </ng-container>\n  <span [innerHTML]=\"i._text\" [ngClass]=\"{ 'pl-xs': i.icon }\"></span>\n</ng-template>\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)=\"_checkbox($event)\"\n    ></label>\n    <label\n      *ngSwitchCase=\"'radio'\"\n      nz-radio\n      [nzDisabled]=\"i.disabled\"\n      [ngModel]=\"i.checked\"\n      (ngModelChange)=\"_radio()\"\n    ></label>\n    <a\n      *ngSwitchCase=\"'link'\"\n      (click)=\"_link($event)\"\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 *ngSwitchCase=\"'badge'\" [nzStatus]=\"i._values[cIdx].color\" [nzText]=\"i._values[cIdx].text\"></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 *ngIf=\"btn.children!.length > 0\" nz-dropdown [nzDropdownMenu]=\"btnMenu\" nzOverlayClassName=\"st__btn-sub\">\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 [ngTemplateOutlet]=\"btnTpl\" [ngTemplateOutletContext]=\"{ $implicit: subBtn }\"> </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: btn }\"> </ng-template>\n    </span>\n    <nz-divider *ngIf=\"!last\" nzType=\"vertical\"></nz-divider>\n  </ng-container>\n</ng-container>\n", components: [{ type: i7.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { type: i5.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus"], exportAs: ["nzRadio"] }, { type: i19.NzTagComponent, selector: "nz-tag", inputs: ["nzMode", "nzColor", "nzChecked"], outputs: ["nzOnClose", "nzCheckedChange"], exportAs: ["nzTag"] }, { type: i20.NzBadgeComponent, selector: "nz-badge", inputs: ["nzShowZero", "nzShowDot", "nzStandalone", "nzDot", "nzOverflowCount", "nzColor", "nzStyle", "nzText", "nzTitle", "nzStatus", "nzCount", "nzOffset"], exportAs: ["nzBadge"] }, { type: i6.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { type: i21.NzDividerComponent, selector: "nz-divider", inputs: ["nzText", "nzType", "nzOrientation", "nzDashed", "nzPlain"], exportAs: ["nzDivider"] }], directives: [{ type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i12.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i13.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { type: i22.NzPopconfirmDirective, selector: "[nz-popconfirm]", inputs: ["nzPopconfirmArrowPointAtCenter", "nzPopconfirmTitle", "nz-popconfirm", "nzPopconfirmTrigger", "nzPopconfirmPlacement", "nzPopconfirmOrigin", "nzPopconfirmMouseEnterDelay", "nzPopconfirmMouseLeaveDelay", "nzPopconfirmOverlayClassName", "nzPopconfirmOverlayStyle", "nzPopconfirmVisible", "nzOkText", "nzOkType", "nzOkDanger", "nzCancelText", "nzIcon", "nzCondition", "nzPopconfirmShowArrow", "nzPopconfirmBackdrop", "nzAutofocus"], outputs: ["nzPopconfirmVisibleChange", "nzOnCancel", "nzOnConfirm"], exportAs: ["nzPopconfirm"] }, { type: i12.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i14.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i12.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i12.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i15.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i15.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: STWidgetHostDirective, selector: "[st-widget-host]", inputs: ["record", "column"] }, { type: i12.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i12.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NzDropDownADirective, selector: "a[nz-dropdown]" }, { type: i6.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { type: i11.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { type: i11.NzMenuItemDirective, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { type: i11.NzMenuDividerDirective, selector: "[nz-menu-divider]", exportAs: ["nzMenuDivider"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STTdComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'st-td', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #btnTpl let-i>\n  <ng-container *ngIf=\"!i.tooltip\">\n    <ng-template [ngTemplateOutlet]=\"btnItemTpl\" [ngTemplateOutletContext]=\"{ $implicit: i }\"></ng-template>\n  </ng-container>\n  <span *ngIf=\"i.tooltip\" nz-tooltip [nzTooltipTitle]=\"i.tooltip\">\n    <ng-template [ngTemplateOutlet]=\"btnItemTpl\" [ngTemplateOutletContext]=\"{ $implicit: i }\"></ng-template>\n  </span>\n</ng-template>\n<ng-template #btnItemTpl let-i>\n  <a\n    *ngIf=\"i.pop\"\n    nz-popconfirm\n    [nzPopconfirmTitle]=\"i.pop.title\"\n    [nzIcon]=\"i.pop.icon\"\n    [nzCondition]=\"i.pop.condition(i)\"\n    [nzCancelText]=\"i.pop.cancelText\"\n    [nzOkText]=\"i.pop.okText\"\n    [nzOkType]=\"i.pop.okType\"\n    (nzOnConfirm)=\"_btn(i)\"\n    class=\"st__btn-text\"\n    [ngClass]=\"i.className\"\n    (click)=\"_stopPropagation($event)\"\n  >\n    <ng-template [ngTemplateOutlet]=\"btnTextTpl\" [ngTemplateOutletContext]=\"{ $implicit: i }\"></ng-template>\n  </a>\n  <a *ngIf=\"!i.pop\" (click)=\"_btn(i, $event)\" class=\"st__btn-text\" [ngClass]=\"i.className\">\n    <ng-template [ngTemplateOutlet]=\"btnTextTpl\" [ngTemplateOutletContext]=\"{ $implicit: i }\"></ng-template>\n  </a>\n</ng-template>\n<ng-template #btnTextTpl let-i>\n  <ng-container *ngIf=\"i.icon\">\n    <i\n      *ngIf=\"!i.icon.iconfont\"\n      nz-icon\n      [nzType]=\"i.icon.type\"\n      [nzTheme]=\"i.icon.theme\"\n      [nzSpin]=\"i.icon.spin\"\n      [nzTwotoneColor]=\"i.icon.twoToneColor\"\n    ></i>\n    <i *ngIf=\"i.icon.iconfont\" nz-icon [nzIconfont]=\"i.icon.iconfont\"></i>\n  </ng-container>\n  <span [innerHTML]=\"i._text\" [ngClass]=\"{ 'pl-xs': i.icon }\"></span>\n</ng-template>\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)=\"_checkbox($event)\"\n    ></label>\n    <label\n      *ngSwitchCase=\"'radio'\"\n      nz-radio\n      [nzDisabled]=\"i.disabled\"\n      [ngModel]=\"i.checked\"\n      (ngModelChange)=\"_radio()\"\n    ></label>\n    <a\n      *ngSwitchCase=\"'link'\"\n      (click)=\"_link($event)\"\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 *ngSwitchCase=\"'badge'\" [nzStatus]=\"i._values[cIdx].color\" [nzText]=\"i._values[cIdx].text\"></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 *ngIf=\"btn.children!.length > 0\" nz-dropdown [nzDropdownMenu]=\"btnMenu\" nzOverlayClassName=\"st__btn-sub\">\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 [ngTemplateOutlet]=\"btnTpl\" [ngTemplateOutletContext]=\"{ $implicit: subBtn }\"> </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: btn }\"> </ng-template>\n    </span>\n    <nz-divider *ngIf=\"!last\" nzType=\"vertical\"></nz-divider>\n  </ng-container>\n</ng-container>\n" }]
+        }], ctorParameters: function () {
+        return [{ type: STComponent, decorators: [{
+                        type: Host
+                    }] }, { type: i17.Router }, { type: i1$1.ModalHelper }, { type: i1$1.DrawerHelper }];
+    }, propDecorators: { c: [{
+                type: Input
+            }], cIdx: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], i: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], n: [{
+                type: Output
+            }] } });
+
+const COMPONENTS = [STComponent, STRowDirective, STWidgetHostDirective];
+class STModule {
+}
+STModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+STModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STModule, declarations: [STComponent, STRowDirective, STWidgetHostDirective, STFilterComponent, STTdComponent], imports: [CommonModule,
+        FormsModule,
+        DelonACLModule,
+        LetModule,
+        NzPopconfirmModule,
+        NzTableModule,
+        NzIconModule,
+        NzBadgeModule,
+        NzCheckboxModule,
+        NzDividerModule,
+        NzDropDownModule,
+        NzMenuModule,
+        NzRadioModule,
+        NzTagModule,
+        NzInputModule,
+        NzToolTipModule,
+        NzResizableModule,
+        NzInputNumberModule,
+        NzDatePickerModule], exports: [STComponent, STRowDirective, STWidgetHostDirective] });
+STModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STModule, imports: [[
+            CommonModule,
+            FormsModule,
+            DelonACLModule,
+            LetModule,
+            NzPopconfirmModule,
+            NzTableModule,
+            NzIconModule,
+            NzBadgeModule,
+            NzCheckboxModule,
+            NzDividerModule,
+            NzDropDownModule,
+            NzMenuModule,
+            NzRadioModule,
+            NzTagModule,
+            NzInputModule,
+            NzToolTipModule,
+            NzResizableModule,
+            NzInputNumberModule,
+            NzDatePickerModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: STModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        DelonACLModule,
+                        LetModule,
+                        NzPopconfirmModule,
+                        NzTableModule,
+                        NzIconModule,
+                        NzBadgeModule,
+                        NzCheckboxModule,
+                        NzDividerModule,
+                        NzDropDownModule,
+                        NzMenuModule,
+                        NzRadioModule,
+                        NzTagModule,
+                        NzInputModule,
+                        NzToolTipModule,
+                        NzResizableModule,
+                        NzInputNumberModule,
+                        NzDatePickerModule
+                    ],
+                    declarations: [...COMPONENTS, STFilterComponent, STTdComponent],
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { STColumnSource, STComponent, STDataSource, STExport, STModule, STRowDirective, STWidgetHostDirective, STWidgetRegistry, ST_DEFAULT_CONFIG };
+//# sourceMappingURL=table.mjs.map