diff --git a/packages/devui-vue/devui/locale/lang/en-us.ts b/packages/devui-vue/devui/locale/lang/en-us.ts
index 5a19c92ae9..02830d9fcc 100644
--- a/packages/devui-vue/devui/locale/lang/en-us.ts
+++ b/packages/devui-vue/devui/locale/lang/en-us.ts
@@ -1,7 +1,12 @@
 export default {
+  common: {
+    lang: 'zh-us'
+  },
   pagination: {
     totalItemText: 'Total',
     goToText: 'Go to',
+    perPage: 'Size/Page',
+    pageSize: 'Number Of Entries Per age'
   },
   accordion: {
     loading: 'loading',
@@ -16,9 +21,14 @@ export default {
   colorPicker: {
     foundationPanel: 'Foundation panel',
     advancedPanel: 'Advanced panel',
+    commonColor: 'Common color',
+    solid: 'Solid color',
+    linear: 'Linear gradient',
+    radial: 'radial gradient',
+    used: 'Recently used'
   },
   datePickerPro: {
-    ok: 'OK',
+    ok: 'Confirm',
     placeholder: 'select date',
     month1: 'Jan',
     month2: 'Feb',
@@ -59,14 +69,15 @@ export default {
   stepsGuide: {
     previous: 'Previous',
     continue: 'Continue',
-    ok: 'OK',
+    ok: 'Confirm',
   },
   table: {
     selectAll: 'Select all',
-    ok: 'OK',
+    ok: 'Confirm',
+    noData: 'No Data',
   },
   timePopup: {
-    ok: 'OK',
+    ok: 'Confirm',
   },
   transfer: {
     unit: '',
@@ -94,6 +105,23 @@ export default {
     getNotAllowedFileTypeMsg(filename: string, scope: string): string {
       return `Files with unsupported types: ${filename}. Supported file types: ${scope}`;
     },
+    warning: 'Remind',
+    upload: 'Upload',
+    chooseFile: 'Select File',
+    chooseFiles: 'Select Multiple Files',
+    preload: 'Preload',
+    uploading: 'Uploading...',
+    uploaded: 'Uploaded',
+    uploadFailed: 'Failed To Upload',
+    uploadSuccess: 'Uploading Succeeded',
+    delete: 'Delete',
+    reUpload: 'Reupload',
+    cancelUpload: 'Cancel Upload',
+    uploadFailedCount: 'Failed To Upload Files',
+    upLoading: 'Pploading',
+    addCount(filesCount: number): string {
+      return `${filesCount} Files Added`
+    }
   },
   search: {
     placeholder: 'Enter a keyword',
@@ -106,8 +134,162 @@ export default {
   },
   tagInput: {
     maxTagsText: 'Maximum number reached: ',
+    noData: 'No Data',
   },
   timeSelect: {
     placeholder: 'Please select time',
   },
-};
+  relativeTime: {
+    yearsAgo(num: number) {
+      return num === 1 ? 'last year' : `${num} years ago`
+    },
+    monthsAgo(num: number) {
+      return num === 1 ? 'last month' : `${num} months ago`
+    },
+    weeksAgo(num: number) {
+      return num === 1 ? 'last week' : `${num} weeks ago`
+    },
+    daysAgo(num: number) {
+      return num === 1 ? 'last day' : `${num} days ago`
+    },
+    daysLater(num: number) {
+      return num === 1 ? 'next day' : `${num} days later`
+    },
+    weeksLater(num: number) {
+      return num === 1 ? 'next week' : `${num} weeks later`
+    },
+    monthsLater(num: number) {
+      return num === 1 ? 'next month' : `${num} months later`
+    },
+    yearsLater(num: number) {
+      return num === 1 ? 'next year' : `${num} years later`
+    },
+    hoursAgo: 'hours ago',
+    minutesAgo: 'minutes ago',
+    justnow: 'just now',
+    later: 'later',
+    minutesLater: ' minutes later',
+    hoursLater: ' hours later'
+  },
+  modal: {
+    success: 'Succeeded',
+    error: 'Erroneous',
+    warning: 'Warnings',
+    info: 'Infomation'
+  },
+  autoComplete: {
+    latestInput: 'Latest Input',
+    placeholder: 'Search',
+  },
+  datePicker: {
+    getWeekDays(): Array<string> {
+      return ['Sun', 'Mon', 'Tue', 'Wed', 'Thur', 'Fri', 'Sat'];
+    },
+    today: 'Today',
+    year: ' ',
+    month: ' '
+  },
+  form: {
+    minValue: 'The minimum value is',
+    validSuccess: 'Verification passed',
+    maxValue: 'The maximum value is',
+    maxLength: 'The maximum length is',
+    minLength: 'The minimum length is',
+    isTrue: 'Must be a true value',
+    errorEmail: 'The email format is incorrect',
+    errorRegular: 'Regular mismatch',
+    notOnlySpace: 'Cannot be all spaces',
+  },
+  mention: {
+    loading: 'Loading... '
+  },
+  quadrantDiagram: {
+    xAxisLabel: 'Urgency',
+    yAxisLabel: 'Importance',
+    importantAndUrgent: 'Important and urgent',
+    importantNoturgent: 'Important not urgent',
+    notImportantNoturgent: 'Not important, not urgent',
+    notImportantAndUrgent: 'Not important and urgent'
+  },
+  codeReview: {
+    copyFilePath: 'Copy File Path'
+  },
+  editorMd: {
+    undo: 'Undo',
+    redo: 'Redo',
+    clean: 'Clear format',
+    header: '段落样式',
+    normal: 'Text',
+    h1: 'Title 1',
+    h2: 'Title 2',
+    h3: 'Title 3',
+    h4: 'Title 4',
+    h5: 'Title 5',
+    h6: 'Title 6',
+    font: 'Font',
+    size: 'Font size',
+    songti: 'Tahoma',
+    yahei: 'Microsoft Yahei',
+    kaiti: 'Regular script',
+    heiti: 'Bold',
+    lishu: 'Official script',
+    bold: 'Bold',
+    italic: 'Italic',
+    underline: 'underline',
+    strike: 'Strike through the line',
+    color: 'Font color',
+    background: 'Background color',
+    orderedList: 'Ordered List',
+    unorderedList: 'Unordered List',
+    checkList: 'Task List',
+    left: 'Left aligned',
+    center: 'Center',
+    right: 'Right aligned',
+    image: 'Image',
+    file: 'File',
+    table: 'Table',
+    link: 'hyperlink',
+    code: 'In line code',
+    codeBlock: 'Code block',
+    blockQuote: 'Quoting',
+    superscript: 'Superscript',
+    subscript: 'Subscript',
+    globalLink: 'Global Links',
+    emoji: 'emoji',
+    fullScreen: 'Full Screen',
+    exitFullScreen: 'Exit full screen',
+    help: 'Help',
+    more: 'More',
+    helpFormat: 'Format',
+    helpInsert: 'Insert',
+    helpOperation: 'Operation',
+    mention: 'Mention someone',
+    quickMenu: 'Shortcut Menu',
+    toggleHelpPanel: 'Open/Close Help Panel',
+    scrollTable: 'Horizontal scrolling table',
+    mouseWheel: 'Mouse wheel',
+    save: 'Save',
+    copyCells: 'Copy',
+    copyTable: 'Copy Table',
+    cutCells: 'Cut',
+    emptyCells: 'Empty content',
+    insertRowUp: 'Insert row on',
+    insertRowDown: 'Insert row below',
+    insertColumnLeft: 'Insert row left',
+    insertColumnRight: 'Insert row right',
+    mergeCells: 'Merge Cells',
+    unmergeCells: 'Split Cells',
+    deleteRow: 'Delete the current row',
+    deleteColumn: 'Delete the current column',
+    deleteTable: 'Delete Table',
+    defaultLinkText: 'Link',
+    basicBlock: 'Card',
+    linkPlaceholder: 'Please enter the link address and press Enter to confirm',
+    char: 'character',
+    word: 'Word',
+    countLimitTips: '{{countUnit}} number exceeds the maximum allowed value',
+    ieMsg: 'For a better experience, please use Chrome browser',
+    loading: 'Loading...',
+    pasting: 'You have pasted a lot of content and are working hard to load it. Please be patient and wait...'
+  }
+};
\ No newline at end of file
diff --git a/packages/devui-vue/devui/locale/lang/zh-cn.ts b/packages/devui-vue/devui/locale/lang/zh-cn.ts
index 7a5489c96b..5c549f5056 100644
--- a/packages/devui-vue/devui/locale/lang/zh-cn.ts
+++ b/packages/devui-vue/devui/locale/lang/zh-cn.ts
@@ -1,8 +1,12 @@
 export default {
+  common: {
+    lang: 'zh-cn'
+  },
   pagination: {
     totalItemText: '所有条目',
     goToText: '跳至',
     perPage: '条/页',
+    pageSize: '每页条数'
   },
   accordion: {
     loading: '加载中',
@@ -17,6 +21,11 @@ export default {
   colorPicker: {
     foundationPanel: '基础面板',
     advancedPanel: '高级面板',
+    commonColor: '常用颜色',
+    solid: '纯色',
+    linear: '线性渐变',
+    radial: '径向渐变',
+    used: '最近使用'
   },
   datePickerPro: {
     ok: '确定',
@@ -65,6 +74,7 @@ export default {
   table: {
     selectAll: '全选',
     ok: '确定',
+    noData: '暂无数据',
   },
   timePopup: {
     ok: '确定',
@@ -95,6 +105,23 @@ export default {
     getNotAllowedFileTypeMsg(filename: string, scope: string): string {
       return `支持的文件类型: "${scope}", 您上传的文件"${filename}"不在允许范围内，请重新选择文件`;
     },
+    warning: '提醒',
+    upload: '上传',
+    chooseFile: '选择文件',
+    chooseFiles: '选择多个文件',
+    preload: '预加载',
+    uploading: '上传zhong...',
+    uploaded: '已上传',
+    uploadFailed: '上传失败',
+    uploadSuccess: '上传成功!',
+    delete: '删除',
+    reUpload: '重新上传',
+    cancelUpload: '取消上传',
+    uploadFailedCount: '个文件上传失败',
+    upLoading: '正在上传',
+    addCount(filesCount: number): string {
+      return `已添加${filesCount}个文件`
+    }
   },
   search: {
     placeholder: '请输入关键字',
@@ -107,8 +134,162 @@ export default {
   },
   tagInput: {
     maxTagsText: '已达到最大个数：',
+    noData: '暂无数据',
   },
   timeSelect: {
     placeholder: '请选择时间',
   },
-};
+  relativeTime: {
+    yearsAgo(num: number) {
+      return num === 1 ? '去年' : `${num}年前`
+    },
+    monthsAgo(num: number) {
+      return num === 1 ? '上个月' : `${num}个月前`
+    },
+    weeksAgo(num: number) {
+      return num === 1 ? '上周' : `${num}周前`
+    },
+    daysAgo(num: number) {
+      return num === 1 ? '昨天' : `${num}天前`
+    },
+    daysLater(num: number) {
+      return num === 1 ? '明天' : `${num}天后`
+    },
+    weeksLater(num: number) {
+      return num === 1 ? '下周' : `${num}周后`
+    },
+    monthsLater(num: number) {
+      return num === 1 ? '下个月' : `${num}个月后`
+    },
+    yearsLater(num: number) {
+      return num === 1 ? '明年' : `${num}年后`
+    },
+    hoursAgo: '小时前',
+    minutesAgo: '分钟前',
+    justnow: '刚刚',
+    later: '稍后',
+    minutesLater: '分钟后',
+    hoursLater: '小时后'
+  },
+  modal: {
+    success: '成功',
+    error: '错误',
+    warning: '警告',
+    info: '信息'
+  },
+  autoComplete: {
+    latestInput: '最近输入',
+    placeholder: '搜索',
+  },
+  datePicker: {
+    getWeekDays(): Array<string> {
+      return ['日', '一', '二', '三', '四', '五', '六'];
+    },
+    today: '今天',
+    year: '年',
+    month: '月'
+  },
+  form: {
+    minValue: '最小值为',
+    validSuccess: '校验通过',
+    maxValue: '最大值为',
+    maxLength: '最大长度为',
+    minLength: '最小长度为',
+    isTrue: '必须为true值',
+    errorEmail: '邮箱格式不正确',
+    errorRegular: '正则不匹配',
+    notOnlySpace: '不能全为空格',
+  },
+  mention: {
+    loading: '加载中... '
+  },
+  quadrantDiagram: {
+    xAxisLabel: '紧急度',
+    yAxisLabel: '重要度',
+    importantAndUrgent: '重要紧急',
+    importantNoturgent: '重要不紧急',
+    notImportantNoturgent: '不重要不紧急',
+    notImportantAndUrgent: '不重要紧急'
+  },
+  codeReview: {
+    copyFilePath: '复制文件路径'
+  },
+  editorMd: {
+    undo: '撤销',
+    redo: '重做',
+    clean: '清除格式',
+    header: '段落样式',
+    normal: '正文',
+    h1: '标题1',
+    h2: '标题2',
+    h3: '标题3',
+    h4: '标题4',
+    h5: '标题5',
+    h6: '标题6',
+    font: '字体',
+    size: '字号',
+    songti: '宋体',
+    yahei: '微软雅黑',
+    kaiti: '楷体',
+    heiti: '黑体',
+    lishu: '隶书',
+    bold: '粗体',
+    italic: '斜体',
+    underline: '下划线',
+    strike: '删除线',
+    color: '字体颜色',
+    backgound: '背景色',
+    orderedList: '有序列表',
+    unorderedList: '无序列表',
+    checkList: '任务列表',
+    left: '左对齐',
+    center: '居中',
+    right: '右对齐',
+    image: '图片',
+    file: '文件',
+    table: '表格',
+    link: '超链接',
+    code: '行内代码',
+    codeBlock: '代码块',
+    blockQuote: '引用',
+    superScript: '上标',
+    subScript: '下标',
+    globalLink: '全局链接',
+    emoji: '表情',
+    fullScreen: '全屏',
+    exitFullScreen: '退出全屏',
+    help: '帮助',
+    more: '更多',
+    helpFormat: '格式',
+    helpInsert: '插入',
+    helpOperation: '操作',
+    mention: '提及某人',
+    quickMenu: '快捷菜单',
+    toggleHelpPanel: '打开/关闭帮助面板',
+    scrollTable: '水平滚动表格',
+    mouseWheel: '鼠标滚轮',
+    save: '保存',
+    copyCells: '复制',
+    copyTable: '复制表格',
+    cutCells: '剪切',
+    emptyCells: '清空内容',
+    insertRowUp: '上插入行',
+    insertRowDown: '下插入行',
+    insertColumnLeft: '左插入行',
+    insertColumnRight: '右插入行',
+    mergeCells: '合并单元格',
+    unmergeCells: '拆分单元格',
+    deleteRow: '删除当前行',
+    deleteColumn: '删除当前列',
+    deleteTable: '删除表格',
+    defaultLinkText: '链接',
+    basicBlock: '卡片',
+    linkPlaceholder: '请输入链接地址，按回车确认',
+    char: '字符',
+    word: '单词',
+    counterLimitTips: '{{countUnit}}数超出最大允许值',
+    ieMsg: '为了更好体验，请使用chrome浏览器',
+    loading: '正在加载中...',
+    pasting: '您粘贴内容较多, 正在努力加载中，请耐心等待...'
+  }
+};
\ No newline at end of file