lt-a-baseui 1.0.36 → 1.0.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lt-a-baseui",
-  "version": "1.0.36",
+  "version": "1.0.38",
   "private": false,
   "description": "a lib base on longtec",
   "main": "lib/lt-a-baseui.umd.min.js",
@@ -60,6 +60,7 @@
     "typescript": "~4.5.5"
   },
   "files": [
-    "lib"
+    "lib",
+    "packages/locales"
   ]
 }

package/packages/locales/config.ts

@@ -0,0 +1,21 @@
+export type LocaleType = keyof typeof localeMap;
+
+export const localeMap = {
+  zh_CN: 'zh_CN',
+  en_US: 'en_US',
+} as const;
+
+export const localeList = [
+  {
+    lang: localeMap.en_US,
+    label: 'English',
+    icon: '🇺🇸',
+    title: 'Language',
+  },
+  {
+    lang: localeMap.zh_CN,
+    label: '简体中文',
+    icon: '🇨🇳',
+    title: '语言',
+  },
+] as const;

package/packages/locales/helper.ts

@@ -0,0 +1,36 @@
+import { set } from 'lodash-es';
+import type { LocaleType } from './config';
+
+export const loadLocalePool: LocaleType[] = [];
+
+export function setHtmlPageLang(locale: LocaleType) {
+  document.querySelector('html')?.setAttribute('lang', locale);
+}
+
+export function setLoadLocalePool(cb: (loadLocalePool: LocaleType[]) => void) {
+  cb(loadLocalePool);
+}
+
+export function genMessage(langs: __WebpackModuleApi.RequireContext, prefix = 'lang') {
+  const obj: Recordable = {};
+
+  langs.keys().forEach((key) => {
+    const langFileModule = langs(key).default;
+    let fileName = key.replace(`./${prefix}/`, '').replace(/^\.\//, '');
+    const lastIndex = fileName.lastIndexOf('.');
+    fileName = fileName.substring(0, lastIndex);
+    const keyList = fileName.split('/');
+    const moduleName = keyList.shift();
+    const objKey = keyList.join('.');
+
+    if (moduleName) {
+      if (objKey) {
+        set(obj, moduleName, obj[moduleName] || {});
+        set(obj[moduleName], objKey, langFileModule);
+      } else {
+        set(obj, moduleName, langFileModule || {});
+      }
+    }
+  });
+  return obj;
+}

package/packages/locales/index.ts

@@ -0,0 +1,41 @@
+import { type App } from "vue";
+import { createI18n } from "vue-i18n";
+import { localeMap } from "./config";
+import { setHtmlPageLang, setLoadLocalePool } from "./helper";
+import { useLocaleStoreWithOut } from "../store/modules/locale";
+const enUS = require("./lang/en_US");
+const zhCN = require("./lang/zh_CN");
+
+function createI18nOptions() {
+  const localeStore = useLocaleStoreWithOut();
+  const locale = localeStore.getLocale;
+  const defaultLocal = locale == "zh_CN" ? zhCN : enUS;
+  //  await import(`./lang/${locale}.ts`);
+  const message = defaultLocal.default?.message ?? {};
+
+  setHtmlPageLang(locale);
+  setLoadLocalePool((loadLocalePool) => {
+    loadLocalePool.push(locale);
+  });
+
+  return {
+    locale,
+    legacy: false,
+    fallbackLocale: localeMap.zh_CN, // set fallback locale
+    messages: {
+      [locale]: message as { [key: string]: string },
+    },
+    globalInjection: true,
+    silentTranslationWarn: true, // true - warning off
+    missingWarn: false,
+    silentFallbackWarn: true,
+  };
+}
+
+const options =  createI18nOptions();
+export const i18n = createI18n(options);
+
+// setup i18n instance with global
+export function setupI18n(app: App) {
+  app.use(i18n);
+}

package/packages/locales/lang/en-US/common.js

@@ -0,0 +1,23 @@
+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',
+  edit:"Edit",
+  fullScreen:"fullScreen",
+  exitfullScreen:"exitfullScreen",
+  LockScreen:"LockScreen",
+  ExitSystem:"ExitSystem",
+  changeLuaguage:"changeLuaguage"
+};

