ngx-rs-ant 1.6.2 → 1.6.3

package/fesm2020/ngx-rs-ant.mjs

@@ -25,6 +25,9 @@ import * as i3$2 from 'devextreme-angular/ui/accordion';
 import * as i7 from 'devextreme-angular/ui/text-box';
 import * as i8 from 'devextreme-angular/ui/validation-group';
 import * as i9 from 'devextreme-angular/ui/validator';
+import * as i5$2 from 'devextreme-angular/ui/drop-down-box';
+import * as i6$2 from 'devextreme-angular/ui/tag-box';
+import * as i8$1 from 'devextreme-angular/ui/tree-list';
 import * as i4 from 'devextreme-angular/ui/popover';
 import * as i2$3 from 'ng2-pdfjs-viewer';
 import { PdfJsViewerComponent, PdfJsViewerModule } from 'ng2-pdfjs-viewer';
@@ -253,6 +256,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             args: [{ selector: 'rs-style-blank', template: "<div>\n  <span>\u8BF7\u5728\u5DE6\u4FA7\u753B\u5E03\u9009\u4E2D\u8282\u70B9</span>\n</div>\n", styles: [":host{height:80px;margin:8px;display:flex;flex-flow:row nowrap;justify-content:center}:host div{flex:1;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}:host div span{text-align:center;-webkit-user-select:none;user-select:none}\n"] }]
         }] });
 
+class FormItemConfigBase {
+    constructor() {
+        this.configChange = new EventEmitter();
+    }
+}
+
+class FormItemConfigErrorComponent {
+}
+FormItemConfigErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FormItemConfigErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormItemConfigErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FormItemConfigErrorComponent, selector: "rs-form-item-config-error", ngImport: i0, template: "<div>\n  <span>\u8868\u5355\u7EC4\u4EF6\u914D\u7F6E\u5FC5\u9700\u7EE7\u627F\u81EAFormItemConfigBase</span>\n</div>\n", styles: [":host{height:80px;margin:8px;display:flex;flex-flow:row nowrap;justify-content:center}:host div{flex:1;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}:host div span{text-align:center;-webkit-user-select:none;user-select:none}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FormItemConfigErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rs-form-item-config-error', template: "<div>\n  <span>\u8868\u5355\u7EC4\u4EF6\u914D\u7F6E\u5FC5\u9700\u7EE7\u627F\u81EAFormItemConfigBase</span>\n</div>\n", styles: [":host{height:80px;margin:8px;display:flex;flex-flow:row nowrap;justify-content:center}:host div{flex:1;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}:host div span{text-align:center;-webkit-user-select:none;user-select:none}\n"] }]
+        }] });
+
 class PluginManager {
     static createComponent(boxItem, index, style, config) {
         let plugin = PluginFactory.get(config.name);
@@ -397,6 +415,11 @@ class PluginManager {
             const instance = componentRef.instance;
             instance.config = item.config.pluginConfig;
             if (pluginType === 'form') {
+                if (!(instance instanceof FormItemConfigBase)) {
+                    itemConfigContainerRef.clear();
+                    itemConfigContainerRef.createComponent(FormItemConfigErrorComponent);
+                    return;
+                }
                 instance.fieldTree = fieldTree;
             }
             instance.configChange.subscribe((reload) => {
@@ -405,7 +428,9 @@ class PluginManager {
                     componentRef.location.nativeElement.click();
                 }
                 else {
-                    Object.assign(item.componentRef.instance, item.config.pluginConfig);
+                    setTimeout(() => {
+                        Object.assign(item.componentRef.instance, item.config.pluginConfig);
+                    });
                 }
             });
         }
@@ -860,6 +885,7 @@ BoxContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
         ItemStyleComponent,
         StyleBlankComponent,
         ItemBlankComponent,
+        FormItemConfigErrorComponent,
         StyleComponent,
         PluginNotFoundComponent,
         ConfigBlankComponent], imports: [CommonModule,
@@ -883,6 +909,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                         ItemStyleComponent,
                         StyleBlankComponent,
                         ItemBlankComponent,
+                        FormItemConfigErrorComponent,
                         StyleComponent,
                         PluginNotFoundComponent,
                         ConfigBlankComponent
@@ -3404,12 +3431,147 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 args: [RowButtonsTemplateDirective]
             }] } });
 
