import { AppModule as SelectAppModule } from './app.module' ; import { AppComponent as SelectAppComponent } from './app.component' ; import { FormlyFieldConfig } from '@ngx-formly/core' ; import { NzDebugConfig , NzAutoFocusFieldConfig , NzDisabledFieldConfig , NzSizeFieldConfig , NzPlaceHolderFieldConfig , debugFields , NzAllowClearFieldConfig , NzNotFoundContentFieldConfig , NzShowArrowFieldConfig , NzShowSearchFieldConfig , NzOpenFieldConfig , NzDropdownClassNameFieldConfig , } from '../common' ; const select = { title : 'Select type' , component : SelectAppComponent , debug : true , files : [ { file : 'app.component.html' , content : require ( '!!highlight-loader?raw=true&lang=html!./app.component.html' ) , filecontent : require ( '!!raw-loader!./app.component.html' ) , } , { file : 'app.component.ts' , content : require ( '!!highlight-loader?raw=true&lang=typescript!./app.component.ts' ) , filecontent : require ( '!!raw-loader!./app.component.ts' ) , } , { file : 'app.module.ts' , content : require ( '!!highlight-loader?raw=true&lang=typescript!./app.module.ts' ) , filecontent : require ( '!!raw-loader!./app.module.ts' ) , } , ] , } ; const NzCompareWithFieldConfig = { key : 'compareWith' , type : 'input' , className : 'col-md-4' , templateOptions : { label : 'nzCompareWith Function' , disabled : true , placeholder : 'Accept a compare function' , } , } ; const NzAutoClearSearchValueFieldConfig = { key : 'nzAutoClearSearchValue' , type : 'checkbox' , className : 'col-md-4' , templateOptions : { label : 'nzAutoClearSearchValue' , } , } ; const NzDropdownMatchSelectWidthFieldConfig = { key : 'nzDropdownMatchSelectWidth' , type : 'checkbox' , className : 'col-md-4' , templateOptions : { label : 'nzDropdownMatchSelectWidth' , } , } ; const NzDropdownStyleFieldConfig = { key : 'nzDropdownStyle' , type : 'input' , className : 'col-md-4' , templateOptions : { label : 'nzDropdownStyle' , placeholder : 'Accept a object' , disabled : true , } , } ; const NzServerSearchFieldConfig = { key : 'nzServerSearch' , type : 'checkbox' , className : 'col-md-4' , templateOptions : { label : 'nzServerSearch' , } , } ; const NzFilterOptionFieldConfig = { key : 'nzFilterOption' , type : 'input' , className : 'col-md-4' , templateOptions : { label : 'nzFilterOption' , } , } ; const NzMaxMultipleCountFieldConfig = { key : 'nzMaxMultipleCount' , type : 'input-number' , className : 'col-md-4' , templateOptions : { label : 'nzMaxMultipleCount' , } , } ; const NzModeFieldConfig = { key : 'nzMode' , type : 'select' , className : 'col-md-4' , defaultValue : 'default' , templateOptions : { label : 'nzMode' , options : [ { value : 'default' , label : 'default' } , { value : 'multiple' , label : 'multiple' } , { value : 'tags' , label : 'tags' } , ] , } , } ; const TemplateRefTip = 'Accept TemplateRef<any>' ; const NzSuffixIconFieldConfig = { key : 'nzSuffixIcon' , type : 'input' , className : 'col-md-4' , templateOptions : { label : 'nzSuffixIcon' , disabled : true , placeholder : TemplateRefTip , } , } ; const NzRemoveIconFieldConfig = { key : 'nzRemoveIcon' , type : 'input' , className : 'col-md-4' , templateOptions : { label : 'nzRemoveIcon' , disabled : true , placeholder : TemplateRefTip , } , } ; const NzClearIconFieldConfig = { key : 'nzClearIcon' , type : 'input' , className : 'col-md-4' , templateOptions : { label : 'nzClearIcon' , disabled : true , placeholder : TemplateRefTip , } , } ; const NzMenuItemSelectedIconFieldConfig = { key : 'nzMenuItemSelectedIcon' , type : 'input' , className : 'col-md-4' , templateOptions : { label : 'nzMenuItemSelectedIcon' , disabled : true , placeholder : TemplateRefTip , } , } ; const NzTokenSeparatorsFieldConfig = { key : 'nzTokenSeparators' , type : 'input' , className : 'col-md-4' , templateOptions : { label : 'nzTokenSeparators' , placeholder : 'Available at multiple or tags mode' , } , expressionProperties : { 'templateOptions.disabled' : 'model.nzMode === "default"' , } , } ; const NzLoadingFieldConfig = { key : 'nzLoading' , type : 'checkbox' , className : 'col-md-4' , templateOptions : { label : 'nzLoading' , } , } ; const NzMaxTagCountFieldConfig = { key : 'nzMaxTagCount' , type : 'input-number' , className : 'col-md-4' , templateOptions : { label : 'nzMaxTagCount' , nzMin : 0 , } , } ; const NzMaxTagPlaceholderFieldConfig = { key : 'nzMaxTagPlaceholder' , type : 'input' , className : 'col-md-4' , templateOptions : { label : 'nzMaxTagPlaceholder' , disabled : true , placeholder : TemplateRefTip , } , } ; const NzCustomContentFieldConfig = { key : 'nzCustomContent' , type : 'checkbox' , className : 'col-md-4' , templateOptions : { label : 'nzCustomContent' , } , } ; const SelectExampleConfig = { debugFields : [ ... debugFields , { key : 'templateOptions' , fieldGroupClassName : 'row' , fieldGroup : [ NzCompareWithFieldConfig , NzAutoClearSearchValueFieldConfig , NzAllowClearFieldConfig , NzOpenFieldConfig , NzAutoFocusFieldConfig , NzDisabledFieldConfig , NzDropdownClassNameFieldConfig , NzDropdownMatchSelectWidthFieldConfig , NzDropdownStyleFieldConfig , NzServerSearchFieldConfig , NzFilterOptionFieldConfig , NzMaxMultipleCountFieldConfig , NzModeFieldConfig , NzNotFoundContentFieldConfig , NzPlaceHolderFieldConfig , NzShowArrowFieldConfig , NzShowSearchFieldConfig , NzSizeFieldConfig , NzSuffixIconFieldConfig , NzRemoveIconFieldConfig , NzClearIconFieldConfig , NzMenuItemSelectedIconFieldConfig , NzTokenSeparatorsFieldConfig , NzLoadingFieldConfig , NzMaxTagCountFieldConfig , NzMaxTagPlaceholderFieldConfig , NzCustomContentFieldConfig , ] , } , ] , exampleConfig : select , } ; export { SelectAppModule , SelectAppComponent , SelectExampleConfig } ;