@delon/abc 12.4.2 → 13.0.0-beta.1

package/fesm2015/downFile.mjs

@@ -0,0 +1,141 @@
+import { __awaiter } from 'tslib';
+import * as i0 from '@angular/core';
+import { EventEmitter, Directive, Input, Output, NgModule } from '@angular/core';
+import { finalize } from 'rxjs/operators';
+import { saveAs } from 'file-saver';
+import * as i1 from '@delon/theme';
+import { AlainThemeModule } from '@delon/theme';
+import { CommonModule } from '@angular/common';
+
+class DownFileDirective {
+    constructor(el, _http) {
+        this.el = el;
+        this._http = _http;
+        this.isFileSaverSupported = true;
+        this.httpMethod = 'get';
+        this.success = new EventEmitter();
+        this.error = new EventEmitter();
+        let isFileSaverSupported = false;
+        try {
+            isFileSaverSupported = !!new Blob();
+        }
+        catch (_a) { }
+        this.isFileSaverSupported = isFileSaverSupported;
+        if (!isFileSaverSupported) {
+            el.nativeElement.classList.add(`down-file__not-support`);
+        }
+    }
+    getDisposition(data) {
+        const arr = (data || '')
+            .split(';')
+            .filter(i => i.includes('='))
+            .map(v => {
+            const strArr = v.split('=');
+            const utfId = `UTF-8''`;
+            let value = strArr[1];
+            if (value.startsWith(utfId))
+                value = value.substring(utfId.length);
+            return { [strArr[0].trim()]: value };
+        });
+        return arr.reduce((_o, item) => item, {});
+    }
+    setDisabled(status) {
+        const el = this.el.nativeElement;
+        el.disabled = status;
+        el.classList[status ? 'add' : 'remove'](`down-file__disabled`);
+    }
+    _click(ev) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.isFileSaverSupported || (typeof this.pre === 'function' && !(yield this.pre(ev)))) {
+                ev.stopPropagation();
+                ev.preventDefault();
+                return;
+            }
+            this.setDisabled(true);
+            this._http
+                .request(this.httpMethod, this.httpUrl, {
+                params: this.httpData || {},
+                responseType: 'blob',
+                observe: 'response',
+                body: this.httpBody
+            })
+                .pipe(finalize(() => this.setDisabled(false)))
+                .subscribe({
+                next: (res) => {
+                    if (res.status !== 200 || res.body.size <= 0) {
+                        this.error.emit(res);
+                        return;
+                    }
+                    const disposition = this.getDisposition(res.headers.get('content-disposition'));
+                    let fileName = this.fileName;
+                    if (typeof fileName === 'function')
+                        fileName = fileName(res);
+                    fileName =
+                        fileName ||
+                            disposition[`filename*`] ||
+                            disposition[`filename`] ||
+                            res.headers.get('filename') ||
+                            res.headers.get('x-filename');
+                    saveAs(res.body, decodeURI(fileName));
+                    this.success.emit(res);
+                },
+                error: err => this.error.emit(err)
+            });
+        });
+    }
+}
+DownFileDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DownFileDirective, deps: [{ token: i0.ElementRef }, { token: i1._HttpClient }], target: i0.ɵɵFactoryTarget.Directive });
+DownFileDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: DownFileDirective, selector: "[down-file]", inputs: { httpData: ["http-data", "httpData"], httpBody: ["http-body", "httpBody"], httpMethod: ["http-method", "httpMethod"], httpUrl: ["http-url", "httpUrl"], fileName: ["file-name", "fileName"], pre: "pre" }, outputs: { success: "success", error: "error" }, host: { listeners: { "click": "_click($event)" } }, exportAs: ["downFile"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DownFileDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[down-file]',
+                    exportAs: 'downFile',
+                    host: {
+                        '(click)': '_click($event)'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1._HttpClient }]; }, propDecorators: { httpData: [{
+                type: Input,
+                args: ['http-data']
+            }], httpBody: [{
+                type: Input,
+                args: ['http-body']
+            }], httpMethod: [{
+                type: Input,
+                args: ['http-method']
+            }], httpUrl: [{
+                type: Input,
+                args: ['http-url']
+            }], fileName: [{
+                type: Input,
+                args: ['file-name']
+            }], pre: [{
+                type: Input
+            }], success: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }] } });
+
+const DIRECTIVES = [DownFileDirective];
+class DownFileModule {
+}
+DownFileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DownFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DownFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DownFileModule, declarations: [DownFileDirective], imports: [CommonModule, AlainThemeModule], exports: [DownFileDirective] });
+DownFileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DownFileModule, imports: [[CommonModule, AlainThemeModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DownFileModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, AlainThemeModule],
+                    declarations: [...DIRECTIVES],
+                    exports: [...DIRECTIVES]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DownFileDirective, DownFileModule };
+//# sourceMappingURL=downFile.mjs.map

