ngx-rs-ant 1.8.4 → 1.8.6

package/fesm2020/ngx-rs-ant.mjs

@@ -2,9 +2,10 @@ import * as i0 from '@angular/core';
 import { Component, Input, HostBinding, EventEmitter, Output, HostListener, ViewContainerRef, ViewChild, Directive, ViewChildren, NgModule, Injectable, ContentChild } from '@angular/core';
 import { PluginFactory } from 'coast-plugin-register';
 import * as i1 from '@angular/common';
-import { CommonModule, formatDate } from '@angular/common';
-import { Subject, ReplaySubject, Subscription, map, firstValueFrom, of, lastValueFrom, debounceTime, interval } from 'rxjs';
+import { formatDate, CommonModule } from '@angular/common';
+import { firstValueFrom, of, Subject, ReplaySubject, Subscription, map, lastValueFrom, debounceTime, interval } from 'rxjs';
 import * as i2 from 'devextreme-angular/ui/number-box';
+import notify from 'devextreme/ui/notify';
 import * as i2$1 from 'devextreme-angular/ui/draggable';
 import { DevExtremeModule, DxValidationGroupComponent, DxDataGridComponent } from 'devextreme-angular';
 import BpmnModeler from 'camunda-bpmn-js/lib/camunda-platform/Modeler';
@@ -13,7 +14,6 @@ import { isLabel } from 'diagram-js/lib/util/ModelUtil';
 import * as i3 from 'devextreme-angular/ui/button';
 import Viewer from 'camunda-bpmn-js/lib/camunda-platform/NavigatedViewer';
 import * as i1$1 from '@angular/common/http';
-import notify from 'devextreme/ui/notify';
 import CustomStore from 'devextreme/data/custom_store';
 import * as i2$2 from 'devextreme-angular/core';
 import * as i5 from 'devextreme-angular/ui/data-grid';
