@ebuilding/biz-comm 2.0.0

package/fesm2022/other.dict.mjs

@@ -0,0 +1,1181 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component, HostListener, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4$1 from '@angular/forms';
+import { FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i5$1 from '@angular/cdk/drag-drop';
+import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
+import * as i6$1 from 'ng-zorro-antd/table';
+import { NzTableModule } from 'ng-zorro-antd/table';
+import * as i8$1 from '@ebuilding/base/shared.pipe';
+import { GramPipeModule } from '@ebuilding/base/shared.pipe';
+import { ModuleAPI } from '@ebuilding/base/shared.var/shared.constant';
+import * as i7$1 from '@ebuilding/abc/empty';
+import { GramDeonEmptyModule } from '@ebuilding/abc/empty';
+import * as i5 from '@kre-form/core';
+import { FormlyModule } from '@kre-form/core';
+import * as i6 from 'ng-zorro-antd/spin';
+import { NzSpinModule } from 'ng-zorro-antd/spin';
+import * as i7 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i8 from 'ng-zorro-antd/button';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import * as i11 from 'ng-zorro-antd/empty';
+import { NzEmptyModule } from 'ng-zorro-antd/empty';
+import { FieldType } from '@ebuilding/base/shared.util/static';
+import _ from 'lodash';
+import { zip, of } from 'rxjs';
+import { startWith, tap } from 'rxjs/operators';
+import * as i1 from '@delon/theme';
+import * as i2 from 'ng-zorro-antd/message';
+import * as i9 from 'ng-zorro-antd/core/transition-patch';
+import * as i10 from 'ng-zorro-antd/core/wave';
+import * as i2$1 from 'ng-zorro-antd/modal';
+
+class FieldInfoComponent {
+    http;
+    msg;
+    _data = null;
+    loading = true;
+    form = new FormGroup({});
+    model = {};
+    options = {};
+    fields = [];
+    view = false;
+    set data(value) {
+        if (value && value.refId) {
+            value['refInfo'] = {
+                id: value.refId,
+                name: value.refName,
+            };
+        }
+        if (value && value.refFieldId) {
+            value.refFieldInfo = {
+                id: value.refFieldId,
+                name: value.refFieldName,
+            };
+        }
+        this._data = value;
+    }
+    get data() {
+        return this._data;
+    }
+    tableId = null;
+    codeRule = [];
+    saveData = new EventEmitter();
+    clearData = new EventEmitter();
+    formatData = [
+        {
+            value: 'YYYY',
+            label: '年',
+        },
+        {
+            value: 'YYYYMM',
+            label: '年月',
+        },
+        {
+            value: 'YYYYMMDD',
+            label: '年月日',
+        },
+        {
+            value: 'YYYYMMDDHH',
+            label: '年月日时',
+        },
+        {
+            value: 'YYYYMMDDHHMM',
+            label: '年月日时分',
+        },
+        {
+            value: 'YYYYMMDDHHMMSS',
+            label: '年月日时分秒',
+        },
+    ];
+    storageData = [
+        {
+            value: 'TIME1',
+            label: '默认',
+        },
+        {
+            value: 'TIME2',
+            label: '年月日 00:00:00',
+        },
+        {
+            value: 'TIME3',
+            label: '年月日 23:59:59',
+        },
+    ];
+    get editor() {
+        return this.data ? false : true;
+    }
+    constructor(http, msg) {
+        this.http = http;
+        this.msg = msg;
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) {
+        if (changes['data']) {
+            this.getPage();
+        }
+    }
+    ngOnDestroy() { }
+    save() {
+        if (!this.form.valid) {
+            return;
+        }
+        this.loading = true;
+        let apiName = '';
+        if (this.data) {
+            apiName = `${ModuleAPI.paas}/apaas/table/field/update`;
+        }
+        else {
+            apiName = `${ModuleAPI.paas}/apaas/table/field/add`;
+        }
+        let postData = _.cloneDeep(this.model);
+        postData['tableId'] = this.tableId;
+        this.http.post(`${apiName}`, postData).subscribe((res) => {
+            this.loading = false;
+            if (res && res.success == true) {
+                this.msg.success('保存成功!');
+                this.options?.resetModel();
+                this.model = { type: 'SINGLE', master: true };
+                this.form = new FormGroup({});
+                this.options = {};
+                this.fields = [];
+                this.data = null;
+                this.getPage();
+                this.saveData.emit();
+            }
+        }, () => {
+            this.loading = false;
+        });
+    }
+    btnClose() {
+        this.options?.resetModel();
+        this.model = { type: 'SINGLE', master: true };
+        this.form = new FormGroup({});
+        this.options = {};
+        this.fields = [];
+        this.data = null;
+        this.getPage();
+        this.clearData.emit();
+    }
+    getPage() {
+        this.loading = true;
+        new Promise((resolve) => {
+            zip(this.getPageConfig()).subscribe(([config]) => {
+                if (this.data) {
+                    this.model = this.data;
+                }
+                this.fields = _.cloneDeep(config);
+                this.loading = false;
+            }, () => { }, () => {
+                resolve();
+            });
+        });
+    }
+    getPageConfig() {
+        let config = [
+            {
+                type: 'text',
+                key: 'code',
+                props: {
+                    prefix: 'x_',
+                    label: '字段编码',
+                    required: true,
+                    maxLength: 50,
+                    placeholder: '请输入字段编码',
+                    layout: 'upDown',
+                },
+                expressionProperties: {
+                    'props.required': (model) => {
+                        return this.editor;
+                    },
+                },
+                editor: this.editor,
+            },
+            {
+                type: 'text',
+                key: 'name',
+                props: { label: '字段名称', required: true, maxLength: 50, placeholder: '请输入字段名称', layout: 'upDown' },
+                editor: this.view == false,
+            },
+            {
+                type: 'text',
+                key: 'unit',
+                props: { label: '单位', maxLength: 50, placeholder: '请输入单位', layout: 'upDown' },
+                editor: this.view == false,
+            },
+            {
+                type: 'select',
+                key: 'type',
+                props: { label: '字段类型', required: true, options: FieldType(), layout: 'upDown' },
+                expressionProperties: {
+                    'props.required': (model) => {
+                        return this.editor;
+                    },
+                },
+                hooks: {
+                    onInit: (field) => {
+                        return field.formControl.valueChanges.pipe(startWith(field.formControl.value), tap((value) => {
+                            if (this.editor) {
+                                this.model['refInfo'] = null;
+                                if (this.form.get('refInfo')) {
+                                    this.form.get('refInfo')?.setValidators(null);
+                                    this.form.get('refInfo')?.setAsyncValidators(null);
+                                }
+                            }
+                        }));
+                    },
+                },
+                editor: this.editor,
+            },
+            {
+                type: 'checkbox',
+                key: 'izCodeRule',
+                props: { label: '是否启用编码规则', hideLabel: true, labelPosition: 'right' },
+                defaultValue: false,
+                editor: this.editor,
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model && model.type == 'TEXT') {
+                        result = false;
+                    }
+                    return result;
+                },
+            },
+            {
+                type: 'select',
+                key: 'codeRuleId',
+                props: { label: '编码规则', required: true, options: this.codeRule, layout: 'upDown' },
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model && model.izCodeRule) {
+                        result = false;
+                    }
+                    return result;
+                },
+            },
+            {
+                type: 'checkbox',
+                key: 'multiple',
+                props: { label: '是否多选', hideLabel: true, labelPosition: 'right' },
+                defaultValue: false,
+                editor: this.editor,
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model && (model.type == 'ITEM' || model.type == 'TREE' || model.type == 'REF')) {
+                        result = false;
+                    }
+                    return result;
+                },
+            },
+            {
+                type: 'lookup',
+                key: 'refInfo',
+                props: {
+                    required: true,
+                    selectType: 'single',
+                    layout: 'upDown',
+                    defaultParameter: {
+                        master: true,
+                        tableId: this.tableId,
+                        type: null,
+                    },
+                },
+                editor: this.editor,
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model && (model.type == 'ITEM' || model.type == 'TREE' || model.type == 'REF' || model.type == 'ONETOMANY')) {
+                        result = false;
+                    }
+                    return result;
+                },
+                expressionProperties: {
+                    'props.required': (model) => {
+                        return this.editor;
+                    },
+                    'props.label': (model) => {
+                        let result = '关联表';
+                        if (model && model.type == 'ITEM') {
+                            result = '选项参数';
+                        }
+                        else if (model && model.type == 'TREE') {
+                            result = '树形参数';
+                        }
+                        return result;
+                    },
+                    'props.pageCode': (model) => {
+                        let result = null;
+                        if (model && model.type == 'ITEM') {
+                            result = 'Dialog_Admin_System.item';
+                        }
+                        else if (model && model.type == 'TREE') {
+                            result = 'Dialog_Admin_System.tree';
+                        }
+                        else if (model && model.type == 'REF') {
+                            result = 'Dialog_Paas_Module.table_ref';
+                        }
+                        else if (model && model.type == 'ONETOMANY') {
+                            result = 'Dialog_Paas_Module.table_ref';
+                        }
+                        return result;
+                    },
+                    'props.defaultParameter.master': (model) => {
+                        let result = true;
+                        if (model && model.type == 'ONETOMANY') {
+                            result = false;
+                        }
+                        return result;
+                    },
+                    'props.defaultParameter.type': (model) => {
+                        let result = 'SINGLE';
+                        if (model && model.type == 'ONETOMANY') {
+                            result = 'MULTIPLE';
+                        }
+                        return result;
+                    },
+                },
+            },
+            {
+                type: 'lookup',
+                key: 'refFieldIdInfo',
+                props: {
+                    label: '关联表-Value',
+                    required: true,
+                    selectType: 'single',
+                    layout: 'upDown',
+                    pageCode: 'Dialog_Paas_Module.table_field',
+                },
+                editor: this.editor,
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model && (model.type == 'REF' || model.type == 'ONETOMANY') && model.refInfo) {
+                        result = false;
+                    }
+                    return result;
+                },
+                expressionProperties: {
+                    'props.required': (model) => {
+                        return this.editor;
+                    },
+                    'props.parameter': (model) => {
+                        return { tableId: 'refInfo.id' };
+                    },
+                },
+            },
+            {
+                type: 'lookup',
+                key: 'refFieldNameInfo',
+                props: {
+                    label: '关联表-Label',
+                    required: true,
+                    selectType: 'single',
+                    layout: 'upDown',
+                    pageCode: 'Dialog_Paas_Module.table_field',
+                },
+                editor: this.editor,
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model && (model.type == 'REF' || model.type == 'ONETOMANY') && model.refInfo) {
+                        result = false;
+                    }
+                    return result;
+                },
+                expressionProperties: {
+                    'props.parameter': (model) => {
+                        return { tableId: 'refInfo.id' };
+                    },
+                },
+            },
+            {
+                type: 'lookup',
+                key: 'refFieldNames',
+                props: {
+                    label: '关联表-复合Label',
+                    selectType: 'multiple',
+                    layout: 'upDown',
+                    pageCode: 'Dialog_Paas_Module.table_field',
+                },
+                editor: this.editor,
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model && (model.type == 'REF' || model.type == 'ONETOMANY') && model.refInfo) {
+                        result = false;
+                    }
+                    return result;
+                },
+                expressionProperties: {
+                    'props.parameter': (model) => {
+                        return { tableId: 'refInfo.id' };
+                    },
+                },
+            },
+            {
+                type: 'group',
+                fieldGroup: [
+                    {
+                        type: 'number',
+                        key: 'minLength',
+                        props: { label: '最小长度', minLength: 0, placeholder: '请输入最小长度', layout: 'upDown' },
+                        defaultValue: 0,
+                        editor: this.editor,
+                    },
+                    {
+                        type: 'number',
+                        key: 'maxLength',
+                        props: { label: '最大长度', minLength: 0, placeholder: '请输入最大长度', layout: 'upDown' },
+                        defaultValue: 50,
+                        editor: this.editor,
+                    },
+                ],
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model && model.type && (model.type == 'TEXT' || model.type == 'TEXTAREA')) {
+                        result = false;
+                    }
+                    return result;
+                },
+            },
+            {
+                type: 'number',
+                key: 'precision',
+                props: { label: '默认精度', min: 0, max: 8, placeholder: '请输入精度', layout: 'upDown' },
+                defaultValue: 0,
+                editor: this.editor,
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model && model.type && model.type == 'FLOAT') {
+                        result = false;
+                    }
+                    return result;
+                },
+            },
+            {
+                type: 'group',
+                fieldGroup: [
+                    {
+                        type: 'number',
+                        key: 'min',
+                        props: { label: '最小值', min: -99999, placeholder: '请输入最小值', layout: 'upDown' },
+                        defaultValue: 0,
+                        editor: this.editor,
+                    },
+                    {
+                        type: 'number',
+                        key: 'max',
+                        props: { label: '最大值', min: 0, placeholder: '请输入最大值', layout: 'upDown' },
+                        defaultValue: 999999,
+                        editor: this.editor,
+                    },
+                ],
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model && model.type && (model.type == 'INT' || model.type == 'FLOAT')) {
+                        result = false;
+                    }
+                    return result;
+                },
+            },
+            {
+                type: 'select',
+                key: 'formatValue',
+                defaultValue: 'YYYYMMDD',
+                props: { label: '默认格式', required: true, options: this.formatData, layout: 'upDown' },
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model && model.type && model.type == 'DATETIME') {
+                        result = false;
+                    }
+                    return result;
+                },
+            },
+            {
+                type: 'select',
+                key: 'formatStorage',
+                defaultValue: 'DEFAULT',
+                props: { label: '存储格式', required: true, options: this.storageData, layout: 'upDown' },
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model && model.type && model.type == 'DATETIME') {
+                        result = false;
+                    }
+                    return result;
+                },
+            },
+            {
+                type: 'checkbox',
+                key: 'izUnique',
+                props: {
+                    label: '是否唯一',
+                    hideLabel: true,
+                    labelPosition: 'right',
+                },
+                defaultValue: false,
+            },
+            {
+                type: 'checkbox',
+                key: 'izEmp',
+                props: {
+                    label: '是否系统人员',
+                    hideLabel: true,
+                    labelPosition: 'right',
+                },
+                defaultValue: false,
+            },
+            {
+                type: 'checkbox',
+                key: 'izApplyEmp',
+                props: {
+                    label: '是否流程申请人',
+                    hideLabel: true,
+                    labelPosition: 'right',
+                },
+                defaultValue: false,
+            },
+            // {
+            //   type: 'checkbox',
+            //   key: 'multipleField',
+            //   props: {
+            //     label: '是否存储多字段',
+            //     hideLabel: true,
+            //     labelPosition: 'right',
+            //   },
+            //   hideExpression: (model: any) => {
+            //     let result: boolean = true;
+            //     if (model!! && model.type!! && model.type == 'TEXT') {
+            //       result = false;
+            //     }
+            //     return result;
+            //   },
+            //   defaultValue: false,
+            // },
+            {
+                type: 'text',
+                key: 'defaultValue',
+                props: { label: '字段默认值', maxLength: 500, placeholder: '请输入字段默认值', layout: 'upDown' },
+                hideExpression: (model) => {
+                    let result = true;
+                    if (model &&
+                        model.type &&
+                        (model.type == 'TEXT' || model.type == 'INT' || model.type == 'FLOAT' || model.type == 'BOOLEAN')) {
+                        result = false;
+                    }
+                    return result;
+                },
+            },
+            {
+                type: 'textarea',
+                key: 'description',
+                props: { label: '字段描述', maxLength: 500, rows: 4, placeholder: '请输入字段描述', layout: 'upDown' },
+                editor: this.view == false,
+            },
+        ];
+        if (this.data) {
+            config = [
+                {
+                    type: 'text',
+                    key: 'code',
+                    props: {
+                        prefix: 'x_',
+                        label: '字段编码',
+                        maxLength: 50,
+                        placeholder: '请输入字段编码',
+                        layout: 'upDown',
+                    },
+                    editor: false,
+                },
+                {
+                    type: 'text',
+                    key: 'name',
+                    props: { label: '字段名称', maxLength: 50, placeholder: '请输入字段名称', layout: 'upDown' },
+                    editor: true,
+                },
+                {
+                    type: 'select',
+                    key: 'type',
+                    props: { label: '字段类型', options: FieldType(), layout: 'upDown' },
+                    editor: false,
+                },
+                {
+                    type: 'checkbox',
+                    key: 'izCodeRule',
+                    props: { label: '是否启用编码规则', hideLabel: true, labelPosition: 'right' },
+                    defaultValue: false,
+                    hideExpression: (model) => {
+                        let result = true;
+                        if (model && model.type == 'TEXT') {
+                            result = false;
+                        }
+                        return result;
+                    },
+                },
+                {
+                    type: 'select',
+                    key: 'codeRuleId',
+                    props: { label: '编码规则', required: true, options: this.codeRule, layout: 'upDown' },
+                    hideExpression: (model) => {
+                        let result = true;
+                        if (model && model.izCodeRule) {
+                            result = false;
+                        }
+                        return result;
+                    },
+                },
+                {
+                    type: 'text',
+                    key: 'unit',
+                    props: { label: '单位', maxLength: 50, placeholder: '请输入单位', layout: 'upDown' },
+                    editor: this.view == false,
+                },
+                {
+                    type: 'lookup',
+                    key: 'refInfo',
+                    props: {
+                        selectType: 'single',
+                        layout: 'upDown',
+                        defaultParameter: {
+                            master: true,
+                            tableId: this.tableId,
+                            type: null,
+                        },
+                    },
+                    editor: this.editor,
+                    hideExpression: (model) => {
+                        let result = true;
+                        if (model && (model.type == 'ITEM' || model.type == 'TREE' || model.type == 'REF' || model.type == 'ONETOMANY')) {
+                            result = false;
+                        }
+                        return result;
+                    },
+                    expressionProperties: {
+                        'props.label': (model) => {
+                            let result = '关联表';
+                            if (model && model.type == 'ITEM') {
+                                result = '选项参数';
+                            }
+                            else if (model && model.type == 'TREE') {
+                                result = '树形参数';
+                            }
+                            return result;
+                        },
+                    },
+                },
+                {
+                    type: 'text',
+                    key: 'refFieldIdLabel',
+                    props: {
+                        label: '关联表-Value',
+                        layout: 'upDown',
+                    },
+                    editor: this.editor,
+                    hideExpression: (model) => {
+                        let result = true;
+                        if (model && (model.type == 'REF' || model.type == 'ONETOMANY') && model.refInfo) {
+                            result = false;
+                        }
+                        return result;
+                    },
+                },
+                {
+                    type: 'text',
+                    key: 'refFieldNameLabel',
+                    props: {
+                        label: '关联表-Label',
+                        layout: 'upDown',
+                    },
+                    editor: this.editor,
+                    hideExpression: (model) => {
+                        let result = true;
+                        if (model && (model.type == 'REF' || model.type == 'ONETOMANY') && model.refInfo) {
+                            result = false;
+                        }
+                        return result;
+                    },
+                },
+                {
+                    type: 'text',
+                    key: 'refFieldNamesLabel',
+                    props: {
+                        label: '关联表-复合Label',
+                        layout: 'upDown',
+                    },
+                    editor: this.editor,
+                    hideExpression: (model) => {
+                        let result = true;
+                        if (model && (model.type == 'REF' || model.type == 'ONETOMANY') && model.refInfo) {
+                            result = false;
+                        }
+                        return result;
+                    },
+                },
+                {
+                    type: 'group',
+                    fieldGroup: [
+                        {
+                            type: 'number',
+                            key: 'minLength',
+                            props: { label: '最小长度', minLength: 0, placeholder: '请输入最小长度', layout: 'upDown' },
+                            defaultValue: 0,
+                            editor: false,
+                        },
+                        {
+                            type: 'number',
+                            key: 'maxLength',
+                            props: { label: '最大长度', minLength: 0, placeholder: '请输入最大长度', layout: 'upDown' },
+                            defaultValue: 50,
+                            editor: false,
+                        },
+                    ],
+                    hideExpression: (model) => {
+                        let result = true;
+                        if (model && model.type && (model.type == 'TEXT' || model.type == 'TEXTAREA')) {
+                            result = false;
+                        }
+                        return result;
+                    },
+                },
+                {
+                    type: 'number',
+                    key: 'precision',
+                    props: { label: '默认精度', min: 0, max: 8, placeholder: '请输入精度', layout: 'upDown' },
+                    defaultValue: 0,
+                    hideExpression: (model) => {
+                        let result = true;
+                        if (model && model.type && model.type == 'FLOAT') {
+                            result = false;
+                        }
+                        return result;
+                    },
+                },
+                {
+                    type: 'group',
+                    fieldGroup: [
+                        {
+                            type: 'number',
+                            key: 'min',
+                            props: { label: '最小值', min: 0, placeholder: '请输入最小值', layout: 'upDown' },
+                            defaultValue: 0,
+                            editor: false,
+                        },
+                        {
+                            type: 'number',
+                            key: 'max',
+                            props: { label: '最大值', min: 0, placeholder: '请输入最大值', layout: 'upDown' },
+                            defaultValue: 999999,
+                            editor: false,
+                        },
+                    ],
+                    hideExpression: (model) => {
+                        let result = true;
+                        if (model && model.type && (model.type == 'INT' || model.type == 'FLOAT')) {
+                            result = false;
+                        }
+                        return result;
+                    },
+                },
+                {
+                    type: 'select',
+                    key: 'formatValue',
+                    defaultValue: 'YYYYMMDD',
+                    props: { label: '默认格式', required: true, options: this.formatData, layout: 'upDown' },
+                    hideExpression: (model) => {
+                        let result = true;
+                        if (model && model.type && model.type == 'DATETIME') {
+                            result = false;
+                        }
+                        return result;
+                    },
+                },
+                {
+                    type: 'select',
+                    key: 'formatStorage',
+                    defaultValue: 'DEFAULT',
+                    props: { label: '存储格式', required: true, options: this.storageData, layout: 'upDown' },
+                    hideExpression: (model) => {
+                        let result = true;
+                        if (model && model.type && model.type == 'DATETIME') {
+                            result = false;
+                        }
+                        return result;
+                    },
+                },
+                {
+                    type: 'checkbox',
+                    key: 'izUnique',
+                    props: {
+                        label: '是否唯一',
+                        hideLabel: true,
+                        labelPosition: 'right',
+                    },
+                    defaultValue: false,
+                    editor: this.data.sysType == null || this.data.sysType == '',
+                },
+                {
+                    type: 'checkbox',
+                    key: 'izEmp',
+                    props: {
+                        label: '是否系统人员',
+                        hideLabel: true,
+                        labelPosition: 'right',
+                    },
+                    defaultValue: false,
+                },
+                {
+                    type: 'checkbox',
+                    key: 'izApplyEmp',
+                    props: {
+                        label: '是否流程申请人',
+                        hideLabel: true,
+                        labelPosition: 'right',
+                    },
+                    defaultValue: false,
+                },
+                {
+                    type: 'text',
+                    key: 'defaultValue',
+                    props: { label: '字段默认值', maxLength: 500, placeholder: '请输入字段默认值', layout: 'upDown' },
+                    hideExpression: (model) => {
+                        let result = true;
+                        if (model &&
+                            model.type &&
+                            (model.type == 'TEXT' || model.type == 'INT' || model.type == 'FLOAT' || model.type == 'BOOLEAN')) {
+                            result = false;
+                        }
+                        return result;
+                    },
+                    editor: this.data && (this.data.sysType == null || this.data.sysType == ''),
+                },
+                {
+                    type: 'textarea',
+                    key: 'description',
+                    props: { label: '字段描述', maxLength: 500, rows: 4, placeholder: '请输入字段描述', layout: 'upDown' },
+                },
+            ];
+        }
+        return of(_.cloneDeep(config));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldInfoComponent, deps: [{ token: i1._HttpClient }, { token: i2.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FieldInfoComponent, isStandalone: true, selector: "field-info", inputs: { view: "view", data: "data", tableId: "tableId", codeRule: "codeRule" }, outputs: { saveData: "saveData", clearData: "clearData" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"view==false || data!!;else tmpAdd\">\r\n  <form [formGroup]=\"form\" (ngSubmit)=\"save()\">\r\n    <nz-spin [nzSpinning]=\"loading\" nzTip=\"\u62FC\u547D\u52A0\u8F7D\u4E2D...\" class=\"deon-list-spin\">\r\n      <div class=\"deon-from\">\r\n        <ng-container *ngIf=\"fields && fields.length > 0; else emptyPage\">\r\n          <formly-form [model]=\"model\" [fields]=\"fields\" [options]=\"options\" [form]=\"form\"> </formly-form>\r\n        </ng-container>\r\n        <ng-template #emptyPage>\r\n          <nz-empty *ngIf=\"loading !== true\"></nz-empty>\r\n        </ng-template>\r\n      </div>\r\n      <div class=\"deon-button\" *ngIf=\"view==false\">\r\n        <button nz-button nzType=\"default\" (click)=\"btnClose()\" type=\"button\"><i nz-icon nzType=\"close\"></i>\u6E05\u7A7A</button>\r\n        <!-- <ng-container *ngIf=\"data == null || data?.sysType == null\"> -->\r\n        <button nz-button nzType=\"primary\"><i nz-icon nzType=\"save\"></i>\u4FDD\u5B58</button>\r\n        <!-- </ng-container> -->\r\n      </div>\r\n    </nz-spin>\r\n  </form>\r\n</ng-container>\r\n<ng-template #tmpAdd>\r\n  <div class=\"add-box\">\u8BE5\u6A21\u578B\u4E3A\u5F15\u7528\u7C7B\u578B\uFF0C\u6545\u4E0D\u80FD\u65B0\u589E\u5B57\u6BB5</div>\r\n</ng-template>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%;padding:0 5px}:host ::ng-deep form{flex:1;overflow:auto}:host ::ng-deep form .fieldbox-checkbox .ant-form-item-label{width:auto}:host ::ng-deep form .fieldbox-checkbox .ant-form-item{margin-bottom:12px}:host ::ng-deep form deon-nz-field-lookup nz-input-group{width:100%}:host ::ng-deep form .sysType{padding:10px 0 0;color:red}:host ::ng-deep .deon-button{height:60px;padding:0 10px}:host ::ng-deep .add-box{margin:auto 0;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i5.FormlyForm, selector: "formly-form", inputs: ["form", "model", "fields", "options"], outputs: ["modelChange"] }, { kind: "ngmodule", type: NzSpinModule }, { kind: "component", type: i6.NzSpinComponent, selector: "nz-spin", inputs: ["nzIndicator", "nzSize", "nzTip", "nzDelay", "nzSimple", "nzSpinning"], exportAs: ["nzSpin"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i7.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i8.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i10.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "ngmodule", type: NzEmptyModule }, { kind: "component", type: i11.NzEmptyComponent, selector: "nz-empty", inputs: ["nzNotFoundImage", "nzNotFoundContent", "nzNotFoundFooter"], exportAs: ["nzEmpty"] }, { kind: "ngmodule", type: GramPipeModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'field-info', imports: [
+                        CommonModule,
+                        FormsModule, ReactiveFormsModule,
+                        FormlyModule,
+                        NzSpinModule,
+                        NzIconModule,
+                        NzButtonModule,
+                        NzEmptyModule,
+                        GramPipeModule
+                    ], template: "<ng-container *ngIf=\"view==false || data!!;else tmpAdd\">\r\n  <form [formGroup]=\"form\" (ngSubmit)=\"save()\">\r\n    <nz-spin [nzSpinning]=\"loading\" nzTip=\"\u62FC\u547D\u52A0\u8F7D\u4E2D...\" class=\"deon-list-spin\">\r\n      <div class=\"deon-from\">\r\n        <ng-container *ngIf=\"fields && fields.length > 0; else emptyPage\">\r\n          <formly-form [model]=\"model\" [fields]=\"fields\" [options]=\"options\" [form]=\"form\"> </formly-form>\r\n        </ng-container>\r\n        <ng-template #emptyPage>\r\n          <nz-empty *ngIf=\"loading !== true\"></nz-empty>\r\n        </ng-template>\r\n      </div>\r\n      <div class=\"deon-button\" *ngIf=\"view==false\">\r\n        <button nz-button nzType=\"default\" (click)=\"btnClose()\" type=\"button\"><i nz-icon nzType=\"close\"></i>\u6E05\u7A7A</button>\r\n        <!-- <ng-container *ngIf=\"data == null || data?.sysType == null\"> -->\r\n        <button nz-button nzType=\"primary\"><i nz-icon nzType=\"save\"></i>\u4FDD\u5B58</button>\r\n        <!-- </ng-container> -->\r\n      </div>\r\n    </nz-spin>\r\n  </form>\r\n</ng-container>\r\n<ng-template #tmpAdd>\r\n  <div class=\"add-box\">\u8BE5\u6A21\u578B\u4E3A\u5F15\u7528\u7C7B\u578B\uFF0C\u6545\u4E0D\u80FD\u65B0\u589E\u5B57\u6BB5</div>\r\n</ng-template>", styles: [":host ::ng-deep{display:flex;flex:1;flex-direction:column;width:100%;height:100%;padding:0 5px}:host ::ng-deep form{flex:1;overflow:auto}:host ::ng-deep form .fieldbox-checkbox .ant-form-item-label{width:auto}:host ::ng-deep form .fieldbox-checkbox .ant-form-item{margin-bottom:12px}:host ::ng-deep form deon-nz-field-lookup nz-input-group{width:100%}:host ::ng-deep form .sysType{padding:10px 0 0;color:red}:host ::ng-deep .deon-button{height:60px;padding:0 10px}:host ::ng-deep .add-box{margin:auto 0;text-align:center}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i2.NzMessageService }], propDecorators: { view: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], tableId: [{
+                type: Input
+            }], codeRule: [{
+                type: Input
+            }], saveData: [{
+                type: Output
+            }], clearData: [{
+                type: Output
+            }] } });
+
+class FieldBoxComponent {
+    http;
+    elementRef;
+    renderer;
+    modal;
+    msgSrv;
+    loading = false;
+    tableData = null;
+    fieldData = [];
+    fieldSel = null;
+    codeRuleData = [];
+    _data = null;
+    /**
+     * 只能查看
+     */
+    view = false;
+    viewInfo = true;
+    set data(value) {
+        this._data = value;
+        this.getPageData();
+    }
+    get data() {
+        return this._data;
+    }
+    constructor(http, elementRef, renderer, modal, msgSrv) {
+        this.http = http;
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.modal = modal;
+        this.msgSrv = msgSrv;
+    }
+    ngOnInit() { }
+    ngOnDestroy() { }
+    btnBack() {
+        window.history.go(-1);
+    }
+    dropField(event) {
+        if (this.viewInfo) {
+            if (event.previousContainer === event.container) {
+                moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+                this.saveFieldSn();
+            }
+        }
+    }
+    trClick(e) {
+        if (this.viewInfo) {
+            this.fieldSel = _.cloneDeep(e);
+        }
+    }
+    clearSelect() {
+        this.fieldSel = null;
+    }
+    reloadData() {
+        this.fieldSel = null;
+        this.getPageData();
+    }
+    reloadField() {
+        if (this.fieldData && this.fieldData.length > 0 && this.fieldSel) {
+            this.fieldData.forEach((item) => {
+                if (item.id == this.fieldSel.id) {
+                    this.fieldSel = _.cloneDeep(item);
+                }
+            });
+        }
+    }
+    saveFieldSn() {
+        let idList = this.fieldData.map((v) => {
+            return v.id;
+        });
+        this.loading = true;
+        this.http.post(`${ModuleAPI.paas}/apaas/table/field/sn`, { id: this.data, idList: idList }).subscribe((res) => {
+            this.loading = false;
+        });
+    }
+    getPageData() {
+        if (this.data) {
+            this.loading = true;
+            new Promise((resolve) => {
+                zip(this.http.post(`${ModuleAPI.paas}/apaas/table/getById/${this.data}`), this.http.post(`${ModuleAPI.paas}/apaas/table/field/listByTable/${this.data}`), this.http.post(`${ModuleAPI.paas}/apaas/codeRule/listAll`)).subscribe(([table, feild, codeRule]) => {
+                    if (table && table.success) {
+                        this.tableData = table.result;
+                    }
+                    if (feild && feild.success) {
+                        this.fieldData = feild.result;
+                    }
+                    if (codeRule && codeRule.success && codeRule.result.length > 0) {
+                        this.codeRuleData = codeRule.result.map((item) => {
+                            return { value: item.id, label: item.name };
+                        });
+                    }
+                    this.resizeTable();
+                    this.loading = false;
+                }, () => {
+                    this.loading = false;
+                }, () => {
+                    this.loading = false;
+                    resolve();
+                });
+            });
+        }
+    }
+    deleteField(item, index, event) {
+        event.stopPropagation();
+        this.modal.confirm({
+            nzTitle: '提示',
+            nzContent: '您确定需要删除该项吗？',
+            nzOnOk: () => {
+                this.loading = true;
+                this.http
+                    .post(`${ModuleAPI.paas}/apaas/table/field/deleteById`, {
+                    pageId: 'table_field',
+                    id: item.id,
+                })
+                    .subscribe((res) => {
+                    if (res.success) {
+                        this.msgSrv.success('删除成功!');
+                        this.getPageData();
+                    }
+                    this.loading = false;
+                });
+            },
+        });
+    }
+    disFlagField(item, index, event) {
+        event.stopPropagation();
+        this.modal.confirm({
+            nzTitle: '提示',
+            nzContent: '您确定需要禁用该项吗？',
+            nzOnOk: () => {
+                this.loading = true;
+                this.http
+                    .post(`${ModuleAPI.paas}/apaas/table/field/disableById`, {
+                    pageId: 'table_field',
+                    id: item.id,
+                })
+                    .subscribe((res) => {
+                    if (res.success) {
+                        this.msgSrv.success('禁用成功!');
+                        this.getPageData();
+                    }
+                    this.loading = false;
+                });
+            },
+        });
+    }
+    disFlagField2(item, index, event) {
+        event.stopPropagation();
+        this.modal.confirm({
+            nzTitle: '提示',
+            nzContent: '您确定需要启用该项吗？',
+            nzOnOk: () => {
+                this.loading = true;
+                this.http
+                    .post(`${ModuleAPI.paas}/apaas/table/field/enableById`, {
+                    pageId: 'table_field',
+                    id: item.id,
+                })
+                    .subscribe((res) => {
+                    if (res.success) {
+                        this.msgSrv.success('启用成功!');
+                        this.getPageData();
+                    }
+                    this.loading = false;
+                });
+            },
+        });
+    }
+    deonTableContentHG = null;
+    resize() {
+        this.resizeTable();
+    }
+    resizeTable() {
+        let totalHeight = this.elementRef.nativeElement.clientHeight;
+        let totalWidth = this.elementRef.nativeElement.clientWidth;
+        this.deonTableContentHG = {
+            y: totalHeight - 50 + 'px',
+            x: totalWidth - 350 + 'px',
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldBoxComponent, deps: [{ token: i1._HttpClient }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2$1.NzModalService }, { token: i2.NzMessageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FieldBoxComponent, isStandalone: true, selector: "field-box", inputs: { view: "view", viewInfo: "viewInfo", data: "data" }, host: { listeners: { "window:resize": "resize($event)" } }, ngImport: i0, template: "<div class=\"box-list\">\r\n  <nz-table\r\n    #basicTable\r\n    class=\"default-table\"\r\n    [nzShowPagination]=\"false\"\r\n    [nzData]=\"fieldData\"\r\n    [nzScroll]=\"deonTableContentHG\"\r\n    [nzNoResult]=\"noResult\"\r\n  >\r\n    <thead>\r\n      <tr>\r\n        <th nzWidth=\"80px\">\u5E8F\u53F7</th>\r\n        <th nzWidth=\"200px\">\u5B57\u6BB5\u7F16\u7801</th>\r\n        <th style=\"min-width: 120px\">\u5B57\u6BB5\u540D\u79F0</th>\r\n        <th nzWidth=\"120px\">\u5B57\u6BB5\u7C7B\u578B</th>\r\n        <th nzWidth=\"100px\">\u662F\u5426\u5185\u7F6E</th>\r\n        <th nzWidth=\"120px\">\u662F\u5426\u6A21\u7248\u5B57\u6BB5</th>\r\n        <th nzWidth=\"100px\">\u662F\u5426\u7981\u7528</th>\r\n        <th nzWidth=\"80px\" *ngIf=\"view==false\">\u64CD\u4F5C</th>\r\n      </tr>\r\n    </thead>\r\n    <tbody cdkDropList [cdkDropListData]=\"fieldData\" (cdkDropListDropped)=\"dropField($event)\">\r\n      <ng-container *ngIf=\"fieldData!! && fieldData.length > 0\">\r\n        <ng-container *ngFor=\"let item of fieldData; let index = index\">\r\n          <tr (click)=\"trClick(item)\" [ngClass]=\"{ 'tr-sel': fieldSel!! && item.id == fieldSel.id }\" cdkDrag [cdkDragDisabled]=\"!viewInfo\">\r\n            <td>{{ index + 1 }}</td>\r\n            <td>{{ item.code }}</td>\r\n            <td>{{ item.name }}</td>\r\n            <td>{{ item.type | dateType }}</td>\r\n            <td>{{ item.builtin | builtin }}</td>\r\n            <td>{{ item.izTemplate==true?'\u662F':'\u5426' }}</td>\r\n            <td>\r\n              <label *ngIf=\"item.disFlag==true\" style=\"color: red\">\u662F</label>\r\n              <label *ngIf=\"item.disFlag!=true\">\u5426</label>\r\n            </td>\r\n            <td *ngIf=\"view==false\">\r\n              <ng-container *ngIf=\"item.builtin != true && view==false\">\r\n                <ng-container *ngIf=\"item.disFlag==false\">\r\n                  <a (click)=\"disFlagField(item, index, $event)\">\u7981\u7528</a>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"item.disFlag==true\">\r\n                  <a (click)=\"disFlagField2(item, index, $event)\">\u542F\u7528</a>\r\n                </ng-container>\r\n              </ng-container>\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </ng-container>\r\n    </tbody>\r\n  </nz-table>\r\n</div>\r\n<div class=\"box-field\" *ngIf=\"viewInfo\">\r\n  <div class=\"field-title\">\r\n    <a>\r\n      <span nz-icon nzType=\"book\"></span>\r\n      <ng-container *ngIf=\"fieldSel!!; else tmpAdd\">\u7F16\u8F91\u5B57\u6BB5</ng-container>\r\n      <ng-template #tmpAdd>\u65B0\u589E\u5B57\u6BB5</ng-template>\r\n      <ng-container *ngIf=\"fieldSel!!\"> - {{ fieldSel?.name }} </ng-container>\r\n    </a>\r\n  </div>\r\n  <div class=\"field-content\">\r\n    <ng-container *ngIf=\"tableData!! && !tableData.fixed\">\r\n      <field-info\r\n        [view]=\"view\"\r\n        [tableId]=\"data\"\r\n        [codeRule]=\"codeRuleData\"\r\n        [data]=\"fieldSel\"\r\n        (clearData)=\"clearSelect()\"\r\n        (saveData)=\"reloadData()\"\r\n      ></field-info>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #noResult>\r\n  <div class=\"result-empty\">\r\n    <gram-empty></gram-empty>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #tmpSysField>\r\n  <div>\u7CFB\u7EDF\u9ED8\u8BA4\u5B57\u6BB5\u4E0D\u5141\u8BB8\u4FEE\u6539</div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep{flex:1;flex-direction:column;width:100%;height:100%;display:flex;flex-direction:row;overflow:hidden}:host ::ng-deep .box-list{flex:1;padding:0 0 0 15px}:host ::ng-deep .box-list .tr-sel td,:host ::ng-deep .box-list .tr-sel :hover td{color:#fff!important;background:#1177fb!important}:host ::ng-deep .box-list .tr-sel td a,:host ::ng-deep .box-list .tr-sel :hover td a{color:#fff!important}:host ::ng-deep .box-list tr:hover{cursor:move}:host ::ng-deep .box-field{display:flex;flex-direction:column;width:350px;border-top:1px solid #f5f7fa}:host ::ng-deep .box-field .field-title{display:flex;width:100%;padding:8px 0 0 15px;font-size:12px}:host ::ng-deep .box-field .field-title a{position:relative}:host ::ng-deep .box-field .field-title a span{margin-right:5px}:host ::ng-deep .box-field .field-title a:after{position:absolute;bottom:-5px;left:0;width:100%;border-bottom:1px solid #1177fb;content:\"\"}:host ::ng-deep .box-field .field-content{flex:1;overflow:hidden}:host ::ng-deep .box-field .field-content .deon-from{padding:25px 10px 15px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i5$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i5$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i6$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "directive", type: i6$1.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i6$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i6$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i6$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i6$1.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "ngmodule", type: GramDeonEmptyModule }, { kind: "component", type: i7$1.GramDeonEmptyComponent, selector: "gram-empty", inputs: ["desc", "state"], outputs: ["emptyClick"] }, { kind: "component", type: FieldInfoComponent, selector: "field-info", inputs: ["view", "data", "tableId", "codeRule"], outputs: ["saveData", "clearData"] }, { kind: "ngmodule", type: GramPipeModule }, { kind: "pipe", type: i8$1.BuiltinPipe, name: "builtin" }, { kind: "pipe", type: i8$1.DataTypePipe, name: "dateType" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'field-box', imports: [
+                        CommonModule,
+                        FormsModule, ReactiveFormsModule,
+                        DragDropModule,
+                        NzTableModule,
+                        GramDeonEmptyModule,
+                        FieldInfoComponent,
+                        GramPipeModule
+                    ], template: "<div class=\"box-list\">\r\n  <nz-table\r\n    #basicTable\r\n    class=\"default-table\"\r\n    [nzShowPagination]=\"false\"\r\n    [nzData]=\"fieldData\"\r\n    [nzScroll]=\"deonTableContentHG\"\r\n    [nzNoResult]=\"noResult\"\r\n  >\r\n    <thead>\r\n      <tr>\r\n        <th nzWidth=\"80px\">\u5E8F\u53F7</th>\r\n        <th nzWidth=\"200px\">\u5B57\u6BB5\u7F16\u7801</th>\r\n        <th style=\"min-width: 120px\">\u5B57\u6BB5\u540D\u79F0</th>\r\n        <th nzWidth=\"120px\">\u5B57\u6BB5\u7C7B\u578B</th>\r\n        <th nzWidth=\"100px\">\u662F\u5426\u5185\u7F6E</th>\r\n        <th nzWidth=\"120px\">\u662F\u5426\u6A21\u7248\u5B57\u6BB5</th>\r\n        <th nzWidth=\"100px\">\u662F\u5426\u7981\u7528</th>\r\n        <th nzWidth=\"80px\" *ngIf=\"view==false\">\u64CD\u4F5C</th>\r\n      </tr>\r\n    </thead>\r\n    <tbody cdkDropList [cdkDropListData]=\"fieldData\" (cdkDropListDropped)=\"dropField($event)\">\r\n      <ng-container *ngIf=\"fieldData!! && fieldData.length > 0\">\r\n        <ng-container *ngFor=\"let item of fieldData; let index = index\">\r\n          <tr (click)=\"trClick(item)\" [ngClass]=\"{ 'tr-sel': fieldSel!! && item.id == fieldSel.id }\" cdkDrag [cdkDragDisabled]=\"!viewInfo\">\r\n            <td>{{ index + 1 }}</td>\r\n            <td>{{ item.code }}</td>\r\n            <td>{{ item.name }}</td>\r\n            <td>{{ item.type | dateType }}</td>\r\n            <td>{{ item.builtin | builtin }}</td>\r\n            <td>{{ item.izTemplate==true?'\u662F':'\u5426' }}</td>\r\n            <td>\r\n              <label *ngIf=\"item.disFlag==true\" style=\"color: red\">\u662F</label>\r\n              <label *ngIf=\"item.disFlag!=true\">\u5426</label>\r\n            </td>\r\n            <td *ngIf=\"view==false\">\r\n              <ng-container *ngIf=\"item.builtin != true && view==false\">\r\n                <ng-container *ngIf=\"item.disFlag==false\">\r\n                  <a (click)=\"disFlagField(item, index, $event)\">\u7981\u7528</a>\r\n                </ng-container>\r\n                <ng-container *ngIf=\"item.disFlag==true\">\r\n                  <a (click)=\"disFlagField2(item, index, $event)\">\u542F\u7528</a>\r\n                </ng-container>\r\n              </ng-container>\r\n            </td>\r\n          </tr>\r\n        </ng-container>\r\n      </ng-container>\r\n    </tbody>\r\n  </nz-table>\r\n</div>\r\n<div class=\"box-field\" *ngIf=\"viewInfo\">\r\n  <div class=\"field-title\">\r\n    <a>\r\n      <span nz-icon nzType=\"book\"></span>\r\n      <ng-container *ngIf=\"fieldSel!!; else tmpAdd\">\u7F16\u8F91\u5B57\u6BB5</ng-container>\r\n      <ng-template #tmpAdd>\u65B0\u589E\u5B57\u6BB5</ng-template>\r\n      <ng-container *ngIf=\"fieldSel!!\"> - {{ fieldSel?.name }} </ng-container>\r\n    </a>\r\n  </div>\r\n  <div class=\"field-content\">\r\n    <ng-container *ngIf=\"tableData!! && !tableData.fixed\">\r\n      <field-info\r\n        [view]=\"view\"\r\n        [tableId]=\"data\"\r\n        [codeRule]=\"codeRuleData\"\r\n        [data]=\"fieldSel\"\r\n        (clearData)=\"clearSelect()\"\r\n        (saveData)=\"reloadData()\"\r\n      ></field-info>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #noResult>\r\n  <div class=\"result-empty\">\r\n    <gram-empty></gram-empty>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #tmpSysField>\r\n  <div>\u7CFB\u7EDF\u9ED8\u8BA4\u5B57\u6BB5\u4E0D\u5141\u8BB8\u4FEE\u6539</div>\r\n</ng-template>\r\n", styles: [":host ::ng-deep{flex:1;flex-direction:column;width:100%;height:100%;display:flex;flex-direction:row;overflow:hidden}:host ::ng-deep .box-list{flex:1;padding:0 0 0 15px}:host ::ng-deep .box-list .tr-sel td,:host ::ng-deep .box-list .tr-sel :hover td{color:#fff!important;background:#1177fb!important}:host ::ng-deep .box-list .tr-sel td a,:host ::ng-deep .box-list .tr-sel :hover td a{color:#fff!important}:host ::ng-deep .box-list tr:hover{cursor:move}:host ::ng-deep .box-field{display:flex;flex-direction:column;width:350px;border-top:1px solid #f5f7fa}:host ::ng-deep .box-field .field-title{display:flex;width:100%;padding:8px 0 0 15px;font-size:12px}:host ::ng-deep .box-field .field-title a{position:relative}:host ::ng-deep .box-field .field-title a span{margin-right:5px}:host ::ng-deep .box-field .field-title a:after{position:absolute;bottom:-5px;left:0;width:100%;border-bottom:1px solid #1177fb;content:\"\"}:host ::ng-deep .box-field .field-content{flex:1;overflow:hidden}:host ::ng-deep .box-field .field-content .deon-from{padding:25px 10px 15px}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2$1.NzModalService }, { type: i2.NzMessageService }], propDecorators: { view: [{
+                type: Input
+            }], viewInfo: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], resize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+class FieldReadComponent {
+    http;
+    elementRef;
+    renderer;
+    modal;
+    _fieldApi = null;
+    loading = false;
+    fieldData = [];
+    tableId = null;
+    set fieldApi(value) {
+        this._fieldApi = value;
+        this.getPageData();
+    }
+    get fieldApi() {
+        return this._fieldApi;
+    }
+    constructor(http, elementRef, renderer, modal) {
+        this.http = http;
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.modal = modal;
+    }
+    ngOnInit() { }
+    ngOnDestroy() { }
+    btnBack() {
+        window.history.go(-1);
+    }
+    getPageData() {
+        if (this.tableId && this.fieldApi) {
+            this.loading = true;
+            this.http.post(`${this.fieldApi.listApi}/${this.tableId}`).subscribe((res) => {
+                if (res && res.success) {
+                    this.fieldData = res.result;
+                }
+                this.resizeTable();
+                this.loading = false;
+            });
+        }
+    }
+    deonTableContentHG = null;
+    resize() {
+        this.resizeTable();
+    }
+    resizeTable() {
+        let totalHeight = this.elementRef.nativeElement.clientHeight;
+        let totalWidth = this.elementRef.nativeElement.clientWidth;
+        this.deonTableContentHG = {
+            y: totalHeight - 50 + 'px',
+            x: totalWidth - 350 + 'px',
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldReadComponent, deps: [{ token: i1._HttpClient }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2$1.NzModalService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FieldReadComponent, isStandalone: true, selector: "field-read", inputs: { tableId: "tableId", fieldApi: "fieldApi" }, host: { listeners: { "window:resize": "resize($event)" } }, ngImport: i0, template: "<div class=\"box-list\">\r\n  <nz-table #basicTable class=\"default-table\" [nzShowPagination]=\"false\" [nzData]=\"fieldData\"\r\n    [nzScroll]=\"deonTableContentHG\">\r\n    <thead>\r\n      <tr>\r\n        <th nzWidth=\"80px\">\u5E8F\u53F7</th>\r\n        <th nzWidth=\"200px\">\u5B57\u6BB5\u7F16\u7801</th>\r\n        <th>\u5B57\u6BB5\u540D\u79F0</th>\r\n        <th nzWidth=\"120px\">\u5B57\u6BB5\u7C7B\u578B</th>\r\n        <th nzWidth=\"100px\">\u662F\u5426\u5185\u7F6E</th>\r\n        <th nzWidth=\"120px\">\u662F\u5426\u6A21\u7248\u5B57\u6BB5</th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"fieldData!! && fieldData.length > 0\">\r\n        <tr *ngFor=\"let item of fieldData; let index = index\">\r\n          <td>{{ index + 1 }}</td>\r\n          <td>{{ item.code }}</td>\r\n          <td>{{ item.name }}</td>\r\n          <td>{{ item.type | dateType }}</td>\r\n          <td>{{ item.builtin | builtin }}</td>\r\n          <td>{{ item.izTemplate==true?'\u662F':'\u5426' }}</td>\r\n        </tr>\r\n      </ng-container>\r\n    </tbody>\r\n  </nz-table>\r\n</div>", styles: [":host ::ng-deep{flex:1;flex-direction:column;width:100%;height:100%;display:flex;flex-direction:row;overflow:hidden}:host ::ng-deep .box-list{flex:1;padding:0 0 0 15px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i6$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "directive", type: i6$1.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i6$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i6$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i6$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i6$1.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "ngmodule", type: GramPipeModule }, { kind: "pipe", type: i8$1.BuiltinPipe, name: "builtin" }, { kind: "pipe", type: i8$1.DataTypePipe, name: "dateType" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FieldReadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'field-read', imports: [
+                        CommonModule,
+                        FormsModule, ReactiveFormsModule,
+                        NzTableModule,
+                        GramPipeModule
+                    ], template: "<div class=\"box-list\">\r\n  <nz-table #basicTable class=\"default-table\" [nzShowPagination]=\"false\" [nzData]=\"fieldData\"\r\n    [nzScroll]=\"deonTableContentHG\">\r\n    <thead>\r\n      <tr>\r\n        <th nzWidth=\"80px\">\u5E8F\u53F7</th>\r\n        <th nzWidth=\"200px\">\u5B57\u6BB5\u7F16\u7801</th>\r\n        <th>\u5B57\u6BB5\u540D\u79F0</th>\r\n        <th nzWidth=\"120px\">\u5B57\u6BB5\u7C7B\u578B</th>\r\n        <th nzWidth=\"100px\">\u662F\u5426\u5185\u7F6E</th>\r\n        <th nzWidth=\"120px\">\u662F\u5426\u6A21\u7248\u5B57\u6BB5</th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <ng-container *ngIf=\"fieldData!! && fieldData.length > 0\">\r\n        <tr *ngFor=\"let item of fieldData; let index = index\">\r\n          <td>{{ index + 1 }}</td>\r\n          <td>{{ item.code }}</td>\r\n          <td>{{ item.name }}</td>\r\n          <td>{{ item.type | dateType }}</td>\r\n          <td>{{ item.builtin | builtin }}</td>\r\n          <td>{{ item.izTemplate==true?'\u662F':'\u5426' }}</td>\r\n        </tr>\r\n      </ng-container>\r\n    </tbody>\r\n  </nz-table>\r\n</div>", styles: [":host ::ng-deep{flex:1;flex-direction:column;width:100%;height:100%;display:flex;flex-direction:row;overflow:hidden}:host ::ng-deep .box-list{flex:1;padding:0 0 0 15px}\n"] }]
+        }], ctorParameters: () => [{ type: i1._HttpClient }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2$1.NzModalService }], propDecorators: { tableId: [{
+                type: Input
+            }], fieldApi: [{
+                type: Input
+            }], resize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+const components = [FieldBoxComponent, FieldInfoComponent, FieldReadComponent];
+class DictInfoModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DictInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: DictInfoModule, imports: [FieldBoxComponent, FieldInfoComponent, FieldReadComponent], exports: [FieldBoxComponent, FieldInfoComponent, FieldReadComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DictInfoModule, imports: [components] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DictInfoModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...components],
+                    exports: [...components],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DictInfoModule, FieldBoxComponent, FieldInfoComponent, FieldReadComponent };
+//# sourceMappingURL=other.dict.mjs.map