package/fesm2015/downFile.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"downFile.mjs","sources":["../../../../packages/abc/down-file/down-file.directive.ts","../../../../packages/abc/down-file/down-file.module.ts","../../../../packages/abc/down-file/downFile.ts"],"sourcesContent":["import { HttpResponse } from '@angular/common/http';\nimport { Directive, ElementRef, EventEmitter, Input, Output } from '@angular/core';\nimport { finalize } from 'rxjs/operators';\n\nimport { saveAs } from 'file-saver';\n\nimport { _HttpClient } from '@delon/theme';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\n@Directive({\n  selector: '[down-file]',\n  exportAs: 'downFile',\n  host: {\n    '(click)': '_click($event)'\n  }\n})\nexport class DownFileDirective {\n  private isFileSaverSupported = true;\n  @Input('http-data') httpData: NzSafeAny;\n  @Input('http-body') httpBody: NzSafeAny;\n  @Input('http-method') httpMethod: string = 'get';\n  @Input('http-url') httpUrl!: string;\n  @Input('file-name') fileName?: string | ((rep: HttpResponse<Blob>) => string);\n  @Input() pre?: (ev: MouseEvent) => Promise<boolean>;\n  @Output() readonly success = new EventEmitter<HttpResponse<Blob>>();\n  @Output() readonly error = new EventEmitter<NzSafeAny>();\n\n  private getDisposition(data: string | null): NzSafeAny {\n    const arr: Array<Record<string, string>> = (data || '')\n      .split(';')\n      .filter(i => i.includes('='))\n      .map(v => {\n        const strArr = v.split('=');\n        const utfId = `UTF-8''`;\n        let value = strArr[1];\n        if (value.startsWith(utfId)) value = value.substring(utfId.length);\n        return { [strArr[0].trim()]: value };\n      });\n    return arr.reduce((_o, item) => item, {});\n  }\n\n  constructor(private el: ElementRef<HTMLButtonElement>, private _http: _HttpClient) {\n    let isFileSaverSupported = false;\n    try {\n      isFileSaverSupported = !!new Blob();\n    } catch {}\n    this.isFileSaverSupported = isFileSaverSupported;\n    if (!isFileSaverSupported) {\n      el.nativeElement.classList.add(`down-file__not-support`);\n    }\n  }\n\n  private setDisabled(status: boolean): void {\n    const el = this.el.nativeElement;\n    el.disabled = status;\n    el.classList[status ? 'add' : 'remove'](`down-file__disabled`);\n  }\n\n  async _click(ev: MouseEvent): Promise<void> {\n    if (!this.isFileSaverSupported || (typeof this.pre === 'function' && !(await this.pre(ev)))) {\n      ev.stopPropagation();\n      ev.preventDefault();\n      return;\n    }\n    this.setDisabled(true);\n    this._http\n      .request(this.httpMethod, this.httpUrl, {\n        params: this.httpData || {},\n        responseType: 'blob',\n        observe: 'response',\n        body: this.httpBody\n      })\n      .pipe(finalize(() => this.setDisabled(false)))\n      .subscribe({\n        next: (res: HttpResponse<Blob>) => {\n          if (res.status !== 200 || res.body!.size <= 0) {\n            this.error.emit(res);\n            return;\n          }\n          const disposition = this.getDisposition(res.headers.get('content-disposition'));\n          let fileName = this.fileName;\n          if (typeof fileName === 'function') fileName = fileName(res);\n          fileName =\n            fileName ||\n            disposition[`filename*`] ||\n            disposition[`filename`] ||\n            res.headers.get('filename') ||\n            res.headers.get('x-filename');\n          saveAs(res.body!, decodeURI(fileName as string));\n          this.success.emit(res);\n        },\n        error: err => this.error.emit(err)\n      });\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AlainThemeModule } from '@delon/theme';\n\nimport { DownFileDirective } from './down-file.directive';\n\nconst DIRECTIVES = [DownFileDirective];\n\n@NgModule({\n  imports: [CommonModule, AlainThemeModule],\n  declarations: [...DIRECTIVES],\n  exports: [...DIRECTIVES]\n})\nexport class DownFileModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/edit.mjs

@@ -0,0 +1,443 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Host, Optional, TemplateRef, ContentChild, ViewChild, NgModule } from '@angular/core';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { filter, takeUntil } from 'rxjs/operators';
+import { toNumber, InputNumber, InputBoolean } from '@delon/util/decorator';
+import * as i1 from '@delon/util/config';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3$1 from 'ng-zorro-antd/core/outlet';
+import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
+import { RequiredValidator, NgModel, FormControlName } from '@angular/forms';
+import { isEmpty } from '@delon/util/browser';
+import { helpMotion } from 'ng-zorro-antd/core/animation';
+import * as i2 from '@delon/theme';
+import * as i5 from 'ng-zorro-antd/tooltip';
+import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
+import * as i6 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+
+class SEContainerComponent {
+    constructor(configSrv) {
+        this.errorNotify$ = new BehaviorSubject(null);
+        this.noColon = false;
+        this.line = false;
+        configSrv.attach(this, 'se', {
+            size: 'default',
+            nzLayout: 'horizontal',
+            gutter: 32,
+            col: 2,
+            labelWidth: 150,
+            firstVisual: false,
+            ingoreDirty: false
+        });
+    }
+    get gutter() {
+        return this.nzLayout === 'horizontal' ? this._gutter : 0;
+    }
+    set gutter(value) {
+        this._gutter = toNumber(value);
+    }
+    get nzLayout() {
+        return this._nzLayout;
+    }
+    set nzLayout(value) {
+        this._nzLayout = value;
+        if (value === 'inline') {
+            this.size = 'compact';
+        }
+    }
+    set errors(val) {
+        this.setErrors(val);
+    }
+    get margin() {
+        return -(this.gutter / 2);
+    }
+    get errorNotify() {
+        return this.errorNotify$.pipe(filter(v => v != null));
+    }
+    setErrors(errors) {
+        for (const error of errors) {
+            this.errorNotify$.next(error);
+        }
+    }
+}
+SEContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SEContainerComponent, deps: [{ token: i1.AlainConfigService }], target: i0.ɵɵFactoryTarget.Component });
+SEContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: SEContainerComponent, selector: "se-container, [se-container]", inputs: { colInCon: ["se-container", "colInCon"], col: "col", labelWidth: "labelWidth", noColon: "noColon", title: "title", gutter: "gutter", nzLayout: "nzLayout", size: "size", firstVisual: "firstVisual", ingoreDirty: "ingoreDirty", line: "line", errors: "errors" }, host: { properties: { "class.ant-row": "true", "class.se__container": "true", "class.se__horizontal": "nzLayout === 'horizontal'", "class.se__vertical": "nzLayout === 'vertical'", "class.se__inline": "nzLayout === 'inline'", "class.se__compact": "size === 'compact'", "style.margin-left.px": "margin", "style.margin-right.px": "margin" } }, exportAs: ["seContainer"], ngImport: i0, template: `
+    <div se-title *ngIf="title">
+      <ng-container *nzStringTemplateOutlet="title">{{ title }}</ng-container>
+    </div>
+    <ng-content></ng-content>
+  `, isInline: true, components: [{ type: i0.forwardRef(function () { return SETitleComponent; }), selector: "se-title, [se-title]", exportAs: ["seTitle"] }], directives: [{ type: i0.forwardRef(function () { return i3.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i0.forwardRef(function () { return i3$1.NzStringTemplateOutletDirective; }), selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputNumber(null)
+], SEContainerComponent.prototype, "colInCon", void 0);
+__decorate([
+    InputNumber(null)
+], SEContainerComponent.prototype, "col", void 0);
+__decorate([
+    InputNumber(null)
+], SEContainerComponent.prototype, "labelWidth", void 0);
+__decorate([
+    InputBoolean()
+], SEContainerComponent.prototype, "noColon", void 0);
+__decorate([
+    InputBoolean()
+], SEContainerComponent.prototype, "firstVisual", void 0);
+__decorate([
+    InputBoolean()
+], SEContainerComponent.prototype, "ingoreDirty", void 0);
+__decorate([
+    InputBoolean()
+], SEContainerComponent.prototype, "line", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SEContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'se-container, [se-container]',
+                    exportAs: 'seContainer',
+                    template: `
+    <div se-title *ngIf="title">
+      <ng-container *nzStringTemplateOutlet="title">{{ title }}</ng-container>
+    </div>
+    <ng-content></ng-content>
+  `,
+                    host: {
+                        '[class.ant-row]': `true`,
+                        '[class.se__container]': `true`,
+                        '[class.se__horizontal]': `nzLayout === 'horizontal'`,
+                        '[class.se__vertical]': `nzLayout === 'vertical'`,
+                        '[class.se__inline]': `nzLayout === 'inline'`,
+                        '[class.se__compact]': `size === 'compact'`,
+                        '[style.margin-left.px]': `margin`,
+                        '[style.margin-right.px]': `margin`
+                    },
+                    preserveWhitespaces: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () { return [{ type: i1.AlainConfigService }]; }, propDecorators: { colInCon: [{
+                type: Input,
+                args: ['se-container']
+            }], col: [{
+                type: Input
+            }], labelWidth: [{
+                type: Input
+            }], noColon: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], gutter: [{
+                type: Input
+            }], nzLayout: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], firstVisual: [{
+                type: Input
+            }], ingoreDirty: [{
+                type: Input
+            }], line: [{
+                type: Input
+            }], errors: [{
+                type: Input
+            }] } });
+class SETitleComponent {
+    constructor(parent, el, ren) {
+        this.parent = parent;
+        this.ren = ren;
+        if (parent == null) {
+            throw new Error(`[se-title] must include 'se-container' component`);
+        }
+        this.el = el.nativeElement;
+    }
+    setClass() {
+        const { el } = this;
+        const gutter = this.parent.gutter;
+        this.ren.setStyle(el, 'padding-left', `${gutter / 2}px`);
+        this.ren.setStyle(el, 'padding-right', `${gutter / 2}px`);
+    }
+    ngOnInit() {
+        this.setClass();
+    }
+}
+SETitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SETitleComponent, deps: [{ token: SEContainerComponent, host: true, optional: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+SETitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: SETitleComponent, selector: "se-title, [se-title]", host: { properties: { "class.se__title": "true" } }, exportAs: ["seTitle"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SETitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'se-title, [se-title]',
+                    exportAs: 'seTitle',
+                    template: '<ng-content></ng-content>',
+                    host: {
+                        '[class.se__title]': 'true'
+                    },
+                    preserveWhitespaces: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () {
+        return [{ type: SEContainerComponent, decorators: [{
+                        type: Host
+                    }, {
+                        type: Optional
+                    }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }];
+    } });
+
+const prefixCls = `se`;
+let nextUniqueId = 0;
+class SEComponent {
+    constructor(el, parent, rep, ren, cdr) {
+        this.parent = parent;
+        this.rep = rep;
+        this.ren = ren;
+        this.cdr = cdr;
+        this.unsubscribe$ = new Subject();
+        this.clsMap = [];
+        this.inited = false;
+        this.onceFlag = false;
+        this.errorData = {};
+        this.isBindModel = false;
+        this.invalid = false;
+        this._labelWidth = null;
+        this._noColon = null;
+        // #region fields
+        this.optional = null;
+        this.optionalHelp = null;
+        this.required = false;
+        this.controlClass = '';
+        this.hideLabel = false;
+        this._id = `_se-${++nextUniqueId}`;
+        this._autoId = true;
+        if (parent == null) {
+            throw new Error(`[se] must include 'se-container' component`);
+        }
+        this.el = el.nativeElement;
+        parent.errorNotify
+            .pipe(takeUntil(this.unsubscribe$), filter(w => this.inited && this.ngControl != null && this.ngControl.name === w.name))
+            .subscribe(item => {
+            this.error = item.error;
+            this.updateStatus(this.ngControl.invalid);
+        });
+    }
+    set error(val) {
+        this.errorData = typeof val === 'string' || val instanceof TemplateRef ? { '': val } : val;
+    }
+    set id(value) {
+        this._id = value;
+        this._autoId = false;
+    }
+    // #endregion
+    get paddingValue() {
+        return this.parent.gutter / 2;
+    }
+    get showErr() {
+        return this.invalid && !!this._error && !this.compact;
+    }
+    get compact() {
+        return this.parent.size === 'compact';
+    }
+    get ngControl() {
+        return this.ngModel || this.formControlName;
+    }
+    setClass() {
+        const { el, ren, clsMap, col, parent, cdr, line, labelWidth, rep, noColon } = this;
+        this._noColon = noColon != null ? noColon : parent.noColon;
+        this._labelWidth = parent.nzLayout === 'horizontal' ? (labelWidth != null ? labelWidth : parent.labelWidth) : null;
+        clsMap.forEach(cls => ren.removeClass(el, cls));
+        clsMap.length = 0;
+        const repCls = parent.nzLayout === 'horizontal' ? rep.genCls(col != null ? col : parent.colInCon || parent.col) : [];
+        clsMap.push(`ant-form-item`, ...repCls, `${prefixCls}__item`);
+        if (line || parent.line) {
+            clsMap.push(`${prefixCls}__line`);
+        }
+        clsMap.forEach(cls => ren.addClass(el, cls));
+        cdr.detectChanges();
+        return this;
+    }
+    bindModel() {
+        var _a, _b;
+        if (!this.ngControl || this.isBindModel)
+            return;
+        this.isBindModel = true;
+        this.ngControl
+            .statusChanges.pipe(takeUntil(this.unsubscribe$))
+            .subscribe(res => this.updateStatus(res === 'INVALID'));
+        if (this._autoId) {
+            const controlAccessor = this.ngControl.valueAccessor;
+            const control = (_a = ((controlAccessor === null || controlAccessor === void 0 ? void 0 : controlAccessor.elementRef) || (controlAccessor === null || controlAccessor === void 0 ? void 0 : controlAccessor._elementRef))) === null || _a === void 0 ? void 0 : _a.nativeElement;
+            if (!!control) {
+                if (control.id) {
+                    this._id = control.id;
+                }
+                else {
+                    control.id = this._id;
+                }
+            }
+        }
+        // auto required
+        if (this.required !== true) {
+            const rawValidators = (_b = this.ngControl) === null || _b === void 0 ? void 0 : _b._rawValidators;
+            this.required = rawValidators.find(w => w instanceof RequiredValidator) != null;
+            this.cdr.detectChanges();
+        }
+    }
+    updateStatus(invalid) {
+        var _a, _b, _c, _d;
+        if (((_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.disabled) || ((_b = this.ngControl) === null || _b === void 0 ? void 0 : _b.isDisabled)) {
+            return;
+        }
+        this.invalid =
+            !this.onceFlag && invalid && this.parent.ingoreDirty === false && !((_c = this.ngControl) === null || _c === void 0 ? void 0 : _c.dirty) ? false : invalid;
+        const errors = (_d = this.ngControl) === null || _d === void 0 ? void 0 : _d.errors;
+        if (errors != null && Object.keys(errors).length > 0) {
+            const key = Object.keys(errors)[0] || '';
+            const err = this.errorData[key];
+            this._error = err != null ? err : this.errorData[''] || '';
+        }
+        this.cdr.detectChanges();
+    }
+    checkContent() {
+        const el = this.contentElement.nativeElement;
+        const cls = `${prefixCls}__item-empty`;
+        if (isEmpty(el)) {
+            this.ren.addClass(el, cls);
+        }
+        else {
+            this.ren.removeClass(el, cls);
+        }
+    }
+    ngAfterContentInit() {
+        this.checkContent();
+    }
+    ngOnChanges() {
+        this.onceFlag = this.parent.firstVisual;
+        if (this.inited) {
+            this.setClass().bindModel();
+        }
+    }
+    ngAfterViewInit() {
+        this.setClass().bindModel();
+        this.inited = true;
+        if (this.onceFlag) {
+            Promise.resolve().then(() => {
+                var _a;
+                this.updateStatus((_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.invalid);
+                this.onceFlag = false;
+            });
+        }
+    }
+    ngOnDestroy() {
+        const { unsubscribe$ } = this;
+        unsubscribe$.next();
+        unsubscribe$.complete();
+    }
+}
+SEComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SEComponent, deps: [{ token: i0.ElementRef }, { token: SEContainerComponent, host: true, optional: true }, { token: i2.ResponsiveService }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SEComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: SEComponent, selector: "se", inputs: { optional: "optional", optionalHelp: "optionalHelp", optionalHelpColor: "optionalHelpColor", error: "error", extra: "extra", label: "label", col: "col", required: "required", controlClass: "controlClass", line: "line", labelWidth: "labelWidth", noColon: "noColon", hideLabel: "hideLabel", id: "id" }, host: { properties: { "style.padding-left.px": "paddingValue", "style.padding-right.px": "paddingValue", "class.se__hide-label": "hideLabel", "class.ant-form-item-has-error": "invalid", "class.ant-form-item-with-help": "showErr" } }, queries: [{ propertyName: "ngModel", first: true, predicate: NgModel, descendants: true, static: true }, { propertyName: "formControlName", first: true, predicate: FormControlName, descendants: true, static: true }], viewQueries: [{ propertyName: "contentElement", first: true, predicate: ["contentElement"], descendants: true, static: true }], exportAs: ["se"], usesOnChanges: true, ngImport: i0, template: "<div class=\"ant-form-item-label\" [class.se__nolabel]=\"hideLabel || !label\" [style.width.px]=\"_labelWidth\">\n  <label\n    *ngIf=\"label\"\n    [attr.for]=\"_id\"\n    class=\"se__label\"\n    [ngClass]=\"{ 'ant-form-item-required': required, 'se__no-colon': _noColon }\"\n  >\n    <span class=\"se__label-text\">\n      <ng-container *nzStringTemplateOutlet=\"label\">{{ label }}</ng-container>\n    </span>\n    <span *ngIf=\"optional || optionalHelp\" class=\"se__label-optional\" [class.se__label-optional-no-text]=\"!optional\">\n      <ng-container *nzStringTemplateOutlet=\"optional\">{{ optional }}</ng-container>\n      <i\n        *ngIf=\"optionalHelp\"\n        nz-tooltip\n        [nzTooltipTitle]=\"optionalHelp\"\n        [nzTooltipColor]=\"optionalHelpColor\"\n        nz-icon\n        nzType=\"question-circle\"\n      ></i>\n    </span>\n  </label>\n</div>\n<div class=\"ant-form-item-control se__control\">\n  <div class=\"ant-form-item-control-input {{ controlClass }}\">\n    <div class=\"ant-form-item-control-input-content\" (cdkObserveContent)=\"checkContent()\" #contentElement>\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div class=\"ant-form-item-explain ant-form-item-explain-error\" *ngIf=\"showErr\">\n    <div @helpMotion>\n      <ng-container *nzStringTemplateOutlet=\"_error\">{{ _error }}</ng-container>\n    </div>\n  </div>\n  <div *ngIf=\"extra && !compact\" class=\"ant-form-item-extra\">\n    <ng-container *nzStringTemplateOutlet=\"extra\">{{ extra }}</ng-container>\n  </div>\n</div>\n", directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }, { type: i5.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { type: i6.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], animations: [helpMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputNumber(null)
+], SEComponent.prototype, "col", void 0);
+__decorate([
+    InputBoolean()
+], SEComponent.prototype, "required", void 0);
+__decorate([
+    InputBoolean(null)
+], SEComponent.prototype, "line", void 0);
+__decorate([
+    InputNumber(null)
+], SEComponent.prototype, "labelWidth", void 0);
+__decorate([
+    InputBoolean(null)
+], SEComponent.prototype, "noColon", void 0);
+__decorate([
+    InputBoolean()
+], SEComponent.prototype, "hideLabel", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SEComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'se', exportAs: 'se', host: {
+                        '[style.padding-left.px]': 'paddingValue',
+                        '[style.padding-right.px]': 'paddingValue',
+                        '[class.se__hide-label]': 'hideLabel',
+                        '[class.ant-form-item-has-error]': 'invalid',
+                        '[class.ant-form-item-with-help]': 'showErr'
+                    }, preserveWhitespaces: false, animations: [helpMotion], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ant-form-item-label\" [class.se__nolabel]=\"hideLabel || !label\" [style.width.px]=\"_labelWidth\">\n  <label\n    *ngIf=\"label\"\n    [attr.for]=\"_id\"\n    class=\"se__label\"\n    [ngClass]=\"{ 'ant-form-item-required': required, 'se__no-colon': _noColon }\"\n  >\n    <span class=\"se__label-text\">\n      <ng-container *nzStringTemplateOutlet=\"label\">{{ label }}</ng-container>\n    </span>\n    <span *ngIf=\"optional || optionalHelp\" class=\"se__label-optional\" [class.se__label-optional-no-text]=\"!optional\">\n      <ng-container *nzStringTemplateOutlet=\"optional\">{{ optional }}</ng-container>\n      <i\n        *ngIf=\"optionalHelp\"\n        nz-tooltip\n        [nzTooltipTitle]=\"optionalHelp\"\n        [nzTooltipColor]=\"optionalHelpColor\"\n        nz-icon\n        nzType=\"question-circle\"\n      ></i>\n    </span>\n  </label>\n</div>\n<div class=\"ant-form-item-control se__control\">\n  <div class=\"ant-form-item-control-input {{ controlClass }}\">\n    <div class=\"ant-form-item-control-input-content\" (cdkObserveContent)=\"checkContent()\" #contentElement>\n      <ng-content></ng-content>\n    </div>\n  </div>\n  <div class=\"ant-form-item-explain ant-form-item-explain-error\" *ngIf=\"showErr\">\n    <div @helpMotion>\n      <ng-container *nzStringTemplateOutlet=\"_error\">{{ _error }}</ng-container>\n    </div>\n  </div>\n  <div *ngIf=\"extra && !compact\" class=\"ant-form-item-extra\">\n    <ng-container *nzStringTemplateOutlet=\"extra\">{{ extra }}</ng-container>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: SEContainerComponent, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Host
+                    }] }, { type: i2.ResponsiveService }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }];
+    }, propDecorators: { ngModel: [{
+                type: ContentChild,
+                args: [NgModel, { static: true }]
+            }], formControlName: [{
+                type: ContentChild,
+                args: [FormControlName, { static: true }]
+            }], contentElement: [{
+                type: ViewChild,
+                args: ['contentElement', { static: true }]
+            }], optional: [{
+                type: Input
+            }], optionalHelp: [{
+                type: Input
+            }], optionalHelpColor: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], extra: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], col: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], controlClass: [{
+                type: Input
+            }], line: [{
+                type: Input
+            }], labelWidth: [{
+                type: Input
+            }], noColon: [{
+                type: Input
+            }], hideLabel: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [SEContainerComponent, SEComponent, SETitleComponent];
+class SEModule {
+}
+SEModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SEModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SEModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SEModule, declarations: [SEContainerComponent, SEComponent, SETitleComponent], imports: [CommonModule, NzToolTipModule, NzIconModule, NzOutletModule], exports: [SEContainerComponent, SEComponent, SETitleComponent] });
+SEModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SEModule, imports: [[CommonModule, NzToolTipModule, NzIconModule, NzOutletModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: SEModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, NzToolTipModule, NzIconModule, NzOutletModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+// /**
+//  * Error collection
+//  * - `name`: The value of` ngModel` or `formControlName`
+//  * - `error`: Replaced error value
+//  */
+// errors: Array<{ name: string; error: SEErrorType }>;
+// /**
+//  * Whether force show error, even if the form component has not invalid, Default: `false`
+//  * - `false`: Whether to display error by `invalid`
+//  * - `true`: Force show display error
+//  */
+// force?: boolean;
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SEComponent, SEContainerComponent, SEModule, SETitleComponent };
+//# sourceMappingURL=edit.mjs.map