@ebuilding/form 2.4.0 → 2.4.1

package/fesm2022/type.attachment.mjs

@@ -0,0 +1,214 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@ebuilding-form/core';
+import { FieldType, FormlyModule } from '@ebuilding-form/core';
+import { DeonNzFormFieldModule } from '@ebuilding/form/form-field';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i3 from 'ng-zorro-antd/upload';
+import { NzUploadModule } from 'ng-zorro-antd/upload';
+import * as i4 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import { NzModalModule } from 'ng-zorro-antd/modal';
+import { ModuleAPI } from '@ebuilding/base/shared.var/shared.constant';
+import * as i1 from '@delon/theme';
+import * as i2 from 'ng-zorro-antd/message';
+
+class DeonNzFieldAttachment extends FieldType {
+    http;
+    msg;
+    fileList = [];
+    previewImage;
+    previewVisible = false;
+    constructor(http, msg) {
+        super();
+        this.http = http;
+        this.msg = msg;
+    }
+    /** 是否多图 */
+    get isMultiple() {
+        return this.to?.selectType === 'multiple';
+    }
+    /** 最大数量 */
+    get maxCount() {
+        if (!this.isMultiple)
+            return 1;
+        return this.to?.max || 8;
+    }
+    ngOnInit() {
+        this.initValue();
+        /** 解决页面渲染后赋值 */
+        this.formControl.valueChanges.subscribe(() => {
+            if (this.fileList.length === 0) {
+                this.initValue();
+            }
+        });
+    }
+    /**
+     * 初始化回显
+     */
+    initValue() {
+        const value = this.formControl.value;
+        if (!value)
+            return;
+        const arr = Array.isArray(value) ? value : [value];
+        this.fileList = arr.map((item, index) => ({
+            uid: item.id || String(index),
+            name: item.fileName,
+            status: 'done',
+            url: item.fileUrl,
+            thumbUrl: item.fileUrl
+        }));
+    }
+    /**
+     * 上传前
+     */
+    beforeUpload = (file) => {
+        const realFile = file;
+        if (!realFile)
+            return false;
+        /** 限制 50MB */
+        const isLt5M = realFile.size / 1024 / 1024 < 50;
+        if (!isLt5M) {
+            this.msg.warning('附件不能超过50MB');
+            return false;
+        }
+        const reader = new FileReader();
+        reader.onload = () => {
+            const target = this.fileList.find(f => f.uid === file.uid);
+            if (target) {
+                target.thumbUrl = reader.result;
+                this.fileList = [...this.fileList];
+            }
+        };
+        reader.readAsDataURL(realFile);
+        return true;
+    };
+    /**
+     * 上传
+     */
+    uploadRequest = (item) => {
+        const file = item.file;
+        const realFile = file.originFileObj ||
+            item.file;
+        const formData = new FormData();
+        formData.append('type', 'OTHER');
+        formData.append('multipartFile', realFile);
+        return this.http
+            .post(`${ModuleAPI.system}/user/comm/uploadFile`, formData)
+            .subscribe({
+            next: (res) => {
+                if (res && res?.result) {
+                    const data = res.result;
+                    file.status = 'done';
+                    file.url = data.fileUrl;
+                    file.thumbUrl = data.fileUrl;
+                    /** 保存 id */
+                    file.id = data.id;
+                    if (!this.isMultiple) {
+                        this.fileList = [file];
+                    }
+                    else {
+                        this.fileList = [...this.fileList];
+                    }
+                    this.updateModel();
+                    item.onSuccess?.(res, file, null);
+                }
+                else {
+                    file.status = 'error';
+                    item.onError?.(res, file);
+                }
+            },
+            error: err => {
+                file.status = 'error';
+                item.onError?.(err, file);
+            }
+        });
+    };
+    /**
+     * 删除
+     */
+    remove = (file) => {
+        const index = this.fileList.indexOf(file);
+        if (index > -1) {
+            this.fileList.splice(index, 1);
+        }
+        this.updateModel();
+        return true;
+    };
+    fileChange(e) { }
+    /**
+     * 写回 model
+     */
+    updateModel() {
+        let arr = [];
+        if (this.fileList && this.fileList.length > 0) {
+            this.fileList.forEach((item) => {
+                if (item && item["status"] === 'done' && item["url"]) {
+                    arr.push({
+                        id: item.id,
+                        fileName: item.name,
+                        fileUrl: item.url
+                    });
+                }
+            });
+        }
+        if (this.isMultiple) {
+            this.formControl.setValue(arr);
+        }
+        else {
+            this.formControl.setValue(arr[0] || null);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldAttachment, deps: [{ token: i1._HttpClient }, { token: i2.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldAttachment, isStandalone: true, selector: "deon-nz-field-attachment", usesInheritance: true, ngImport: i0, template: "<nz-upload nzType=\"drag\" [nzLimit]=\"1\" [nzShowButton]=\"fileList.length < maxCount\" [nzMultiple]=\"isMultiple\"\r\n    [nzDisabled]=\"fileList && fileList.length>=maxCount\" [(nzFileList)]=\"fileList\" [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzRemove]=\"remove\" [nzCustomRequest]=\"uploadRequest\" [(nzFileList)]=\"fileList\">\r\n    <p class=\"ant-upload-drag-icon\">\r\n        <i nz-icon nzType=\"inbox\"></i>\r\n    </p>\r\n    <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4EE5\u4E0A\u4F20</p>\r\n    <p class=\"ant-upload-hint\">\u5355\u4E2A\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC750MB\uFF08\u6700\u591A\u53EF\u4EE5\u4E0A\u4F20{{maxCount}}\u4E2A\u6587\u4EF6\uFF09</p>\r\n</nz-upload>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i3.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzModalModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldAttachment, decorators: [{
+            type: Component,
+            args: [{ selector: 'deon-nz-field-attachment', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyModule,
+                        NzUploadModule,
+                        NzIconModule,
+                        NzModalModule
+                    ], template: "<nz-upload nzType=\"drag\" [nzLimit]=\"1\" [nzShowButton]=\"fileList.length < maxCount\" [nzMultiple]=\"isMultiple\"\r\n    [nzDisabled]=\"fileList && fileList.length>=maxCount\" [(nzFileList)]=\"fileList\" [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzRemove]=\"remove\" [nzCustomRequest]=\"uploadRequest\" [(nzFileList)]=\"fileList\">\r\n    <p class=\"ant-upload-drag-icon\">\r\n        <i nz-icon nzType=\"inbox\"></i>\r\n    </p>\r\n    <p class=\"ant-upload-text\">\u5355\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4EE5\u4E0A\u4F20</p>\r\n    <p class=\"ant-upload-hint\">\u5355\u4E2A\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC750MB\uFF08\u6700\u591A\u53EF\u4EE5\u4E0A\u4F20{{maxCount}}\u4E2A\u6587\u4EF6\uFF09</p>\r\n</nz-upload>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2.NzMessageService }] });
+
+function withFormlyFieldAttachment() {
+    return {
+        types: [
+            {
+                name: 'attachment',
+                component: DeonNzFieldAttachment,
+                wrappers: ['formly-form-field'],
+            }
+        ],
+    };
+}
+
+class DeonNzAttachmentModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzAttachmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: DeonNzAttachmentModule, imports: [CommonModule,
+            DeonNzFormFieldModule, i1$1.FormlyModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzAttachmentModule, imports: [CommonModule,
+            DeonNzFormFieldModule,
+            FormlyModule.forChild(withFormlyFieldAttachment())] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzAttachmentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DeonNzFormFieldModule,
+                        FormlyModule.forChild(withFormlyFieldAttachment()),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DeonNzAttachmentModule, DeonNzFieldAttachment, withFormlyFieldAttachment };
+//# sourceMappingURL=type.attachment.mjs.map

package/fesm2022/type.attachment.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.attachment.mjs","sources":["../../../../packages/form/attachment/src/default/index.ts","../../../../packages/form/attachment/src/default/index.html","../../../../packages/form/attachment/src/attachment.config.ts","../../../../packages/form/attachment/src/attachment.module.ts","../../../../packages/form/attachment/type.attachment.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ChangeDetectionStrategy\r\n} from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { _HttpClient } from '@delon/theme';\r\n\r\nimport {\r\n  FormlyModule,\r\n  FieldType,\r\n  FieldTypeConfig\r\n} from '@ebuilding-form/core';\r\n\r\nimport {\r\n  NzUploadFile,\r\n  NzUploadModule,\r\n  NzUploadXHRArgs\r\n} from 'ng-zorro-antd/upload';\r\n\r\nimport { NzIconModule } from 'ng-zorro-antd/icon';\r\nimport { NzModalModule } from 'ng-zorro-antd/modal';\r\nimport { NzMessageService } from 'ng-zorro-antd/message';\r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { ModuleAPI } from '@ebuilding/base/shared.var/shared.constant';\r\n\r\n@Component({\r\n  selector: 'deon-nz-field-attachment',\r\n  templateUrl: './index.html',\r\n  styleUrls: ['./index.less'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    ReactiveFormsModule,\r\n    FormlyModule,\r\n    NzUploadModule,\r\n    NzIconModule,\r\n    NzModalModule\r\n  ]\r\n})\r\nexport class DeonNzFieldAttachment extends FieldType<FieldTypeConfig> {\r\n\r\n  fileList: NzUploadFile[] = [];\r\n\r\n  previewImage?: string;\r\n  previewVisible = false;\r\n\r\n  constructor(private http: _HttpClient, private msg: NzMessageService) {\r\n    super();\r\n  }\r\n\r\n  /** 是否多图 */\r\n  get isMultiple(): boolean {\r\n    return this.to?.selectType === 'multiple';\r\n  }\r\n\r\n  /** 最大数量 */\r\n  get maxCount(): number {\r\n    if (!this.isMultiple) return 1;\r\n    return this.to?.max || 8;\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.initValue();\r\n    /** 解决页面渲染后赋值 */\r\n    this.formControl.valueChanges.subscribe(() => {\r\n      if (this.fileList.length === 0) {\r\n        this.initValue();\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n  /**\r\n   * 初始化回显\r\n   */\r\n  initValue() {\r\n    const value = this.formControl.value;\r\n    if (!value) return;\r\n    const arr = Array.isArray(value) ? value : [value];\r\n    this.fileList = arr.map((item: any, index: number) => ({\r\n      uid: item.id || String(index),\r\n      name: item.fileName,\r\n      status: 'done',\r\n      url: item.fileUrl,\r\n      thumbUrl: item.fileUrl\r\n    }));\r\n  }\r\n\r\n  /**\r\n   * 上传前\r\n   */\r\n  beforeUpload = (file: NzUploadFile): boolean => {\r\n    const realFile = file as unknown as File\r\n    if (!realFile) return false;\r\n    /** 限制 50MB */\r\n    const isLt5M = realFile.size / 1024 / 1024 < 50;\r\n    if (!isLt5M) {\r\n      this.msg.warning('附件不能超过50MB');\r\n      return false;\r\n    }\r\n    const reader = new FileReader();\r\n    reader.onload = () => {\r\n      const target = this.fileList.find(f => f.uid === file.uid);\r\n      if (target) {\r\n        target.thumbUrl = reader.result as string;\r\n        this.fileList = [...this.fileList];\r\n      }\r\n    };\r\n\r\n    reader.readAsDataURL(realFile);\r\n\r\n    return true;\r\n\r\n  };\r\n\r\n  /**\r\n   * 上传\r\n   */\r\n  uploadRequest = (item: NzUploadXHRArgs): Subscription => {\r\n\r\n    const file = item.file as NzUploadFile;\r\n\r\n    const realFile =\r\n      file.originFileObj ||\r\n      (item.file as unknown as File);\r\n\r\n    const formData = new FormData();\r\n\r\n    formData.append('type', 'OTHER');\r\n    formData.append('multipartFile', realFile);\r\n\r\n    return this.http\r\n      .post(`${ModuleAPI.system}/user/comm/uploadFile`, formData)\r\n      .subscribe({\r\n\r\n        next: (res: any) => {\r\n          if (res && res?.result) {\r\n            const data: any = res.result;\r\n\r\n            file.status = 'done';\r\n            file.url = data.fileUrl;\r\n            file.thumbUrl = data.fileUrl;\r\n\r\n            /** 保存 id */\r\n            (file as any).id = data.id;\r\n\r\n            if (!this.isMultiple) {\r\n              this.fileList = [file];\r\n            } else {\r\n              this.fileList = [...this.fileList];\r\n            }\r\n            this.updateModel();\r\n            item.onSuccess?.(res, file, null);\r\n          } else {\r\n            file.status = 'error';\r\n            item.onError?.(res, file);\r\n          }\r\n        },\r\n        error: err => {\r\n          file.status = 'error';\r\n          item.onError?.(err, file);\r\n        }\r\n      });\r\n  };\r\n\r\n  /**\r\n   * 删除\r\n   */\r\n  remove = (file: NzUploadFile): boolean => {\r\n    const index = this.fileList.indexOf(file);\r\n    if (index > -1) {\r\n      this.fileList.splice(index, 1);\r\n    }\r\n    this.updateModel();\r\n    return true;\r\n\r\n  };\r\n\r\n\r\n  fileChange(e: any) { }\r\n\r\n\r\n  /**\r\n   * 写回 model\r\n   */\r\n  updateModel() {\r\n    let arr: any[] = [];\r\n    if (this.fileList && this.fileList.length > 0) {\r\n      this.fileList.forEach((item: any) => {\r\n        if (item && item[\"status\"] === 'done' && item[\"url\"]) {\r\n          arr.push({\r\n            id: item.id,\r\n            fileName: item.name,\r\n            fileUrl: item.url\r\n          });\r\n        }\r\n      })\r\n    }\r\n\r\n    if (this.isMultiple) {\r\n      this.formControl.setValue(arr);\r\n    } else {\r\n      this.formControl.setValue(arr[0] || null);\r\n    }\r\n  }\r\n\r\n}","<nz-upload nzType=\"drag\" [nzLimit]=\"1\" [nzShowButton]=\"fileList.length < maxCount\" [nzMultiple]=\"isMultiple\"\r\n    [nzDisabled]=\"fileList && fileList.length>=maxCount\" [(nzFileList)]=\"fileList\" [nzBeforeUpload]=\"beforeUpload\"\r\n    [nzRemove]=\"remove\" [nzCustomRequest]=\"uploadRequest\" [(nzFileList)]=\"fileList\">\r\n    <p class=\"ant-upload-drag-icon\">\r\n        <i nz-icon nzType=\"inbox\"></i>\r\n    </p>\r\n    <p class=\"ant-upload-text\">单击或拖动文件到此区域以上传</p>\r\n    <p class=\"ant-upload-hint\">单个文件大小不能超过50MB（最多可以上传{{maxCount}}个文件）</p>\r\n</nz-upload>","import { ConfigOption } from '@ebuilding-form/core';\nimport { DeonNzFieldAttachment } from './default/index';\n\nexport function withFormlyFieldAttachment(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'attachment',\n        component: DeonNzFieldAttachment,\n        wrappers: ['formly-form-field'],\n      }\n    ],\n  };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ebuilding-form/core';\nimport { DeonNzFormFieldModule } from '@ebuilding/form/form-field';\nimport { withFormlyFieldAttachment } from './attachment.config';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    DeonNzFormFieldModule,\n    FormlyModule.forChild(withFormlyFieldAttachment()),\n  ],\n})\nexport class DeonNzAttachmentModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/type.idCard.mjs

@@ -0,0 +1,403 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@ebuilding-form/core';
+import { FieldType, FormlyModule } from '@ebuilding-form/core';
+import { DeonNzFormFieldModule } from '@ebuilding/form/form-field';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i3 from 'ng-zorro-antd/upload';
+import { NzUploadModule } from 'ng-zorro-antd/upload';
+import * as i4 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i5 from 'ng-zorro-antd/modal';
+import { NzModalModule } from 'ng-zorro-antd/modal';
+import { ModuleAPI } from '@ebuilding/base/shared.var/shared.constant';
+import * as i1 from '@delon/theme';
+import * as i2 from 'ng-zorro-antd/message';
+
+class DeonNzFieldCardFront extends FieldType {
+    http;
+    msg;
+    fileList = [];
+    maxCount = 1;
+    previewImage;
+    previewVisible = false;
+    isMultiple = false;
+    constructor(http, msg) {
+        super();
+        this.http = http;
+        this.msg = msg;
+    }
+    ngOnInit() {
+        this.initValue();
+        /** 解决页面渲染后赋值 */
+        this.formControl.valueChanges.subscribe(() => {
+            if (this.fileList.length === 0) {
+                this.initValue();
+            }
+        });
+    }
+    /**
+     * 初始化回显
+     */
+    initValue() {
+        const value = this.formControl.value;
+        if (!value)
+            return;
+        const arr = Array.isArray(value) ? value : [value];
+        this.fileList = arr.map((item, index) => ({
+            uid: item.id || String(index),
+            name: item.fileName,
+            status: 'done',
+            url: item.fileUrl,
+            thumbUrl: item.fileUrl
+        }));
+    }
+    /**
+     * 上传前
+     */
+    beforeUpload = (file) => {
+        const realFile = file;
+        if (!realFile)
+            return false;
+        /** 限制 5MB */
+        const isLt5M = realFile.size / 1024 / 1024 < 5;
+        if (!isLt5M) {
+            this.msg.warning('图片不能超过5MB');
+            return false;
+        }
+        const reader = new FileReader();
+        reader.onload = () => {
+            const target = this.fileList.find(f => f.uid === file.uid);
+            if (target) {
+                target.thumbUrl = reader.result;
+                this.fileList = [...this.fileList];
+            }
+        };
+        reader.readAsDataURL(realFile);
+        return true;
+    };
+    /**
+     * 上传
+     */
+    uploadRequest = (item) => {
+        const file = item.file;
+        const realFile = file.originFileObj ||
+            item.file;
+        const formData = new FormData();
+        formData.append('type', 'CARD_FRONT');
+        formData.append('multipartFile', realFile);
+        let url = `${ModuleAPI.system}/user/comm/uploadFile`;
+        if (this.to && this.to["ocr"] == true) {
+            url = `${ModuleAPI.system}/user/comm/uploadFileOCR`;
+        }
+        return this.http.post(url, formData)
+            .subscribe({
+            next: (res) => {
+                if (res && res?.result) {
+                    const data = res.result;
+                    file.status = 'done';
+                    file.url = data.fileUrl;
+                    file.thumbUrl = data.fileUrl;
+                    /** 保存 id */
+                    file.id = data.id;
+                    if (!this.isMultiple) {
+                        this.fileList = [file];
+                    }
+                    else {
+                        this.fileList = [...this.fileList];
+                    }
+                    this.updateModel(data);
+                    item.onSuccess?.(res, file, null);
+                }
+                else {
+                    file.status = 'error';
+                    item.onError?.(res, file);
+                }
+            },
+            error: err => {
+                file.status = 'error';
+                item.onError?.(err, file);
+            }
+        });
+    };
+    /**
+     * 删除
+     */
+    remove = (file) => {
+        const index = this.fileList.indexOf(file);
+        if (index > -1) {
+            this.fileList.splice(index, 1);
+        }
+        this.updateModel(null);
+        return true;
+    };
+    /**
+     * 预览
+     */
+    handlePreview = async (file) => {
+        if (!file.url && !file.preview) {
+            const realFile = file.originFileObj;
+            if (realFile) {
+                file.preview = await this.getBase64(realFile);
+            }
+        }
+        this.previewImage = file.url || file.preview;
+        this.previewVisible = true;
+    };
+    getBase64(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = reject;
+        });
+    }
+    /**
+     * 写回 model
+     */
+    updateModel(e) {
+        let arr = [];
+        if (this.fileList && this.fileList.length > 0) {
+            this.fileList.forEach((item) => {
+                if (item?.originFileObj && item?.originFileObj["status"] === 'done' && item?.originFileObj["url"]) {
+                    let obj = item?.originFileObj;
+                    arr.push({
+                        id: obj.id,
+                        fileName: obj.name,
+                        fileUrl: obj.url
+                    });
+                }
+            });
+        }
+        this.formControl.setValue(arr[0] || null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCardFront, deps: [{ token: i1._HttpClient }, { token: i2.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldCardFront, isStandalone: true, selector: "deon-nz-field-card-front", usesInheritance: true, ngImport: i0, template: "<nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n    [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\" [nzRemove]=\"remove\"\r\n    nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n    <div class=\"upload-empty-box\">\r\n        <span nz-icon nzType=\"plus\"></span>\r\n        <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n    </div>\r\n</nz-upload>\r\n\r\n<nz-modal [nzVisible]=\"previewVisible\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible = false\">\r\n    <img [src]=\"previewImage\" style=\"width: 100%\" />\r\n</nz-modal>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i3.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i5.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCardFront, decorators: [{
+            type: Component,
+            args: [{ selector: 'deon-nz-field-card-front', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyModule,
+                        NzUploadModule,
+                        NzIconModule,
+                        NzModalModule
+                    ], template: "<nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n    [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\" [nzRemove]=\"remove\"\r\n    nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n    <div class=\"upload-empty-box\">\r\n        <span nz-icon nzType=\"plus\"></span>\r\n        <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n    </div>\r\n</nz-upload>\r\n\r\n<nz-modal [nzVisible]=\"previewVisible\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible = false\">\r\n    <img [src]=\"previewImage\" style=\"width: 100%\" />\r\n</nz-modal>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2.NzMessageService }] });
+
+class DeonNzFieldCardBack extends FieldType {
+    http;
+    msg;
+    fileList = [];
+    maxCount = 1;
+    previewImage;
+    previewVisible = false;
+    isMultiple = false;
+    constructor(http, msg) {
+        super();
+        this.http = http;
+        this.msg = msg;
+    }
+    ngOnInit() {
+        this.initValue();
+        /** 解决页面渲染后赋值 */
+        this.formControl.valueChanges.subscribe(() => {
+            if (this.fileList.length === 0) {
+                this.initValue();
+            }
+        });
+    }
+    /**
+     * 初始化回显
+     */
+    initValue() {
+        const value = this.formControl.value;
+        if (!value)
+            return;
+        const arr = Array.isArray(value) ? value : [value];
+        this.fileList = arr.map((item, index) => ({
+            uid: item.id || String(index),
+            name: item.fileName,
+            status: 'done',
+            url: item.fileUrl,
+            thumbUrl: item.fileUrl
+        }));
+    }
+    /**
+     * 上传前
+     */
+    beforeUpload = (file) => {
+        const realFile = file;
+        if (!realFile)
+            return false;
+        /** 限制 5MB */
+        const isLt5M = realFile.size / 1024 / 1024 < 5;
+        if (!isLt5M) {
+            this.msg.warning('图片不能超过5MB');
+            return false;
+        }
+        const reader = new FileReader();
+        reader.onload = () => {
+            const target = this.fileList.find(f => f.uid === file.uid);
+            if (target) {
+                target.thumbUrl = reader.result;
+                this.fileList = [...this.fileList];
+            }
+        };
+        reader.readAsDataURL(realFile);
+        return true;
+    };
+    /**
+     * 上传
+     */
+    uploadRequest = (item) => {
+        const file = item.file;
+        const realFile = file.originFileObj ||
+            item.file;
+        const formData = new FormData();
+        formData.append('type', 'CARD_BACK');
+        formData.append('multipartFile', realFile);
+        let url = `${ModuleAPI.system}/user/comm/uploadFile`;
+        if (this.to && this.to["ocr"] == true) {
+            url = `${ModuleAPI.system}/user/comm/uploadFileOCR`;
+        }
+        return this.http.post(url, formData)
+            .subscribe({
+            next: (res) => {
+                if (res && res?.result) {
+                    const data = res.result;
+                    file.status = 'done';
+                    file.url = data.fileUrl;
+                    file.thumbUrl = data.fileUrl;
+                    /** 保存 id */
+                    file.id = data.id;
+                    if (!this.isMultiple) {
+                        this.fileList = [file];
+                    }
+                    else {
+                        this.fileList = [...this.fileList];
+                    }
+                    this.updateModel(data);
+                    item.onSuccess?.(res, file, null);
+                }
+                else {
+                    file.status = 'error';
+                    item.onError?.(res, file);
+                }
+            },
+            error: err => {
+                file.status = 'error';
+                item.onError?.(err, file);
+            }
+        });
+    };
+    /**
+     * 删除
+     */
+    remove = (file) => {
+        const index = this.fileList.indexOf(file);
+        if (index > -1) {
+            this.fileList.splice(index, 1);
+        }
+        this.updateModel(null);
+        return true;
+    };
+    /**
+     * 预览
+     */
+    handlePreview = async (file) => {
+        if (!file.url && !file.preview) {
+            const realFile = file.originFileObj;
+            if (realFile) {
+                file.preview = await this.getBase64(realFile);
+            }
+        }
+        this.previewImage = file.url || file.preview;
+        this.previewVisible = true;
+    };
+    getBase64(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = reject;
+        });
+    }
+    /**
+     * 写回 model
+     */
+    updateModel(e) {
+        let arr = [];
+        if (this.fileList && this.fileList.length > 0) {
+            this.fileList.forEach((item) => {
+                if (item?.originFileObj && item?.originFileObj["status"] === 'done' && item?.originFileObj["url"]) {
+                    let obj = item?.originFileObj;
+                    arr.push({
+                        id: obj.id,
+                        fileName: obj.name,
+                        fileUrl: obj.url
+                    });
+                }
+            });
+        }
+        this.formControl.setValue(arr[0] || null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCardBack, deps: [{ token: i1._HttpClient }, { token: i2.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DeonNzFieldCardBack, isStandalone: true, selector: "deon-nz-field-card-back", usesInheritance: true, ngImport: i0, template: "<nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n    [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\" [nzRemove]=\"remove\"\r\n    nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n    <div class=\"upload-empty-box\">\r\n        <span nz-icon nzType=\"plus\"></span>\r\n        <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n    </div>\r\n</nz-upload>\r\n\r\n<nz-modal [nzVisible]=\"previewVisible\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible = false\">\r\n    <img [src]=\"previewImage\" style=\"width: 100%\" />\r\n</nz-modal>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i3.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i4.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i5.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzFieldCardBack, decorators: [{
+            type: Component,
+            args: [{ selector: 'deon-nz-field-card-back', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyModule,
+                        NzUploadModule,
+                        NzIconModule,
+                        NzModalModule
+                    ], template: "<nz-upload nzListType=\"picture-card\" [(nzFileList)]=\"fileList\" [nzShowButton]=\"fileList.length < maxCount\"\r\n    [nzPreview]=\"handlePreview\" [nzBeforeUpload]=\"beforeUpload\" [nzCustomRequest]=\"uploadRequest\" [nzRemove]=\"remove\"\r\n    nzAccept=\"image/*\" [nzMultiple]=\"isMultiple\">\r\n    <div class=\"upload-empty-box\">\r\n        <span nz-icon nzType=\"plus\"></span>\r\n        <div style=\"margin-top: 8px\">\u70B9\u51FB\u4E0A\u4F20</div>\r\n    </div>\r\n</nz-upload>\r\n\r\n<nz-modal [nzVisible]=\"previewVisible\" [nzFooter]=\"null\" (nzOnCancel)=\"previewVisible = false\">\r\n    <img [src]=\"previewImage\" style=\"width: 100%\" />\r\n</nz-modal>", styles: [":host ::ng-deep .upload-empty-box{font-size:12px}:host ::ng-deep .ant-upload-list{display:inline-block}:host ::ng-deep .ant-upload-list-picture-card-container{width:80px;height:80px;margin:0 8px 8px 0}:host ::ng-deep .ant-upload.ant-upload-select-picture-card{width:80px;height:80px}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item{width:80px;height:80px;padding:0}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:100%;height:100%}:host ::ng-deep .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{width:100%;height:100%;object-fit:cover}:host ::ng-deep .ant-upload-list-item-name{font-size:12px}:host ::ng-deep .ant-upload-list-item-uploading{font-size:12px}:host ::ng-deep .ant-upload-list-item-progress{font-size:12px}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2.NzMessageService }] });
+
+function withFormlyFieldIdCard() {
+    return {
+        types: [
+            {
+                name: 'card_front',
+                component: DeonNzFieldCardFront,
+                wrappers: ['formly-form-field'],
+            },
+            {
+                name: 'card_back',
+                component: DeonNzFieldCardBack,
+                wrappers: ['formly-form-field'],
+            }
+        ],
+    };
+}
+
+class DeonNzIdCardModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzIdCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: DeonNzIdCardModule, imports: [CommonModule,
+            DeonNzFormFieldModule, i1$1.FormlyModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzIdCardModule, imports: [CommonModule,
+            DeonNzFormFieldModule,
+            FormlyModule.forChild(withFormlyFieldIdCard())] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DeonNzIdCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DeonNzFormFieldModule,
+                        FormlyModule.forChild(withFormlyFieldIdCard()),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DeonNzFieldCardBack, DeonNzFieldCardFront, DeonNzIdCardModule, withFormlyFieldIdCard };
+//# sourceMappingURL=type.idCard.mjs.map