@oinone/kunlun-vue-admin-base 6.2.2 → 6.2.4

package/dist/types/src/action/server-actions/ServerActionWidget.d.ts

@@ -16,6 +16,7 @@ export declare class ServerActionWidget extends ActionWidget<RuntimeServerAction
     protected clickAction(): Promise<ClickResult>;
     protected formValidateProcess(e: HttpClientError): void;
     protected convertFormValidateResults(e: HttpClientError): FormValidateResult[];
+    protected notifyValidateResults(e: HttpClientError): void;
     protected submit(action: RuntimeServerAction): Promise<SubmitValue>;
     protected clickActionAfter(result: ClickResult): Promise<ClickResult>;
     protected clickActionAfterRefreshData(result: ClickResult, refreshParent?: boolean): Promise<ClickResult>;

package/dist/types/src/field/form/m2o/address/FormM2OAddressFieldWidget.d.ts

@@ -1,14 +1,24 @@
 import { ActiveRecord, SubmitValue } from '@oinone/kunlun-engine';
+import { StandardString } from '@oinone/kunlun-shared';
 import { OioTreeNode } from '@oinone/kunlun-vue-ui-common';
 import { TreeNodeResponseBody } from '../../../../service';
-import { TreeData, TreeNodeMetadata } from '../../../../typing';
+import { AddressTypeEnum, ResourceAddress, TreeData, TreeNodeMetadata } from '../../../../typing';
 import { FormM2OCascaderFieldWidget } from '../cascader/FormM2OCascaderFieldWidget';
 export declare class FormM2OAddressFieldWidget extends FormM2OCascaderFieldWidget {
+    static readonly AddressTypes: AddressTypeEnum[];
     protected get changeOnSelect(): boolean;
     protected generatorDefaultTreeDefinition(props: any): TreeNodeMetadata | undefined;
     protected getSubmitField(metadata: TreeNodeMetadata): Record<string, string> | undefined;
     protected $onSelectedChange(selectedNodes: OioTreeNode<TreeData>[] | null | undefined): void;
+    protected $onSelectedChangeNext(currentValue: ResourceAddress, selectedNode: OioTreeNode<TreeData> | undefined): void;
+    protected getResourceAddressValue(currentValue: ResourceAddress, type: AddressTypeEnum): {
+        code: StandardString;
+        name: StandardString;
+    } | undefined;
+    protected setResourceAddressValue(currentValue: ResourceAddress, type: AddressTypeEnum, code: StandardString, name: StandardString): AddressTypeEnum | null | undefined;
     protected fetchBackfillData(currentValues: ActiveRecord[], metadataList: TreeNodeMetadata[]): Promise<TreeNodeResponseBody[] | undefined>;
+    protected fetchBackfillDataNext(currentValues: ActiveRecord[], metadataList: TreeNodeMetadata[]): Promise<TreeNodeResponseBody[] | undefined>;
     protected generatorCompareRecords(currentValues: ActiveRecord[], metadataList: TreeNodeMetadata[]): ActiveRecord[] | undefined;
+    protected generatorCompareRecordsNext(currentValues: ActiveRecord[], metadataList: TreeNodeMetadata[]): ActiveRecord[] | undefined;
     submit(submitValue: SubmitValue): Promise<Record<string, unknown> | undefined>;
 }

package/dist/types/src/typing/model.d.ts

