diff --git a/.vscode/settings.json b/.vscode/settings.json
index a4191f0e99b..2b4290e5333 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -99,7 +99,7 @@
   "i18n-ally.sortKeys": true,
   "i18n-ally.namespace": true,
   "i18n-ally.pathMatcher": "{locale}/{namespaces}.{ext}",
-  "i18n-ally.enabledParsers": ["ts"],
+  "i18n-ally.enabledParsers": ["json"],
   "i18n-ally.sourceLanguage": "en",
   "i18n-ally.displayLanguage": "zh-CN",
   "i18n-ally.enabledFrameworks": ["vue", "react"],
diff --git a/src/locales/lang/en.ts b/src/locales/lang/en.ts
index 98bebd55985..a25bf56e23c 100644
--- a/src/locales/lang/en.ts
+++ b/src/locales/lang/en.ts
@@ -1,7 +1,7 @@
 import { genMessage } from '../helper';
 import antdLocale from 'ant-design-vue/es/locale/en_US';
 
-const modules = import.meta.glob('./en/**/*.ts', { eager: true });
+const modules = import.meta.glob('./en/**/*.json', { eager: true });
 export default {
   message: {
     ...genMessage(modules as Recordable<Recordable>, 'en'),
diff --git a/src/locales/lang/en/common.json b/src/locales/lang/en/common.json
new file mode 100644
index 00000000000..8c5de5379c6
--- /dev/null
+++ b/src/locales/lang/en/common.json
@@ -0,0 +1,17 @@
+{
+  "okText": "OK", 
+  "closeText": "Close", 
+  "cancelText": "Cancel", 
+  "loadingText": "Loading...", 
+  "saveText": "Save", 
+  "delText": "Delete", 
+  "resetText": "Reset", 
+  "searchText": "Search", 
+  "queryText": "Search", 
+  "inputText": "Please enter ", 
+  "chooseText": "Please choose ", 
+  "redo": "Refresh", 
+  "back": "Back", 
+  "light": "Light", 
+  "dark": "Dark"
+}
\ No newline at end of file
diff --git a/src/locales/lang/en/common.ts b/src/locales/lang/en/common.ts
deleted file mode 100644
index c979c139e43..00000000000
--- a/src/locales/lang/en/common.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export default {
-  okText: 'OK',
-  closeText: 'Close',
-  cancelText: 'Cancel',
-  loadingText: 'Loading...',
-  saveText: 'Save',
-  delText: 'Delete',
-  resetText: 'Reset',
-  searchText: 'Search',
-  queryText: 'Search',
-
-  inputText: 'Please enter ',
-  chooseText: 'Please choose ',
-
-  redo: 'Refresh',
-  back: 'Back',
-
-  light: 'Light',
-  dark: 'Dark',
-};
diff --git a/src/locales/lang/en/component.json b/src/locales/lang/en/component.json
new file mode 100644
index 00000000000..48e9ea94965
--- /dev/null
+++ b/src/locales/lang/en/component.json
@@ -0,0 +1,124 @@
+{
+  "app": {
+    "searchNotData": "No search results yet", 
+    "toSearch": "to search", 
+    "toNavigate": "to navigate"
+  }, 
+  "countdown": {
+    "normalText": "Get SMS code", 
+    "sendText": "Reacquire in {0}s"
+  }, 
+  "cropper": {
+    "selectImage": "Select Image", 
+    "uploadSuccess": "Uploaded success!", 
+    "imageTooBig": "Image too big", 
+    "modalTitle": "Avatar upload", 
+    "okText": "Confirm and upload", 
+    "btn_reset": "Reset", 
+    "btn_rotate_left": "Counterclockwise rotation", 
+    "btn_rotate_right": "Clockwise rotation", 
+    "btn_scale_x": "Flip horizontal", 
+    "btn_scale_y": "Flip vertical", 
+    "btn_zoom_in": "Zoom in", 
+    "btn_zoom_out": "Zoom out", 
+    "preview": "Preivew"
+  }, 
+  "drawer": {
+    "loadingText": "Loading...", 
+    "cancelText": "Close", 
+    "okText": "Confirm"
+  }, 
+  "excel": {
+    "exportModalTitle": "Export data", 
+    "fileType": "File type", 
+    "fileName": "File name"
+  }, 
+  "form": {
+    "putAway": "Put away", 
+    "unfold": "Unfold", 
+    "maxTip": "The number of characters should be less than {0}", 
+    "apiSelectNotFound": "Wait for data loading to complete..."
+  }, 
+  "icon": {
+    "placeholder": "Click the select icon", 
+    "search": "Search icon", 
+    "copy": "Copy icon successfully!"
+  }, 
+  "menu": {
+    "search": "Menu search"
+  }, 
+  "modal": {
+    "cancelText": "Close", 
+    "okText": "Confirm", 
+    "close": "Close", 
+    "maximize": "Maximize", 
+    "restore": "Restore"
+  }, 
+  "table": {
+    "settingDens": "Density", 
+    "settingDensDefault": "Default", 
+    "settingDensMiddle": "Middle", 
+    "settingDensSmall": "Compact", 
+    "settingColumn": "Column settings", 
+    "settingColumnShow": "Column display", 
+    "settingIndexColumnShow": "Index Column", 
+    "settingSelectColumnShow": "Selection Column", 
+    "settingFixedLeft": "Fixed Left", 
+    "settingFixedRight": "Fixed Right", 
+    "settingFullScreen": "Full Screen", 
+    "index": "Index", 
+    "total": "total of {total}"
+  }, 
+  "time": {
+    "before": " ago", 
+    "after": " after", 
+    "just": "just now", 
+    "seconds": " seconds", 
+    "minutes": " minutes", 
+    "hours": " hours", 
+    "days": " days"
+  }, 
+  "tree": {
+    "selectAll": "Select All", 
+    "unSelectAll": "Cancel Select", 
+    "expandAll": "Expand All", 
+    "unExpandAll": "Collapse all", 
+    "checkStrictly": "Hierarchical association", 
+    "checkUnStrictly": "Hierarchical independence"
+  }, 
+  "upload": {
+    "save": "Save", 
+    "upload": "Upload", 
+    "imgUpload": "ImageUpload", 
+    "uploaded": "Uploaded", 
+    "operating": "Operating", 
+    "del": "Delete", 
+    "download": "download", 
+    "saveWarn": "Please wait for the file to upload and save!", 
+    "saveError": "There is no file successfully uploaded and cannot be saved!", 
+    "preview": "Preview", 
+    "choose": "Select the file", 
+    "accept": "Support {0} format", 
+    "acceptUpload": "Only upload files in {0} format", 
+    "maxSize": "A single file does not exceed {0}MB ", 
+    "maxSizeMultiple": "Only upload files up to {0}MB!", 
+    "maxNumber": "Only upload up to {0} files", 
+    "legend": "Legend", 
+    "fileName": "File name", 
+    "fileSize": "File size", 
+    "fileStatue": "File status", 
+    "startUpload": "Start upload", 
+    "uploadSuccess": "Upload successfully", 
+    "uploadError": "Upload failed", 
+    "uploading": "Uploading", 
+    "uploadWait": "Please wait for the file upload to finish", 
+    "reUploadFailed": "Re-upload failed files"
+  }, 
+  "verify": {
+    "error": "verification failed！", 
+    "time": "The verification is successful and it takes {time} seconds！", 
+    "redoTip": "Click the picture to refresh", 
+    "dragText": "Hold down the slider and drag", 
+    "successText": "Verified"
+  }
+}
\ No newline at end of file
diff --git a/src/locales/lang/en/component.ts b/src/locales/lang/en/component.ts
deleted file mode 100644
index ba66fa5b55e..00000000000
--- a/src/locales/lang/en/component.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-export default {
-  app: {
-    searchNotData: 'No search results yet',
-    toSearch: 'to search',
-    toNavigate: 'to navigate',
-  },
-  countdown: {
-    normalText: 'Get SMS code',
-    sendText: 'Reacquire in {0}s',
-  },
-  cropper: {
-    selectImage: 'Select Image',
-    uploadSuccess: 'Uploaded success!',
-    imageTooBig: 'Image too big',
-    modalTitle: 'Avatar upload',
-    okText: 'Confirm and upload',
-    btn_reset: 'Reset',
-    btn_rotate_left: 'Counterclockwise rotation',
-    btn_rotate_right: 'Clockwise rotation',
-    btn_scale_x: 'Flip horizontal',
-    btn_scale_y: 'Flip vertical',
-    btn_zoom_in: 'Zoom in',
-    btn_zoom_out: 'Zoom out',
-    preview: 'Preivew',
-  },
-  drawer: {
-    loadingText: 'Loading...',
-    cancelText: 'Close',
-    okText: 'Confirm',
-  },
-  excel: {
-    exportModalTitle: 'Export data',
-    fileType: 'File type',
-    fileName: 'File name',
-  },
-  form: {
-    putAway: 'Put away',
-    unfold: 'Unfold',
-    maxTip: 'The number of characters should be less than {0}',
-    apiSelectNotFound: 'Wait for data loading to complete...',
-  },
-  icon: {
-    placeholder: 'Click the select icon',
-    search: 'Search icon',
-    copy: 'Copy icon successfully!',
-  },
-  menu: {
-    search: 'Menu search',
-  },
-  modal: {
-    cancelText: 'Close',
-    okText: 'Confirm',
-    close: 'Close',
-    maximize: 'Maximize',
-    restore: 'Restore',
-  },
-  table: {
-    settingDens: 'Density',
-    settingDensDefault: 'Default',
-    settingDensMiddle: 'Middle',
-    settingDensSmall: 'Compact',
-    settingColumn: 'Column settings',
-    settingColumnShow: 'Column display',
-    settingIndexColumnShow: 'Index Column',
-    settingSelectColumnShow: 'Selection Column',
-    settingFixedLeft: 'Fixed Left',
-    settingFixedRight: 'Fixed Right',
-    settingFullScreen: 'Full Screen',
-    index: 'Index',
-    total: 'total of {total}',
-  },
-  time: {
-    before: ' ago',
-    after: ' after',
-    just: 'just now',
-    seconds: ' seconds',
-    minutes: ' minutes',
-    hours: ' hours',
-    days: ' days',
-  },
-  tree: {
-    selectAll: 'Select All',
-    unSelectAll: 'Cancel Select',
-    expandAll: 'Expand All',
-    unExpandAll: 'Collapse all',
-
-    checkStrictly: 'Hierarchical association',
-    checkUnStrictly: 'Hierarchical independence',
-  },
-  upload: {
-    save: 'Save',
-    upload: 'Upload',
-    imgUpload: 'ImageUpload',
-    uploaded: 'Uploaded',
-
-    operating: 'Operating',
-    del: 'Delete',
-    download: 'download',
-    saveWarn: 'Please wait for the file to upload and save!',
-    saveError: 'There is no file successfully uploaded and cannot be saved!',
-
-    preview: 'Preview',
-    choose: 'Select the file',
-
-    accept: 'Support {0} format',
-    acceptUpload: 'Only upload files in {0} format',
-    maxSize: 'A single file does not exceed {0}MB ',
-    maxSizeMultiple: 'Only upload files up to {0}MB!',
-    maxNumber: 'Only upload up to {0} files',
-
-    legend: 'Legend',
-    fileName: 'File name',
-    fileSize: 'File size',
-    fileStatue: 'File status',
-
-    startUpload: 'Start upload',
-    uploadSuccess: 'Upload successfully',
-    uploadError: 'Upload failed',
-    uploading: 'Uploading',
-    uploadWait: 'Please wait for the file upload to finish',
-    reUploadFailed: 'Re-upload failed files',
-  },
-  verify: {
-    error: 'verification failed！',
-    time: 'The verification is successful and it takes {time} seconds！',
-    redoTip: 'Click the picture to refresh',
-    dragText: 'Hold down the slider and drag',
-    successText: 'Verified',
-  },
-};
diff --git a/src/locales/lang/en/layout.json b/src/locales/lang/en/layout.json
new file mode 100644
index 00000000000..5d20bf30adf
--- /dev/null
+++ b/src/locales/lang/en/layout.json
@@ -0,0 +1,94 @@
+{
+  "footer": {
+    "onlinePreview": "Preview", 
+    "onlineDocument": "Document"
+  }, 
+  "header": {
+    "dropdownItemDoc": "Document", 
+    "dropdownItemLoginOut": "Log Out", 
+    "tooltipErrorLog": "Error log", 
+    "tooltipLock": "Lock screen", 
+    "tooltipNotify": "Notification", 
+    "tooltipEntryFull": "Full Screen", 
+    "tooltipExitFull": "Exit Full Screen", 
+    "lockScreenPassword": "Lock screen password", 
+    "lockScreen": "Lock screen", 
+    "lockScreenBtn": "Locking", 
+    "home": "Home"
+  }, 
+  "multipleTab": {
+    "reload": "Refresh current", 
+    "close": "Close current", 
+    "closeLeft": "Close Left", 
+    "closeRight": "Close Right", 
+    "closeOther": "Close Other", 
+    "closeAll": "Close All"
+  }, 
+  "setting": {
+    "contentModeFull": "Full", 
+    "contentModeFixed": "Fixed width", 
+    "topMenuAlignLeft": "Left", 
+    "topMenuAlignRight": "Center", 
+    "topMenuAlignCenter": "Right", 
+    "menuTriggerNone": "Not Show", 
+    "menuTriggerBottom": "Bottom", 
+    "menuTriggerTop": "Top", 
+    "menuTypeSidebar": "Left menu mode", 
+    "menuTypeMixSidebar": "Left menu mixed mode", 
+    "menuTypeMix": "Top Menu Mix mode", 
+    "menuTypeTopMenu": "Top menu mode", 
+    "on": "On", 
+    "off": "Off", 
+    "minute": "Minute", 
+    "operatingTitle": "Successful!", 
+    "operatingContent": "The copy is successful, please go to src/settings/projectSetting.ts to modify the configuration!", 
+    "resetSuccess": "Successfully reset!", 
+    "copyBtn": "Copy", 
+    "clearBtn": "Clear cache and to the login page", 
+    "drawerTitle": "Configuration", 
+    "darkMode": "Dark mode", 
+    "navMode": "Navigation mode", 
+    "interfaceFunction": "Interface function", 
+    "interfaceDisplay": "Interface display", 
+    "animation": "Animation", 
+    "splitMenu": "Split menu", 
+    "closeMixSidebarOnChange": "Switch page to close menu", 
+    "sysTheme": "System theme", 
+    "headerTheme": "Header theme", 
+    "sidebarTheme": "Menu theme", 
+    "menuDrag": "Drag Sidebar", 
+    "menuSearch": "Menu search", 
+    "menuAccordion": "Sidebar accordion", 
+    "menuCollapse": "Collapse menu", 
+    "collapseMenuDisplayName": "Collapse menu display name", 
+    "topMenuLayout": "Top menu layout", 
+    "menuCollapseButton": "Menu collapse button", 
+    "contentMode": "Content area width", 
+    "expandedMenuWidth": "Expanded menu width", 
+    "breadcrumb": "Breadcrumbs", 
+    "breadcrumbIcon": "Breadcrumbs Icon", 
+    "tabs": "Tabs", 
+    "tabDetail": "Tab Detail", 
+    "tabsQuickBtn": "Tabs quick button", 
+    "tabsRedoBtn": "Tabs redo button", 
+    "tabsFoldBtn": "Tabs flod button", 
+    "sidebar": "Sidebar", 
+    "header": "Header", 
+    "footer": "Footer", 
+    "fullContent": "Full content", 
+    "grayMode": "Gray mode", 
+    "colorWeak": "Color Weak Mode", 
+    "progress": "Progress", 
+    "switchLoading": "Switch Loading", 
+    "switchAnimation": "Switch animation", 
+    "animationType": "Animation type", 
+    "autoScreenLock": "Auto screen lock", 
+    "notAutoScreenLock": "Not auto lock", 
+    "fixedHeader": "Fixed header", 
+    "fixedSideBar": "Fixed Sidebar", 
+    "mixSidebarTrigger": "Mixed menu Trigger", 
+    "triggerHover": "Hover", 
+    "triggerClick": "Click", 
+    "mixSidebarFixed": "Fixed expanded menu"
+  }
+}
\ No newline at end of file
diff --git a/src/locales/lang/en/layout.ts b/src/locales/lang/en/layout.ts
deleted file mode 100644
index f3c627fdc63..00000000000
--- a/src/locales/lang/en/layout.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-export default {
-  footer: { onlinePreview: 'Preview', onlineDocument: 'Document' },
-  header: {
-    // user dropdown
-    dropdownItemDoc: 'Document',
-    dropdownItemLoginOut: 'Log Out',
-
-    tooltipErrorLog: 'Error log',
-    tooltipLock: 'Lock screen',
-    tooltipNotify: 'Notification',
-
-    tooltipEntryFull: 'Full Screen',
-    tooltipExitFull: 'Exit Full Screen',
-
-    // lock
-    lockScreenPassword: 'Lock screen password',
-    lockScreen: 'Lock screen',
-    lockScreenBtn: 'Locking',
-
-    home: 'Home',
-  },
-  multipleTab: {
-    reload: 'Refresh current',
-    close: 'Close current',
-    closeLeft: 'Close Left',
-    closeRight: 'Close Right',
-    closeOther: 'Close Other',
-    closeAll: 'Close All',
-  },
-  setting: {
-    // content mode
-    contentModeFull: 'Full',
-    contentModeFixed: 'Fixed width',
-    // topMenu align
-    topMenuAlignLeft: 'Left',
-    topMenuAlignRight: 'Center',
-    topMenuAlignCenter: 'Right',
-    // menu trigger
-    menuTriggerNone: 'Not Show',
-    menuTriggerBottom: 'Bottom',
-    menuTriggerTop: 'Top',
-    // menu type
-    menuTypeSidebar: 'Left menu mode',
-    menuTypeMixSidebar: 'Left menu mixed mode',
-    menuTypeMix: 'Top Menu Mix mode',
-    menuTypeTopMenu: 'Top menu mode',
-
-    on: 'On',
-    off: 'Off',
-    minute: 'Minute',
-
-    operatingTitle: 'Successful!',
-    operatingContent:
-      'The copy is successful, please go to src/settings/projectSetting.ts to modify the configuration!',
-    resetSuccess: 'Successfully reset!',
-
-    copyBtn: 'Copy',
-    clearBtn: 'Clear cache and to the login page',
-
-    drawerTitle: 'Configuration',
-
-    darkMode: 'Dark mode',
-    navMode: 'Navigation mode',
-    interfaceFunction: 'Interface function',
-    interfaceDisplay: 'Interface display',
-    animation: 'Animation',
-    splitMenu: 'Split menu',
-    closeMixSidebarOnChange: 'Switch page to close menu',
-
-    sysTheme: 'System theme',
-    headerTheme: 'Header theme',
-    sidebarTheme: 'Menu theme',
-
-    menuDrag: 'Drag Sidebar',
-    menuSearch: 'Menu search',
-    menuAccordion: 'Sidebar accordion',
-    menuCollapse: 'Collapse menu',
-    collapseMenuDisplayName: 'Collapse menu display name',
-    topMenuLayout: 'Top menu layout',
-    menuCollapseButton: 'Menu collapse button',
-    contentMode: 'Content area width',
-    expandedMenuWidth: 'Expanded menu width',
-
-    breadcrumb: 'Breadcrumbs',
-    breadcrumbIcon: 'Breadcrumbs Icon',
-    tabs: 'Tabs',
-    tabDetail: 'Tab Detail',
-    tabsQuickBtn: 'Tabs quick button',
-    tabsRedoBtn: 'Tabs redo button',
-    tabsFoldBtn: 'Tabs flod button',
-    sidebar: 'Sidebar',
-    header: 'Header',
-    footer: 'Footer',
-    fullContent: 'Full content',
-    grayMode: 'Gray mode',
-    colorWeak: 'Color Weak Mode',
-
-    progress: 'Progress',
-    switchLoading: 'Switch Loading',
-    switchAnimation: 'Switch animation',
-    animationType: 'Animation type',
-
-    autoScreenLock: 'Auto screen lock',
-    notAutoScreenLock: 'Not auto lock',
-
-    fixedHeader: 'Fixed header',
-    fixedSideBar: 'Fixed Sidebar',
-
-    mixSidebarTrigger: 'Mixed menu Trigger',
-    triggerHover: 'Hover',
-    triggerClick: 'Click',
-
-    mixSidebarFixed: 'Fixed expanded menu',
-  },
-};
diff --git a/src/locales/lang/en/routes/basic.json b/src/locales/lang/en/routes/basic.json
new file mode 100644
index 00000000000..e6e35df7e82
--- /dev/null
+++ b/src/locales/lang/en/routes/basic.json
@@ -0,0 +1,4 @@
+{
+  "login": "Login",
+  "errorLogList": "Error Log"
+}
\ No newline at end of file
diff --git a/src/locales/lang/en/routes/basic.ts b/src/locales/lang/en/routes/basic.ts
deleted file mode 100644
index b6faa00ef02..00000000000
--- a/src/locales/lang/en/routes/basic.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export default {
-  login: 'Login',
-  errorLogList: 'Error Log',
-};
diff --git a/src/locales/lang/en/routes/dashboard.json b/src/locales/lang/en/routes/dashboard.json
new file mode 100644
index 00000000000..ad3980c09d8
--- /dev/null
+++ b/src/locales/lang/en/routes/dashboard.json
@@ -0,0 +1,6 @@
+{
+  "dashboard": "Dashboard",
+  "about": "About",
+  "workbench": "Workbench",
+  "analysis": "Analysis"
+}
diff --git a/src/locales/lang/en/routes/dashboard.ts b/src/locales/lang/en/routes/dashboard.ts
deleted file mode 100644
index 6d047b5709c..00000000000
--- a/src/locales/lang/en/routes/dashboard.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-  dashboard: 'Dashboard',
-  about: 'About',
-  workbench: 'Workbench',
-  analysis: 'Analysis',
-};
diff --git a/src/locales/lang/en/routes/demo.json b/src/locales/lang/en/routes/demo.json
new file mode 100644
index 00000000000..67acc28f2e2
--- /dev/null
+++ b/src/locales/lang/en/routes/demo.json
@@ -0,0 +1,177 @@
+{
+  "charts": {
+    "baiduMap": "Baidu map", 
+    "aMap": "A map", 
+    "googleMap": "Google map", 
+    "charts": "Chart", 
+    "map": "Map", 
+    "line": "Line", 
+    "pie": "Pie"
+  }, 
+  "comp": {
+    "comp": "Component", 
+    "basic": "Basic", 
+    "transition": "Animation", 
+    "countTo": "Count To", 
+    "scroll": "Scroll", 
+    "scrollBasic": "Basic", 
+    "scrollAction": "Scroll Function", 
+    "virtualScroll": "Virtual Scroll", 
+    "tree": "Tree", 
+    "treeBasic": "Basic", 
+    "editTree": "Searchable/toolbar", 
+    "actionTree": "Function operation", 
+    "modal": "Modal", 
+    "drawer": "Drawer", 
+    "desc": "Desc", 
+    "verify": "Verify", 
+    "verifyDrag": "Drag ", 
+    "verifyRotate": "Picture Restore", 
+    "qrcode": "QR code", 
+    "strength": "Password strength", 
+    "upload": "Upload", 
+    "loading": "Loading", 
+    "time": "Relative Time", 
+    "cropperImage": "Cropper Image", 
+    "cardList": "Card List"
+  }, 
+  "editor": {
+    "editor": "Editor", 
+    "jsonEditor": "Json editor", 
+    "markdown": "Markdown editor", 
+    "tinymce": "Rich text", 
+    "tinymceBasic": "Basic", 
+    "tinymceForm": "embedded form"
+  }, 
+  "excel": {
+    "excel": "Excel", 
+    "customExport": "Select export format", 
+    "jsonExport": "JSON data export", 
+    "arrayExport": "Array data export", 
+    "importExcel": "Import"
+  }, 
+  "feat": {
+    "feat": "Page Function", 
+    "icon": "Icon", 
+    "tabs": "Tabs", 
+    "tabDetail": "Tab Detail", 
+    "sessionTimeout": "Session Timeout", 
+    "print": "Print", 
+    "contextMenu": "Context Menu", 
+    "download": "Download", 
+    "clickOutSide": "ClickOutSide", 
+    "imgPreview": "Picture Preview", 
+    "copy": "Clipboard", 
+    "msg": "Message prompt", 
+    "watermark": "Watermark", 
+    "ripple": "Ripple", 
+    "fullScreen": "Full Screen", 
+    "errorLog": "Error Log", 
+    "tab": "Tab with parameters", 
+    "tab1": "Tab with parameter 1", 
+    "tab2": "Tab with parameter 2", 
+    "menu": "Menu with parameters", 
+    "menu1": "Menu with parameters 1", 
+    "menu2": "Menu with parameters 2", 
+    "ws": "Websocket test", 
+    "breadcrumb": "Breadcrumbs", 
+    "breadcrumbFlat": "Flat Mode", 
+    "breadcrumbFlatDetail": "Flat mode details", 
+    "requestDemo": "Retry request demo", 
+    "breadcrumbChildren": "Level mode", 
+    "breadcrumbChildrenDetail": "Level mode detail"
+  }, 
+  "flow": {
+    "name": "Graphics editor", 
+    "flowChart": "FlowChart"
+  }, 
+  "form": {
+    "form": "Form", 
+    "basic": "Basic", 
+    "useForm": "useForm", 
+    "refForm": "RefForm", 
+    "advancedForm": "Shrinkable", 
+    "ruleForm": "Form validation", 
+    "dynamicForm": "Dynamic", 
+    "customerForm": "Custom", 
+    "appendForm": "Append", 
+    "tabsForm": "TabsForm"
+  }, 
+  "iframe": {
+    "frame": "External", 
+    "antv": "antVue doc (embedded)", 
+    "doc": "Project doc (embedded)", 
+    "docExternal": "Project doc (external)"
+  }, 
+  "level": {
+    "level": "MultiMenu"
+  }, 
+  "page": {
+    "page": "Page", 
+    "form": "Form", 
+    "formBasic": "Basic Form", 
+    "formStep": "Step Form", 
+    "formHigh": "Advanced Form", 
+    "desc": "Details", 
+    "descBasic": "Basic Details", 
+    "descHigh": "Advanced Details", 
+    "result": "Result", 
+    "resultSuccess": "Success", 
+    "resultFail": "Failed", 
+    "account": "Personal", 
+    "accountCenter": "Personal Center", 
+    "accountSetting": "Personal Settings", 
+    "exception": "Exception", 
+    "netWorkError": "Network Error", 
+    "notData": "No data", 
+    "list": "List page", 
+    "listCard": "Card list", 
+    "basic": "Basic list", 
+    "listBasic": "Basic list", 
+    "listSearch": "Search list"
+  }, 
+  "permission": {
+    "permission": "Permission", 
+    "front": "front-end", 
+    "frontPage": "Page", 
+    "frontBtn": "Button", 
+    "frontTestA": "Test page A", 
+    "frontTestB": "Test page B", 
+    "back": "background", 
+    "backPage": "Page", 
+    "backBtn": "Button"
+  }, 
+  "setup": {
+    "page": "Intro page"
+  }, 
+  "system": {
+    "moduleName": "System management", 
+    "account": "Account management", 
+    "account_detail": "Account detail", 
+    "password": "Change password", 
+    "dept": "Department management", 
+    "menu": "Menu management", 
+    "role": "Role management"
+  }, 
+  "table": {
+    "table": "Table", 
+    "basic": "Basic", 
+    "treeTable": "Tree", 
+    "fetchTable": "Remote loading", 
+    "fixedColumn": "Fixed column", 
+    "customerCell": "Custom column", 
+    "formTable": "Open search", 
+    "useTable": "UseTable", 
+    "refTable": "RefTable", 
+    "multipleHeader": "MultiLevel header", 
+    "mergeHeader": "Merge cells", 
+    "expandTable": "Expandable table", 
+    "fixedHeight": "Fixed height", 
+    "footerTable": "Footer", 
+    "editCellTable": "Editable cell", 
+    "editRowTable": "Editable row", 
+    "authColumn": "Auth column", 
+    "resizeParentHeightTable": "resizeParentHeightTable", 
+    "vxeTable": "VxeTable"
+  }
+}
\ No newline at end of file
diff --git a/src/locales/lang/en/routes/demo.ts b/src/locales/lang/en/routes/demo.ts
deleted file mode 100644
index 1cc82d0b7e3..00000000000
--- a/src/locales/lang/en/routes/demo.ts
+++ /dev/null
@@ -1,199 +0,0 @@
-export default {
-  charts: {
-    baiduMap: 'Baidu map',
-    aMap: 'A map',
-    googleMap: 'Google map',
-    charts: 'Chart',
-    map: 'Map',
-    line: 'Line',
-    pie: 'Pie',
-  },
-  comp: {
-    comp: 'Component',
-    basic: 'Basic',
-    transition: 'Animation',
-    countTo: 'Count To',
-
-    scroll: 'Scroll',
-    scrollBasic: 'Basic',
-    scrollAction: 'Scroll Function',
-    virtualScroll: 'Virtual Scroll',
-
-    tree: 'Tree',
-
-    treeBasic: 'Basic',
-    editTree: 'Searchable/toolbar',
-    actionTree: 'Function operation',
-
-    modal: 'Modal',
-    drawer: 'Drawer',
-    desc: 'Desc',
-
-    verify: 'Verify',
-    verifyDrag: 'Drag ',
-    verifyRotate: 'Picture Restore',
-
-    qrcode: 'QR code',
-    strength: 'Password strength',
-    upload: 'Upload',
-
-    loading: 'Loading',
-
-    time: 'Relative Time',
-    cropperImage: 'Cropper Image',
-    cardList: 'Card List',
-  },
-  editor: {
-    editor: 'Editor',
-    jsonEditor: 'Json editor',
-    markdown: 'Markdown editor',
-
-    tinymce: 'Rich text',
-    tinymceBasic: 'Basic',
-    tinymceForm: 'embedded form',
-  },
-  excel: {
-    excel: 'Excel',
-    customExport: 'Select export format',
-    jsonExport: 'JSON data export',
-    arrayExport: 'Array data export',
-    importExcel: 'Import',
-  },
-  feat: {
-    feat: 'Page Function',
-    icon: 'Icon',
-    tabs: 'Tabs',
-    tabDetail: 'Tab Detail',
-    sessionTimeout: 'Session Timeout',
-    print: 'Print',
-    contextMenu: 'Context Menu',
-    download: 'Download',
-    clickOutSide: 'ClickOutSide',
-    imgPreview: 'Picture Preview',
-    copy: 'Clipboard',
-    msg: 'Message prompt',
-    watermark: 'Watermark',
-    ripple: 'Ripple',
-    fullScreen: 'Full Screen',
-    errorLog: 'Error Log',
-    tab: 'Tab with parameters',
-    tab1: 'Tab with parameter 1',
-    tab2: 'Tab with parameter 2',
-    menu: 'Menu with parameters',
-    menu1: 'Menu with parameters 1',
-    menu2: 'Menu with parameters 2',
-
-    ws: 'Websocket test',
-
-    breadcrumb: 'Breadcrumbs',
-    breadcrumbFlat: 'Flat Mode',
-    breadcrumbFlatDetail: 'Flat mode details',
-    requestDemo: 'Retry request demo',
-
-    breadcrumbChildren: 'Level mode',
-    breadcrumbChildrenDetail: 'Level mode detail',
-  },
-  flow: {
-    name: 'Graphics editor',
-    flowChart: 'FlowChart',
-  },
-  form: {
-    form: 'Form',
-    basic: 'Basic',
-    useForm: 'useForm',
-    refForm: 'RefForm',
-    advancedForm: 'Shrinkable',
-    ruleForm: 'Form validation',
-    dynamicForm: 'Dynamic',
-    customerForm: 'Custom',
-    appendForm: 'Append',
-    tabsForm: 'TabsForm',
-  },
-  iframe: {
-    frame: 'External',
-    antv: 'antVue doc (embedded)',
-    doc: 'Project doc (embedded)',
-    docExternal: 'Project doc (external)',
-  },
-  level: { level: 'MultiMenu' },
-  page: {
-    page: 'Page',
-
-    form: 'Form',
-    formBasic: 'Basic Form',
-    formStep: 'Step Form',
-    formHigh: 'Advanced Form',
-
-    desc: 'Details',
-    descBasic: 'Basic Details',
-    descHigh: 'Advanced Details',
-
-    result: 'Result',
-    resultSuccess: 'Success',
-    resultFail: 'Failed',
-
-    account: 'Personal',
-    accountCenter: 'Personal Center',
-    accountSetting: 'Personal Settings',
-
-    exception: 'Exception',
-    netWorkError: 'Network Error',
-    notData: 'No data',
-
-    list: 'List page',
-    listCard: 'Card list',
-    basic: 'Basic list',
-    listBasic: 'Basic list',
-    listSearch: 'Search list',
-  },
-  permission: {
-    permission: 'Permission',
-
-    front: 'front-end',
-    frontPage: 'Page',
-    frontBtn: 'Button',
-    frontTestA: 'Test page A',
-    frontTestB: 'Test page B',
-
-    back: 'background',
-    backPage: 'Page',
-    backBtn: 'Button',
-  },
-  setup: {
-    page: 'Intro page',
-  },
-  system: {
-    moduleName: 'System management',
-
-    account: 'Account management',
-    account_detail: 'Account detail',
-    password: 'Change password',
-
-    dept: 'Department management',
-
-    menu: 'Menu management',
-    role: 'Role management',
-  },
-  table: {
-    table: 'Table',
-
-    basic: 'Basic',
-    treeTable: 'Tree',
-    fetchTable: 'Remote loading',
-    fixedColumn: 'Fixed column',
-    customerCell: 'Custom column',
-    formTable: 'Open search',
-    useTable: 'UseTable',
-    refTable: 'RefTable',
-    multipleHeader: 'MultiLevel header',
-    mergeHeader: 'Merge cells',
-    expandTable: 'Expandable table',
-    fixedHeight: 'Fixed height',
-    footerTable: 'Footer',
-    editCellTable: 'Editable cell',
-    editRowTable: 'Editable row',
-    authColumn: 'Auth column',
-    resizeParentHeightTable: 'resizeParentHeightTable',
-    vxeTable: 'VxeTable',
-  },
-};
diff --git a/src/locales/lang/en/sys.json b/src/locales/lang/en/sys.json
new file mode 100644
index 00000000000..1f67b1140c8
--- /dev/null
+++ b/src/locales/lang/en/sys.json
@@ -0,0 +1,92 @@
+{
+  "api": {
+    "operationSuccess": "Operation Success", 
+    "operationFailed": "Operation failed", 
+    "errorTip": "Error Tip", 
+    "successTip": "Success Tip", 
+    "errorMessage": "The operation failed, the system is abnormal!", 
+    "timeoutMessage": "Login timed out, please log in again!", 
+    "apiTimeoutMessage": "The interface request timed out, please refresh the page and try again!", 
+    "apiRequestFailed": "The interface request failed, please try again later!", 
+    "networkException": "network anomaly", 
+    "networkExceptionMsg": "Please check if your network connection is normal! The network is abnormal", 
+    "errMsg401": "The user does not have permission (token, user name, password error)!", 
+    "errMsg403": "The user is authorized, but access is forbidden!", 
+    "errMsg404": "Network request error, the resource was not found!", 
+    "errMsg405": "Network request error, request method not allowed!", 
+    "errMsg408": "Network request timed out!", 
+    "errMsg500": "Server error, please contact the administrator!", 
+    "errMsg501": "The network is not implemented!", 
+    "errMsg502": "Network Error!", 
+    "errMsg503": "The service is unavailable, the server is temporarily overloaded or maintained!", 
+    "errMsg504": "Network timeout!", 
+    "errMsg505": "The http version does not support the request!"
+  }, 
+  "app": {
+    "logoutTip": "Reminder", 
+    "logoutMessage": "Confirm to exit the system?", 
+    "menuLoading": "Menu loading..."
+  }, 
+  "errorLog": {
+    "tableTitle": "Error log list", 
+    "tableColumnType": "Type", 
+    "tableColumnDate": "Time", 
+    "tableColumnFile": "File", 
+    "tableColumnMsg": "Error message", 
+    "tableColumnStackMsg": "Stack info", 
+    "tableActionDesc": "Details", 
+    "modalTitle": "Error details", 
+    "fireVueError": "Fire vue error", 
+    "fireResourceError": "Fire resource error", 
+    "fireAjaxError": "Fire ajax error", 
+    "enableMessage": "Only effective when useErrorHandle=true in `/src/settings/projectSetting.ts`."
+  }, 
+  "exception": {
+    "backLogin": "Back Login", 
+    "backHome": "Back Home", 
+    "subTitle403": "Sorry, you don't have access to this page.", 
+    "subTitle404": "Sorry, the page you visited does not exist.", 
+    "subTitle500": "Sorry, the server is reporting an error.", 
+    "noDataTitle": "No data on the current page.", 
+    "networkErrorTitle": "Network Error", 
+    "networkErrorSubTitle": "Sorry，Your network connection has been disconnected, please check your network!"
+  }, 
+  "lock": {
+    "unlock": "Click to unlock", 
+    "alert": "Lock screen password error", 
+    "backToLogin": "Back to login", 
+    "entry": "Enter the system", 
+    "placeholder": "Please enter the lock screen password or user password"
+  }, 
+  "login": {
+    "backSignIn": "Back sign in", 
+    "mobileSignInFormTitle": "Mobile sign in", 
+    "qrSignInFormTitle": "Qr code sign in", 
+    "signInFormTitle": "Sign in", 
+    "signUpFormTitle": "Sign up", 
+    "forgetFormTitle": "Reset password", 
+    "signInTitle": "Backstage management system", 
+    "signInDesc": "Enter your personal details and get started!", 
+    "policy": "I agree to the xxx Privacy Policy", 
+    "scanSign": "scanning the code to complete the login", 
+    "loginButton": "Sign in", 
+    "registerButton": "Sign up", 
+    "rememberMe": "Remember me", 
+    "forgetPassword": "Forget Password?", 
+    "otherSignIn": "Sign in with", 
+    "loginSuccessTitle": "Login successful", 
+    "loginSuccessDesc": "Welcome back", 
+    "accountPlaceholder": "Please input username", 
+    "passwordPlaceholder": "Please input password", 
+    "smsPlaceholder": "Please input sms code", 
+    "mobilePlaceholder": "Please input mobile", 
+    "policyPlaceholder": "Register after checking", 
+    "diffPwd": "The two passwords are inconsistent", 
+    "userName": "Username", 
+    "password": "Password", 
+    "confirmPassword": "Confirm Password", 
+    "email": "Email", 
+    "smsCode": "SMS code", 
+    "mobile": "Mobile"
+  }
+}
\ No newline at end of file
diff --git a/src/locales/lang/en/sys.ts b/src/locales/lang/en/sys.ts
deleted file mode 100644
index c88d25d81c6..00000000000
--- a/src/locales/lang/en/sys.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-export default {
-  api: {
-    operationSuccess: 'Operation Success',
-    operationFailed: 'Operation failed',
-    errorTip: 'Error Tip',
-    successTip: 'Success Tip',
-    errorMessage: 'The operation failed, the system is abnormal!',
-    timeoutMessage: 'Login timed out, please log in again!',
-    apiTimeoutMessage: 'The interface request timed out, please refresh the page and try again!',
-    apiRequestFailed: 'The interface request failed, please try again later!',
-    networkException: 'network anomaly',
-    networkExceptionMsg:
-      'Please check if your network connection is normal! The network is abnormal',
-
-    errMsg401: 'The user does not have permission (token, user name, password error)!',
-    errMsg403: 'The user is authorized, but access is forbidden!',
-    errMsg404: 'Network request error, the resource was not found!',
-    errMsg405: 'Network request error, request method not allowed!',
-    errMsg408: 'Network request timed out!',
-    errMsg500: 'Server error, please contact the administrator!',
-    errMsg501: 'The network is not implemented!',
-    errMsg502: 'Network Error!',
-    errMsg503: 'The service is unavailable, the server is temporarily overloaded or maintained!',
-    errMsg504: 'Network timeout!',
-    errMsg505: 'The http version does not support the request!',
-  },
-  app: {
-    logoutTip: 'Reminder',
-    logoutMessage: 'Confirm to exit the system?',
-    menuLoading: 'Menu loading...',
-  },
-  errorLog: {
-    tableTitle: 'Error log list',
-    tableColumnType: 'Type',
-    tableColumnDate: 'Time',
-    tableColumnFile: 'File',
-    tableColumnMsg: 'Error message',
-    tableColumnStackMsg: 'Stack info',
-
-    tableActionDesc: 'Details',
-
-    modalTitle: 'Error details',
-
-    fireVueError: 'Fire vue error',
-    fireResourceError: 'Fire resource error',
-    fireAjaxError: 'Fire ajax error',
-
-    enableMessage: 'Only effective when useErrorHandle=true in `/src/settings/projectSetting.ts`.',
-  },
-  exception: {
-    backLogin: 'Back Login',
-    backHome: 'Back Home',
-    subTitle403: "Sorry, you don't have access to this page.",
-    subTitle404: 'Sorry, the page you visited does not exist.',
-    subTitle500: 'Sorry, the server is reporting an error.',
-    noDataTitle: 'No data on the current page.',
-    networkErrorTitle: 'Network Error',
-    networkErrorSubTitle:
-      'Sorry，Your network connection has been disconnected, please check your network!',
-  },
-  lock: {
-    unlock: 'Click to unlock',
-    alert: 'Lock screen password error',
-    backToLogin: 'Back to login',
-    entry: 'Enter the system',
-    placeholder: 'Please enter the lock screen password or user password',
-  },
-  login: {
-    backSignIn: 'Back sign in',
-    mobileSignInFormTitle: 'Mobile sign in',
-    qrSignInFormTitle: 'Qr code sign in',
-    signInFormTitle: 'Sign in',
-    signUpFormTitle: 'Sign up',
-    forgetFormTitle: 'Reset password',
-
-    signInTitle: 'Backstage management system',
-    signInDesc: 'Enter your personal details and get started!',
-    policy: 'I agree to the xxx Privacy Policy',
-    scanSign: `scanning the code to complete the login`,
-
-    loginButton: 'Sign in',
-    registerButton: 'Sign up',
-    rememberMe: 'Remember me',
-    forgetPassword: 'Forget Password?',
-    otherSignIn: 'Sign in with',
-
-    // notify
-    loginSuccessTitle: 'Login successful',
-    loginSuccessDesc: 'Welcome back',
-
-    // placeholder
-    accountPlaceholder: 'Please input username',
-    passwordPlaceholder: 'Please input password',
-    smsPlaceholder: 'Please input sms code',
-    mobilePlaceholder: 'Please input mobile',
-    policyPlaceholder: 'Register after checking',
-    diffPwd: 'The two passwords are inconsistent',
-
-    userName: 'Username',
-    password: 'Password',
-    confirmPassword: 'Confirm Password',
-    email: 'Email',
-    smsCode: 'SMS code',
-    mobile: 'Mobile',
-  },
-};
diff --git a/src/locales/lang/zh-CN/antdLocale/DatePicker.json b/src/locales/lang/zh-CN/antdLocale/DatePicker.json
new file mode 100644
index 00000000000..b088fb5f555
--- /dev/null
+++ b/src/locales/lang/zh-CN/antdLocale/DatePicker.json
@@ -0,0 +1,19 @@
+{
+  "lang": {
+    "shortWeekDays": ["一", "二", "三", "四", "五", "六", "日"],
+    "shortMonths": [
+      "1月",
+      "2月",
+      "3月",
+      "4月",
+      "5月",
+      "6月",
+      "7月",
+      "8月",
+      "9月",
+      "10月",
+      "11月",
+      "12月"
+    ]
+  }
+}
diff --git a/src/locales/lang/zh-CN/antdLocale/DatePicker.ts b/src/locales/lang/zh-CN/antdLocale/DatePicker.ts
deleted file mode 100644
index 452dff02252..00000000000
--- a/src/locales/lang/zh-CN/antdLocale/DatePicker.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-export default {
-  lang: {
-    shortWeekDays: ['一', '二', '三', '四', '五', '六', '日'],
-    shortMonths: [
-      '1月',
-      '2月',
-      '3月',
-      '4月',
-      '5月',
-      '6月',
-      '7月',
-      '8月',
-      '9月',
-      '10月',
-      '11月',
-      '12月',
-    ],
-  },
-};
diff --git a/src/locales/lang/zh-CN/common.json b/src/locales/lang/zh-CN/common.json
new file mode 100644
index 00000000000..19647c8a8d3
--- /dev/null
+++ b/src/locales/lang/zh-CN/common.json
@@ -0,0 +1,20 @@
+{
+  "okText": "确认",
+  "closeText": "关闭",
+  "cancelText": "取消",
+  "loadingText": "加载中...",
+  "saveText": "保存",
+  "delText": "删除",
+  "resetText": "重置",
+  "searchText": "搜索",
+  "queryText": "查询",
+
+  "inputText": "请输入",
+  "chooseText": "请选择",
+
+  "redo": "刷新",
+  "back": "返回",
+
+  "light": "亮色主题",
+  "dark": "黑暗主题"
+}
diff --git a/src/locales/lang/zh-CN/common.ts b/src/locales/lang/zh-CN/common.ts
deleted file mode 100644
index 478c6253662..00000000000
--- a/src/locales/lang/zh-CN/common.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-export default {
-  okText: '确认',
-  closeText: '关闭',
-  cancelText: '取消',
-  loadingText: '加载中...',
-  saveText: '保存',
-  delText: '删除',
-  resetText: '重置',
-  searchText: '搜索',
-  queryText: '查询',
-
-  inputText: '请输入',
-  chooseText: '请选择',
-
-  redo: '刷新',
-  back: '返回',
-
-  light: '亮色主题',
-  dark: '黑暗主题',
-};
diff --git a/src/locales/lang/zh-CN/component.json b/src/locales/lang/zh-CN/component.json
new file mode 100644
index 00000000000..7af7df1d82a
--- /dev/null
+++ b/src/locales/lang/zh-CN/component.json
@@ -0,0 +1,124 @@
+{
+  "app": {
+    "searchNotData": "暂无搜索结果", 
+    "toSearch": "确认", 
+    "toNavigate": "切换"
+  }, 
+  "countdown": {
+    "normalText": "获取验证码", 
+    "sendText": "{0}秒后重新获取"
+  }, 
+  "cropper": {
+    "selectImage": "选择图片", 
+    "uploadSuccess": "上传成功", 
+    "imageTooBig": "图片超限", 
+    "modalTitle": "头像上传", 
+    "okText": "确认并上传", 
+    "btn_reset": "重置", 
+    "btn_rotate_left": "逆时针旋转", 
+    "btn_rotate_right": "顺时针旋转", 
+    "btn_scale_x": "水平翻转", 
+    "btn_scale_y": "垂直翻转", 
+    "btn_zoom_in": "放大", 
+    "btn_zoom_out": "缩小", 
+    "preview": "预览"
+  }, 
+  "drawer": {
+    "loadingText": "加载中...", 
+    "cancelText": "关闭", 
+    "okText": "确认"
+  }, 
+  "excel": {
+    "exportModalTitle": "导出数据", 
+    "fileType": "文件类型", 
+    "fileName": "文件名"
+  }, 
+  "form": {
+    "putAway": "收起", 
+    "unfold": "展开", 
+    "maxTip": "字符数应小于{0}位", 
+    "apiSelectNotFound": "请等待数据加载完成..."
+  }, 
+  "icon": {
+    "placeholder": "点击选择图标", 
+    "search": "搜索图标", 
+    "copy": "复制图标成功!"
+  }, 
+  "menu": {
+    "search": "菜单搜索"
+  }, 
+  "modal": {
+    "cancelText": "关闭", 
+    "okText": "确认", 
+    "close": "关闭", 
+    "maximize": "最大化", 
+    "restore": "还原"
+  }, 
+  "table": {
+    "settingDens": "密度", 
+    "settingDensDefault": "默认", 
+    "settingDensMiddle": "中等", 
+    "settingDensSmall": "紧凑", 
+    "settingColumn": "列设置", 
+    "settingColumnShow": "列展示", 
+    "settingIndexColumnShow": "序号列", 
+    "settingSelectColumnShow": "勾选列", 
+    "settingFixedLeft": "固定到左侧", 
+    "settingFixedRight": "固定到右侧", 
+    "settingFullScreen": "全屏", 
+    "index": "序号", 
+    "total": "共 {total} 条数据"
+  }, 
+  "time": {
+    "before": "前", 
+    "after": "后", 
+    "just": "刚刚", 
+    "seconds": "秒", 
+    "minutes": "分钟", 
+    "hours": "小时", 
+    "days": "天"
+  }, 
+  "tree": {
+    "selectAll": "选择全部", 
+    "unSelectAll": "取消选择", 
+    "expandAll": "展开全部", 
+    "unExpandAll": "折叠全部", 
+    "checkStrictly": "层级关联", 
+    "checkUnStrictly": "层级独立"
+  }, 
+  "upload": {
+    "save": "保存", 
+    "upload": "上传", 
+    "imgUpload": "图片上传", 
+    "uploaded": "已上传", 
+    "operating": "操作", 
+    "del": "删除", 
+    "download": "下载", 
+    "saveWarn": "请等待文件上传后，保存!", 
+    "saveError": "没有上传成功的文件，无法保存!", 
+    "preview": "预览", 
+    "choose": "选择文件", 
+    "accept": "支持{0}格式", 
+    "acceptUpload": "只能上传{0}格式文件", 
+    "maxSize": "单个文件不超过{0}MB", 
+    "maxSizeMultiple": "只能上传不超过{0}MB的文件!", 
+    "maxNumber": "最多只能上传{0}个文件", 
+    "legend": "略缩图", 
+    "fileName": "文件名", 
+    "fileSize": "文件大小", 
+    "fileStatue": "状态", 
+    "startUpload": "开始上传", 
+    "uploadSuccess": "上传成功", 
+    "uploadError": "上传失败", 
+    "uploading": "上传中", 
+    "uploadWait": "请等待文件上传结束后操作", 
+    "reUploadFailed": "重新上传失败文件"
+  }, 
+  "verify": {
+    "error": "验证失败！", 
+    "time": "验证校验成功,耗时{time}秒！", 
+    "redoTip": "点击图片可刷新", 
+    "dragText": "请按住滑块拖动", 
+    "successText": "验证通过"
+  }
+}
\ No newline at end of file
diff --git a/src/locales/lang/zh-CN/component.ts b/src/locales/lang/zh-CN/component.ts
deleted file mode 100644
index a29c59ba4af..00000000000
--- a/src/locales/lang/zh-CN/component.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-export default {
-  app: {
-    searchNotData: '暂无搜索结果',
-    toSearch: '确认',
-    toNavigate: '切换',
-  },
-  countdown: {
-    normalText: '获取验证码',
-    sendText: '{0}秒后重新获取',
-  },
-  cropper: {
-    selectImage: '选择图片',
-    uploadSuccess: '上传成功',
-    imageTooBig: '图片超限',
-    modalTitle: '头像上传',
-    okText: '确认并上传',
-    btn_reset: '重置',
-    btn_rotate_left: '逆时针旋转',
-    btn_rotate_right: '顺时针旋转',
-    btn_scale_x: '水平翻转',
-    btn_scale_y: '垂直翻转',
-    btn_zoom_in: '放大',
-    btn_zoom_out: '缩小',
-    preview: '预览',
-  },
-  drawer: {
-    loadingText: '加载中...',
-    cancelText: '关闭',
-    okText: '确认',
-  },
-  excel: {
-    exportModalTitle: '导出数据',
-    fileType: '文件类型',
-    fileName: '文件名',
-  },
-  form: {
-    putAway: '收起',
-    unfold: '展开',
-
-    maxTip: '字符数应小于{0}位',
-
-    apiSelectNotFound: '请等待数据加载完成...',
-  },
-  icon: {
-    placeholder: '点击选择图标',
-    search: '搜索图标',
-    copy: '复制图标成功!',
-  },
-  menu: {
-    search: '菜单搜索',
-  },
-  modal: {
-    cancelText: '关闭',
-    okText: '确认',
-    close: '关闭',
-    maximize: '最大化',
-    restore: '还原',
-  },
-  table: {
-    settingDens: '密度',
-    settingDensDefault: '默认',
-    settingDensMiddle: '中等',
-    settingDensSmall: '紧凑',
-    settingColumn: '列设置',
-    settingColumnShow: '列展示',
-    settingIndexColumnShow: '序号列',
-    settingSelectColumnShow: '勾选列',
-    settingFixedLeft: '固定到左侧',
-    settingFixedRight: '固定到右侧',
-    settingFullScreen: '全屏',
-
-    index: '序号',
-
-    total: '共 {total} 条数据',
-  },
-  time: {
-    before: '前',
-    after: '后',
-    just: '刚刚',
-    seconds: '秒',
-    minutes: '分钟',
-    hours: '小时',
-    days: '天',
-  },
-  tree: {
-    selectAll: '选择全部',
-    unSelectAll: '取消选择',
-    expandAll: '展开全部',
-    unExpandAll: '折叠全部',
-    checkStrictly: '层级关联',
-    checkUnStrictly: '层级独立',
-  },
-  upload: {
-    save: '保存',
-    upload: '上传',
-    imgUpload: '图片上传',
-    uploaded: '已上传',
-
-    operating: '操作',
-    del: '删除',
-    download: '下载',
-    saveWarn: '请等待文件上传后，保存!',
-    saveError: '没有上传成功的文件，无法保存!',
-
-    preview: '预览',
-    choose: '选择文件',
-
-    accept: '支持{0}格式',
-    acceptUpload: '只能上传{0}格式文件',
-    maxSize: '单个文件不超过{0}MB',
-    maxSizeMultiple: '只能上传不超过{0}MB的文件!',
-    maxNumber: '最多只能上传{0}个文件',
-
-    legend: '略缩图',
-    fileName: '文件名',
-    fileSize: '文件大小',
-    fileStatue: '状态',
-
-    startUpload: '开始上传',
-    uploadSuccess: '上传成功',
-    uploadError: '上传失败',
-    uploading: '上传中',
-    uploadWait: '请等待文件上传结束后操作',
-    reUploadFailed: '重新上传失败文件',
-  },
-  verify: {
-    error: '验证失败！',
-    time: '验证校验成功,耗时{time}秒！',
-
-    redoTip: '点击图片可刷新',
-
-    dragText: '请按住滑块拖动',
-    successText: '验证通过',
-  },
-};
diff --git a/src/locales/lang/zh-CN/layout.json b/src/locales/lang/zh-CN/layout.json
new file mode 100644
index 00000000000..8980a4994dc
--- /dev/null
+++ b/src/locales/lang/zh-CN/layout.json
@@ -0,0 +1,94 @@
+{
+  "footer": {
+    "onlinePreview": "在线预览", 
+    "onlineDocument": "在线文档"
+  }, 
+  "header": {
+    "dropdownItemDoc": "文档", 
+    "dropdownItemLoginOut": "退出系统", 
+    "tooltipErrorLog": "错误日志", 
+    "tooltipLock": "锁定屏幕", 
+    "tooltipNotify": "消息通知", 
+    "tooltipEntryFull": "全屏", 
+    "tooltipExitFull": "退出全屏", 
+    "lockScreenPassword": "锁屏密码", 
+    "lockScreen": "锁定屏幕", 
+    "lockScreenBtn": "锁定", 
+    "home": "首页"
+  }, 
+  "multipleTab": {
+    "reload": "重新加载", 
+    "close": "关闭标签页", 
+    "closeLeft": "关闭左侧标签页", 
+    "closeRight": "关闭右侧标签页", 
+    "closeOther": "关闭其它标签页", 
+    "closeAll": "关闭全部标签页"
+  }, 
+  "setting": {
+    "contentModeFull": "流式", 
+    "contentModeFixed": "定宽", 
+    "topMenuAlignLeft": "居左", 
+    "topMenuAlignRight": "居中", 
+    "topMenuAlignCenter": "居右", 
+    "menuTriggerNone": "不显示", 
+    "menuTriggerBottom": "底部", 
+    "menuTriggerTop": "顶部", 
+    "menuTypeSidebar": "左侧菜单模式", 
+    "menuTypeMixSidebar": "左侧菜单混合模式", 
+    "menuTypeMix": "顶部菜单混合模式", 
+    "menuTypeTopMenu": "顶部菜单模式", 
+    "on": "开", 
+    "off": "关", 
+    "minute": "分钟", 
+    "operatingTitle": "操作成功", 
+    "operatingContent": "复制成功,请到 src/settings/projectSetting.ts 中修改配置！", 
+    "resetSuccess": "重置成功！", 
+    "copyBtn": "拷贝", 
+    "clearBtn": "清空缓存并返回登录页", 
+    "drawerTitle": "项目配置", 
+    "darkMode": "主题", 
+    "navMode": "导航栏模式", 
+    "interfaceFunction": "界面功能", 
+    "interfaceDisplay": "界面显示", 
+    "animation": "动画", 
+    "splitMenu": "分割菜单", 
+    "closeMixSidebarOnChange": "切换页面关闭菜单", 
+    "sysTheme": "系统主题", 
+    "headerTheme": "顶栏主题", 
+    "sidebarTheme": "菜单主题", 
+    "menuDrag": "侧边菜单拖拽", 
+    "menuSearch": "菜单搜索", 
+    "menuAccordion": "侧边菜单手风琴模式", 
+    "menuCollapse": "折叠菜单", 
+    "collapseMenuDisplayName": "折叠菜单显示名称", 
+    "topMenuLayout": "顶部菜单布局", 
+    "menuCollapseButton": "菜单折叠按钮", 
+    "contentMode": "内容区域宽度", 
+    "expandedMenuWidth": "菜单展开宽度", 
+    "breadcrumb": "面包屑", 
+    "breadcrumbIcon": "面包屑图标", 
+    "tabs": "标签页", 
+    "tabDetail": "标签详情页", 
+    "tabsQuickBtn": "标签页快捷按钮", 
+    "tabsRedoBtn": "标签页刷新按钮", 
+    "tabsFoldBtn": "标签页折叠按钮", 
+    "sidebar": "左侧菜单", 
+    "header": "顶栏", 
+    "footer": "页脚", 
+    "fullContent": "全屏内容", 
+    "grayMode": "灰色模式", 
+    "colorWeak": "色弱模式", 
+    "progress": "顶部进度条", 
+    "switchLoading": "切换loading", 
+    "switchAnimation": "切换动画", 
+    "animationType": "动画类型", 
+    "autoScreenLock": "自动锁屏", 
+    "notAutoScreenLock": "不自动锁屏", 
+    "fixedHeader": "固定header", 
+    "fixedSideBar": "固定Sidebar", 
+    "mixSidebarTrigger": "混合菜单触发方式", 
+    "triggerHover": "悬停", 
+    "triggerClick": "点击", 
+    "mixSidebarFixed": "固定展开菜单"
+  }
+}
\ No newline at end of file
diff --git a/src/locales/lang/zh-CN/layout.ts b/src/locales/lang/zh-CN/layout.ts
deleted file mode 100644
index ed1f8537237..00000000000
--- a/src/locales/lang/zh-CN/layout.ts
+++ /dev/null
@@ -1,115 +0,0 @@
-export default {
-  footer: { onlinePreview: '在线预览', onlineDocument: '在线文档' },
-  header: {
-    // user dropdown
-    dropdownItemDoc: '文档',
-    dropdownItemLoginOut: '退出系统',
-
-    // tooltip
-    tooltipErrorLog: '错误日志',
-    tooltipLock: '锁定屏幕',
-    tooltipNotify: '消息通知',
-
-    tooltipEntryFull: '全屏',
-    tooltipExitFull: '退出全屏',
-
-    // lock
-    lockScreenPassword: '锁屏密码',
-    lockScreen: '锁定屏幕',
-    lockScreenBtn: '锁定',
-
-    home: '首页',
-  },
-  multipleTab: {
-    reload: '重新加载',
-    close: '关闭标签页',
-    closeLeft: '关闭左侧标签页',
-    closeRight: '关闭右侧标签页',
-    closeOther: '关闭其它标签页',
-    closeAll: '关闭全部标签页',
-  },
-  setting: {
-    // content mode
-    contentModeFull: '流式',
-    contentModeFixed: '定宽',
-    // topMenu align
-    topMenuAlignLeft: '居左',
-    topMenuAlignRight: '居中',
-    topMenuAlignCenter: '居右',
-    // menu trigger
-    menuTriggerNone: '不显示',
-    menuTriggerBottom: '底部',
-    menuTriggerTop: '顶部',
-    // menu type
-    menuTypeSidebar: '左侧菜单模式',
-    menuTypeMixSidebar: '左侧菜单混合模式',
-    menuTypeMix: '顶部菜单混合模式',
-    menuTypeTopMenu: '顶部菜单模式',
-
-    on: '开',
-    off: '关',
-    minute: '分钟',
-
-    operatingTitle: '操作成功',
-    operatingContent: '复制成功,请到 src/settings/projectSetting.ts 中修改配置！',
-    resetSuccess: '重置成功！',
-
-    copyBtn: '拷贝',
-    clearBtn: '清空缓存并返回登录页',
-
-    drawerTitle: '项目配置',
-
-    darkMode: '主题',
-    navMode: '导航栏模式',
-    interfaceFunction: '界面功能',
-    interfaceDisplay: '界面显示',
-    animation: '动画',
-    splitMenu: '分割菜单',
-    closeMixSidebarOnChange: '切换页面关闭菜单',
-
-    sysTheme: '系统主题',
-    headerTheme: '顶栏主题',
-    sidebarTheme: '菜单主题',
-
-    menuDrag: '侧边菜单拖拽',
-    menuSearch: '菜单搜索',
-    menuAccordion: '侧边菜单手风琴模式',
-    menuCollapse: '折叠菜单',
-    collapseMenuDisplayName: '折叠菜单显示名称',
-    topMenuLayout: '顶部菜单布局',
-    menuCollapseButton: '菜单折叠按钮',
-    contentMode: '内容区域宽度',
-    expandedMenuWidth: '菜单展开宽度',
-
-    breadcrumb: '面包屑',
-    breadcrumbIcon: '面包屑图标',
-    tabs: '标签页',
-    tabDetail: '标签详情页',
-    tabsQuickBtn: '标签页快捷按钮',
-    tabsRedoBtn: '标签页刷新按钮',
-    tabsFoldBtn: '标签页折叠按钮',
-    sidebar: '左侧菜单',
-    header: '顶栏',
-    footer: '页脚',
-    fullContent: '全屏内容',
-    grayMode: '灰色模式',
-    colorWeak: '色弱模式',
-
-    progress: '顶部进度条',
-    switchLoading: '切换loading',
-    switchAnimation: '切换动画',
-    animationType: '动画类型',
-
-    autoScreenLock: '自动锁屏',
-    notAutoScreenLock: '不自动锁屏',
-
-    fixedHeader: '固定header',
-    fixedSideBar: '固定Sidebar',
-
-    mixSidebarTrigger: '混合菜单触发方式',
-    triggerHover: '悬停',
-    triggerClick: '点击',
-
-    mixSidebarFixed: '固定展开菜单',
-  },
-};
diff --git a/src/locales/lang/zh-CN/routes/basic.json b/src/locales/lang/zh-CN/routes/basic.json
new file mode 100644
index 00000000000..830ff12ff13
--- /dev/null
+++ b/src/locales/lang/zh-CN/routes/basic.json
@@ -0,0 +1,4 @@
+{
+  "login": "登录",
+  "errorLogList": "错误日志列表"
+}
diff --git a/src/locales/lang/zh-CN/routes/basic.ts b/src/locales/lang/zh-CN/routes/basic.ts
deleted file mode 100644
index 3d03e8ef1f0..00000000000
--- a/src/locales/lang/zh-CN/routes/basic.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export default {
-  login: '登录',
-  errorLogList: '错误日志列表',
-};
diff --git a/src/locales/lang/zh-CN/routes/dashboard.json b/src/locales/lang/zh-CN/routes/dashboard.json
new file mode 100644
index 00000000000..f5fba47b287
--- /dev/null
+++ b/src/locales/lang/zh-CN/routes/dashboard.json
@@ -0,0 +1,6 @@
+{
+  "dashboard": "Dashboard",
+  "about": "关于",
+  "workbench": "工作台",
+  "analysis": "分析页"
+}
diff --git a/src/locales/lang/zh-CN/routes/dashboard.ts b/src/locales/lang/zh-CN/routes/dashboard.ts
deleted file mode 100644
index 04b1b1978ee..00000000000
--- a/src/locales/lang/zh-CN/routes/dashboard.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-  dashboard: 'Dashboard',
-  about: '关于',
-  workbench: '工作台',
-  analysis: '分析页',
-};
diff --git a/src/locales/lang/zh-CN/routes/demo.json b/src/locales/lang/zh-CN/routes/demo.json
new file mode 100644
index 00000000000..aae6ec6995c
--- /dev/null
+++ b/src/locales/lang/zh-CN/routes/demo.json
@@ -0,0 +1,176 @@
+{
+  "charts": {
+    "baiduMap": "百度地图", 
+    "aMap": "高德地图", 
+    "googleMap": "谷歌地图", 
+    "charts": "图表", 
+    "map": "地图", 
+    "line": "折线图", 
+    "pie": "饼图"
+  }, 
+  "comp": {
+    "comp": "组件", 
+    "basic": "基础组件", 
+    "transition": "动画组件", 
+    "countTo": "数字动画", 
+    "scroll": "滚动组件", 
+    "scrollBasic": "基础滚动", 
+    "scrollAction": "滚动函数", 
+    "virtualScroll": "虚拟滚动", 
+    "tree": "Tree", 
+    "treeBasic": "基础树", 
+    "editTree": "可搜索/工具栏", 
+    "actionTree": "函数操作示例", 
+    "modal": "弹窗扩展", 
+    "drawer": "抽屉扩展", 
+    "desc": "详情组件", 
+    "verify": "验证组件", 
+    "verifyDrag": "拖拽校验", 
+    "verifyRotate": "图片还原", 
+    "qrcode": "二维码组件", 
+    "strength": "密码强度组件", 
+    "upload": "上传组件", 
+    "loading": "Loading", 
+    "time": "相对时间", 
+    "cropperImage": "图片裁剪", 
+    "cardList": "卡片列表"
+  }, 
+  "editor": {
+    "editor": "编辑器", 
+    "jsonEditor": "Json编辑器", 
+    "markdown": "markdown编辑器", 
+    "tinymce": "富文本", 
+    "tinymceBasic": "基础使用", 
+    "tinymceForm": "嵌入form"
+  }, 
+  "excel": {
+    "excel": "Excel", 
+    "customExport": "选择导出格式", 
+    "jsonExport": "JSON数据导出", 
+    "arrayExport": "Array数据导出", 
+    "importExcel": "导入"
+  }, 
+  "feat": {
+    "feat": "功能", 
+    "icon": "图标", 
+    "sessionTimeout": "登录过期", 
+    "tabs": "标签页操作", 
+    "tabDetail": "标签详情页", 
+    "print": "打印", 
+    "contextMenu": "右键菜单", 
+    "download": "文件下载", 
+    "clickOutSide": "ClickOutSide组件", 
+    "imgPreview": "图片预览", 
+    "copy": "剪切板", 
+    "msg": "消息提示", 
+    "watermark": "水印", 
+    "ripple": "水波纹", 
+    "fullScreen": "全屏", 
+    "errorLog": "错误日志", 
+    "tab": "Tab带参", 
+    "tab1": "Tab带参1", 
+    "tab2": "Tab带参2", 
+    "menu": "Menu带参", 
+    "menu1": "Menu带参1", 
+    "menu2": "Menu带参2", 
+    "ws": "websocket测试", 
+    "breadcrumb": "面包屑导航", 
+    "breadcrumbFlat": "平级模式", 
+    "requestDemo": "测试请求重试", 
+    "breadcrumbFlatDetail": "平级详情", 
+    "breadcrumbChildren": "层级模式", 
+    "breadcrumbChildrenDetail": "层级详情"
+  }, 
+  "flow": {
+    "name": "图形编辑器", 
+    "flowChart": "流程图"
+  }, 
+  "form": {
+    "form": "Form", 
+    "basic": "基础表单", 
+    "useForm": "useForm", 
+    "refForm": "RefForm", 
+    "advancedForm": "可收缩表单", 
+    "ruleForm": "表单验证", 
+    "dynamicForm": "动态表单", 
+    "customerForm": "自定义组件", 
+    "appendForm": "表单增删示例", 
+    "tabsForm": "标签页+多级field"
+  }, 
+  "iframe": {
+    "frame": "外部页面", 
+    "antv": "antVue文档(内嵌)", 
+    "doc": "项目文档(内嵌)", 
+    "docExternal": "项目文档(外链)"
+  }, 
+  "level": {
+    "level": "多级菜单"
+  }, 
+  "page": {
+    "page": "页面", 
+    "form": "表单页", 
+    "formBasic": "基础表单", 
+    "formStep": "分步表单", 
+    "formHigh": "高级表单", 
+    "desc": "详情页", 
+    "descBasic": "基础详情页", 
+    "descHigh": "高级详情页", 
+    "result": "结果页", 
+    "resultSuccess": "成功页", 
+    "resultFail": "失败页", 
+    "account": "个人页", 
+    "accountCenter": "个人中心", 
+    "accountSetting": "个人设置", 
+    "exception": "异常页", 
+    "netWorkError": "网络错误", 
+    "notData": "无数据", 
+    "list": "列表页", 
+    "listCard": "卡片列表", 
+    "listBasic": "标准列表", 
+    "listSearch": "搜索列表"
+  }, 
+  "permission": {
+    "permission": "权限管理", 
+    "front": "基于前端权限", 
+    "frontPage": "页面权限", 
+    "frontBtn": "按钮权限", 
+    "frontTestA": "权限测试页A", 
+    "frontTestB": "权限测试页B", 
+    "back": "基于后台权限", 
+    "backPage": "页面权限", 
+    "backBtn": "按钮权限"
+  }, 
+  "setup": {
+    "page": "引导页"
+  }, 
+  "system": {
+    "moduleName": "系统管理", 
+    "account": "账号管理", 
+    "account_detail": "账号详情", 
+    "password": "修改密码", 
+    "dept": "部门管理", 
+    "menu": "菜单管理", 
+    "role": "角色管理"
+  }, 
+  "table": {
+    "table": "Table", 
+    "basic": "基础表格", 
+    "treeTable": "树形表格", 
+    "fetchTable": "远程加载示例", 
+    "fixedColumn": "固定列", 
+    "customerCell": "自定义列", 
+    "formTable": "开启搜索区域", 
+    "useTable": "UseTable", 
+    "refTable": "RefTable", 
+    "multipleHeader": "多级表头", 
+    "mergeHeader": "合并单元格", 
+    "expandTable": "可展开表格", 
+    "fixedHeight": "定高/头部自定义", 
+    "footerTable": "表尾行合计", 
+    "editCellTable": "可编辑单元格", 
+    "editRowTable": "可编辑行", 
+    "authColumn": "权限列", 
+    "resizeParentHeightTable": "继承父元素高度", 
+    "vxeTable": "VxeTable"
+  }
+}
\ No newline at end of file
diff --git a/src/locales/lang/zh-CN/routes/demo.ts b/src/locales/lang/zh-CN/routes/demo.ts
deleted file mode 100644
index 54f6482cbf3..00000000000
--- a/src/locales/lang/zh-CN/routes/demo.ts
+++ /dev/null
@@ -1,190 +0,0 @@
-export default {
-  charts: {
-    baiduMap: '百度地图',
-    aMap: '高德地图',
-    googleMap: '谷歌地图',
-    charts: '图表',
-    map: '地图',
-    line: '折线图',
-    pie: '饼图',
-  },
-  comp: {
-    comp: '组件',
-    basic: '基础组件',
-    transition: '动画组件',
-    countTo: '数字动画',
-
-    scroll: '滚动组件',
-    scrollBasic: '基础滚动',
-    scrollAction: '滚动函数',
-    virtualScroll: '虚拟滚动',
-
-    tree: 'Tree',
-    treeBasic: '基础树',
-    editTree: '可搜索/工具栏',
-    actionTree: '函数操作示例',
-
-    modal: '弹窗扩展',
-    drawer: '抽屉扩展',
-    desc: '详情组件',
-
-    verify: '验证组件',
-    verifyDrag: '拖拽校验',
-    verifyRotate: '图片还原',
-
-    qrcode: '二维码组件',
-    strength: '密码强度组件',
-    upload: '上传组件',
-
-    loading: 'Loading',
-
-    time: '相对时间',
-    cropperImage: '图片裁剪',
-    cardList: '卡片列表',
-  },
-  editor: {
-    editor: '编辑器',
-    jsonEditor: 'Json编辑器',
-    markdown: 'markdown编辑器',
-
-    tinymce: '富文本',
-    tinymceBasic: '基础使用',
-    tinymceForm: '嵌入form',
-  },
-  excel: {
-    excel: 'Excel',
-    customExport: '选择导出格式',
-    jsonExport: 'JSON数据导出',
-    arrayExport: 'Array数据导出',
-    importExcel: '导入',
-  },
-  feat: {
-    feat: '功能',
-    icon: '图标',
-    sessionTimeout: '登录过期',
-    tabs: '标签页操作',
-    tabDetail: '标签详情页',
-    print: '打印',
-    contextMenu: '右键菜单',
-    download: '文件下载',
-    clickOutSide: 'ClickOutSide组件',
-    imgPreview: '图片预览',
-    copy: '剪切板',
-    msg: '消息提示',
-    watermark: '水印',
-    ripple: '水波纹',
-    fullScreen: '全屏',
-    errorLog: '错误日志',
-    tab: 'Tab带参',
-    tab1: 'Tab带参1',
-    tab2: 'Tab带参2',
-    menu: 'Menu带参',
-    menu1: 'Menu带参1',
-    menu2: 'Menu带参2',
-    ws: 'websocket测试',
-    breadcrumb: '面包屑导航',
-    breadcrumbFlat: '平级模式',
-    requestDemo: '测试请求重试',
-    breadcrumbFlatDetail: '平级详情',
-    breadcrumbChildren: '层级模式',
-    breadcrumbChildrenDetail: '层级详情',
-  },
-  flow: {
-    name: '图形编辑器',
-    flowChart: '流程图',
-  },
-  form: {
-    form: 'Form',
-    basic: '基础表单',
-    useForm: 'useForm',
-    refForm: 'RefForm',
-    advancedForm: '可收缩表单',
-    ruleForm: '表单验证',
-    dynamicForm: '动态表单',
-    customerForm: '自定义组件',
-    appendForm: '表单增删示例',
-    tabsForm: '标签页+多级field',
-  },
-  iframe: {
-    frame: '外部页面',
-    antv: 'antVue文档(内嵌)',
-    doc: '项目文档(内嵌)',
-    docExternal: '项目文档(外链)',
-  },
-  level: { level: '多级菜单' },
-  page: {
-    page: '页面',
-
-    form: '表单页',
-    formBasic: '基础表单',
-    formStep: '分步表单',
-    formHigh: '高级表单',
-
-    desc: '详情页',
-    descBasic: '基础详情页',
-    descHigh: '高级详情页',
-
-    result: '结果页',
-    resultSuccess: '成功页',
-    resultFail: '失败页',
-
-    account: '个人页',
-    accountCenter: '个人中心',
-    accountSetting: '个人设置',
-
-    exception: '异常页',
-    netWorkError: '网络错误',
-    notData: '无数据',
-
-    list: '列表页',
-    listCard: '卡片列表',
-    listBasic: '标准列表',
-    listSearch: '搜索列表',
-  },
-  permission: {
-    permission: '权限管理',
-
-    front: '基于前端权限',
-    frontPage: '页面权限',
-    frontBtn: '按钮权限',
-    frontTestA: '权限测试页A',
-    frontTestB: '权限测试页B',
-
-    back: '基于后台权限',
-    backPage: '页面权限',
-    backBtn: '按钮权限',
-  },
-  setup: {
-    page: '引导页',
-  },
-  system: {
-    moduleName: '系统管理',
-    account: '账号管理',
-    account_detail: '账号详情',
-    password: '修改密码',
-    dept: '部门管理',
-    menu: '菜单管理',
-    role: '角色管理',
-  },
-  table: {
-    table: 'Table',
-    basic: '基础表格',
-    treeTable: '树形表格',
-    fetchTable: '远程加载示例',
-    fixedColumn: '固定列',
-    customerCell: '自定义列',
-    formTable: '开启搜索区域',
-    useTable: 'UseTable',
-    refTable: 'RefTable',
-    multipleHeader: '多级表头',
-    mergeHeader: '合并单元格',
-    expandTable: '可展开表格',
-    fixedHeight: '定高/头部自定义',
-    footerTable: '表尾行合计',
-    editCellTable: '可编辑单元格',
-    editRowTable: '可编辑行',
-    authColumn: '权限列',
-    resizeParentHeightTable: '继承父元素高度',
-    vxeTable: 'VxeTable',
-  },
-};
diff --git a/src/locales/lang/zh-CN/sys.json b/src/locales/lang/zh-CN/sys.json
new file mode 100644
index 00000000000..73517d70fba
--- /dev/null
+++ b/src/locales/lang/zh-CN/sys.json
@@ -0,0 +1,92 @@
+{
+  "api": {
+    "operationSuccess": "操作成功", 
+    "operationFailed": "操作失败", 
+    "errorTip": "错误提示", 
+    "successTip": "成功提示", 
+    "errorMessage": "操作失败,系统异常!", 
+    "timeoutMessage": "登录超时,请重新登录!", 
+    "apiTimeoutMessage": "接口请求超时,请刷新页面重试!", 
+    "apiRequestFailed": "请求出错，请稍候重试", 
+    "networkException": "网络异常", 
+    "networkExceptionMsg": "网络异常，请检查您的网络连接是否正常!", 
+    "errMsg401": "用户没有权限（令牌、用户名、密码错误）!", 
+    "errMsg403": "用户得到授权，但是访问是被禁止的。!", 
+    "errMsg404": "网络请求错误,未找到该资源!", 
+    "errMsg405": "网络请求错误,请求方法未允许!", 
+    "errMsg408": "网络请求超时!", 
+    "errMsg500": "服务器错误,请联系管理员!", 
+    "errMsg501": "网络未实现!", 
+    "errMsg502": "网络错误!", 
+    "errMsg503": "服务不可用，服务器暂时过载或维护!", 
+    "errMsg504": "网络超时!", 
+    "errMsg505": "http版本不支持该请求!"
+  }, 
+  "app": {
+    "logoutTip": "温馨提醒", 
+    "logoutMessage": "是否确认退出系统?", 
+    "menuLoading": "菜单加载中..."
+  }, 
+  "errorLog": {
+    "tableTitle": "错误日志列表", 
+    "tableColumnType": "类型", 
+    "tableColumnDate": "时间", 
+    "tableColumnFile": "文件", 
+    "tableColumnMsg": "错误信息", 
+    "tableColumnStackMsg": "stack信息", 
+    "tableActionDesc": "详情", 
+    "modalTitle": "错误详情", 
+    "fireVueError": "点击触发vue错误", 
+    "fireResourceError": "点击触发资源加载错误", 
+    "fireAjaxError": "点击触发ajax错误", 
+    "enableMessage": "只在`/src/settings/projectSetting.ts` 内的useErrorHandle=true时生效."
+  }, 
+  "exception": {
+    "backLogin": "返回登录", 
+    "backHome": "返回首页", 
+    "subTitle403": "抱歉，您无权访问此页面。", 
+    "subTitle404": "抱歉，您访问的页面不存在。", 
+    "subTitle500": "抱歉，服务器报告错误。", 
+    "noDataTitle": "当前页无数据", 
+    "networkErrorTitle": "网络错误", 
+    "networkErrorSubTitle": "抱歉，您的网络连接已断开，请检查您的网络！"
+  }, 
+  "lock": {
+    "unlock": "点击解锁", 
+    "alert": "锁屏密码错误", 
+    "backToLogin": "返回登录", 
+    "entry": "进入系统", 
+    "placeholder": "请输入锁屏密码或者用户密码"
+  }, 
+  "login": {
+    "backSignIn": "返回", 
+    "signInFormTitle": "登录", 
+    "mobileSignInFormTitle": "手机登录", 
+    "qrSignInFormTitle": "二维码登录", 
+    "signUpFormTitle": "注册", 
+    "forgetFormTitle": "重置密码", 
+    "signInTitle": "开箱即用的中后台管理系统", 
+    "signInDesc": "输入您的个人详细信息开始使用！", 
+    "policy": "我同意xxx隐私政策", 
+    "scanSign": "扫码后点击\"确认\"，即可完成登录", 
+    "loginButton": "登录", 
+    "registerButton": "注册", 
+    "rememberMe": "记住我", 
+    "forgetPassword": "忘记密码?", 
+    "otherSignIn": "其他登录方式", 
+    "loginSuccessTitle": "登录成功", 
+    "loginSuccessDesc": "欢迎回来", 
+    "accountPlaceholder": "请输入账号", 
+    "passwordPlaceholder": "请输入密码", 
+    "smsPlaceholder": "请输入验证码", 
+    "mobilePlaceholder": "请输入手机号码", 
+    "policyPlaceholder": "勾选后才能注册", 
+    "diffPwd": "两次输入密码不一致", 
+    "userName": "账号", 
+    "password": "密码", 
+    "confirmPassword": "确认密码", 
+    "email": "邮箱", 
+    "smsCode": "短信验证码", 
+    "mobile": "手机号码"
+  }
+}
\ No newline at end of file
diff --git a/src/locales/lang/zh-CN/sys.ts b/src/locales/lang/zh-CN/sys.ts
deleted file mode 100644
index 44ef9f4efe2..00000000000
--- a/src/locales/lang/zh-CN/sys.ts
+++ /dev/null
@@ -1,100 +0,0 @@
-export default {
-  api: {
-    operationSuccess: '操作成功',
-    operationFailed: '操作失败',
-    errorTip: '错误提示',
-    successTip: '成功提示',
-    errorMessage: '操作失败,系统异常!',
-    timeoutMessage: '登录超时,请重新登录!',
-    apiTimeoutMessage: '接口请求超时,请刷新页面重试!',
-    apiRequestFailed: '请求出错，请稍候重试',
-    networkException: '网络异常',
-    networkExceptionMsg: '网络异常，请检查您的网络连接是否正常!',
-
-    errMsg401: '用户没有权限（令牌、用户名、密码错误）!',
-    errMsg403: '用户得到授权，但是访问是被禁止的。!',
-    errMsg404: '网络请求错误,未找到该资源!',
-    errMsg405: '网络请求错误,请求方法未允许!',
-    errMsg408: '网络请求超时!',
-    errMsg500: '服务器错误,请联系管理员!',
-    errMsg501: '网络未实现!',
-    errMsg502: '网络错误!',
-    errMsg503: '服务不可用，服务器暂时过载或维护!',
-    errMsg504: '网络超时!',
-    errMsg505: 'http版本不支持该请求!',
-  },
-  app: { logoutTip: '温馨提醒', logoutMessage: '是否确认退出系统?', menuLoading: '菜单加载中...' },
-  errorLog: {
-    tableTitle: '错误日志列表',
-    tableColumnType: '类型',
-    tableColumnDate: '时间',
-    tableColumnFile: '文件',
-    tableColumnMsg: '错误信息',
-    tableColumnStackMsg: 'stack信息',
-
-    tableActionDesc: '详情',
-
-    modalTitle: '错误详情',
-
-    fireVueError: '点击触发vue错误',
-    fireResourceError: '点击触发资源加载错误',
-    fireAjaxError: '点击触发ajax错误',
-
-    enableMessage: '只在`/src/settings/projectSetting.ts` 内的useErrorHandle=true时生效.',
-  },
-  exception: {
-    backLogin: '返回登录',
-    backHome: '返回首页',
-    subTitle403: '抱歉，您无权访问此页面。',
-    subTitle404: '抱歉，您访问的页面不存在。',
-    subTitle500: '抱歉，服务器报告错误。',
-    noDataTitle: '当前页无数据',
-    networkErrorTitle: '网络错误',
-    networkErrorSubTitle: '抱歉，您的网络连接已断开，请检查您的网络！',
-  },
-  lock: {
-    unlock: '点击解锁',
-    alert: '锁屏密码错误',
-    backToLogin: '返回登录',
-    entry: '进入系统',
-    placeholder: '请输入锁屏密码或者用户密码',
-  },
-  login: {
-    backSignIn: '返回',
-    signInFormTitle: '登录',
-    mobileSignInFormTitle: '手机登录',
-    qrSignInFormTitle: '二维码登录',
-    signUpFormTitle: '注册',
-    forgetFormTitle: '重置密码',
-
-    signInTitle: '开箱即用的中后台管理系统',
-    signInDesc: '输入您的个人详细信息开始使用！',
-    policy: '我同意xxx隐私政策',
-    scanSign: `扫码后点击"确认"，即可完成登录`,
-
-    loginButton: '登录',
-    registerButton: '注册',
-    rememberMe: '记住我',
-    forgetPassword: '忘记密码?',
-    otherSignIn: '其他登录方式',
-
-    // notify
-    loginSuccessTitle: '登录成功',
-    loginSuccessDesc: '欢迎回来',
-
-    // placeholder
-    accountPlaceholder: '请输入账号',
-    passwordPlaceholder: '请输入密码',
-    smsPlaceholder: '请输入验证码',
-    mobilePlaceholder: '请输入手机号码',
-    policyPlaceholder: '勾选后才能注册',
-    diffPwd: '两次输入密码不一致',
-
-    userName: '账号',
-    password: '密码',
-    confirmPassword: '确认密码',
-    email: '邮箱',
-    smsCode: '短信验证码',
-    mobile: '手机号码',
-  },
-};
diff --git a/src/locales/lang/zh_CN.ts b/src/locales/lang/zh_CN.ts
index 8fc3305a304..9d2b01b9822 100644
--- a/src/locales/lang/zh_CN.ts
+++ b/src/locales/lang/zh_CN.ts
@@ -1,7 +1,7 @@
 import { genMessage } from '../helper';
 import antdLocale from 'ant-design-vue/es/locale/zh_CN';
 
-const modules = import.meta.glob('./zh-CN/**/*.ts', { eager: true });
+const modules = import.meta.glob('./zh-CN/**/*.json', { eager: true });
 export default {
   message: {
     ...genMessage(modules as Recordable<Recordable>, 'zh-CN'),