package/packages/locales/lang/en-US/component.js

@@ -0,0 +1,52 @@
+export default {
+  excel: {
+    exportModalTitle: 'Export data',
+    fileType: 'File type',
+    fileName: 'File name',
+    exportCurrent: 'Export Current',
+    exportAll: 'Export All',
+    export:"Export"
+  },
+  form: {
+    putAway: 'Put away',
+    unfold: 'Unfold',
+    maxTip: 'The number of characters should be less than {0}',
+    apiSelectNotFound: 'Wait for data loading to complete...',
+  },
+  table: {
+    settingDens: 'Density',
+    settingDensDefault: 'Default',
+    settingDensMiddle: 'Middle',
+    settingDensSmall: 'Compact',
+    settingColumn: 'Column settings',
+    settingColumnShow: 'Column display',
+    settingIndexColumnShow: 'Index Column',
+    settingFixedLeft: 'Fixed Left',
+    settingFixedRight: 'Fixed Right',
+    settingFullScreen: 'Full Screen',
+    settingBordered: 'Bordered',
+    index: 'Index',
+    total: 'total of {total}',
+    allLabel: 'All',
+    YesLabel: 'Yes',
+    NoLabel: 'NO',
+    settingOrder: 'Order setting',
+    union: 'union',
+    confirm: 'confirm',
+    cancel: 'cancel',
+    Ascending: 'Ascending',
+    Descending: 'Descending',
+    singleAscending: 'single Ascending',
+    fullScreen: 'full screen',
+    exitFullScreen: 'Exit full screen',
+    IntWarning: 'Please input int number in {1}',
+    LengthWarning: "{1}'length is larger then max,please check",
+    FloatWarning: 'Please float int number in {1}',
+    batchQueryItem: 'Query by batch',
+    selectColInfo: 'Please select query cols',
+    editInDlg: 'Edit in dialog',
+    show: 'show',
+    showInDlg: 'Detils info',
+    validWarning:"Please check the form data"
+  },
+};

package/packages/locales/lang/en-US/layout.js

@@ -0,0 +1,115 @@
+export default {
+  footer: { onlinePreview: 'Preview', onlineDocument: 'Document' },
+  header: {
+    // user dropdown
+    dropdownItemDoc: 'Document',
+    dropdownItemLoginOut: 'Login 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',
+  },
+};

package/packages/locales/lang/en-US/routes/account.js

@@ -0,0 +1,4 @@
+export default {
+  settings: 'settings',
+  about: 'about',
+};

package/packages/locales/lang/en-US/routes/basic.js

@@ -0,0 +1,4 @@
+export default {
+  login: 'Login',
+  errorLogList: 'Error Log',
+};

package/packages/locales/lang/en-US/routes/dashboard.js

@@ -0,0 +1,6 @@
+export default {
+  dashboard: 'Dashboard',
+  about: 'About',
+  workbench: 'Workbench',
+  analysis: 'Analysis',
+};

package/packages/locales/lang/en-US/routes/demo.js

@@ -0,0 +1,19 @@
+export default {
+  demo: 'Demo',
+  button: 'Button Extension',
+  modal: 'Draggable Modal',
+  form: {
+    demo: 'Form Demo',
+    basic: 'Basic Form',
+    rule: 'Rule Form',
+    dynamic: 'Dynamic Form',
+    customForm: 'Custom Form Component',
+  },
+  table: {
+    demo: 'Table Demo',
+    searchTable: 'Search Table',
+    wzry: 'Honor of Kings',
+    lol: 'League of Legends',
+  },
+  icon: 'Custom Icon',
+};

package/packages/locales/lang/en_US.js

