@farris/jit-engine 1.3.363 → 1.4.1

package/lib/domstructure/ui/data/collection/farris-datagrid/farris-datagrid.js

@@ -1,454 +1,454 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FarrisDataGrid = void 0;
-const utility_1 = require("../../../../../utility");
-const command_column_template_generator_1 = require("../../../../../utility/farris-datagrid/command-column-template-generator");
-const common_1 = require("../../../common");
-class FarrisDataGrid extends common_1.BaseComponent {
-    constructor(param) {
-        super(param);
-        this.showLineNumber = false;
-        this.striped = false;
-        this.virtualized = true;
-        this.virtualizedAsyncLoad = false;
-        this.pagination = false;
-        this.showSelectedList = false;
-        this.fitColumns = true;
-        this.editMode = "cell";
-        this.fit = true;
-        this.commandColumnWidth = 200;
-        this.enableMorePageSelect = false;
-        this.expandGroupRows = true;
-        let obj;
-        if (typeof param === 'string') {
-            obj = utility_1.ToolHelper.convertToJsonOrDefault(param);
-        }
-        else {
-            obj = param;
-        }
-        if (!obj) {
-            return;
-        }
-        const keys = `type,controlSource,fields,pageChange,showLineNumber,striped,showCheckbox,virtualized,pagination,pageSize,scrollYLoad,showListView,listViewContentTemplate,remoteSort,multiSort,groupFooter,groupable,group,groupFormatter,groupStyler,styler,enableHeaderGroup,headerGroup,idField,
-        pageIndex,total,fitColumns,autoFitColumns,fit,virtualizedAsyncLoad,multiSelect,disable,rowClass,enableCommandColumn,commandColumnWidth,onEditClicked,onDeleteClicked,showFooter,footerTemplate,footerTemplateName,footerHeight,onSelectionChange,nowrap,columnSorted,showGroupColumn,
-        showAllCheckbox,lineNumberTitle,checkedChange,beforeSelect,beforeUnSelect,beforeCheck,beforeUnCheck,disableRow,editable,lockPagination,dblClickRow,showTips,tipContent,beforeEdit,mergeCell,mergeFields,customCommandColumnTempl,showBorder,checkOnSelect,selectOnCheck, footerDataFrom,footerDataCommand,
-        enableFilterRow,remoteFilter,showFilterBar,enableSmartFilter,useControlPanel,AutoColumnWidthUseDblclick,checked,unChecked,rowClick,showPageSize,pageSizeChanged,showSelectedList,selectedItemFormatter,enableMorePageSelect,pageList,lineNumberWidth,headerWrap,emptyTemplate,emptyDataHeight,rowHeight,enableHighlightCell,enableEditCellStyle,checkAll,unCheckAll,
-        enableDragColumn,showRowGroupPanel,groupSummaryPosition,keepSelect,clearSelectionsWhenDataIsEmpty,filterChanged,checkValues,selectOnEditing,footerPosition,showGotoInput,scrollBarShowMode,selectionMode,disableGroupOnEditing,enableContextMenu,contextMenuItems,enableSimpleMode,pagerContentTemplate,showScrollArrow,enableScheme,footerStyler,expandGroupRows,useBlankWhenDataIsEmpty
-        enableSetMultiHeaders,showConfirmWhenSchemeChanged,useCustomSize,sizeApiUri`;
-        Object.keys(obj).forEach(key => {
-            if (keys.includes(key)) {
-                switch (key) {
-                    case 'fields':
-                        this.fields = this.fields || [];
-                        obj[key].forEach((item) => {
-                            const fieldWidth = (item.size && item.size.width) ? item.size.width : undefined;
-                            this.fields.push({
-                                "field": item.dataField,
-                                "title": item.caption,
-                                "captionTipContent": item.captionTipContent,
-                                "captionTipStyler": item.captionTipStyler,
-                                "width": fieldWidth,
-                                "align": item.align,
-                                "hAlign": item.hAlign,
-                                "colTemplate": item.colTemplate,
-                                "dataType": item.dataType,
-                                "linkedLabelEnabled": item.linkedLabelEnabled,
-                                "linkedLabelClick": item.linkedLabelClick,
-                                "fixed": item.fixed,
-                                "sortOrder": item.sortOrder,
-                                "sortable": item.sortable,
-                                "editor": item.editor
-                            });
-                        });
-                        break;
-                    case "pageChange":
-                    case "dblClickRow":
-                    case "columnSorted":
-                    case "checked":
-                    case "unChecked":
-                    case "rowClick":
-                    case "pageSizeChanged":
-                        if (obj[key]) {
-                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], true, true, true, utility_1.JITConstant.defaultCommandParamName);
-                        }
-                        break;
-                    case "onEditClicked":
-                    case "onDeleteClicked":
-                        if (obj[key]) {
-                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], true, true, true, "$event,ctx");
-                        }
-                        break;
-                    case "enableCommandColumn":
-                        this[key] = obj[key];
-                        break;
-                    case "rowClass":
-                        if (obj[key]) {
-                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], true, true, true, utility_1.JITConstant.defaultCommandParamName);
-                        }
-                        break;
-                    case "onSelectionChange":
-                    case "scrollYLoad":
-                    case "checkedChange":
-                    case "filterChanged":
-                        if (obj[key]) {
-                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], true, true, true, utility_1.JITConstant.defaultCommandParamName);
-                        }
-                        break;
-                    case "beforeSelect":
-                    case "beforeUnSelect":
-                    case "beforeCheck":
-                    case "beforeUnCheck":
-                    case "beforeEdit":
-                        if (obj[key]) {
-                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], false, false, false);
-                        }
-                        break;
-                    case "footerDataCommand":
-                        if (obj[key]) {
-                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], false, false, false);
-                            if (this[key]) {
-                                this[key] = utility_1.ToolHelper.replaceAll(this[key], "this.viewModel", "viewModel", true);
-                            }
-                        }
-                        break;
-                    case "groupFormatter":
-                        if (obj[key]) {
-                            this.groupFormatter = obj[key];
-                        }
-                        break;
-                    case "groupStyler":
-                        if (obj[key]) {
-                            this.groupStyler = obj[key];
-                        }
-                        break;
-                    case "sizeApiUri":
-                        if (obj[key] && !utility_1.ToolHelper.isNullOrUndefined(obj['useCustomSize'])) {
-                            this.sizeApiUri = 'dgCustomSizeUri_' + this.id;
-                        }
-                        break;
-                    case "styler":
-                        if (obj[key]) {
-                            this.rowStyler = obj[key];
-                        }
-                        break;
-                    case "headerGroup":
-                        this.headerGroup = [];
-                        if (utility_1.ToolHelper.isArray(obj[key], false)) {
-                            obj[key].forEach((item) => {
-                                this.headerGroup.push(item);
-                            });
-                        }
-                        break;
-                    case "checkAll":
-                    case "unCheckAll":
-                        if (obj[key]) {
-                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], true, true, true, utility_1.JITConstant.defaultCommandParamName, true);
-                        }
-                        break;
-                    case "headerWrap":
-                        this.headerWrap = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
-                        break;
-                    case "enableHighlightCell":
-                        this.enableHighlightCell = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
-                        break;
-                    case "multiSelect":
-                    case "useBlankWhenDataIsEmpty":
-                    case "showCheckbox":
-                    case "showAllCheckbox":
-                        this[key] = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
-                        break;
-                    case "enableEditCellStyle":
-                        this.enableEditCellStyle = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
-                        break;
-                    case "selectOnEditing":
-                        this.selectOnEditing = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
-                        break;
-                    case "showGotoInput":
-                        this.showGotoInput = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
-                        break;
-                    case "enableDragColumn":
-                    case "showRowGroupPanel":
-                    case "keepSelect":
-                    case "checkValues":
-                    case "clearSelectionsWhenDataIsEmpty":
-                    case "enableContextMenu":
-                    case "enableSimpleMode":
-                    case "showScrollArrow":
-                        this[key] = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
-                        break;
-                    case "useCustomSize":
-                        this.customsize = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
-                        break;
-                    case "disableGroupOnEditing":
-                        this.disableGroupOnEditing = utility_1.ToolHelper.createBinding(obj[key], true, this.externalComponentNameSpace, this.id);
-                        break;
-                    case "enableSetMultiHeaders":
-                        this.enableSetMultiHeaders = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
-                        break;
-                    case "showConfirmWhenSchemeChanged":
-                        this.showConfirmWhenSchemeChanged = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
-                        break;
-                    default:
-                        if (obj[key] || obj[key] == false) {
-                            this[key] = obj[key];
-                        }
-                        break;
-                }
-            }
-        });
-        if (utility_1.ToolHelper.isNullOrUndefined(this.multiSelect)) {
-            this.multiSelect = utility_1.ToolHelper.createBinding(null, false, this.externalComponentNameSpace, this.id);
-        }
-        if (utility_1.ToolHelper.isNullOrUndefined(this.useBlankWhenDataIsEmpty)) {
-            this.useBlankWhenDataIsEmpty = utility_1.ToolHelper.createBinding(null, false, this.externalComponentNameSpace, this.id);
-        }
-        if (utility_1.ToolHelper.isNullOrUndefined(this.showCheckbox)) {
-            this.showCheckbox = utility_1.ToolHelper.createBinding(null, false, this.externalComponentNameSpace, this.id);
-        }
-        if (utility_1.ToolHelper.isNullOrUndefined(this.showAllCheckbox)) {
-            this.showAllCheckbox = utility_1.ToolHelper.createBinding(null, false, this.externalComponentNameSpace, this.id);
-        }
-        if (this.rowStyler) {
-            this.rowStylerName = utility_1.ComponentFarrisDataGridCreator.createRowStyleName(this.id);
-        }
-        if (this.footerStyler) {
-            this.footerStylerName = utility_1.ComponentFarrisDataGridCreator.createFooterStyleName(this.id);
-        }
-        if (this.scrollBarShowMode != "allways") {
-            this.showScrollArrow = null;
-        }
-        this.fieldsName = utility_1.ComponentFarrisDataGridCreator.createColumnName(this.id);
-        if (this.fieldsName) {
-            this.fieldsName = "this.viewModel." + this.fieldsName;
-        }
-        if (this.fields && this.fields.length > 0) {
-            this.fields.forEach((field) => {
-                if (field.colTemplate || field.linkedLabelEnabled) {
-                    field.colTemplateName = utility_1.ComponentFarrisDataGridCreator.createCellTemplateName(this.id, field.field);
-                    if (field.linkedLabelEnabled) {
-                        field.colTemplate = FarrisDataGrid.generateFarrisGridColumnLinkLabel(field.linkedLabelEnabled, field.linkedLabelClick, field);
-                    }
-                }
-            });
-        }
-        if (utility_1.ToolHelper.isArray(this.fields, false)) {
-            this.fields.forEach((fieldItem) => {
-                if (fieldItem.captionTipContent) {
-                    fieldItem.captionTipContentName = utility_1.ComponentFarrisDataGridCreator.createCaptionTipContentName(this.id, fieldItem.field);
-                    let captionTipStyleValue = "margin-left:2px;";
-                    if (fieldItem.captionTipStyler) {
-                        captionTipStyleValue = fieldItem.captionTipStyler;
-                    }
-                    fieldItem.captionTipContentHtml = `<div class="d-flex flex-row align-items-center"><span class="f-datagrid-header-cell-title">{{ctx.title}}</span><span class="farris-label-tips" style="${captionTipStyleValue}" farrisTooltip [content]="'${fieldItem.captionTipContent}'"><i class="f-icon f-icon-description-tips"></i></span></div>`;
-                }
-            });
-        }
-        if (!this.showFooter) {
-            this.footerTemplate = null;
-        }
-        if (this.pageList) {
-            this.pageList = `[${this.pageList}]`;
-        }
-        if (this.showFooter && this.footerTemplate) {
-            this.footerTemplateName = utility_1.ComponentFarrisDataGridCreator.createCellTemplateName(this.id, "footer");
-        }
-        if (this.disableRow) {
-            this.disableRowName = utility_1.ComponentFarrisDataGridCreator.createDisableRowName(this.id);
-        }
-        if (this.emptyTemplate) {
-            this.emptyTemplateName = utility_1.ComponentFarrisDataGridCreator.createEmptyTemplateName(this.id);
-        }
-        else {
-            if (!this.useBlankWhenDataIsEmpty) {
-                this.emptyDataHeight = undefined;
-            }
-        }
-        if (this.pagerContentTemplate) {
-            this.pagerContentTemplateName = utility_1.ComponentFarrisDataGridCreator.createPagerContentTemplateName(this.id);
-        }
-        if (!this.lineNumberTitle) {
-            this.lineNumberTitle = "行号";
-        }
-        this.lineNumberTitleLang = utility_1.ComponentFarrisDataGridCreator.createLineNumberTitleId(this.id);
-        if (this.groupable && this.groupFormatter) {
-            this.groupFormatterName = utility_1.ComponentFarrisDataGridCreator.createGroupRowFormatterName(this.id);
-        }
-        if (this.groupable && this.groupStyler) {
-            this.groupStylerName = utility_1.ComponentFarrisDataGridCreator.createGroupStylerName(this.id);
-        }
-        if (this.enableCommandColumn) {
-            const colTemplateName = utility_1.ComponentFarrisDataGridCreator.createCellTemplateName(this.id, "manage");
-            let colTemplate;
-            if (this.enableCommandColumn == true) {
-                colTemplate = command_column_template_generator_1.CommandColumnTemplateGenerator.generate(this.onEditClicked, this.onDeleteClicked, this.id, this.resourcePrefix);
-            }
-            else if (this.enableCommandColumn == "custom") {
-                colTemplate = this.customCommandColumnTempl;
-            }
-            this.fields.push({
-                "title": "操作",
-                "width": this.commandColumnWidth ? this.commandColumnWidth : 200,
-                "align": "center",
-                "hAlign": "center",
-                "colTemplateName": colTemplateName,
-                "colTemplate": colTemplate,
-                "fixed": "right"
-            });
-        }
-        this.generateFarrisGridSort();
-        if (this.showTips == false) {
-            this.tipContent = null;
-        }
-        if (!this.mergeCell) {
-            this.mergeCell = false;
-        }
-        if (this.mergeCell && (!this.mergeFields || utility_1.ToolHelper.isArray(this.mergeFields, false) == false)) {
-            this.mergeCell = false;
-        }
-        if (!this.mergeCell) {
-            this.mergeFields = null;
-        }
-        if (utility_1.ToolHelper.isNullOrUndefined(this.nowrap)) {
-            this.nowrap = true;
-        }
-        if (!this.remoteSort) {
-            this.columnSorted = undefined;
-        }
-        if (this.footerDataFrom == "client") {
-            this.footerDataCommand = undefined;
-        }
-        if (!this.fitColumns) {
-            this.autoFitColumns = false;
-        }
-        if (this.groupable && utility_1.ToolHelper.isNullOrUndefined(this.showGroupColumn)) {
-            this.showGroupColumn = true;
-        }
-        if (!this.enableFilterRow && !this.enableSmartFilter) {
-            this.remoteFilter = false;
-            this.showFilterBar = false;
-            this.filterChanged = null;
-        }
-        if (this.showSelectedList && this.selectedItemFormatter) {
-            this.selectedItemFormatterName = utility_1.ComponentFarrisDataGridCreator.createSelectedItemFormatterName(this.id);
-        }
-        if (this.enableHeaderGroup && utility_1.ToolHelper.isArray(this.headerGroup, false)) {
-            this.enableDragColumn = utility_1.ToolHelper.createBinding(false, false, this.externalComponentNameSpace, this.id);
-        }
-        if (!this.groupable) {
-            this.showRowGroupPanel = utility_1.ToolHelper.createBinding(false, false, this.externalComponentNameSpace, this.id);
-        }
-        if (utility_1.ToolHelper.isArray(this.contextMenuItems)) {
-            this.contextMenuName = utility_1.ComponentFarrisDataGridCreator.createContextMenuName(this.id);
-        }
-        this.elementId = utility_1.ComponentFarrisDataGridCreator.createElementId(this.id);
-    }
-    static generateFarrisGridColumnLinkLabel(linkLabelEnabled, linkLabelClick, dataField) {
-        if (!linkLabelEnabled || !linkLabelClick) {
-            return;
-        }
-        const generateLinkLabelClick = utility_1.EventViewModelModifier.modify(linkLabelClick, true, true, true, "ctx");
-        return `<span class="f-pretend-link f-cursor-pointer" (click)="${generateLinkLabelClick}">{{ctx.column| formatCellData:ctx.rowData}}</span>`;
-    }
-    static checkColumnIsEnum(dataField) {
-        return dataField.dataType == "enum";
-    }
-    toJSON() {
-        return {
-            "type": "FarrisDataGrid",
-            "controlSource": this.controlSource,
-            "fields": this.fields,
-            "showLineNumber": this.showLineNumber,
-            "striped": this.striped,
-            "showCheckbox": this.showCheckbox,
-            "virtualized": this.virtualized,
-            "virtualizedAsyncLoad": this.virtualizedAsyncLoad,
-            "pagination": this.pagination,
-            "pageSize": this.pageSize,
-            "pageIndex": this.pageIndex,
-            "total": this.total,
-            "width": this.width,
-            "height": this.height,
-            "maxHeight": this.maxHeight,
-            "multiSelect": this.multiSelect,
-            "useBlankWhenDataIsEmpty": this.useBlankWhenDataIsEmpty,
-            "emptyDataHeight": this.emptyDataHeight,
-            "idField": this.idField,
-            "editMode": this.editMode,
-            "fit": this.fit,
-            "pageChange": this.pageChange,
-            "appearance": this.appearance,
-            "disable": this.disable,
-            "rowClass": this.rowClass,
-            "showFooter": this.showFooter,
-            "footerTemplate": this.footerTemplate,
-            "footerTemplateName": this.footerTemplateName,
-            "footerHeight": this.footerHeight,
-            "onSelectionChange": this.onSelectionChange,
-            "scrollYLoad": this.scrollYLoad,
-            "remoteSort": this.remoteSort,
-            "multiSort": this.multiSort,
-            "groupable": this.groupable,
-            "groupFooter": this.groupFooter,
-            "group": this.group,
-            "rowStyler": this.rowStyler,
-            "rowStylerName": this.rowStylerName,
-            "showAllCheckbox": this.showAllCheckbox,
-            "checkedChange": this.checkedChange,
-            "beforeSelect": this.beforeSelect,
-            "beforeUnSelect": this.beforeUnSelect,
-            "beforeCheck": this.beforeCheck,
-            "beforeUnCheck": this.beforeUnCheck,
-            "disableRow": this.disableRow,
-            "editable": this.editable,
-            "showTips": this.showTips,
-            "tipContent": this.tipContent,
-            "mergeCell": this.mergeCell,
-            "mergeFields": this.mergeFields,
-            "customCommandColumnTempl": this.customCommandColumnTempl,
-            "showBorder": this.showBorder,
-            "checkOnSelect": this.checkOnSelect,
-            "selectOnCheck": this.selectOnCheck,
-            "nowrap": this.nowrap,
-            "columnSorted": this.columnSorted,
-            "footerDataFrom": this.footerDataFrom,
-            "footerDataRestApi": this.footerDataRestApi,
-            "footerDataCommand": this.footerDataCommand,
-            "showGroupColumn": this.showGroupColumn,
-            "enableFilterRow": this.enableFilterRow,
-            "remoteFilter": this.remoteFilter,
-            "showFilterBar": this.showFilterBar,
-            "useControlPanel": this.useControlPanel,
-            "enableSetMultiHeaders": this.enableSetMultiHeaders,
-            "showConfirmWhenSchemeChanged": this.showConfirmWhenSchemeChanged
-        };
-    }
-    toString() {
-        return JSON.stringify(this.toJSON());
-    }
-    generateFarrisGridSort() {
-        if (utility_1.ToolHelper.isArray(this.fields, false)) {
-            return;
-        }
-        const sortNameArr = [];
-        const sortOrderArr = [];
-        this.fields.forEach((item) => {
-            if (item.sortable) {
-                sortNameArr.push(item.field);
-                if (item.sortOrder) {
-                    sortOrderArr.push(item.sortOrder);
-                }
-                else {
-                    sortOrderArr.push("asc");
-                }
-            }
-        });
-        if (utility_1.ToolHelper.isArray(sortNameArr, false)) {
-            this.sortName = sortNameArr.join(",");
-        }
-        if (utility_1.ToolHelper.isArray(sortOrderArr, false)) {
-            this.sortOrder = sortOrderArr.join(",");
-        }
-    }
-}
-exports.FarrisDataGrid = FarrisDataGrid;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FarrisDataGrid = void 0;
+const utility_1 = require("../../../../../utility");
+const command_column_template_generator_1 = require("../../../../../utility/farris-datagrid/command-column-template-generator");
+const common_1 = require("../../../common");
+class FarrisDataGrid extends common_1.BaseComponent {
+    constructor(param) {
+        super(param);
+        this.showLineNumber = false;
+        this.striped = false;
+        this.virtualized = true;
+        this.virtualizedAsyncLoad = false;
+        this.pagination = false;
+        this.showSelectedList = false;
+        this.fitColumns = true;
+        this.editMode = "cell";
+        this.fit = true;
+        this.commandColumnWidth = 200;
+        this.enableMorePageSelect = false;
+        this.expandGroupRows = true;
+        let obj;
+        if (typeof param === 'string') {
+            obj = utility_1.ToolHelper.convertToJsonOrDefault(param);
+        }
+        else {
+            obj = param;
+        }
+        if (!obj) {
+            return;
+        }
+        const keys = `type,controlSource,fields,pageChange,showLineNumber,striped,showCheckbox,virtualized,pagination,pageSize,scrollYLoad,showListView,listViewContentTemplate,remoteSort,multiSort,groupFooter,groupable,group,groupFormatter,groupStyler,styler,enableHeaderGroup,headerGroup,idField,
+        pageIndex,total,fitColumns,autoFitColumns,fit,virtualizedAsyncLoad,multiSelect,disable,rowClass,enableCommandColumn,commandColumnWidth,onEditClicked,onDeleteClicked,showFooter,footerTemplate,footerTemplateName,footerHeight,onSelectionChange,nowrap,columnSorted,showGroupColumn,
+        showAllCheckbox,lineNumberTitle,checkedChange,beforeSelect,beforeUnSelect,beforeCheck,beforeUnCheck,disableRow,editable,lockPagination,dblClickRow,showTips,tipContent,beforeEdit,mergeCell,mergeFields,customCommandColumnTempl,showBorder,checkOnSelect,selectOnCheck, footerDataFrom,footerDataCommand,
+        enableFilterRow,remoteFilter,showFilterBar,enableSmartFilter,useControlPanel,AutoColumnWidthUseDblclick,checked,unChecked,rowClick,showPageSize,pageSizeChanged,showSelectedList,selectedItemFormatter,enableMorePageSelect,pageList,lineNumberWidth,headerWrap,emptyTemplate,emptyDataHeight,rowHeight,enableHighlightCell,enableEditCellStyle,checkAll,unCheckAll,
+        enableDragColumn,showRowGroupPanel,groupSummaryPosition,keepSelect,clearSelectionsWhenDataIsEmpty,filterChanged,checkValues,selectOnEditing,footerPosition,showGotoInput,scrollBarShowMode,selectionMode,disableGroupOnEditing,enableContextMenu,contextMenuItems,enableSimpleMode,pagerContentTemplate,showScrollArrow,enableScheme,footerStyler,expandGroupRows,useBlankWhenDataIsEmpty
+        enableSetMultiHeaders,showConfirmWhenSchemeChanged,useCustomSize,sizeApiUri`;
+        Object.keys(obj).forEach(key => {
+            if (keys.includes(key)) {
+                switch (key) {
+                    case 'fields':
+                        this.fields = this.fields || [];
+                        obj[key].forEach((item) => {
+                            const fieldWidth = (item.size && item.size.width) ? item.size.width : undefined;
+                            this.fields.push({
+                                "field": item.dataField,
+                                "title": item.caption,
+                                "captionTipContent": item.captionTipContent,
+                                "captionTipStyler": item.captionTipStyler,
+                                "width": fieldWidth,
+                                "align": item.align,
+                                "hAlign": item.hAlign,
+                                "colTemplate": item.colTemplate,
+                                "dataType": item.dataType,
+                                "linkedLabelEnabled": item.linkedLabelEnabled,
+                                "linkedLabelClick": item.linkedLabelClick,
+                                "fixed": item.fixed,
+                                "sortOrder": item.sortOrder,
+                                "sortable": item.sortable,
+                                "editor": item.editor
+                            });
+                        });
+                        break;
+                    case "pageChange":
+                    case "dblClickRow":
+                    case "columnSorted":
+                    case "checked":
+                    case "unChecked":
+                    case "rowClick":
+                    case "pageSizeChanged":
+                        if (obj[key]) {
+                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], true, true, true, utility_1.JITConstant.defaultCommandParamName);
+                        }
+                        break;
+                    case "onEditClicked":
+                    case "onDeleteClicked":
+                        if (obj[key]) {
+                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], true, true, true, "$event,ctx");
+                        }
+                        break;
+                    case "enableCommandColumn":
+                        this[key] = obj[key];
+                        break;
+                    case "rowClass":
+                        if (obj[key]) {
+                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], true, true, true, utility_1.JITConstant.defaultCommandParamName);
+                        }
+                        break;
+                    case "onSelectionChange":
+                    case "scrollYLoad":
+                    case "checkedChange":
+                    case "filterChanged":
+                        if (obj[key]) {
+                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], true, true, true, utility_1.JITConstant.defaultCommandParamName);
+                        }
+                        break;
+                    case "beforeSelect":
+                    case "beforeUnSelect":
+                    case "beforeCheck":
+                    case "beforeUnCheck":
+                    case "beforeEdit":
+                        if (obj[key]) {
+                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], false, false, false);
+                        }
+                        break;
+                    case "footerDataCommand":
+                        if (obj[key]) {
+                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], false, false, false);
+                            if (this[key]) {
+                                this[key] = utility_1.ToolHelper.replaceAll(this[key], "this.viewModel", "viewModel", true);
+                            }
+                        }
+                        break;
+                    case "groupFormatter":
+                        if (obj[key]) {
+                            this.groupFormatter = obj[key];
+                        }
+                        break;
+                    case "groupStyler":
+                        if (obj[key]) {
+                            this.groupStyler = obj[key];
+                        }
+                        break;
+                    case "sizeApiUri":
+                        if (obj[key] && !utility_1.ToolHelper.isNullOrUndefined(obj['useCustomSize'])) {
+                            this.sizeApiUri = 'dgCustomSizeUri_' + this.id;
+                        }
+                        break;
+                    case "styler":
+                        if (obj[key]) {
+                            this.rowStyler = obj[key];
+                        }
+                        break;
+                    case "headerGroup":
+                        this.headerGroup = [];
+                        if (utility_1.ToolHelper.isArray(obj[key], false)) {
+                            obj[key].forEach((item) => {
+                                this.headerGroup.push(item);
+                            });
+                        }
+                        break;
+                    case "checkAll":
+                    case "unCheckAll":
+                        if (obj[key]) {
+                            this[key] = utility_1.EventViewModelModifier.modify(obj[key], true, true, true, utility_1.JITConstant.defaultCommandParamName, true);
+                        }
+                        break;
+                    case "headerWrap":
+                        this.headerWrap = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
+                        break;
+                    case "enableHighlightCell":
+                        this.enableHighlightCell = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
+                        break;
+                    case "multiSelect":
+                    case "useBlankWhenDataIsEmpty":
+                    case "showCheckbox":
+                    case "showAllCheckbox":
+                        this[key] = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
+                        break;
+                    case "enableEditCellStyle":
+                        this.enableEditCellStyle = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
+                        break;
+                    case "selectOnEditing":
+                        this.selectOnEditing = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
+                        break;
+                    case "showGotoInput":
+                        this.showGotoInput = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
+                        break;
+                    case "enableDragColumn":
+                    case "showRowGroupPanel":
+                    case "keepSelect":
+                    case "checkValues":
+                    case "clearSelectionsWhenDataIsEmpty":
+                    case "enableContextMenu":
+                    case "enableSimpleMode":
+                    case "showScrollArrow":
+                        this[key] = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
+                        break;
+                    case "useCustomSize":
+                        this.customsize = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
+                        break;
+                    case "disableGroupOnEditing":
+                        this.disableGroupOnEditing = utility_1.ToolHelper.createBinding(obj[key], true, this.externalComponentNameSpace, this.id);
+                        break;
+                    case "enableSetMultiHeaders":
+                        this.enableSetMultiHeaders = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
+                        break;
+                    case "showConfirmWhenSchemeChanged":
+                        this.showConfirmWhenSchemeChanged = utility_1.ToolHelper.createBinding(obj[key], false, this.externalComponentNameSpace, this.id);
+                        break;
+                    default:
+                        if (obj[key] || obj[key] == false) {
+                            this[key] = obj[key];
+                        }
+                        break;
+                }
+            }
+        });
+        if (utility_1.ToolHelper.isNullOrUndefined(this.multiSelect)) {
+            this.multiSelect = utility_1.ToolHelper.createBinding(null, false, this.externalComponentNameSpace, this.id);
+        }
+        if (utility_1.ToolHelper.isNullOrUndefined(this.useBlankWhenDataIsEmpty)) {
+            this.useBlankWhenDataIsEmpty = utility_1.ToolHelper.createBinding(null, false, this.externalComponentNameSpace, this.id);
+        }
+        if (utility_1.ToolHelper.isNullOrUndefined(this.showCheckbox)) {
+            this.showCheckbox = utility_1.ToolHelper.createBinding(null, false, this.externalComponentNameSpace, this.id);
+        }
+        if (utility_1.ToolHelper.isNullOrUndefined(this.showAllCheckbox)) {
+            this.showAllCheckbox = utility_1.ToolHelper.createBinding(null, false, this.externalComponentNameSpace, this.id);
+        }
+        if (this.rowStyler) {
+            this.rowStylerName = utility_1.ComponentFarrisDataGridCreator.createRowStyleName(this.id);
+        }
+        if (this.footerStyler) {
+            this.footerStylerName = utility_1.ComponentFarrisDataGridCreator.createFooterStyleName(this.id);
+        }
+        if (this.scrollBarShowMode != "allways") {
+            this.showScrollArrow = null;
+        }
+        this.fieldsName = utility_1.ComponentFarrisDataGridCreator.createColumnName(this.id);
+        if (this.fieldsName) {
+            this.fieldsName = "this.viewModel." + this.fieldsName;
+        }
+        if (this.fields && this.fields.length > 0) {
+            this.fields.forEach((field) => {
+                if (field.colTemplate || field.linkedLabelEnabled) {
+                    field.colTemplateName = utility_1.ComponentFarrisDataGridCreator.createCellTemplateName(this.id, field.field);
+                    if (field.linkedLabelEnabled) {
+                        field.colTemplate = FarrisDataGrid.generateFarrisGridColumnLinkLabel(field.linkedLabelEnabled, field.linkedLabelClick, field);
+                    }
+                }
+            });
+        }
+        if (utility_1.ToolHelper.isArray(this.fields, false)) {
+            this.fields.forEach((fieldItem) => {
+                if (fieldItem.captionTipContent) {
+                    fieldItem.captionTipContentName = utility_1.ComponentFarrisDataGridCreator.createCaptionTipContentName(this.id, fieldItem.field);
+                    let captionTipStyleValue = "margin-left:2px;";
+                    if (fieldItem.captionTipStyler) {
+                        captionTipStyleValue = fieldItem.captionTipStyler;
+                    }
+                    fieldItem.captionTipContentHtml = `<div class="d-flex flex-row align-items-center"><span class="f-datagrid-header-cell-title">{{ctx.title}}</span><span class="farris-label-tips" style="${captionTipStyleValue}" farrisTooltip [content]="'${fieldItem.captionTipContent}'"><i class="f-icon f-icon-description-tips"></i></span></div>`;
+                }
+            });
+        }
+        if (!this.showFooter) {
+            this.footerTemplate = null;
+        }
+        if (this.pageList) {
+            this.pageList = `[${this.pageList}]`;
+        }
+        if (this.showFooter && this.footerTemplate) {
+            this.footerTemplateName = utility_1.ComponentFarrisDataGridCreator.createCellTemplateName(this.id, "footer");
+        }
+        if (this.disableRow) {
+            this.disableRowName = utility_1.ComponentFarrisDataGridCreator.createDisableRowName(this.id);
+        }
+        if (this.emptyTemplate) {
+            this.emptyTemplateName = utility_1.ComponentFarrisDataGridCreator.createEmptyTemplateName(this.id);
+        }
+        else {
+            if (!this.useBlankWhenDataIsEmpty) {
+                this.emptyDataHeight = undefined;
+            }
+        }
+        if (this.pagerContentTemplate) {
+            this.pagerContentTemplateName = utility_1.ComponentFarrisDataGridCreator.createPagerContentTemplateName(this.id);
+        }
+        if (!this.lineNumberTitle) {
+            this.lineNumberTitle = "行号";
+        }
+        this.lineNumberTitleLang = utility_1.ComponentFarrisDataGridCreator.createLineNumberTitleId(this.id);
+        if (this.groupable && this.groupFormatter) {
+            this.groupFormatterName = utility_1.ComponentFarrisDataGridCreator.createGroupRowFormatterName(this.id);
+        }
+        if (this.groupable && this.groupStyler) {
+            this.groupStylerName = utility_1.ComponentFarrisDataGridCreator.createGroupStylerName(this.id);
+        }
+        if (this.enableCommandColumn) {
+            const colTemplateName = utility_1.ComponentFarrisDataGridCreator.createCellTemplateName(this.id, "manage");
+            let colTemplate;
+            if (this.enableCommandColumn == true) {
+                colTemplate = command_column_template_generator_1.CommandColumnTemplateGenerator.generate(this.onEditClicked, this.onDeleteClicked, this.id, this.resourcePrefix);
+            }
+            else if (this.enableCommandColumn == "custom") {
+                colTemplate = this.customCommandColumnTempl;
+            }
+            this.fields.push({
+                "title": "操作",
+                "width": this.commandColumnWidth ? this.commandColumnWidth : 200,
+                "align": "center",
+                "hAlign": "center",
+                "colTemplateName": colTemplateName,
+                "colTemplate": colTemplate,
+                "fixed": "right"
+            });
+        }
+        this.generateFarrisGridSort();
+        if (this.showTips == false) {
+            this.tipContent = null;
+        }
+        if (!this.mergeCell) {
+            this.mergeCell = false;
+        }
+        if (this.mergeCell && (!this.mergeFields || utility_1.ToolHelper.isArray(this.mergeFields, false) == false)) {
+            this.mergeCell = false;
+        }
+        if (!this.mergeCell) {
+            this.mergeFields = null;
+        }
+        if (utility_1.ToolHelper.isNullOrUndefined(this.nowrap)) {
+            this.nowrap = true;
+        }
+        if (!this.remoteSort) {
+            this.columnSorted = undefined;
+        }
+        if (this.footerDataFrom == "client") {
+            this.footerDataCommand = undefined;
+        }
+        if (!this.fitColumns) {
+            this.autoFitColumns = false;
+        }
+        if (this.groupable && utility_1.ToolHelper.isNullOrUndefined(this.showGroupColumn)) {
+            this.showGroupColumn = true;
+        }
+        if (!this.enableFilterRow && !this.enableSmartFilter) {
+            this.remoteFilter = false;
+            this.showFilterBar = false;
+            this.filterChanged = null;
+        }
+        if (this.showSelectedList && this.selectedItemFormatter) {
+            this.selectedItemFormatterName = utility_1.ComponentFarrisDataGridCreator.createSelectedItemFormatterName(this.id);
+        }
+        if (this.enableHeaderGroup && utility_1.ToolHelper.isArray(this.headerGroup, false)) {
+            this.enableDragColumn = utility_1.ToolHelper.createBinding(false, false, this.externalComponentNameSpace, this.id);
+        }
+        if (!this.groupable) {
+            this.showRowGroupPanel = utility_1.ToolHelper.createBinding(false, false, this.externalComponentNameSpace, this.id);
+        }
+        if (utility_1.ToolHelper.isArray(this.contextMenuItems)) {
+            this.contextMenuName = utility_1.ComponentFarrisDataGridCreator.createContextMenuName(this.id);
+        }
+        this.elementId = utility_1.ComponentFarrisDataGridCreator.createElementId(this.id);
+    }
+    static generateFarrisGridColumnLinkLabel(linkLabelEnabled, linkLabelClick, dataField) {
+        if (!linkLabelEnabled || !linkLabelClick) {
+            return;
+        }
+        const generateLinkLabelClick = utility_1.EventViewModelModifier.modify(linkLabelClick, true, true, true, "ctx");
+        return `<span class="f-pretend-link f-cursor-pointer" (click)="${generateLinkLabelClick}">{{ctx.column| formatCellData:ctx.rowData}}</span>`;
+    }
+    static checkColumnIsEnum(dataField) {
+        return dataField.dataType == "enum";
+    }
+    toJSON() {
+        return {
+            "type": "FarrisDataGrid",
+            "controlSource": this.controlSource,
+            "fields": this.fields,
+            "showLineNumber": this.showLineNumber,
+            "striped": this.striped,
+            "showCheckbox": this.showCheckbox,
+            "virtualized": this.virtualized,
+            "virtualizedAsyncLoad": this.virtualizedAsyncLoad,
+            "pagination": this.pagination,
+            "pageSize": this.pageSize,
+            "pageIndex": this.pageIndex,
+            "total": this.total,
+            "width": this.width,
+            "height": this.height,
+            "maxHeight": this.maxHeight,
+            "multiSelect": this.multiSelect,
+            "useBlankWhenDataIsEmpty": this.useBlankWhenDataIsEmpty,
+            "emptyDataHeight": this.emptyDataHeight,
+            "idField": this.idField,
+            "editMode": this.editMode,
+            "fit": this.fit,
+            "pageChange": this.pageChange,
+            "appearance": this.appearance,
+            "disable": this.disable,
+            "rowClass": this.rowClass,
+            "showFooter": this.showFooter,
+            "footerTemplate": this.footerTemplate,
+            "footerTemplateName": this.footerTemplateName,
+            "footerHeight": this.footerHeight,
+            "onSelectionChange": this.onSelectionChange,
+            "scrollYLoad": this.scrollYLoad,
+            "remoteSort": this.remoteSort,
+            "multiSort": this.multiSort,
+            "groupable": this.groupable,
+            "groupFooter": this.groupFooter,
+            "group": this.group,
+            "rowStyler": this.rowStyler,
+            "rowStylerName": this.rowStylerName,
+            "showAllCheckbox": this.showAllCheckbox,
+            "checkedChange": this.checkedChange,
+            "beforeSelect": this.beforeSelect,
+            "beforeUnSelect": this.beforeUnSelect,
+            "beforeCheck": this.beforeCheck,
+            "beforeUnCheck": this.beforeUnCheck,
+            "disableRow": this.disableRow,
+            "editable": this.editable,
+            "showTips": this.showTips,
+            "tipContent": this.tipContent,
+            "mergeCell": this.mergeCell,
+            "mergeFields": this.mergeFields,
+            "customCommandColumnTempl": this.customCommandColumnTempl,
+            "showBorder": this.showBorder,
+            "checkOnSelect": this.checkOnSelect,
+            "selectOnCheck": this.selectOnCheck,
+            "nowrap": this.nowrap,
+            "columnSorted": this.columnSorted,
+            "footerDataFrom": this.footerDataFrom,
+            "footerDataRestApi": this.footerDataRestApi,
+            "footerDataCommand": this.footerDataCommand,
+            "showGroupColumn": this.showGroupColumn,
+            "enableFilterRow": this.enableFilterRow,
+            "remoteFilter": this.remoteFilter,
+            "showFilterBar": this.showFilterBar,
+            "useControlPanel": this.useControlPanel,
+            "enableSetMultiHeaders": this.enableSetMultiHeaders,
+            "showConfirmWhenSchemeChanged": this.showConfirmWhenSchemeChanged
+        };
+    }
+    toString() {
+        return JSON.stringify(this.toJSON());
+    }
+    generateFarrisGridSort() {
+        if (utility_1.ToolHelper.isArray(this.fields, false)) {
+            return;
+        }
+        const sortNameArr = [];
+        const sortOrderArr = [];
+        this.fields.forEach((item) => {
+            if (item.sortable) {
+                sortNameArr.push(item.field);
+                if (item.sortOrder) {
+                    sortOrderArr.push(item.sortOrder);
+                }
+                else {
+                    sortOrderArr.push("asc");
+                }
+            }
+        });
+        if (utility_1.ToolHelper.isArray(sortNameArr, false)) {
+            this.sortName = sortNameArr.join(",");
+        }
+        if (utility_1.ToolHelper.isArray(sortOrderArr, false)) {
+            this.sortOrder = sortOrderArr.join(",");
+        }
+    }
+}
+exports.FarrisDataGrid = FarrisDataGrid;
 //# sourceMappingURL=farris-datagrid.js.map