@@ -308,6 +308,183 @@ class FormItemComponentBase extends ComponentBase {
 class ModalComponentBase extends ComponentBase {
 }
 
+function notify_error(message) {
+    _notify(message, 12000, 'warning');
+}
+function notify_warning(message) {
+    _notify(message, 8000, 'warning');
+}
+function notify_success(message) {
+    _notify(message, 4000, 'success');
+}
+function _notify(message, time, type) {
+    notify({
+        displayTime: time,
+        message,
+        type: type,
+        closeOnSwipe: false,
+        minWidth: 200,
+        maxWidth: 500,
+        wrapperAttr: { class: 'global-toast-message' }
+    }, {
+        direction: 'up-push',
+        position: 'bottom right'
+    });
+}
+function format_date(date, locale) {
+    return formatDate(date, 'yyyy/MM/dd', locale, 'GMT+8');
+}
+function format_datetime(date, locale) {
+    return formatDate(date, 'yyyy/MM/dd HH:mm:ss', locale, 'GMT+8');
+}
+function localeSortMethod(value1, value2) {
+    return value1.localeCompare(value2);
+}
+function file_type_icon(name) {
+    const type = name.substring(name.lastIndexOf('.') + 1).toLocaleLowerCase();
+    switch (type) {
+        case 'doc':
+        case 'docx':
+            return 'word';
+        case 'xls':
+        case 'xlsx':
+        case 'csv':
+            return 'excel';
+        case 'ppt':
+        case 'pptx':
+            return 'ppt';
+        case 'pdf':
+            return 'pdf';
+        case 'txt':
+        case 'xml':
+        case 'json':
+        case 'js':
+            return 'text';
+        case 'png':
+        case 'jpg':
+        case 'jpeg':
+        case 'gif':
+        case 'bmp':
+            return 'image';
+        case 'zip':
+        case 'rar':
+        case '7z':
+        case 'jar':
+            return 'zip';
+        default:
+            return 'unknown';
+    }
+}
+function support_preview_ext() {
+    return ['pdf', 'png', 'jpg', 'jpeg', 'gif', 'bmp', 'doc', 'docx', 'txt', 'xml', 'json', 'js', 'xls', 'xlsx', 'csv', 'ppt', 'pptx'];
+}
+function format_file_size(size) {
+    const labels = ['b', 'Kb', 'Mb', 'Gb'];
+    const count = labels.length - 1;
+    let i = 0;
+    while (i < count && size >= 1024) {
+        size /= 1024;
+        i++;
+    }
+    return Math.round(size * 100) / 100 + " " + labels[i];
+}
+function filename_from_disposition(disposition) {
+    const filenamePair = disposition.split(';').filter(str => /^filename=/.test(str.trim())).pop();
+    if (filenamePair) {
+        let str = filenamePair.trim();
+        str = str.split('=')[1];
+        str = str.replace(/['"]/g, '');
+        return decodeURIComponent(str);
+    }
+    else {
+        return null;
+    }
+}
+function download_file(blob, filename, callback) {
+    const url = window.webkitURL.createObjectURL(blob);
+    const a = document.createElement('a');
+    document.body.appendChild(a);
+    a.setAttribute('style', 'display:none');
+    a.setAttribute('href', url);
+    a.setAttribute('download', decodeURIComponent(filename));
+    a.click();
+    setTimeout(() => {
+        if (callback) {
+            callback();
+        }
+        a.remove();
+    });
+}
+async function validate(validator) {
+    return new Promise(resolve => {
+        if (!validator) {
+            resolve(true);
+        }
+        const validateResult = validator.instance.validate();
+        if (!validateResult.isValid) {
+            resolve(false);
+        }
+        if (validateResult.status === 'pending') {
+            validateResult.complete?.then((result) => {
+                if (result.isValid) {
+                    resolve(true);
+                }
+                else {
+                    resolve(false);
+                }
+            });
+        }
+        else {
+            resolve(true);
+        }
+    });
+}
+async function validate_group(validationGroup) {
+    if (!validationGroup) {
+        return firstValueFrom(of(true));
+    }
+    const top = validationGroup.element.nativeElement;
+    let sourceNode;
+    const targetClassName = 'dx-field';
+    const findTargetNode = (node) => {
+        sourceNode = node;
+        while (true) {
+            if (node.classList.contains(targetClassName)) {
+                return node;
+            }
+            else {
+                node = node.parentElement;
+                if (node === top) {
+                    return sourceNode;
+                }
+            }
+        }
+    };
+    return new Promise(resolve => {
+        const validateResult = validationGroup.instance.validate();
+        if (!validateResult.isValid) {
+            const brokenElement = (validateResult.brokenRules?.[0]).validator.element();
+            findTargetNode(brokenElement).scrollIntoView();
+            resolve(false);
+        }
+        if (validateResult.status === 'pending') {
+            validateResult.complete?.then((result) => {
+                if (result.isValid) {
+                    resolve(true);
+                }
+                else {
+                    const brokenElement = (result.brokenRules?.[0]).validator.element();
+                    findTargetNode(brokenElement).scrollIntoView();
+                    resolve(false);
+                }
+            });
+        }
+        else {
+            resolve(true);
+        }
+    });
+}
+
 class PluginManager {
     static createComponent(boxItem, index, style, config) {
         let plugin = PluginFactory.get(config.name);
@@ -326,27 +503,36 @@ class PluginManager {
         Object.assign(instance, config.pluginConfig);
         if (PluginFactory.hasType(plugin, 'page')) {
             if (!(instance instanceof PageItemComponentBase)) {
-                console.warn('page item component need extending PageItemComponentBase, name: ' + config.name);
+                console.error('page item component need extending PageItemComponentBase, name: ' + config.name);
+                notify_error('加载页面组件失败：' + config.name);
+                return;
             }
             instance.editMode = boxItem.boxContainer.editMode;
-            instance.tabId = boxItem.boxContainer.tabId;
+            instance.tabId = boxItem.boxContainer.params?.__tabId;
         }
         if (PluginFactory.hasType(plugin, 'form')) {
             if (!(instance instanceof FormItemComponentBase)) {
-                console.warn('form item component need extending FormItemComponentBase, name: ' + config.name);
+                console.error('form item component need extending FormItemComponentBase, name: ' + config.name);
+                notify_error('加载表单组件失败：' + config.name);
+                return;
             }
             instance.editMode = boxItem.boxContainer.editMode;
-            instance.model = boxItem.boxContainer.model;
-            instance.opener = boxItem.boxContainer.opener;
+            instance.tenant = boxItem.boxContainer.params?.__form.tenant;
+            instance.className = boxItem.boxContainer.params?.__form.className;
+            instance.oid = boxItem.boxContainer.params?.__form.oid;
+            instance.model = boxItem.boxContainer.params?.__model;
+            instance.opener = boxItem.boxContainer.params?.__opener;
             if (boxItem.boxContainer.readonly) {
                 instance.readonly = true;
             }
         }
         if (PluginFactory.hasType(plugin, 'modal')) {
             if (!(instance instanceof ModalComponentBase)) {
-                console.warn('modal component need extending ModalComponentBase, name: ' + config.name);
+                console.error('modal component need extending ModalComponentBase, name: ' + config.name);
+                notify_error('加载模窗组件失败：' + config.name);
+                return;
             }
-            instance.opener = boxItem.boxContainer.opener;
+            instance.opener = boxItem.boxContainer.params?.__opener;
         }
         instance.params = boxItem.boxContainer.params;
         instance.tabViewContainerRef = boxItem.boxContainer.tabViewContainerRef;
@@ -454,7 +640,7 @@ class PluginManager {
         });
         return activeComponentRef;
     }
-    static resetItemConfig(itemConfigContainerRef, item, fieldTree) {
+    static resetItemConfig(itemConfigContainerRef, item, params) {
         itemConfigContainerRef.clear();
         if (!item) {
             itemConfigContainerRef.createComponent(ConfigBlankComponent);
@@ -467,14 +653,20 @@ class PluginManager {
             const instance = componentRef.instance;
             if (PluginFactory.hasType(plugin, 'page')) {
                 if (!(instance instanceof PageItemConfigBase)) {
-                    console.warn('page item component config need extending PageItemConfigBase, name: ' + plugin.name);
+                    console.error('page item component config need extending PageItemConfigBase, name: ' + plugin.name);
+                    notify_error('加载页面组件配置失败：' + plugin.name);
+                    return;
                 }
             }
             if (PluginFactory.hasType(plugin, 'form')) {
                 if (!(instance instanceof FormItemConfigBase)) {
-                    console.warn('form item component config need extending FormItemConfigBase, name: ' + plugin.name);
+                    console.error('form item component config need extending FormItemConfigBase, name: ' + plugin.name);
+                    notify_error('加载表单组件配置失败：' + plugin.name);
+                    return;
                 }
-                instance.fieldTree = fieldTree;
+                instance.tenant = params.tenant;
+                instance.className = params.className;
+                instance.fieldTree = params.fieldTree;
             }
             instance.config = item.config.pluginConfig;
             instance.configChange.subscribe((reload) => {
@@ -518,18 +710,18 @@ class ItemConfigComponent {
             if (data.id !== this.id) {
                 return;
             }
-            PluginManager.resetItemConfig(this.itemConfigContainerRef, data.item, this.fieldTree);
+            PluginManager.resetItemConfig(this.itemConfigContainerRef, data.item, this.params);
         });
     }
 }
 ItemConfigComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ItemConfigComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ItemConfigComponent, selector: "rs-item-config", inputs: { id: "id", fieldTree: "fieldTree" }, viewQueries: [{ propertyName: "itemConfigContainerRef", first: true, predicate: ["itemConfigContainerRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-container #itemConfigContainerRef></ng-container>\n", styles: [""] });
+ItemConfigComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ItemConfigComponent, selector: "rs-item-config", inputs: { id: "id", params: "params" }, viewQueries: [{ propertyName: "itemConfigContainerRef", first: true, predicate: ["itemConfigContainerRef"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-container #itemConfigContainerRef></ng-container>\n", styles: [""] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rs-item-config', template: "<ng-container #itemConfigContainerRef></ng-container>\n" }]
         }], propDecorators: { id: [{
                 type: Input
-            }], fieldTree: [{
+            }], params: [{
                 type: Input
             }], itemConfigContainerRef: [{
                 type: ViewChild,
@@ -903,7 +1095,7 @@ class BoxContainerComponent {
     }
 }
 BoxContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BoxContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BoxContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BoxContainerComponent, selector: "rs-box-container", inputs: { id: "id", editMode: "editMode", config: "config", model: "model", opener: "opener", params: "params", readonly: "readonly", tabId: "tabId", tabViewContainerRef: "tabViewContainerRef" }, viewQueries: [{ propertyName: "boxContainerContent", first: true, predicate: ["boxContainerContent"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container #boxContainerContent></ng-container>\n", styles: [":host{flex:1;position:relative;display:flex;flex-flow:row nowrap}\n"] });
+BoxContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BoxContainerComponent, selector: "rs-box-container", inputs: { id: "id", editMode: "editMode", config: "config", params: "params", readonly: "readonly", tabViewContainerRef: "tabViewContainerRef" }, viewQueries: [{ propertyName: "boxContainerContent", first: true, predicate: ["boxContainerContent"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container #boxContainerContent></ng-container>\n", styles: [":host{flex:1;position:relative;display:flex;flex-flow:row nowrap}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BoxContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rs-box-container', template: "<ng-container #boxContainerContent></ng-container>\n", styles: [":host{flex:1;position:relative;display:flex;flex-flow:row nowrap}\n"] }]
@@ -913,16 +1105,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], config: [{
                 type: Input
-            }], model: [{
-                type: Input
-            }], opener: [{
-                type: Input
             }], params: [{
                 type: Input
             }], readonly: [{
                 type: Input
-            }], tabId: [{
-                type: Input
             }], tabViewContainerRef: [{
                 type: Input
             }], boxContainerContent: [{
@@ -1757,9 +1943,20 @@ class DataGridService {
             };
         }));
     }
-    getConstraintEntries(name) {
-        return this.http.get('api/metadata/constraint/' + name).pipe(map(response => {
-            return response.data;
+    getConstraintEntries(tenant, name) {
+        return this.http.get('api/metadata/constraint/' + name, {
+            params: {
+                tenant
+            }
+        }).pipe(map(response => {
+            const entries = [];
+            for (let entry of response.data) {
+                entries.push({
+                    store: entry.store,
+                    display: entry.enabled ? entry.display : entry.display + '（已禁用）'
+                });
+            }
+            return entries;
         }));
     }
     getUserColumnDataSource(tenant, className, view, field) {
@@ -1863,183 +2060,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 
-function notify_error(message) {
-    _notify(message, 12000, 'warning');
-}
-function notify_warning(message) {
-    _notify(message, 8000, 'warning');
-}
-function notify_success(message) {
-    _notify(message, 4000, 'success');
-}
-function _notify(message, time, type) {
-    notify({
-        displayTime: time,
-        message,
-        type: type,
-        closeOnSwipe: false,
-        minWidth: 200,
-        maxWidth: 500,
-        wrapperAttr: { class: 'global-toast-message' }
-    }, {
-        direction: 'up-push',
-        position: 'bottom right'
-    });
-}
-function format_date(date, locale) {
-    return formatDate(date, 'yyyy/MM/dd', locale, 'GMT+8');
-}
-function format_datetime(date, locale) {
-    return formatDate(date, 'yyyy/MM/dd HH:mm:ss', locale, 'GMT+8');
-}
-function localeSortMethod(value1, value2) {
-    return value1.localeCompare(value2);
-}
-function file_type_icon(name) {
-    const type = name.substring(name.lastIndexOf('.') + 1).toLocaleLowerCase();
-    switch (type) {
-        case 'doc':
-        case 'docx':
-            return 'word';
-        case 'xls':
-        case 'xlsx':
-        case 'csv':
-            return 'excel';
-        case 'ppt':
-        case 'pptx':
-            return 'ppt';
-        case 'pdf':
-            return 'pdf';
-        case 'txt':
-        case 'xml':
-        case 'json':
-        case 'js':
-            return 'text';
-        case 'png':
-        case 'jpg':
-        case 'jpeg':
-        case 'gif':
-        case 'bmp':
-            return 'image';
-        case 'zip':
-        case 'rar':
-        case '7z':
-        case 'jar':
-            return 'zip';
-        default:
-            return 'unknown';
-    }
-}
-function support_preview_ext() {
-    return ['pdf', 'png', 'jpg', 'jpeg', 'gif', 'bmp', 'doc', 'docx', 'txt', 'xml', 'json', 'js', 'xls', 'xlsx', 'csv', 'ppt', 'pptx'];
-}
-function format_file_size(size) {
-    const labels = ['b', 'Kb', 'Mb', 'Gb'];
-    const count = labels.length - 1;
-    let i = 0;
-    while (i < count && size >= 1024) {
-        size /= 1024;
-        i++;
-    }
-    return Math.round(size * 100) / 100 + " " + labels[i];
-}
-function filename_from_disposition(disposition) {
-    const filenamePair = disposition.split(';').filter(str => /^filename=/.test(str.trim())).pop();
-    if (filenamePair) {
-        let str = filenamePair.trim();
-        str = str.split('=')[1];
-        str = str.replace(/['"]/g, '');
-        return decodeURIComponent(str);
-    }
-    else {
-        return null;
-    }
-}
-function download_file(blob, filename, callback) {
-    const url = window.webkitURL.createObjectURL(blob);
-    const a = document.createElement('a');
-    document.body.appendChild(a);
-    a.setAttribute('style', 'display:none');
-    a.setAttribute('href', url);
-    a.setAttribute('download', decodeURIComponent(filename));
-    a.click();
-    setTimeout(() => {
-        if (callback) {
-            callback();
-        }
-        a.remove();
-    });
-}
-async function validate(validator) {
-    return new Promise(resolve => {
-        if (!validator) {
-            resolve(true);
-        }
-        const validateResult = validator.instance.validate();
-        if (!validateResult.isValid) {
-            resolve(false);
-        }
-        if (validateResult.status === 'pending') {
-            validateResult.complete?.then((result) => {
-                if (result.isValid) {
-                    resolve(true);
-                }
-                else {
-                    resolve(false);
-                }
-            });
-        }
-        else {
-            resolve(true);
-        }
-    });
-}
-async function validate_group(validationGroup) {
-    if (!validationGroup) {
-        return firstValueFrom(of(true));
-    }
-    const top = validationGroup.element.nativeElement;
-    let sourceNode;
-    const targetClassName = 'dx-field';
-    const findTargetNode = (node) => {
-        sourceNode = node;
-        while (true) {
-            if (node.classList.contains(targetClassName)) {
-                return node;
-            }
-            else {
-                node = node.parentElement;
-                if (node === top) {
-                    return sourceNode;
-                }
-            }
-        }
-    };
-    return new Promise(resolve => {
-        const validateResult = validationGroup.instance.validate();
-        if (!validateResult.isValid) {
-            const brokenElement = (validateResult.brokenRules?.[0]).validator.element();
-            findTargetNode(brokenElement).scrollIntoView();
-            resolve(false);
-        }
-        if (validateResult.status === 'pending') {
-            validateResult.complete?.then((result) => {
-                if (result.isValid) {
-                    resolve(true);
-                }
-                else {
-                    const brokenElement = (result.brokenRules?.[0]).validator.element();
-                    findTargetNode(brokenElement).scrollIntoView();
-                    resolve(false);
-                }
-            });
-        }
-        else {
-            resolve(true);
-        }
-    });
-}
-
 class CustomTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
@@ -2101,7 +2121,6 @@ class DataGridFactory {
                     caption: field.caption,
                     dataType: 'string',
                     alignment: 'left',
-                    cssClass: 'cell-vertical-middle',
                     allowHeaderFiltering: true,
                     allowFiltering: true,
                     allowSorting: true,
@@ -2214,18 +2233,6 @@ class DataGridFactory {
                                         };
                                         if (field.config.constraint.multiple) {
                                             column.allowFiltering = false;
-                                            column.lookup = {
-                                                dataSource: {
-                                                    store: new CustomStore({
-                                                        load: () => {
-                                                            return lastValueFrom(this.service.getUserColumnDataSource(tenant, className, view, field.name));
-                                                        }
-                                                    }),
-                                                    paginate: true
-                                                },
-                                                valueExpr: 'value',
-                                                displayExpr: 'text'
-                                            };
                                             column.calculateFilterExpression = function (filterValue, selectedFilterOperation, target) {
                                                 if (this.defaultCalculateFilterExpression) {
                                                     if (!filterValue) {
@@ -2270,18 +2277,6 @@ class DataGridFactory {
                                         };
                                         if (field.config.constraint.multiple) {
                                             column.allowFiltering = false;
-                                            column.lookup = {
-                                                dataSource: {
-                                                    store: new CustomStore({
-                                                        load: () => {
-                                                            return lastValueFrom(this.service.getUnitColumnDataSource(tenant, className, view, field.name));
-                                                        }
-                                                    }),
-                                                    paginate: true
-                                                },
-                                                valueExpr: 'value',
-                                                displayExpr: 'text'
-                                            };
                                             column.calculateFilterExpression = function (filterValue, selectedFilterOperation, target) {
                                                 if (this.defaultCalculateFilterExpression) {
                                                     if (!filterValue) {
@@ -2322,7 +2317,7 @@ class DataGridFactory {
                                             dataSource: {
                                                 store: new CustomStore({
                                                     load: () => {
-                                                        return lastValueFrom(this.service.getConstraintEntries(field.config.constraint.name));
+                                                        return lastValueFrom(this.service.getConstraintEntries(tenant, field.config.constraint.name));
                                                     }
                                                 }),
                                                 paginate: true
@@ -2576,7 +2571,9 @@ class FormComponent {
                 oid: this.oid,
                 copyOid: this.copyOid,
                 template: this.template
-            }
+            },
+            __model: this.model,
+            __opener: this
         });
         this.service.getFormTemplateConfig(this.tenant, this.className, this.template).subscribe(response => {
             this.config = response.data.template;
@@ -2650,10 +2647,10 @@ class FormComponent {
     }
 }
 FormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormComponent, deps: [{ token: i0.ViewContainerRef }, { token: FormService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-FormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormComponent, selector: "rs-form", inputs: { tenant: "tenant", className: "className", oid: "oid", copyOid: "copyOid", template: "template", extraAttrMap: "extraAttrMap", opener: "opener", params: "params", tabViewContainerRef: "tabViewContainerRef", onlyFrontEnd: "onlyFrontEnd", model: "model", readonly: "readonly" }, outputs: { onDataLoaded: "onDataLoaded", submitCallback: "submitCallback" }, providers: [FormService], viewQueries: [{ propertyName: "validator", first: true, predicate: DxValidationGroupComponent, descendants: true }, { propertyName: "formSubmitter", first: true, predicate: ["formSubmitter"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\r\n               [visible]=\"loading\">\r\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\r\n</dx-load-panel>\r\n<dx-validation-group *ngIf=\"!loading\">\r\n  <rs-box-container [config]=\"config\"\r\n                    [model]=\"model\"\r\n                    [opener]=\"this\"\r\n                    [params]=\"params\"\r\n                    [tabViewContainerRef]=\"tabViewContainerRef\"\r\n                    [readonly]=\"readonly\"></rs-box-container>\r\n  <dx-text-box height=\"0\" style=\"border: none;\">\r\n    <dx-validator>\r\n      <dxi-validation-rule *ngIf=\"extraValidator\" type=\"async\"\r\n                           [validationCallback]=\"extraValidate\"></dxi-validation-rule>\r\n    </dx-validator>\r\n  </dx-text-box>\r\n  <div *ngIf=\"extraValidateMessage\" class=\"dx-field\">\r\n    <div class=\"dx-field-value\">\r\n      <div class=\"dx-toast-error dx-toast-content\">\r\n        <div class=\"dx-toast-message\">{{ extraValidateMessage }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\r\n</dx-validation-group>\r\n", styles: [":host{padding:12px 24px 20px}:host dx-validation-group{display:flex;flex-flow:column nowrap}:host dx-validation-group .dx-field{top:16px}:host dx-validation-group .dx-field .dx-field-value .dx-toast-content{padding:4px 8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BoxContainerComponent, selector: "rs-box-container", inputs: ["id", "editMode", "config", "model", "opener", "params", "readonly", "tabId", "tabViewContainerRef"] }, { kind: "component", type: i6.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "component", type: i3.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }, { kind: "component", type: i6$1.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "closeOnOutsideClick", "container", "copyRootClassesToWrapper", "deferRendering", "delay", "elementAttr", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "delayChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i8.DxValidationGroupComponent, selector: "dx-validation-group", inputs: ["elementAttr", "height", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "widthChange"] }, { kind: "component", type: i9.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
+FormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FormComponent, selector: "rs-form", inputs: { tenant: "tenant", className: "className", oid: "oid", copyOid: "copyOid", template: "template", extraAttrMap: "extraAttrMap", opener: "opener", params: "params", tabViewContainerRef: "tabViewContainerRef", onlyFrontEnd: "onlyFrontEnd", model: "model", readonly: "readonly" }, outputs: { onDataLoaded: "onDataLoaded", submitCallback: "submitCallback" }, providers: [FormService], viewQueries: [{ propertyName: "validator", first: true, predicate: DxValidationGroupComponent, descendants: true }, { propertyName: "formSubmitter", first: true, predicate: ["formSubmitter"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\r\n               [visible]=\"loading\">\r\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\r\n</dx-load-panel>\r\n<dx-validation-group *ngIf=\"!loading\">\r\n  <rs-box-container [config]=\"config\"\r\n                    [params]=\"params\"\r\n                    [tabViewContainerRef]=\"tabViewContainerRef\"\r\n                    [readonly]=\"readonly\"></rs-box-container>\r\n  <dx-text-box height=\"0\" style=\"border: none;\">\r\n    <dx-validator>\r\n      <dxi-validation-rule *ngIf=\"extraValidator\" type=\"async\"\r\n                           [validationCallback]=\"extraValidate\"></dxi-validation-rule>\r\n    </dx-validator>\r\n  </dx-text-box>\r\n  <div *ngIf=\"extraValidateMessage\" class=\"dx-field\">\r\n    <div class=\"dx-field-value\">\r\n      <div class=\"dx-toast-error dx-toast-content\">\r\n        <div class=\"dx-toast-message\">{{ extraValidateMessage }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\r\n</dx-validation-group>\r\n", styles: [":host{padding:12px 24px 20px}:host dx-validation-group{display:flex;flex-flow:column nowrap}:host dx-validation-group .dx-field{top:16px}:host dx-validation-group .dx-field .dx-field-value .dx-toast-content{padding:4px 8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BoxContainerComponent, selector: "rs-box-container", inputs: ["id", "editMode", "config", "params", "readonly", "tabViewContainerRef"] }, { kind: "component", type: i6.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "component", type: i3.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i6.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }, { kind: "component", type: i6$1.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "closeOnOutsideClick", "container", "copyRootClassesToWrapper", "deferRendering", "delay", "elementAttr", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "delayChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i8.DxValidationGroupComponent, selector: "dx-validation-group", inputs: ["elementAttr", "height", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "widthChange"] }, { kind: "component", type: i9.DxValidatorComponent, selector: "dx-validator", inputs: ["adapter", "elementAttr", "height", "name", "validationGroup", "validationRules", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onValidated", "adapterChange", "elementAttrChange", "heightChange", "nameChange", "validationGroupChange", "validationRulesChange", "widthChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rs-form', providers: [FormService], template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\r\n               [visible]=\"loading\">\r\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\r\n</dx-load-panel>\r\n<dx-validation-group *ngIf=\"!loading\">\r\n  <rs-box-container [config]=\"config\"\r\n                    [model]=\"model\"\r\n                    [opener]=\"this\"\r\n                    [params]=\"params\"\r\n                    [tabViewContainerRef]=\"tabViewContainerRef\"\r\n                    [readonly]=\"readonly\"></rs-box-container>\r\n  <dx-text-box height=\"0\" style=\"border: none;\">\r\n    <dx-validator>\r\n      <dxi-validation-rule *ngIf=\"extraValidator\" type=\"async\"\r\n                           [validationCallback]=\"extraValidate\"></dxi-validation-rule>\r\n    </dx-validator>\r\n  </dx-text-box>\r\n  <div *ngIf=\"extraValidateMessage\" class=\"dx-field\">\r\n    <div class=\"dx-field-value\">\r\n      <div class=\"dx-toast-error dx-toast-content\">\r\n        <div class=\"dx-toast-message\">{{ extraValidateMessage }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\r\n</dx-validation-group>\r\n", styles: [":host{padding:12px 24px 20px}:host dx-validation-group{display:flex;flex-flow:column nowrap}:host dx-validation-group .dx-field{top:16px}:host dx-validation-group .dx-field .dx-field-value .dx-toast-content{padding:4px 8px}\n"] }]
+            args: [{ selector: 'rs-form', providers: [FormService], template: "<dx-load-panel [container]=\"viewContainerRef.element.nativeElement\" [showPane]=\"false\"\r\n               [visible]=\"loading\">\r\n  <dxo-position [of]=\"viewContainerRef.element.nativeElement\"></dxo-position>\r\n</dx-load-panel>\r\n<dx-validation-group *ngIf=\"!loading\">\r\n  <rs-box-container [config]=\"config\"\r\n                    [params]=\"params\"\r\n                    [tabViewContainerRef]=\"tabViewContainerRef\"\r\n                    [readonly]=\"readonly\"></rs-box-container>\r\n  <dx-text-box height=\"0\" style=\"border: none;\">\r\n    <dx-validator>\r\n      <dxi-validation-rule *ngIf=\"extraValidator\" type=\"async\"\r\n                           [validationCallback]=\"extraValidate\"></dxi-validation-rule>\r\n    </dx-validator>\r\n  </dx-text-box>\r\n  <div *ngIf=\"extraValidateMessage\" class=\"dx-field\">\r\n    <div class=\"dx-field-value\">\r\n      <div class=\"dx-toast-error dx-toast-content\">\r\n        <div class=\"dx-toast-message\">{{ extraValidateMessage }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <dx-button #formSubmitter [visible]=\"false\" (onClick)=\"submitForm()\"></dx-button>\r\n</dx-validation-group>\r\n", styles: [":host{padding:12px 24px 20px}:host dx-validation-group{display:flex;flex-flow:column nowrap}:host dx-validation-group .dx-field{top:16px}:host dx-validation-group .dx-field .dx-field-value .dx-toast-content{padding:4px 8px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: FormService }, { type: i0.ElementRef }]; }, propDecorators: { tenant: [{
                 type: Input
             }], className: [{
@@ -2867,7 +2864,9 @@ class CellComponentTemplateComponent {
         const instance = componentRef.instance;
         Object.assign(instance, cellComponentConfig);
         if (!(instance instanceof CellComponentBase)) {
-            console.warn('cell component need extending CellComponentBase, name: ' + plugin.name);
+            console.error('cell component need extending CellComponentBase, name: ' + plugin.name);
+            notify_error('加载单元格组件配置失败：' + plugin.name);
+            return;
         }
         instance.field = this.cellInfo.column.dataField;
         instance.fieldConfig = fieldConfig;
@@ -2930,22 +2929,20 @@ class DataGridComponent {
             }
             if (this.instanceLinkType === 'tab' || this.instanceLinkType === 'drawer') {
                 columns.unshift({
-                    fixed: true,
                     caption: '详情',
+                    fixed: true,
                     width: 48,
-                    cellTemplate: 'instanceLinkTemplate',
                     alignment: 'center',
-                    cssClass: 'cell-vertical-middle'
+                    cellTemplate: 'instanceLinkTemplate'
                 });
             }
             if (this.showRowNum) {
                 columns.unshift({
-                    fixed: true,
                     caption: '行号',
+                    fixed: true,
                     width: 48,
-                    cellTemplate: 'rowIndexTemplate',
                     alignment: 'center',
-                    cssClass: 'cell-vertical-middle'
+                    cellTemplate: 'rowIndexTemplate'
                 });
             }
             this.columns = columns;
@@ -2959,20 +2956,6 @@ class DataGridComponent {
             this.dataSource = this.factory.makeDataGridDataSource(this.tenant, this.className, this.view, this.filter, this.keyExpr, this.dataGridName);
         }
     }
-    getOriginalValue(cellInfo, key) {
-        const config = cellInfo.column[key];
-        if (config) {
-            const value = cellInfo.data[config.field];
-            if (value) {
-                if (Array.isArray(value)) {
-                    return value;
-                }
-                return [value];
-            }
-            return [];
-        }
-        return cellInfo.data[key];
-    }
     getSelectedRowKeys() {
         return this.dxDataGrid.instance.getSelectedRowKeys();
     }