@@ -1,29 +1,29 @@
 import { ActiveRecord } from '@oinone/kunlun-engine';
 export interface ResourceAddress extends ActiveRecord {
     id?: string;
-    countryCode?: string;
-    countryName?: string;
+    countryCode?: string | null;
+    countryName?: string | null;
     originCountry?: ResourceCountry;
-    provinceCode?: string;
-    provinceName?: string;
+    provinceCode?: string | null;
+    provinceName?: string | null;
     originProvince?: ResourceProvince;
-    cityCode?: string;
-    cityName?: string;
+    cityCode?: string | null;
+    cityName?: string | null;
     originCity?: ResourceCity;
-    districtCode?: string;
-    districtName?: string;
+    districtCode?: string | null;
+    districtName?: string | null;
     originDistrict?: ResourceDistrict;
-    streetCode?: string;
-    streetName?: string;
+    streetCode?: string | null;
+    streetName?: string | null;
     originStreet?: ResourceStreet;
     /**
      * 详细地址
      */
-    street2?: string;
+    street2?: string | null;
     /**
      * 完整地址
      */
-    fullAddress?: string;
+    fullAddress?: string | null;
 }
 export interface ResourceCountry extends ActiveRecord {
     id?: string;
@@ -51,3 +51,18 @@ export interface ResourceStreet extends ActiveRecord {
     code?: string;
     name?: string;
 }
+export interface ResourceRegion extends ActiveRecord {
+    id?: string;
+    type?: AddressTypeEnum;
+    code?: string | null;
+    name?: string | null;
+    pCode?: string;
+    parent?: ResourceRegion;
+}
+export declare enum AddressTypeEnum {
+    Country = "Country",
+    Province = "Province",
+    City = "City",
+    District = "District",
+    Street = "Street"
+}

package/dist/types/src/view/login/LoginWidget.d.ts

@@ -2,7 +2,7 @@ import { MajorConfig } from '@oinone/kunlun-engine';
 import { Router } from '@oinone/kunlun-router';
 import { LoginConfig, LoginData, LoginMode, RuntimeLanguage } from '@oinone/kunlun-vue-ui-common';
 import { BaseI18nRouterWidget } from '../../basic/BaseI18nRouterWidget';
-export declare class LoginPageWidget extends BaseI18nRouterWidget {
+export declare class LoginWidget extends BaseI18nRouterWidget {
     protected moduleName: string;
     errorMessages: Record<string, string>;
     /**
@@ -106,3 +106,7 @@ export declare class LoginPageWidget extends BaseI18nRouterWidget {
     protected queryLanguageSetting(langCode: any): Promise<Record<string, unknown>>;
     protected beforeMount(): Promise<void>;
 }
+/**
+ * @deprecated please using LoginWidget
+ */
+export declare const LoginPageWidget: typeof LoginWidget;

package/dist/types/src/view/reset-password/ForgetPasswordWidget.d.ts

@@ -2,9 +2,9 @@ import { MajorConfig } from '@oinone/kunlun-engine';
 import { Router } from '@oinone/kunlun-router';
 import { FormItemRule, OioFormInstance } from '@oinone/kunlun-vue-ui-antd';
 import { SelectItem } from '@oinone/kunlun-vue-ui-common';
+import { BaseI18nRouterWidget } from '../../basic';
 import { ResourceCountry } from '../../typing';
 import { ResetPasswordData } from './typing';
-import { BaseI18nRouterWidget } from '../../basic/BaseI18nRouterWidget';
 export declare class ForgetPasswordWidget extends BaseI18nRouterWidget {
     protected moduleName: string;
     protected router: Router;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oinone/kunlun-vue-admin-base",
-  "version": "6.2.2",
+  "version": "6.2.4",
   "main": "index.ts",
   "scripts": {
     "prebuild": "rimraf dist",
@@ -14,13 +14,13 @@
     "doc": "typedoc --out docs src/index.ts"
   },
   "dependencies": {
-    "@oinone/kunlun-vue-admin-layout": "6.2.2",
-    "@oinone/kunlun-vue-router": "6.2.2",
-    "@oinone/kunlun-vue-ui": "6.2.2",
-    "@oinone/kunlun-vue-ui-antd": "6.2.2",
-    "@oinone/kunlun-vue-ui-common": "6.2.2",
-    "@oinone/kunlun-vue-ui-el": "6.2.2",
-    "@oinone/kunlun-vue-widget": "6.2.2",
+    "@oinone/kunlun-vue-admin-layout": "6.2.4",
+    "@oinone/kunlun-vue-router": "6.2.4",
+    "@oinone/kunlun-vue-ui": "6.2.4",
+    "@oinone/kunlun-vue-ui-antd": "6.2.4",
+    "@oinone/kunlun-vue-ui-common": "6.2.4",
+    "@oinone/kunlun-vue-ui-el": "6.2.4",
+    "@oinone/kunlun-vue-widget": "6.2.4",
     "@wangeditor/editor": "5.1.23",
     "@wangeditor/editor-for-vue": "5.1.11",
     "@wangeditor/plugin-upload-attachment": "1.1.0",

package/src/action/server-actions/ServerActionWidget.ts

@@ -23,7 +23,7 @@ import {
   UpdateOneWithRelationsService
 } from '@oinone/kunlun-engine';
 import { ActionContextType, ActionType, ModelFieldType, ViewType } from '@oinone/kunlun-meta';
-import { HttpClientError, SystemErrorCode } from '@oinone/kunlun-request';
+import { HttpClientError, MessageHub, RequestErrorInterceptor, SystemErrorCode } from '@oinone/kunlun-request';
 import { SPI } from '@oinone/kunlun-spi';
 import { BooleanHelper, CallChaining, debugConsole, OioNotification } from '@oinone/kunlun-vue-ui-antd';
 import { VueWidget, Widget, WidgetSubjection } from '@oinone/kunlun-vue-widget';
@@ -101,6 +101,7 @@ export class ServerActionWidget extends ActionWidget<RuntimeServerAction> {
 
   protected formValidateProcess(e: HttpClientError) {
     if (this.view?.type !== ViewType.Form) {
+      this.notifyValidateResults(e);
       return;
     }
     const { formValidateCallChaining } = this;
@@ -141,6 +142,21 @@ export class ServerActionWidget extends ActionWidget<RuntimeServerAction> {
     return results;
   }
 
+  protected notifyValidateResults(e: HttpClientError): void {
+    const error = e.errors?.[0];
+    if (!error) {
+      return;
+    }
+    if (error.extensions?.errorCode !== SystemErrorCode.FORM_VALIDATE_ERROR) {
+      return;
+    }
+    for (const messageItem of error.extensions?.messages || []) {
+      if (RequestErrorInterceptor.ignoredFormValidateMessage(messageItem)) {
+        MessageHub.error(messageItem.message);
+      }
+    }
+  }
+
   protected async submit(action: RuntimeServerAction): Promise<SubmitValue> {
     let records: ActiveRecords | undefined;
     let relationRecords: SubmitRelationValue[] | undefined;

package/src/basic/BaseI18nRouterWidget.ts

@@ -1,6 +1,6 @@
-import { RouterWidget } from '@oinone/kunlun-vue-router';
 import { getDefaultBrowser, initI18n, OioProvider, translateValueByKey } from '@oinone/kunlun-engine';
 import { SYSTEM_MODULE_NAME } from '@oinone/kunlun-meta';
+import { RouterWidget } from '@oinone/kunlun-vue-router';
 
 /**
  * 无模块需要国际化的路由页面

package/src/field/detail/common/DetailCommonField.vue

@@ -58,11 +58,17 @@ export default defineComponent({
         origin: 'default',
         default: ({ realValue }) => {
           return [
-            createVNode('div', {
-              class: 'detail-common-field-value',
-              title: realValue,
-              innerHTML: realValue.replace(/\r?\n/g, '<br/>')
-            })
+            createVNode(
+              'div',
+              {
+                class: 'detail-common-field-value',
+                title: realValue,
+                style: {
+                  whiteSpace: 'pre-line'
+                }
+              },
+              realValue
+            )
           ];
         }
       },

package/src/field/form/html/richtext/FormHtmlRichTextFieldWidget.ts

@@ -26,7 +26,7 @@ export class FormHtmlRichTextFieldWidget extends FormStringFieldWidget {
   protected get richTextToolbarExcludeKeys(): string[] | null {
     const { richTextToolbarExcludeKeys } = this.getDsl() as { richTextToolbarExcludeKeys?: string };
     if (!richTextToolbarExcludeKeys) {
-      return null;
+      return [];
     }
 
     return richTextToolbarExcludeKeys.split(',').map((v) => v.trim());

package/src/field/form/m2o/address/FormM2OAddressFieldWidget.ts

@@ -1,12 +1,26 @@
-import { ActiveRecord, ActiveRecordExtendKeys, parseConfigs, SubmitHandler, SubmitValue } from '@oinone/kunlun-engine';
+import {
+  ActiveRecord,
+  ActiveRecordExtendKeys,
+  ExperimentalConfigManager,
+  parseConfigs,
+  SubmitHandler,
+  SubmitValue
+} from '@oinone/kunlun-engine';
 import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
-import { BooleanHelper, CastHelper, ObjectUtils, Optional, uniqueKeyGenerator } from '@oinone/kunlun-shared';
+import {
+  BooleanHelper,
+  CastHelper,
+  ObjectUtils,
+  Optional,
+  StandardString,
+  uniqueKeyGenerator
+} from '@oinone/kunlun-shared';
 import { SPI } from '@oinone/kunlun-spi';
 import { OioTreeNode } from '@oinone/kunlun-vue-ui-common';
 import { Widget } from '@oinone/kunlun-vue-widget';
 import { FormFieldWidget } from '../../../../basic';
 import { TreeNodeResponseBody, TreeService } from '../../../../service';
-import { TreeData, TreeNodeMetadata } from '../../../../typing';
+import { AddressTypeEnum, ResourceAddress, ResourceRegion, TreeData, TreeNodeMetadata } from '../../../../typing';
 import { FetchUtil } from '../../../../util';
 import { generatorDefaultAddressTreeDefinition } from '../../../../util/default-tree-definition';
 import { FormM2OCascaderFieldWidget } from '../cascader/FormM2OCascaderFieldWidget';
@@ -19,6 +33,14 @@ import { FormM2OCascaderFieldWidget } from '../cascader/FormM2OCascaderFieldWidg
   })
 )
 export class FormM2OAddressFieldWidget extends FormM2OCascaderFieldWidget {
+  public static readonly AddressTypes = [
+    AddressTypeEnum.Street,
+    AddressTypeEnum.District,
+    AddressTypeEnum.City,
+    AddressTypeEnum.Province,
+    AddressTypeEnum.Country
+  ];
+
   @Widget.Reactive()
   protected get changeOnSelect(): boolean {
     return Optional.ofNullable(this.getDsl().changeOnSelect).map(BooleanHelper.toBoolean).orElse(true)!;
@@ -63,7 +85,7 @@ export class FormM2OAddressFieldWidget extends FormM2OCascaderFieldWidget {
       return;
     }
     const { value } = this;
-    let currentValue: ActiveRecord | undefined;
+    let currentValue: ResourceAddress | undefined;
     if (value) {
       currentValue = FetchUtil.generatorPksObjectByPks(['id'], value);
       if (currentValue) {
@@ -77,25 +99,130 @@ export class FormM2OAddressFieldWidget extends FormM2OCascaderFieldWidget {
         __draftId: uniqueKeyGenerator()
       };
     }
+    if (ExperimentalConfigManager.addressWidgetNext()) {
+      this.$onSelectedChangeNext(currentValue, selectedNode);
+    } else {
+      while (selectedNode) {
+        const targetValue = selectedNode.value.data;
+        if (targetValue) {
+          const submitFields = this.getSubmitField(selectedNode.value.metadata);
+          if (submitFields) {
+            Object.entries(submitFields).forEach(([relationField, referenceField]) => {
+              currentValue![relationField] = targetValue[referenceField as string];
+            });
+          }
+        }
+        selectedNode = selectedNode.parent;
+      }
+    }
+    this.change(currentValue);
+  }
+
+  protected $onSelectedChangeNext(currentValue: ResourceAddress, selectedNode: OioTreeNode<TreeData> | undefined) {
+    let nextAddressType: AddressTypeEnum | null | undefined;
     while (selectedNode) {
-      const targetValue = selectedNode.value.data;
-      if (targetValue) {
-        const submitFields = this.getSubmitField(selectedNode.value.metadata);
-        if (submitFields) {
-          Object.entries(submitFields).forEach(([relationField, referenceField]) => {
-            currentValue![relationField] = targetValue[referenceField as string];
-          });
+      const targetValue = selectedNode.value.data as ResourceRegion | undefined;
+      if (!targetValue) {
+        selectedNode = selectedNode.parent;
+        continue;
+      }
+      const { type, code, name } = targetValue;
+      if (!type) {
+        console.error('Invalid region type.', selectedNode);
+        this.change(null);
+        return;
+      }
+      if (nextAddressType) {
+        while (type !== nextAddressType) {
+          nextAddressType = this.setResourceAddressValue(currentValue, nextAddressType, null, null);
+          if (nextAddressType === null) {
+            break;
+          }
+          if (!nextAddressType) {
+            return;
+          }
         }
+      } else {
+        nextAddressType = type;
+      }
+      nextAddressType = this.setResourceAddressValue(currentValue, type, code, name);
+      if (nextAddressType === null) {
+        break;
+      }
+      if (!nextAddressType) {
+        return;
       }
       selectedNode = selectedNode.parent;
     }
-    this.change(currentValue);
+  }
+
+  protected getResourceAddressValue(
+    currentValue: ResourceAddress,
+    type: AddressTypeEnum
+  ):
+    | {
+        code: StandardString;
+        name: StandardString;
+      }
+    | undefined {
+    switch (type) {
+      case AddressTypeEnum.Country:
+        return { code: currentValue.countryCode, name: currentValue.countryName };
+      case AddressTypeEnum.Province:
+        return { code: currentValue.provinceCode, name: currentValue.provinceName };
+      case AddressTypeEnum.City:
+        return { code: currentValue.cityCode, name: currentValue.cityName };
+      case AddressTypeEnum.District:
+        return { code: currentValue.districtCode, name: currentValue.districtName };
+      case AddressTypeEnum.Street:
+        return { code: currentValue.streetCode, name: currentValue.streetName };
+      default:
+        console.error('Invalid region type.', type);
+        return undefined;
+    }
+  }
+
+  protected setResourceAddressValue(
+    currentValue: ResourceAddress,
+    type: AddressTypeEnum,
+    code: StandardString,
+    name: StandardString
+  ): AddressTypeEnum | null | undefined {
+    switch (type) {
+      case AddressTypeEnum.Country:
+        currentValue.countryCode = code;
+        currentValue.countryName = name;
+        return null;
+      case AddressTypeEnum.Province:
+        currentValue.provinceCode = code;
+        currentValue.provinceName = name;
+        return AddressTypeEnum.Country;
+      case AddressTypeEnum.City:
+        currentValue.cityCode = code;
+        currentValue.cityName = name;
+        return AddressTypeEnum.Province;
+      case AddressTypeEnum.District:
+        currentValue.districtCode = code;
+        currentValue.districtName = name;
+        return AddressTypeEnum.City;
+      case AddressTypeEnum.Street:
+        currentValue.streetCode = code;
+        currentValue.streetName = name;
+        return AddressTypeEnum.District;
+      default:
+        console.error('Invalid region type.', type);
+        this.change(null);
+        return undefined;
+    }
   }
 
   protected async fetchBackfillData(
     currentValues: ActiveRecord[],
     metadataList: TreeNodeMetadata[]
   ): Promise<TreeNodeResponseBody[] | undefined> {
+    if (ExperimentalConfigManager.addressWidgetNext()) {
+      return this.fetchBackfillDataNext(currentValues, metadataList);
+    }
     const finalValues: ActiveRecord[] = [];
     let finalMetadataList: TreeNodeMetadata[] | undefined;
     for (const currentValue of currentValues) {
@@ -130,10 +257,37 @@ export class FormM2OAddressFieldWidget extends FormM2OCascaderFieldWidget {
     return undefined;
   }
 
+  protected async fetchBackfillDataNext(
+    currentValues: ActiveRecord[],
+    metadataList: TreeNodeMetadata[]
+  ): Promise<TreeNodeResponseBody[] | undefined> {
+    const currentValue = currentValues[0] as ResourceAddress | undefined;
+    if (!currentValue) {
+      return undefined;
+    }
+    let lastRegion: ResourceRegion | undefined;
+    for (const type of FormM2OAddressFieldWidget.AddressTypes) {
+      lastRegion = this.getResourceAddressValue(currentValue, type);
+      if (lastRegion) {
+        break;
+      }
+    }
+    if (lastRegion) {
+      return TreeService.reverselyQueryWithSize([lastRegion], metadataList, {
+        expressionParameters: this.generatorExpressionParameters(),
+        disabledIsLeaf: true
+      });
+    }
+    return undefined;
+  }
+
   protected generatorCompareRecords(
     currentValues: ActiveRecord[],
     metadataList: TreeNodeMetadata[]
   ): ActiveRecord[] | undefined {
+    if (ExperimentalConfigManager.addressWidgetNext()) {
+      return this.generatorCompareRecordsNext(currentValues, metadataList);
+    }
     const compareRecords: ActiveRecord[] = [];
     for (const currentValue of currentValues) {
       for (const metadata of metadataList) {
@@ -161,6 +315,27 @@ export class FormM2OAddressFieldWidget extends FormM2OCascaderFieldWidget {
     return [compareRecords[compareRecords.length - 1]];
   }
 
+  protected generatorCompareRecordsNext(
+    currentValues: ActiveRecord[],
+    metadataList: TreeNodeMetadata[]
+  ): ActiveRecord[] | undefined {
+    const currentValue = currentValues[0] as ResourceAddress | undefined;
+    if (!currentValue) {
+      return undefined;
+    }
+    let lastRegion: ResourceRegion | undefined;
+    for (const type of FormM2OAddressFieldWidget.AddressTypes) {
+      lastRegion = this.getResourceAddressValue(currentValue, type);
+      if (lastRegion) {
+        break;
+      }
+    }
+    if (lastRegion) {
+      return [lastRegion];
+    }
+    return undefined;
+  }
+
   public async submit(submitValue: SubmitValue) {
     return SubmitHandler.DEFAULT(this.field, this.itemName, submitValue, this.value);
   }

package/src/field/table/text/TableTextFieldWidget.ts

@@ -18,10 +18,13 @@ export class TableTextFieldWidget extends TableStringFieldWidget {
     const value = this.compute(context);
 
     return [
-      createVNode('span', {
-        // innerHTML: value ? value.replace(/\r?\n/g, '<br/>') : ''
-        innerHTML: value
-      })
+      createVNode(
+        'span',
+        {
+          class: 'table-text-field-value'
+        },
+        value
+      )
     ];
   }
 }

package/src/main-view/shared/SharedMainViewWidget.ts

@@ -23,7 +23,11 @@ import { clearSharedSession, getSharedSession, setSharedSession } from './sessio
 import SharedMainView from './SharedMainView.vue';
 import { SharedViewUtils } from './utils';
 
-@SPI.ClassFactory(RouterWidget.Token({ widget: SHARED_VIEW_WIDGET }))
+@SPI.ClassFactory(
+  RouterWidget.Token({
+    widget: SHARED_VIEW_WIDGET
+  })
+)
 export class SharedMainViewWidget extends RouterWidget {
   protected metadataViewWidget: MetadataViewWidget | undefined;
 

package/src/permission/system-permission/style/permission.scss

@@ -56,15 +56,16 @@
     align-items: center;
   }
 
-  .ant-tree-treenode {
-    width: 100%;
+  .ant-tree-list-holder-inner {
+    display: block !important;
   }
 
   .ant-tree-checkbox {
     margin-top: 12px;
   }
 
-  .ant-tree-treenode-selected {
+  .permission-menu .ant-tree-treenode-selected,
+  .permission-menu .ant-tree-treenode:hover {
     background: var(--oio-menu-selected-background-color);
     border-radius: 4px;
     .ant-tree-title {
@@ -72,7 +73,7 @@
     }
   }
 
-  .ant-tree .ant-tree-node-content-wrapper:hover {
+  .oio-tree.ant-tree .ant-tree-node-content-wrapper:hover {
     background-color: transparent;
   }
 
@@ -116,7 +117,7 @@
     margin-bottom: 10px;
   }
 
-  .oio-tabs{
+  .oio-tabs {
     .oio-tab-content {
       padding: 0;
     }
@@ -486,11 +487,11 @@
 }
 
 .permission-dialog-content {
-  .oio-modal{
+  .oio-modal {
     .ant-modal-body {
       padding: 0 0 var(--oio-margin-md) 0;
       position: relative;
-  
+
       .oio-tabs.ant-tabs-top .ant-tabs-nav .ant-tabs-tab {
         padding: calc(var(--oio-padding) / 2);
         border-top: none;
@@ -498,7 +499,7 @@
           border-bottom: none;
         }
       }
-  
+
       .permission-mode-switch {
         position: absolute;
         right: var(--oio-margin);
@@ -511,22 +512,27 @@
           }
         }
       }
-  
+
+      .ant-spin-container {
+        width: 100%;
+        overflow-x: hidden;
+      }
+
       .oio-tree {
         max-height: 55vh;
         overflow-y: scroll;
       }
-  
+
       .data-permission-tab {
         &-label {
           font-weight: bold;
           font-size: 16px;
         }
-  
+
         .oio-tab {
           padding: var(--oio-padding) 0 var(--oio-padding) 0;
         }
-  
+
         .data-permission-rsql,
         .data-permission-operator {
           color: var(--oio-text-color-secondary);

package/src/spi-register/message-hub.ts

@@ -29,9 +29,9 @@ let titleCache: Record<string, string> | undefined;
 function getNotificationTitle(type: string): string {
   if (!titleCache) {
     titleCache = {};
-    for (const item of typeof NotificationType) {
-      const key = `kunlun.common.${type}`;
-      titleCache[type] = translateValueByKey(getValue(zh_CN, key) as string);
+    for (const item in NotificationType) {
+      const key = `kunlun.common.${item}`;
+      titleCache[item] = translateValueByKey(getValue(zh_CN, key) as string);
     }
   }
   return titleCache[type] as string;