@@ -0,0 +1,35 @@
+import antdLocale from 'ant-design-vue/es/locale/en_US';
+// import { genMessage } from '../helper';
+import { set } from 'lodash-es';
+function genMessage(langs, prefix = 'lang') {
+  const obj = {};
+  langs.keys().forEach((key) => {
+    const langFileModule = langs(key).default;
+    let fileName = key.replace(`./${prefix}/`, '').replace(/^\.\//, '');
+    const lastIndex = fileName.lastIndexOf('.');
+    fileName = fileName.substring(0, lastIndex);
+    const keyList = fileName.split('/');
+    const moduleName = keyList.shift();
+    const objKey = keyList.join('.');
+
+    if (moduleName) {
+      if (objKey) {
+        set(obj, moduleName, obj[moduleName] || {});
+        set(obj[moduleName], objKey, langFileModule);
+      } else {
+        set(obj, moduleName, langFileModule || {});
+      }
+    }
+  });
+  return obj;
+}
+const modulesFiles = require.context('./en-US', true, /\.js$/);
+
+export default {
+  message: {
+    ...genMessage(modulesFiles, 'en-US'),
+    antdLocale,
+  },
+  dateLocale: null,
+  dateLocaleName: 'en-US',
+};

package/packages/locales/lang/zh-CN/common.js

@@ -0,0 +1,23 @@
+export default {
+  okText: '确认',
+  closeText: '关闭',
+  cancelText: '取消',
+  loadingText: '加载中...',
+  saveText: '保存',
+  delText: '删除',
+  resetText: '重置',
+  searchText: '搜索',
+  queryText: '查询',
+  inputText: '请输入',
+  chooseText: '请选择',
+  redo: '刷新',
+  back: '返回',
+  light: '亮色主题',
+  dark: '黑暗主题',
+  edit:"编辑",
+  fullScreen:"全屏",
+  exitfullScreen:"退出全屏",
+  LockScreen:"锁屏",
+  ExitSystem:"退出系统",
+  changeLuaguage:"切换语言"
+};

package/packages/locales/lang/zh-CN/component.js

@@ -0,0 +1,54 @@
+export default {
+  excel: {
+    exportModalTitle: '导出数据',
+    fileType: '文件类型',
+    fileName: '文件名',
+    exportCurrent: '导出当前数据',
+    exportAll: '导出所有数据',
+    export:"导出"
+  },
+  form: {
+    putAway: '收起',
+    unfold: '展开',
+
+    maxTip: '字符数应小于{0}位',
+
+    apiSelectNotFound: '请等待数据加载完成...',
+  },
+  table: {
+    settingDens: '密度',
+    settingDensDefault: '默认',
+    settingDensMiddle: '中等',
+    settingDensSmall: '紧凑',
+    settingColumn: '列设置',
+    settingColumnShow: '列展示',
+    settingIndexColumnShow: '序号列',
+    settingFixedLeft: '固定到左侧',
+    settingFixedRight: '固定到右侧',
+    settingFullScreen: '全屏',
+    settingBordered: '边框',
+    index: '序号',
+    total: '共 {total} 条数据',
+    allLabel: '全部',
+    YesLabel: '是',
+    NoLabel: '否',
+    settingOrder: '排序设置',
+    union: '联合排序',
+    confirm: '确定',
+    cancel: '取消',
+    Ascending: '升序',
+    Descending: '降序',
+    singleAscending: '单独排序',
+    fullScreen: '全屏',
+    exitFullScreen: '退出全屏',
+    IntWarning: '请在{1}中输入正确的整型值',
+    LengthWarning: '{1}的长度超过最大值，请重新输入',
+    FloatWarning: '请在{1}中输入正确的浮点数',
+    batchQueryItem: '批量查询条件',
+    selectColInfo: '请选择查询列',
+    editInDlg: '在弹窗中编辑',
+    show: '查看',
+    showInDlg: '详细信息',
+    validWarning:"请检查界面数据"
+  },
+};

package/packages/locales/lang/zh-CN/layout.js

@@ -0,0 +1,115 @@
+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: '固定展开菜单',
+  },
+};

package/packages/locales/lang/zh-CN/routes/account.js

@@ -0,0 +1,4 @@
+export default {
+  settings: '个人设置',
+  about: '关于',
+};

package/packages/locales/lang/zh-CN/routes/basic.js

@@ -0,0 +1,4 @@
+export default {
+  login: '登录',
+  errorLogList: '错误日志列表',
+};

package/packages/locales/lang/zh-CN/routes/dashboard.js