+class FieldSelectorComponent {
+    constructor() {
+        this.fieldTree = [];
+        this.required = false;
+        this.label = '属性';
+        this.readonly = false;
+        this.multiple = false;
+        this.fieldChanged = new EventEmitter();
+        this.__fields = [];
+        this.suspendSelectionChanged = false;
+    }
+    set _fields(__fields) {
+        if (this.__fields !== __fields) {
+            this.__fields = __fields;
+            this.fieldChange(this.__fields);
+        }
+    }
+    get _fields() {
+        return this.__fields;
+    }
+    ngOnInit() {
+        if (this.config.field) {
+            if (Array.isArray(this.config.field)) {
+                this._fields = this.config.field;
+            }
+            else {
+                this._fields = [this.config.field];
+            }
+        }
+    }
+    fieldChange(value) {
+        if (value && value.length > 0) {
+            this.config.__formAttribute = value.join(';');
+            if (this.multiple) {
+                this.config.field = value;
+                const fields = [];
+                for (const fieldName of value) {
+                    fields.push(this.getField(this.fieldTree, fieldName));
+                }
+                this.fieldChanged.emit(fields);
+            }
+            else {
+                this.config.field = value[0];
+                this.fieldChanged.emit(this.getField(this.fieldTree, value[0]));
+            }
+        }
+        else {
+            this.config.field = '';
+            this.config.__formAttribute = '';
+            this.fieldChanged.emit();
+        }
+    }
+    getField(tree, field) {
+        for (const node of tree) {
+            if (node.innerName === field) {
+                return node;
+            }
+            if (node.children) {
+                const result = this.getField(node.children, field);
+                if (result) {
+                    return result;
+                }
+            }
+        }
+        return undefined;
+    }
+    onRowPrepared($event) {
+        if ($event.rowType === 'header') {
+            $event.rowElement.style.display = 'none';
+        }
+    }
+    onCellPrepared($event) {
+        if ($event.rowType === 'data') {
+            if (!this.multiple) {
+                $event.cellElement.style.cursor = 'pointer';
+            }
+            if (this.multiple && !$event.visible && $event.data.hasItems) {
+                const checkbox = $event.cellElement.querySelector('.dx-select-checkbox');
+                checkbox.style.display = 'none';
+            }
+        }
+    }
+    onSelectionChanged($event, dropDownBox) {
+        if (this.multiple) {
+            return;
+        }
+        if (this.suspendSelectionChanged) {
+            this.suspendSelectionChanged = false;
+            return;
+        }
+        if ($event.selectedRowsData.length === 0) {
+            return;
+        }
+        if (!$event.selectedRowsData[0].visible && $event.selectedRowsData[0].hasItems) {
+            if ($event.component.isRowExpanded($event.selectedRowKeys[0])) {
+                $event.component.collapseRow($event.selectedRowKeys[0]);
+            }
+            else {
+                $event.component.expandRow($event.selectedRowKeys[0]);
+            }
+            this.suspendSelectionChanged = true;
+            $event.component.selectRows($event.currentDeselectedRowKeys[0]);
+            return;
+        }
+        dropDownBox.instance.close();
+    }
+    removeItem($event, field) {
+        $event.stopPropagation();
+        const findIndex = this._fields.findIndex((innerName) => innerName === field.innerName);
+        this._fields.splice(findIndex, 1);
+    }
+}
+FieldSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FieldSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FieldSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: FieldSelectorComponent, selector: "rs-field-selector", inputs: { fieldTree: "fieldTree", config: "config", required: "required", label: "label", readonly: "readonly", multiple: "multiple" }, outputs: { fieldChanged: "fieldChanged" }, ngImport: i0, template: "<div class=\"dx-field\">\n  <div class=\"dx-field-label\">\n    <span>\u5C5E\u6027</span>\n    <span class=\"required-mark\" *ngIf=\"required\">&nbsp;*</span>\n  </div>\n  <div class=\"dx-field-value\">\n    <dx-drop-down-box #fieldDropDownBox\n                      [dataSource]=\"fieldTree\"\n                      valueExpr=\"innerName\"\n                      fieldTemplate=\"fieldTemplate\"\n                      contentTemplate=\"contentTemplate\"\n                      [showClearButton]=\"true\"\n                      [dropDownOptions]=\"{maxHeight: 'none', deferRendering: false}\"\n                      [(value)]=\"_fields\"\n                      [readOnly]=\"readonly\">\n      <div *dxTemplate=\"let info of 'fieldTemplate'\">\n        <dx-text-box [visible]=\"false\"></dx-text-box>\n        <dx-tag-box [dataSource]=\"fieldTree\"\n                    valueExpr=\"innerName\"\n                    width=\"100%\"\n                    [openOnFieldClick]=\"false\"\n                    [(value)]=\"_fields\"\n                    [class.coast-tag-selector]=\"true\"\n                    [readOnly]=\"readonly\">\n          <div *dxTemplate=\"let field of 'tag'\">\n            <dx-button [elementAttr]=\"{ class: 'item'}\">\n              <span>{{ field.caption }}</span>\n              <i *ngIf=\"multiple && !readonly\" class=\"coast-icon-close\" (click)=\"removeItem($event, field)\"></i>\n            </dx-button>\n          </div>\n        </dx-tag-box>\n      </div>\n      <div *dxTemplate=\"let data of 'contentTemplate'\">\n        <dx-text-box mode=\"search\" placeholder=\"\u641C\u7D22...\" valueChangeEvent=\"keyup\"\n                     (onValueChanged)=\"dxTreeList.instance.searchByText($event.value)\"></dx-text-box>\n        <dx-tree-list #dxTreeList\n                      [dataSource]=\"fieldTree\"\n                      [filterValue]=\"['visible','=',true]\"\n                      keyExpr=\"innerName\"\n                      parentIdExpr=\"parentInnerName\"\n                      [(selectedRowKeys)]=\"_fields\"\n                      [height]=\"360\"\n                      [showRowLines]=\"true\"\n                      [showBorders]=\"true\"\n                      [hoverStateEnabled]=\"true\"\n                      [rowAlternationEnabled]=\"true\"\n                      [columnAutoWidth]=\"true\"\n                      (onRowPrepared)=\"onRowPrepared($event)\"\n                      (onCellPrepared)=\"onCellPrepared($event)\"\n                      (onSelectionChanged)=\"onSelectionChanged($event, fieldDropDownBox)\">\n          <dxi-column dataField=\"innerName\" dataType=\"string\" [visible]=\"false\"></dxi-column>\n          <dxi-column dataField=\"caption\" dataType=\"string\" caption=\"\u540D\u79F0\"></dxi-column>\n          <dxi-column dataField=\"visible\" dataType=\"boolean\" [visible]=\"false\"></dxi-column>\n          <dxo-selection [mode]=\"multiple ? 'multiple' : 'single'\" [allowSelectAll]=\"false\"></dxo-selection>\n          <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\n        </dx-tree-list>\n      </div>\n      <dx-validator>\n        <dxi-validation-rule *ngIf=\"required\" type=\"required\" message=\"\u503C\u4E0D\u80FD\u4E3A\u7A7A\"></dxi-validation-rule>\n      </dx-validator>\n    </dx-drop-down-box>\n  </div>\n</div>\n", styles: [":host .dx-field{margin-bottom:8px;display:flex;flex-flow:row nowrap}:host .dx-field .dx-field-label{flex:0 0 80px}:host .dx-field .dx-field-value{flex:1}:host dx-tag-box{display:block}:host dx-tag-box .item{min-height:20px}:host dx-tag-box .item .coast-icon-close{padding-left:4px}:host dx-tag-box .item .coast-icon-close:hover{color:var(--coast-danger-color, #d9534f)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { 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$1.DxoSelectionComponent, selector: "dxo-selection", inputs: ["allowSelectAll", "recursive", "selectByClick", "deferred", "mode", "selectAllMode", "showCheckBoxesMode"] }, { kind: "component", type: i6$1.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i6$1.DxiValidationRuleComponent, selector: "dxi-validation-rule", inputs: ["message", "trim", "type", "ignoreEmptyValue", "max", "min", "reevaluate", "validationCallback", "comparisonTarget", "comparisonType", "pattern"] }, { kind: "component", type: i6$1.DxoScrollingComponent, selector: "dxo-scrolling", inputs: ["columnRenderingMode", "mode", "preloadEnabled", "renderAsync", "rowRenderingMode", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative"] }, { kind: "component", type: i5$2.DxDropDownBoxComponent, selector: "dx-drop-down-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "contentTemplate", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValueFormatter", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "label", "labelMode", "maxLength", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "contentTemplateChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueFormatterChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "labelChange", "labelModeChange", "maxLengthChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i6$2.DxTagBoxComponent, selector: "dx-tag-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "applyValueMode", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hideSelectedItems", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxDisplayedTags", "maxFilterQueryLength", "maxLength", "minSearchLength", "multiline", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectAllMode", "selectAllText", "selectedItems", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showMultiTagOnly", "showSelectionControls", "stylingMode", "tabIndex", "tagTemplate", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCustomItemCreating", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onMultiTagPreparing", "onOpened", "onOptionChanged", "onSelectAllValueChanged", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "applyValueModeChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hideSelectedItemsChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxDisplayedTagsChange", "maxFilterQueryLengthChange", "maxLengthChange", "minSearchLengthChange", "multilineChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectAllModeChange", "selectAllTextChange", "selectedItemsChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showMultiTagOnlyChange", "showSelectionControlsChange", "stylingModeChange", "tabIndexChange", "tagTemplateChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { 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$1.DxTreeListComponent, selector: "dx-tree-list", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoExpandAll", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "dataSource", "dataStructure", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "expandedRowKeys", "expandNodesOnFiltering", "filterBuilder", "filterBuilderPopup", "filterMode", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "hasItemsExpr", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "itemsExpr", "keyboardNavigation", "keyExpr", "loadPanel", "noDataText", "pager", "paging", "parentIdExpr", "remoteOperations", "renderAsync", "repaintChangesOnly", "rootValue", "rowAlternationEnabled", "rowDragging", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sorting", "stateStoring", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onNodesInitialized", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoExpandAllChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "dataSourceChange", "dataStructureChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "expandedRowKeysChange", "expandNodesOnFilteringChange", "filterBuilderChange", "filterBuilderPopupChange", "filterModeChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "hasItemsExprChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "itemsExprChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "noDataTextChange", "pagerChange", "pagingChange", "parentIdExprChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rootValueChange", "rowAlternationEnabledChange", "rowDraggingChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortingChange", "stateStoringChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { 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.7", ngImport: i0, type: FieldSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rs-field-selector', template: "<div class=\"dx-field\">\n  <div class=\"dx-field-label\">\n    <span>\u5C5E\u6027</span>\n    <span class=\"required-mark\" *ngIf=\"required\">&nbsp;*</span>\n  </div>\n  <div class=\"dx-field-value\">\n    <dx-drop-down-box #fieldDropDownBox\n                      [dataSource]=\"fieldTree\"\n                      valueExpr=\"innerName\"\n                      fieldTemplate=\"fieldTemplate\"\n                      contentTemplate=\"contentTemplate\"\n                      [showClearButton]=\"true\"\n                      [dropDownOptions]=\"{maxHeight: 'none', deferRendering: false}\"\n                      [(value)]=\"_fields\"\n                      [readOnly]=\"readonly\">\n      <div *dxTemplate=\"let info of 'fieldTemplate'\">\n        <dx-text-box [visible]=\"false\"></dx-text-box>\n        <dx-tag-box [dataSource]=\"fieldTree\"\n                    valueExpr=\"innerName\"\n                    width=\"100%\"\n                    [openOnFieldClick]=\"false\"\n                    [(value)]=\"_fields\"\n                    [class.coast-tag-selector]=\"true\"\n                    [readOnly]=\"readonly\">\n          <div *dxTemplate=\"let field of 'tag'\">\n            <dx-button [elementAttr]=\"{ class: 'item'}\">\n              <span>{{ field.caption }}</span>\n              <i *ngIf=\"multiple && !readonly\" class=\"coast-icon-close\" (click)=\"removeItem($event, field)\"></i>\n            </dx-button>\n          </div>\n        </dx-tag-box>\n      </div>\n      <div *dxTemplate=\"let data of 'contentTemplate'\">\n        <dx-text-box mode=\"search\" placeholder=\"\u641C\u7D22...\" valueChangeEvent=\"keyup\"\n                     (onValueChanged)=\"dxTreeList.instance.searchByText($event.value)\"></dx-text-box>\n        <dx-tree-list #dxTreeList\n                      [dataSource]=\"fieldTree\"\n                      [filterValue]=\"['visible','=',true]\"\n                      keyExpr=\"innerName\"\n                      parentIdExpr=\"parentInnerName\"\n                      [(selectedRowKeys)]=\"_fields\"\n                      [height]=\"360\"\n                      [showRowLines]=\"true\"\n                      [showBorders]=\"true\"\n                      [hoverStateEnabled]=\"true\"\n                      [rowAlternationEnabled]=\"true\"\n                      [columnAutoWidth]=\"true\"\n                      (onRowPrepared)=\"onRowPrepared($event)\"\n                      (onCellPrepared)=\"onCellPrepared($event)\"\n                      (onSelectionChanged)=\"onSelectionChanged($event, fieldDropDownBox)\">\n          <dxi-column dataField=\"innerName\" dataType=\"string\" [visible]=\"false\"></dxi-column>\n          <dxi-column dataField=\"caption\" dataType=\"string\" caption=\"\u540D\u79F0\"></dxi-column>\n          <dxi-column dataField=\"visible\" dataType=\"boolean\" [visible]=\"false\"></dxi-column>\n          <dxo-selection [mode]=\"multiple ? 'multiple' : 'single'\" [allowSelectAll]=\"false\"></dxo-selection>\n          <dxo-scrolling showScrollbar=\"always\"></dxo-scrolling>\n        </dx-tree-list>\n      </div>\n      <dx-validator>\n        <dxi-validation-rule *ngIf=\"required\" type=\"required\" message=\"\u503C\u4E0D\u80FD\u4E3A\u7A7A\"></dxi-validation-rule>\n      </dx-validator>\n    </dx-drop-down-box>\n  </div>\n</div>\n", styles: [":host .dx-field{margin-bottom:8px;display:flex;flex-flow:row nowrap}:host .dx-field .dx-field-label{flex:0 0 80px}:host .dx-field .dx-field-value{flex:1}:host dx-tag-box{display:block}:host dx-tag-box .item{min-height:20px}:host dx-tag-box .item .coast-icon-close{padding-left:4px}:host dx-tag-box .item .coast-icon-close:hover{color:var(--coast-danger-color, #d9534f)}\n"] }]
+        }], propDecorators: { fieldTree: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], fieldChanged: [{
+                type: Output
+            }] } });
+
 class FormModule {
 }
 FormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: FormModule, declarations: [FormComponent], imports: [CommonModule,
+FormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: FormModule, declarations: [FormComponent,
+        FieldSelectorComponent], imports: [CommonModule,
         BoxContainerModule,
-        DevExtremeModule], exports: [FormComponent] });
+        DevExtremeModule], exports: [FormComponent,
+        FieldSelectorComponent] });
 FormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: FormModule, imports: [CommonModule,
         BoxContainerModule,
         DevExtremeModule] });
