feat: safeNullpipe support for global configuration

devui/common/safe-null.pipe.ts

@@ -1,12 +1,16 @@
-import { Pipe, PipeTransform } from '@angular/core';
+import { Pipe, PipeTransform, inject } from '@angular/core';
+import { DevConfigService, WithConfig } from 'ng-devui/utils';
 
 @Pipe({
   name: 'dSafeNullPipe',
-})
+  })
 export class SafeNullPipe implements PipeTransform {
-  transform(value: unknown, replace = '--'): unknown {
+  @WithConfig() private placeholder = '--';
+  private devConfigService: DevConfigService = inject(DevConfigService);
+
+  transform(value: unknown, placeholder = this.placeholder): unknown {
     if (typeof value === 'undefined' || value === null || value === '') {
-      return replace;
+      return placeholder;
     }
     return value;
   }

devui/utils/globalConfig/config.service.ts

@@ -8,7 +8,7 @@ const isDefined = function (value?: any): boolean {
 };
 @Injectable({
   providedIn: 'root',
-})
+  })
 export class DevConfigService {
   private configUpdated$ = new Subject<keyof DevUIGlobalConfig>();
   private config: DevUIGlobalConfig;
@@ -61,6 +61,7 @@ export function WithConfig<T>(propertyKey?: T | string) {
         let name = this.constructor.name;
         name = name.replace('Directive', '');
         name = name.replace('Component', '');
+        name = name.replace('Pipe', '');
         name = name.toLowerCase();
 
         const componentConfig = this.devConfigService.config[name] || {};

devui/utils/globalConfig/config.ts

@@ -29,6 +29,7 @@ export type TagsinputConfig = IGlobalConfig;
 export type TimepickerConfig = IGlobalConfig;
 export type CheckboxConfig = IGlobalConfig;
 export type TypographyConfig = IGlobalConfig;
+export type SafeNullConfig = { placeholder: string };
 export interface DevUIGlobalConfig {
   tooltip?: TooltipConfig;
   dropdown?: DropdownConfig;
@@ -53,6 +54,7 @@ export interface DevUIGlobalConfig {
   checkboxgroup?: CheckboxConfig;
   panel?: PanelConfig;
   typography?: TypographyConfig;
+  safenull?: SafeNullConfig;
   global?: GlobalConfig;
 }
 

src/assets/i18n/en-us.json

@@ -918,7 +918,7 @@
         },
         "dSafeNullPipe": {
           "title": "SafeNullPipe",
-          "description": "When the data is '', null, undefined can be specified any character placeholder display, the default is: '--'"
+          "description": "When the data is '', null, undefined can be specified any character placeholder display,support for global configuration the default is: '--'"
         }
       },
       "browserDemo": {

src/assets/i18n/zh-cn.json

@@ -1163,7 +1163,7 @@
         },
         "dSafeNullPipe": {
           "title": "空值占位管道",
-          "description": "当数据为 ''、null、undefined时可指定任意字符进行占位展示，默认为：'--'"
+          "description": "当数据为 ''、null、undefined时可指定任意字符进行占位展示，支持全局配置，默认为：'--'"
         }
       },
       "browserDemo": {