@@ -0,0 +1,6 @@
+export default {
+  dashboard: '仪表盘',
+  about: '关于',
+  workbench: '工作台',
+  analysis: '分析页',
+};

package/packages/locales/lang/zh-CN/routes/demo.js

@@ -0,0 +1,19 @@
+export default {
+  demo: 'demo演示',
+  button: '按钮的扩展',
+  modal: '可拖拽弹窗',
+  form: {
+    demo: '表单演示',
+    basic: '基础表单',
+    rule: '表单校验',
+    dynamic: '动态表单',
+    customForm: '自定义表单组件',
+  },
+  table: {
+    demo: '表格演示',
+    searchTable: '查询表格',
+    wzry: '王者荣耀',
+    lol: '英雄联盟',
+  },
+  icon: '自定义图标',
+};

package/packages/locales/lang/zh_CN.js

@@ -0,0 +1,33 @@
+import antdLocale from 'ant-design-vue/es/locale/zh_CN';
+import { set } from 'lodash-es';
+
+function genMessage(langs, prefix = 'lang') {
+  const obj = {};
+  langs.keys().forEach((key) => {
+    const langFileModule = langs(key).default;
+    let fileName = key.replace(`./${prefix}/`, '').replace(/^\.\//, '');
+    const lastIndex = fileName.lastIndexOf('.');
+    fileName = fileName.substring(0, lastIndex);
+    const keyList = fileName.split('/');
+    const moduleName = keyList.shift();
+    const objKey = keyList.join('.');
+    if (moduleName) {
+      if (objKey) {
+        set(obj, moduleName, obj[moduleName] || {});
+        set(obj[moduleName], objKey, langFileModule);
+      } else {
+        set(obj, moduleName, langFileModule || {});
+      }
+    }
+  });
+  return obj;
+}
+
+const modulesFiles = require.context('./zh-CN', true, /\.js$/);
+ 
+export default {
+  message: {
+    ...genMessage(modulesFiles, 'zh-CN'),
+    antdLocale,
+  },
+};

package/packages/locales/useLocale.ts

@@ -0,0 +1,68 @@
+/**
+ * Multi-language related operations
+ */
+import { unref, computed } from 'vue';
+import { loadLocalePool, setHtmlPageLang } from './helper';
+import { i18n } from './';
+import type { LocaleType } from './config';
+import type { Locale } from 'ant-design-vue/es/locale-provider';
+
+import { useLocaleStoreWithOut } from '@/store/modules/locale';
+
+interface LangModule {
+  message: Recordable;
+  dateLocale: Recordable;
+  dateLocaleName: string;
+}
+
+function setI18nLanguage(locale: LocaleType) {
+  const localeStore = useLocaleStoreWithOut();
+
+  if (i18n.mode === 'legacy') {
+    i18n.global.locale = locale;
+  } else {
+    (i18n.global.locale as any).value = locale;
+  }
+  localeStore.setLocale(locale);
+  setHtmlPageLang(locale);
+}
+
+export function useLocale() {
+  const localeStore = useLocaleStoreWithOut();
+  const getLocale = computed(() => localeStore.getLocale);
+
+  const getAntdLocale = computed<Locale>((): any => {
+    return i18n.global.getLocaleMessage<{ antdLocale: Locale }>(unref(getLocale)).antdLocale;
+  });
+
+  // Switching the language will change the locale of useI18n
+  // And submit to configuration modification
+  async function changeLocale(locale: LocaleType) {
+    const globalI18n = i18n.global;
+    const currentLocale = unref(globalI18n.locale);
+    if (currentLocale === locale) {
+      return locale;
+    }
+
+    if (loadLocalePool.includes(locale)) {
+      setI18nLanguage(locale);
+      return locale;
+    }
+    const langModule = ((await import(`./lang/${locale}.ts`)) as any).default as LangModule;
+    if (!langModule) return;
+
+    const { message } = langModule;
+
+    globalI18n.setLocaleMessage(locale, message);
+    loadLocalePool.push(locale);
+
+    setI18nLanguage(locale);
+    return locale;
+  }
+
+  return {
+    getLocale,
+    changeLocale,
+    getAntdLocale,
+  };
+}