@@ -3417,7 +3579,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             type: NgModule,
             args: [{
                     declarations: [
-                        FormComponent
+                        FormComponent,
+                        FieldSelectorComponent
                     ],
                     imports: [
                         CommonModule,
@@ -3425,7 +3588,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                         DevExtremeModule
                     ],
                     exports: [
-                        FormComponent
+                        FormComponent,
+                        FieldSelectorComponent
                     ]
                 }]
         }] });
@@ -4129,5 +4293,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BoxContainerComponent, BoxContainerModule, CamundaBpmnEditorComponent, CamundaBpmnEditorModule, ChangeFilter, CodeEditorComponent, CodeEditorModule, DataDetailComponent, DataDetailModule, DataGridComponent, DataGridFactory, DataGridModule, DataGridService, DrawerComponent, DrawerModule, DrawerService, DynamicParamsComponent, DynamicParamsModule, FormComponent, FormModule, FormService, FullscreenDirective, IconSelectorComponent, IconSelectorModule, ItemConfigComponent, ItemStyleComponent, ModalComponent, ModalModule, ModalService, PdfViewerComponent, PluginManager, RowButtonsTemplateDirective, TooltipContentTemplateDirective, WebsocketModule, WebsocketService, download_file, file_type_icon, filename_from_disposition, format_date, format_datetime, format_file_size, notify_error, notify_success, notify_warning, support_preview_ext, validate, validate_group };
+export { BoxContainerComponent, BoxContainerModule, CamundaBpmnEditorComponent, CamundaBpmnEditorModule, ChangeFilter, CodeEditorComponent, CodeEditorModule, DataDetailComponent, DataDetailModule, DataGridComponent, DataGridFactory, DataGridModule, DataGridService, DrawerComponent, DrawerModule, DrawerService, DynamicParamsComponent, DynamicParamsModule, FieldSelectorComponent, FormComponent, FormItemConfigBase, FormModule, FormService, FullscreenDirective, IconSelectorComponent, IconSelectorModule, ItemConfigComponent, ItemStyleComponent, ModalComponent, ModalModule, ModalService, PdfViewerComponent, PluginManager, RowButtonsTemplateDirective, TooltipContentTemplateDirective, WebsocketModule, WebsocketService, download_file, file_type_icon, filename_from_disposition, format_date, format_datetime, format_file_size, notify_error, notify_success, notify_warning, support_preview_ext, validate, validate_group };
 //# sourceMappingURL=ngx-rs-ant.mjs.map