@kengic/vue 0.30.1-beta.93 → 0.30.1-beta.95

package/config/index.ts

@@ -0,0 +1,347 @@
+import { addIcon, Icon } from '@iconify/vue';
+import { ____DEBUG____, ____ERROR____, ____INFO_____ } from '@kengic/core.core';
+import { initKgCoreReact } from '@kengic/core.react';
+import { Spin } from 'ant-design-vue';
+import { createPinia, StoreDefinition } from 'pinia';
+import { App, h, ref } from 'vue';
+import { Router } from 'vue-router';
+import VxePcUi from 'vxe-pc-ui';
+import zhCHT from 'vxe-pc-ui/lib/language/zh-CHT'; // 繁体中文
+import zhCN from 'vxe-pc-ui/lib/language/zh-CN'; // 简体中文
+import VxeTable from 'vxe-table';
+import arEG from 'vxe-table/lib/locale/lang/ar-EG'; // 阿拉伯语(埃及)
+import deDE from 'vxe-table/lib/locale/lang/de-DE'; // 德语(德国)
+import enUS from 'vxe-table/lib/locale/lang/en-US'; // 英语(美国)
+import esES from 'vxe-table/lib/locale/lang/es-ES'; // 西班牙语(国际)
+import frFR from 'vxe-table/lib/locale/lang/fr-FR'; // 法语(法国)
+import huHU from 'vxe-table/lib/locale/lang/hu-HU'; // 匈牙利语
+import hyAM from 'vxe-table/lib/locale/lang/hy-AM'; // 亚美尼亚语
+import idID from 'vxe-table/lib/locale/lang/id-ID'; // 印度尼西亚语
+import itIT from 'vxe-table/lib/locale/lang/it-IT'; // 意大利语(意大利)
+import jaJP from 'vxe-table/lib/locale/lang/ja-JP'; // 日语
+import koKR from 'vxe-table/lib/locale/lang/ko-KR'; // 朝鲜语
+import msMY from 'vxe-table/lib/locale/lang/ms-MY'; // 马来语(马来西亚)
+import nbNO from 'vxe-table/lib/locale/lang/nb-NO'; // 挪威语(伯克梅尔)(挪威)
+import ptBR from 'vxe-table/lib/locale/lang/pt-BR'; // 葡萄牙语
+import ruRU from 'vxe-table/lib/locale/lang/ru-RU'; // 俄语
+import thTH from 'vxe-table/lib/locale/lang/th-TH'; // 泰语
+import ugCN from 'vxe-table/lib/locale/lang/ug-CN'; // 维吾尔语
+import ukUA from 'vxe-table/lib/locale/lang/uk-UA'; // 乌克兰语
+import viVN from 'vxe-table/lib/locale/lang/vi-VN'; // 越南语
+import zhHK from 'vxe-table/lib/locale/lang/zh-HK'; // 中文(香港)
+import zhMO from 'vxe-table/lib/locale/lang/zh-MO'; // 中文(澳门)
+import zhTW from 'vxe-table/lib/locale/lang/zh-TW'; // 中文(台湾)
+import { version } from '../../package.json';
+import { KG } from '../model';
+import { kgConfigLocale } from '../i18n';
+import { LocaleType } from '../project/types/config';
+import { kgConfigHttpClient } from '../service';
+import { KgUtil } from '../util';
+import { useKg } from './config.hooks';
+import { IKgOption, P } from './config.store';
+import '@kengic/core.react/index.css';
+
+//region 注册图标
+// 参考 https://docs.iconify.design/icon-components/vue/
+//----------------------------------------------------------------------------------------------------
+import('@iconify-icons/ant-design/aim-outlined').then(({ default: data }) => addIcon('ant-design:aim-outlined', data));
+import('@iconify-icons/ant-design/audit-outlined').then(({ default: data }) => addIcon('ant-design:audit-outlined', data));
+import('@iconify-icons/ant-design/caret-down-outlined').then(({ default: data }) => addIcon('ant-design:caret-down-outlined', data));
+import('@iconify-icons/ant-design/caret-up-outlined').then(({ default: data }) => addIcon('ant-design:caret-up-outlined', data));
+import('@iconify-icons/ant-design/caret-left-outlined').then(({ default: data }) => addIcon('ant-design:caret-left-outlined', data));
+import('@iconify-icons/ant-design/caret-right-filled').then(({ default: data }) => addIcon('ant-design:caret-right-filled', data));
+import('@iconify-icons/ant-design/caret-right-outlined').then(({ default: data }) => addIcon('ant-design:caret-right-outlined', data));
+import('@iconify-icons/ant-design/check-circle-outlined').then(({ default: data }) => addIcon('ant-design:check-circle-outlined', data));
+import('@iconify-icons/ant-design/check-outlined').then(({ default: data }) => addIcon('ant-design:check-outlined', data));
+import('@iconify-icons/ant-design/check-square-outlined').then(({ default: data }) => addIcon('ant-design:check-square-outlined', data));
+import('@iconify-icons/ant-design/close-circle-outlined').then(({ default: data }) => addIcon('ant-design:close-circle-outlined', data));
+import('@iconify-icons/ant-design/close-outlined').then(({ default: data }) => addIcon('ant-design:close-outlined', data));
+import('@iconify-icons/ant-design/control-outlined').then(({ default: data }) => addIcon('ant-design:control-outlined', data));
+import('@iconify-icons/ant-design/copy-filled').then(({ default: data }) => addIcon('ant-design:copy-filled', data));
+import('@iconify-icons/ant-design/copy-outlined').then(({ default: data }) => addIcon('ant-design:copy-outlined', data));
+import('@iconify-icons/ant-design/delete-twotone').then(({ default: data }) => addIcon('ant-design:delete-twotone', data));
+import('@iconify-icons/ant-design/down-circle-outlined').then(({ default: data }) => addIcon('ant-design:down-circle-outlined', data));
+import('@iconify-icons/ant-design/download-outlined').then(({ default: data }) => addIcon('ant-design:download-outlined', data));
+import('@iconify-icons/ant-design/edit-outlined').then(({ default: data }) => addIcon('ant-design:edit-outlined', data));
+import('@iconify-icons/ant-design/edit-twotone').then(({ default: data }) => addIcon('ant-design:edit-twotone', data));
+import('@iconify-icons/ant-design/exception-outlined').then(({ default: data }) => addIcon('ant-design:exception-outlined', data));
+import('@iconify-icons/ant-design/eye-outlined').then(({ default: data }) => addIcon('ant-design:eye-outlined', data));
+import('@iconify-icons/ant-design/info-circle-outlined').then(({ default: data }) => addIcon('ant-design:info-circle-outlined', data));
+import('@iconify-icons/ant-design/pause-circle-outlined').then(({ default: data }) => addIcon('ant-design:pause-circle-outlined', data));
+import('@iconify-icons/ant-design/plus-outlined').then(({ default: data }) => addIcon('ant-design:plus-outlined', data));
+import('@iconify-icons/ant-design/printer-outlined').then(({ default: data }) => addIcon('ant-design:printer-outlined', data));
+import('@iconify-icons/ant-design/retweet-outlined').then(({ default: data }) => addIcon('ant-design:retweet-outlined', data));
+import('@iconify-icons/ant-design/delete-outlined').then(({ default: data }) => addIcon('ant-design:delete-outlined', data));
+import('@iconify-icons/ant-design/stop-outlined').then(({ default: data }) => addIcon('ant-design:stop-outlined', data));
+import('@iconify-icons/ant-design/setting-outlined').then(({ default: data }) => addIcon('ant-design:setting-outlined', data));
+import('@iconify-icons/ant-design/upload-outlined').then(({ default: data }) => addIcon('ant-design:upload-outlined', data));
+import('@iconify-icons/ant-design/search-outlined').then(({ default: data }) => addIcon('ant-design:search-outlined', data));
+import('@iconify-icons/ant-design/one-to-one-outlined').then(({ default: data }) => addIcon('ant-design:one-to-one-outlined', data));
+import('@iconify-icons/ant-design/reload-outlined').then(({ default: data }) => addIcon('ant-design:reload-outlined', data));
+import('@iconify-icons/ant-design/fullscreen-exit-outlined').then(({ default: data }) => addIcon('ant-design:fullscreen-exit-outlined', data));
+import('@iconify-icons/ant-design/fullscreen-outlined').then(({ default: data }) => addIcon('ant-design:fullscreen-outlined', data));
+import('@iconify-icons/ant-design/pause-outlined').then(({ default: data }) => addIcon('ant-design:pause-outlined', data));
+import('@iconify-icons/ant-design/bulb-outlined').then(({ default: data }) => addIcon('ant-design:bulb-outlined', data));
+import('@iconify-icons/ant-design/clock-circle-outline').then(({ default: data }) => addIcon('ant-design:clock-circle-outline', data));
+import('@iconify-icons/ant-design/file-text-outline').then(({ default: data }) => addIcon('ant-design:file-text-outline', data));
+import('@iconify-icons/ant-design/loading-outlined').then(({ default: data }) => addIcon('ant-design:loading-outlined', data));
+import('@iconify-icons/ant-design/holder-outlined').then(({ default: data }) => addIcon('ant-design:holder-outlined', data));
+import('@iconify-icons/ant-design/align-left-outlined').then(({ default: data }) => addIcon('ant-design:align-left-outlined', data));
+import('@iconify-icons/ant-design/double-right-outlined').then(({ default: data }) => addIcon('ant-design:double-right-outlined', data));
+import('@iconify-icons/ant-design/eye-invisible-outlined').then(({ default: data }) => addIcon('ant-design:eye-invisible-outlined', data));
+import('@iconify-icons/ant-design/more-outlined').then(({ default: data }) => addIcon('ant-design:more-outlined', data));
+import('@iconify-icons/ant-design/partition-outlined').then(({ default: data }) => addIcon('ant-design:partition-outlined', data));
+import('@iconify-icons/ant-design/profile-outlined').then(({ default: data }) => addIcon('ant-design:profile-outlined', data));
+
+import('@iconify-icons/material-symbols/collapse-all-rounded').then(({ default: data }) => addIcon('material-symbols:collapse-all-rounded', data));
+import('@iconify-icons/material-symbols/expand-all-rounded').then(({ default: data }) => addIcon('material-symbols:expand-all-rounded', data));
+import('@iconify-icons/material-symbols/fit-screen-outline').then(({ default: data }) => addIcon('material-symbols:fit-screen-outline', data));
+import('@iconify-icons/material-symbols/save-outline-rounded').then(({ default: data }) => addIcon('material-symbols:save-outline-rounded', data));
+import('@iconify-icons/material-symbols/save-as-outline-rounded').then(({ default: data }) => addIcon('material-symbols:save-as-outline-rounded', data));
+import('@iconify-icons/material-symbols/check-box-outline-blank').then(({ default: data }) => addIcon('material-symbols:check-box-outline-blank', data));
+import('@iconify-icons/material-symbols/play-arrow-rounded').then(({ default: data }) => addIcon('material-symbols:play-arrow-rounded', data));
+import('@iconify-icons/material-symbols/pause-rounded').then(({ default: data }) => addIcon('material-symbols:pause-rounded', data));
+
+import('@iconify-icons/akar-icons/stop').then(({ default: data }) => addIcon('akar-icons:stop', data));
+
+import('@iconify-icons/eos-icons/bubble-loading').then(({ default: data }) => addIcon('eos-icons:bubble-loading', data));
+
+import('@iconify-icons/fluent-mdl2/release-gate-check').then(({ default: data }) => addIcon('fluent-mdl2:release-gate-check', data));
+
+import('@iconify-icons/mdi/checkbox-indeterminate').then(({ default: data }) => addIcon('mdi:checkbox-indeterminate', data));
+import('@iconify-icons/mdi/card-text-outline').then(({ default: data }) => addIcon('mdi:card-text-outline', data));
+import('@iconify-icons/mdi/email-resend-outline').then(({ default: data }) => addIcon('mdi:email-resend-outline', data));
+import('@iconify-icons/mdi/palette-swatch-variant').then(({ default: data }) => addIcon('mdi:palette-swatch-variant', data));
+
+import('@iconify-icons/ph/key-return-thin').then(({ default: data }) => addIcon('ph:key-return-thin', data));
+//----------------------------------------------------------------------------------------------------
+//endregion
+
+//region VXE 注册语言
+//----------------------------------------------------------------------------------------------------
+VxeTable.setI18n('zh-CN', zhCN);
+VxeTable.setI18n('zh-CHT', zhCHT);
+VxeTable.setI18n('zh-HK', zhHK);
+VxeTable.setI18n('zh-TW', zhTW);
+VxeTable.setI18n('zh-MO', zhMO);
+VxeTable.setI18n('ar-EG', arEG);
+VxeTable.setI18n('de-DE', deDE);
+VxeTable.setI18n('en-US', enUS);
+VxeTable.setI18n('es-ES', esES);
+VxeTable.setI18n('fr-FR', frFR);
+VxeTable.setI18n('hu-HU', huHU);
+VxeTable.setI18n('hy-AM', hyAM);
+VxeTable.setI18n('ja-JP', jaJP);
+VxeTable.setI18n('ko-KR', koKR);
+VxeTable.setI18n('nb-NO', nbNO);
+VxeTable.setI18n('pt-BR', ptBR);
+VxeTable.setI18n('ru-RU', ruRU);
+VxeTable.setI18n('ug-CN', ugCN);
+VxeTable.setI18n('uk-UA', ukUA);
+VxeTable.setI18n('vi-VN', viVN);
+VxeTable.setI18n('th-TH', thTH);
+VxeTable.setI18n('it-IT', itIT);
+VxeTable.setI18n('id-ID', idID);
+VxeTable.setI18n('ms-MY', msMY);
+//----------------------------------------------------------------------------------------------------
+//endregion
+
+const pinia = createPinia();
+
+Spin.setDefaultIndicator({
+    indicator: h(Icon, { height: 14, icon: 'eos-icons:bubble-loading', width: 14 }),
+});
+
+//region 轮询检查新版
+//----------------------------------------------------------------------------------------------------
+/**
+ * <p>是否取消刷新页面.</p>
+ * <p>当检查到有新版本时, 会弹窗提示是否立即刷新页面, 如果用户点击了取消, 则不会立即刷新页面, 并且后续不再轮询检查新版, 此时用户需要在合适的时候自己手动刷新页面.</p>
+ */
+let isCancelReload = false;
+
+setTimeout(() => {
+    const kg = useKg();
+
+    setInterval(async () => {
+        if (isCancelReload) {
+            return;
+        }
+
+        const oldScriptHash = (document.querySelector('script[type="module"][crossorigin]') as HTMLScriptElement)?.src?.match(/(.*)?index\.(.*)?\.js/)?.[2] ?? '';
+        ____DEBUG____(`检查新版 ｜ 旧的哈希「${oldScriptHash}」`);
+
+        // 旧的哈希有值, 表示生产环境,
+        if (oldScriptHash) {
+            try {
+                const html = await (await fetch('/index.html')).text();
+                const newScriptHash = html?.match(/(.*)?<script type="module" crossorigin(="")? src="\/assets\/index\.(.*)?\.js/)?.[3] ?? '';
+                ____DEBUG____(`检查新版 ｜ 新的哈希「${newScriptHash}」`);
+
+                // 有新版本,
+                if (oldScriptHash && newScriptHash && oldScriptHash !== newScriptHash) {
+                    ____INFO_____(`检查新版 ｜ 有新版本`);
+
+                    KgUtil.confirm({
+                        content: kg.t('Kg.CheckUpdate.Message', {}, '有新版本, 是否立即刷新生效 ?'),
+                        okButtonProps: { danger: false },
+                        okText: kg.t('Kg.CheckUpdate.OkText', {}, '立即刷新'),
+                        onOk: () => {
+                            window.location.reload();
+                        },
+                        onCancel: () => {
+                            isCancelReload = true;
+                        },
+                    });
+                }
+                // 无新版本,
+                else {
+                    // N/A
+                }
+            } catch (e) {
+                ____ERROR____('检查新版 ｜ 获取最新页面内容失败');
+            }
+        }
+        // 旧的哈希无值, 表示不是生产环境,
+        else {
+            // N/A
+        }
+    }, 1000 * 60);
+}, 1000);
+
+//----------------------------------------------------------------------------------------------------
+//endregion
+
+//region 初始
+//----------------------------------------------------------------------------------------------------
+
+type IKgSetupParameter = {
+    app: App;
+
+    i18n: any;
+
+    /** 配置参数. */
+    option?: IKgOption;
+
+    /** 权限方法, 用来判断是否具有某个(某些)权限. */
+    pFunction: P;
+
+    router: Router;
+
+    /** 状态数据: 权限. */
+    usePermissionStore: StoreDefinition<any, any, any, any>;
+
+    /** 状态数据: 用户. */
+    useUserStore: StoreDefinition<any, any, any, any>;
+};
+
+/** @deprecated 已废弃, 请使用 {@link IKgSetupParameter} */
+type IKgOptions = IKgSetupParameter;
+
+/**
+ * 初始.
+ *
+ * @param param 选项参数.
+ */
+async function setup(param: IKgSetupParameter): Promise<void> {
+    ____INFO_____(`当前版本 ${version}`);
+
+    if (!param.pFunction) {
+        ____ERROR____('setup() | 缺少必要的初始化参数', { param: param });
+        throw new Error('[@kengic/vue] 初始化失败, 缺少必要的参数');
+    }
+
+    const kg = useKg();
+
+    kg.setI18n(param.i18n);
+    kg.setOption(param.option ?? {});
+    kg.setP(param.pFunction);
+    kg.setRouter(param.router);
+    kg.setUsePermissionStore(param.usePermissionStore);
+    kg.setUseUserStore(param.useUserStore);
+    kg.setT(param.i18n);
+
+    param.app.use(VxePcUi);
+    param.app.use(VxeTable);
+
+    VxeTable.setLanguage(
+        ((): any => {
+            switch (kg.locale.value) {
+                case 'en': {
+                    return 'en-US';
+                }
+                default:
+                    return kg.locale.value?.replace('_', '-');
+            }
+        })(),
+    );
+
+    initKgCoreReact({
+        ref: ref,
+        option: {
+            KgWorkStation: param.option?.KgStation,
+        },
+    });
+}
+//----------------------------------------------------------------------------------------------------
+//endregion
+
+//region 配置
+//----------------------------------------------------------------------------------------------------
+type IKgConfigParameter = {
+    app: App<Element>;
+    axios: any;
+
+    i18n?: {
+        /**
+         * 语言数据.
+         */
+        I18N?: Record<string, any>;
+
+        /**
+         * <p>可选择的语言. 默认可选所有语言.</p>
+         */
+        availableLocales?: Array<LocaleType>;
+
+        /**
+         * 默认语言.
+         *
+         * @default 'zh_CN'.
+         */
+        defaultLocale?: LocaleType;
+    };
+
+    /**
+     * 是否请求翻译数据.
+     *
+     * @default true
+     */
+    isRequestDescriptionList?: boolean;
+};
+
+/**
+ * 配置.
+ *
+ * @param param 配置.
+ */
+async function kgConfig(param: IKgConfigParameter) {
+    param.app.use(pinia);
+
+    kgConfigLocale(param.i18n);
+    kgConfigHttpClient(param.axios);
+
+    //region 请求翻译数据,
+    //----------------------------------------------------------------------------------------------------
+    if (param.isRequestDescriptionList !== false) {
+        const kg = useKg();
+        await Promise.all([kg.requestVarConfigDescriptionList({ fid: KG.DESCRIPTION_KEY.KG }), kg.requestVarConfigDescriptionList({ fid: KG.DESCRIPTION_KEY.WEB })]);
+    }
+    //----------------------------------------------------------------------------------------------------
+    //endregion
+}
+//----------------------------------------------------------------------------------------------------
+//endregion
+
+export * from './config.hooks';
+export * from './config.store';
+export { pinia, type IKgSetupParameter, type IKgOptions, type IKgConfigParameter, kgConfig, setup };

package/i18n/cs_CZ.ts

@@ -0,0 +1 @@
+export default {};

package/i18n/en.ts

@@ -0,0 +1,236 @@
+export default {
+    'kg.KgAppSelect.businessManager': 'Business Manager',
+    'kg.KgAppSelect.dataManager': 'Data Manager',
+    'kg.KgAppSelect.sys': 'System Config',
+    'kg.KgAppSelect.tooltip': 'Switch Module',
+    'kg.KgButton.noApiUrl': 'No API Url.',
+    'kg.KgButton.noVarSubmitConfig': 'No VarSubmitConfig for This Button.',
+    'kg.KgCanvas.enterFullscreen': 'Enter Fullscreen',
+    'kg.KgCanvas.exitFullscreen': 'Exit Fullscreen',
+    'kg.KgCanvas.originalScale': 'Original Scale',
+    'kg.KgCanvas.overviewScale': 'Overview Scale',
+    'kg.KgCanvas.reload': 'Reload',
+    'kg.KgFormItem.formValidationMessageForGT': 'Must > {0}',
+    'kg.KgFormItem.formValidationMessageForGTE': 'Must >= {0}',
+    'kg.KgFormItem.formValidationMessageForInvalidFloat': 'Invalid Float',
+    'kg.KgFormItem.formValidationMessageForInvalidInteger': 'Invalid Integer',
+    'kg.KgFormItem.formValidationMessageForInvalidJSON': 'Invalid JSON',
+    'kg.KgFormItem.formValidationMessageForInvalidLetter': 'Invalid Letter',
+    'kg.KgFormItem.formValidationMessageForInvalidLowerLetter': 'Invalid Lower Letter',
+    'kg.KgFormItem.formValidationMessageForInvalidUpperLetter': 'Invalid Upper Letter',
+    'kg.KgFormItem.formValidationMessageForLT': 'Must < {0}',
+    'kg.KgFormItem.formValidationMessageForLTE': 'Must <= {0}',
+    'kg.KgFormItem.formValidationMessageForMaxLength': 'Max Length Is {0}',
+    'kg.KgFormItem.formValidationMessageForMinLength': 'Min Length Is {0}',
+    'kg.KgFormItem.formValidationMessageForRegularExpression': 'Invalid: {0}',
+    'kg.KgPageDdaCreate.confirm-cancel': 'Conform Cancel ?',
+    'kg.KgPageDdaCreate.done': 'Done',
+    'kg.KgPageDdaCreate.next-step': 'Next',
+    'kg.KgPageDdaCreate.previous-step': 'Previous',
+    'kg.KgPageDdaCreateBasic.form-id': 'ID',
+    'kg.KgPageDdaCreateBasic.form-name': 'Name',
+    'kg.KgPageDdaCreateBasic.maintenance': 'maintenance',
+    'kg.KgPageDdaCreateBasic.sql': 'SQL',
+    'kg.KgPageDdaCreateBasic.type': 'Type',
+    'kg.KgPageDdaCreateButton.button-var-name-reserved': 'Reserved',
+    'kg.KgPageDdaCreateButton.button-var-name-used': 'Duplicated',
+    'kg.KgPageDdaCreateMenu.parent-menu': 'Parent Menu',
+    'kg.KgPageDdaCreateSearch.available': 'Available',
+    'kg.KgPageDdaCreateSearch.column-desc': 'Description',
+    'kg.KgPageDdaCreateSearch.column-name': 'Name',
+    'kg.KgPageDdaCreateSearch.column-type': 'Type',
+    'kg.KgPageDdaCreateSearch.selected': 'Selected',
+    'kg.KgPageDdaCreateSubmit.available': 'Available',
+    'kg.KgPageDdaCreateSubmit.column-desc': 'Description',
+    'kg.KgPageDdaCreateSubmit.column-name': 'Name',
+    'kg.KgPageDdaCreateSubmit.column-type': 'Type',
+    'kg.KgPageDdaCreateSubmit.selected': 'Selected',
+    'kg.KgPageDdaCreateTable.available': 'Available',
+    'kg.KgPageDdaCreateTable.column-desc': 'Description',
+    'kg.KgPageDdaCreateTable.column-name': 'Name',
+    'kg.KgPageDdaCreateTable.column-type': 'Type',
+    'kg.KgPageDdaCreateTable.selected': 'Selected',
+    'kg.KgSearch.title': 'Search',
+    'kg.KgSearchConfigModal.BETWEEN': 'BT',
+    'kg.KgSearchConfigModal.BETWEEN-desc': 'Between',
+    'kg.KgSearchConfigModal.CONTAIN': '%%',
+    'kg.KgSearchConfigModal.CONTAIN-desc': 'Contain',
+    'kg.KgSearchConfigModal.EMPTY': 'EM',
+    'kg.KgSearchConfigModal.EMPTY-desc': 'IS EMPTY',
+    'kg.KgSearchConfigModal.END_WITH': '%E',
+    'kg.KgSearchConfigModal.END_WITH-desc': 'End With',
+    'kg.KgSearchConfigModal.EQ': '=',
+    'kg.KgSearchConfigModal.EQ-desc': 'Equal',
+    'kg.KgSearchConfigModal.GT': '>',
+    'kg.KgSearchConfigModal.GT-desc': 'Greater Than',
+    'kg.KgSearchConfigModal.GTE': '⩾',
+    'kg.KgSearchConfigModal.GTE-desc': 'Greater Than Or Equal',
+    'kg.KgSearchConfigModal.IN': 'IN',
+    'kg.KgSearchConfigModal.IN-desc': 'In',
+    'kg.KgSearchConfigModal.LT': '<',
+    'kg.KgSearchConfigModal.LT-desc': 'Less Than',
+    'kg.KgSearchConfigModal.LTE': '⩽',
+    'kg.KgSearchConfigModal.LTE-desc': 'Less Than Or Equal',
+    'kg.KgSearchConfigModal.NE': '!=',
+    'kg.KgSearchConfigModal.NE-desc': 'Not Equal',
+    'kg.KgSearchConfigModal.NOT_EMPTY': '!EM',
+    'kg.KgSearchConfigModal.NOT_EMPTY-desc': 'IS NOT EMPTY',
+    'kg.KgSearchConfigModal.START_WITH': 'S%',
+    'kg.KgSearchConfigModal.START_WITH-desc': 'Start With',
+    'kg.KgSearchConfigModal.close': 'Close',
+    'kg.KgSearchConfigModal.formTitle': 'Detail',
+    'kg.KgSearchConfigModal.pleaseSelectVarProfileMaster': 'Please Select A Profile.',
+    'kg.KgSqlClient.ResultTab.ellapseLabel': 'Elapsed',
+    'kg.KgSqlClient.ResultTab.messageLabel': 'Message',
+    'kg.KgSqlClient.ResultTab.resultStatusLabel': 'Result',
+    'kg.KgSqlClient.ResultTab.rowsAffected': '{rowsTotal} rows affected.',
+    'kg.KgSqlClient.ResultTab.rowsTotalLabel': 'Affected Rows',
+    'kg.KgSqlClient.ResultTab.tabTitlePrefix': 'Result ',
+    'kg.KgSqlClient.Toolbar.Top.deleteCurrentTemplate': 'Delete Current Template',
+    'kg.KgSqlClient.Toolbar.Top.saveAsTemplate': 'Create New Template',
+    'kg.KgSqlClient.Toolbar.Top.saveCurrentTemplate': 'Save Current Template',
+    'kg.KgSqlClient.Toolbar.Top.viewHistory': 'View History',
+    'kg.KgSqlClient.Toolbar.Top.viewTemplate': 'View Template',
+    'kg.KgTable.apiNotSupportDynamicQuery': 'The api does not support dynamic query. Instead, normal query is used.',
+    'kg.KgTable.column': 'Column',
+    'kg.KgTable.config': 'Config',
+    'kg.KgTable.emptyText': 'Too many data, please click the Query button to load.',
+    'kg.KgTable.isShowDescription': 'Show Description',
+    'kg.KgTable.other': 'Other',
+    'kg.KgTable.request-fail-error': 'REQUEST FAIL.',
+    'kg.KgTable.request-fail-no-data': 'REQUEST FAIL, NO DATA.',
+    'kg.KgTable.rowHeight': 'Row Height',
+    'kg.KgTable.rowHeightH': 'High',
+    'kg.KgTable.rowHeightL': 'Low',
+    'kg.KgTable.rowHeightM': 'Medium',
+    'kg.KgTable.save-var-grid-master-as-success-message': 'Copy Grid View Successfully.',
+    'kg.KgTable.saveVarGridMaster': 'Save Current Grid View',
+    'kg.KgTable.saveVarGridMasterAs': 'Save Current Grid View As ...',
+    'kg.KgTable.saveVarGridMasterSuccessMessage': 'Save Grid View Successfully.',
+    'kg.KgTable.varGridMasters': 'Grid Views',
+    'kg.KgTableHeadCell.align': 'Align',
+    'kg.KgTableHeadCell.alignCenter': 'Center',
+    'kg.KgTableHeadCell.alignLeft': 'Left',
+    'kg.KgTableHeadCell.alignRight': 'Right',
+    'kg.KgTableHeadCell.hide': 'Hide',
+    'kg.KgTableHeadCell.isEllipsis': 'Show Ellipsis If Too Long',
+    'kg.KgTableHeadCell.isFilter': 'Filter',
+    'kg.KgTableHeadCell.isFixToLeft': 'Fix To Left',
+    'kg.KgTableHeadCell.isFixToRight': 'Fix To Right',
+    'kg.KgTableHeadCell.isSort': 'Sort',
+    'kg.KgTableInfo.check': 'Checked',
+    'kg.KgTableInfo.clearCheck': 'Clear Checked',
+    'kg.KgTableInfo.clearTable': 'Clear Table',
+    'kg.KgTableInfo.locate': 'Locate Checked',
+    'kg.KgTableInfo.row': 'rows',
+    'kg.KgTableSettingVarGridMasterSaveAs.title': 'Save Grid View As',
+    'kg.KgVarConfig.VarGridConfig': 'Table Config',
+    'kg.KgVarConfig.VarGridMaster': 'Table Profile',
+    'kg.KgVarConfig.VarProfileConfig': 'Search Config',
+    'kg.KgVarConfig.VarProfileMaster': 'Search Profile',
+    'kg.KgVarConfig.action': 'Action',
+    'kg.KgVarConfig.allForm': 'All Form',
+    'kg.KgVarConfig.allLanguage': 'All Language',
+    'kg.KgVarConfig.canNotUpdateSystemVarGridMaster': 'System grid view cannot be changed, create a new one based on it ?',
+    'kg.KgVarConfig.canNotUpdateSystemVarProfileMaster': 'System profile cannot be changed, copy a new one based on it ?',
+    'kg.KgVarConfig.confirm': 'Confirm',
+    'kg.KgVarConfig.createConfig': 'Create Variable Config',
+    'kg.KgVarConfig.currentForm': 'Current Form',
+    'kg.KgVarConfig.currentLanguage': 'Current Language',
+    'kg.KgVarConfig.customLevel': 'Custom Level',
+    'kg.KgVarConfig.emptyPageSizeOptions': "Can't be empty",
+    'kg.KgVarConfig.formId': 'Form ID',
+    'kg.KgVarConfig.formValidationMessageForMaxAndMin': 'Max Can Not Be Less Than Min',
+    'kg.KgVarConfig.formValidationMessageForMaxLengthAndMinLength': 'Max Length Can Not Be Less Than Min Length',
+    'kg.KgVarConfig.invalidCommandParameter': `Must be a JSON string, such as: {'{'}"pageSize":10{'}'}`,
+    'kg.KgVarConfig.invalidPageSizeOption': 'Not within the page options',
+    'kg.KgVarConfig.invalidPageSizeOptions': 'Must be a number array, such as: [10, 20, 30]',
+    'kg.KgVarConfig.pleaseSelectVariable': 'Please select a row from top.',
+    'kg.KgVarConfig.required': 'Required',
+    'kg.KgVarConfig.tabButton': 'Button',
+    'kg.KgVarConfig.tabChild': 'Child',
+    'kg.KgVarConfig.tabSearch': 'Search',
+    'kg.KgVarConfig.tabSubmit': 'Submit',
+    'kg.KgVarConfig.tabTable': 'Table',
+    'kg.KgVarConfig.variable': 'Variable',
+    'kg.KgVarConfigModalButton.VarButton': 'Buttons',
+    'kg.KgVarConfigModalButton.VarButtonConfig': 'Button Config',
+    'kg.KgVarConfigModalChild.childVarName': 'Child Var Name',
+    'kg.KgVarConfigModalChild.childVarNameDuplicate': 'Child Var Name Duplicate',
+    'kg.KgVarConfigModalChild.childVarNameRequired': 'Child Var Name Required',
+    'kg.KgVarConfigModalChild.parentVarName': 'Parent Var Name',
+    'kg.KgVarConfigModalChild.parentVarNameDuplicate': 'Parent Var Name Duplicate',
+    'kg.KgVarConfigModalChild.parentVarNameRequired': 'Parent Var Name Required',
+    'kg.KgVarConfigModalSubmit.VarSubmitConfig': 'Submit Config',
+    'kg.KgVarConfigModalSubmit.VarSubmitDetail': 'Submit Fields',
+    'kg.KgVarConfigModalSubmitVarSubmitConfig.invalidWidthForSpan': 'Must be an integer between [1, 24]',
+    'kg.KgVarConfigModalTableVarGridMaster.DESC': 'DESC',
+    'kg.KgVarConfigModalTableVarGridMaster.DESC__UPDATE_LINK': 'DESC,UPDATE_LINK',
+    'kg.KgVarConfigModalTableVarGridMaster.FILE_SIZE': 'FILE_SIZE',
+    'kg.KgVarConfigModalTableVarGridMaster.ICON': 'ICON',
+    'kg.KgVarConfigModalTableVarGridMaster.IMAGE': 'IMAGE',
+    'kg.KgVarConfigModalTableVarGridMaster.PROGRESS': 'PROGRESS',
+    'kg.KgVarConfigModalTableVarGridMaster.ROUTE_LINK': 'ROUTE_LINK',
+    'kg.KgVarConfigModalTableVarGridMaster.UPDATE_LINK': 'UPDATE_LINK',
+    'kg.KgVarConfigModalTableVarGridMaster.YN': 'YN',
+    'kg.KgVarConfigModalTableVarGridMaster.center': 'Center',
+    'kg.KgVarConfigModalTableVarGridMaster.left': 'Left',
+    'kg.KgVarConfigModalTableVarGridMaster.notSort': 'Default',
+    'kg.KgVarConfigModalTableVarGridMaster.right': 'Right',
+    'kg.KgVarConfigSelectFormIdModal.title': 'Select DDA to Config',
+    'kg.KgWarehouse.reloadMessage': 'The Warehouse is changed, need to refresh the page.',
+    'kg.KgWarehouse.selectWarehouse': '[ Select Warehouse ]',
+    'kg.KgWarehouse.title': 'Select Warehouse',
+    'kg.KgWarehouse.warehouse': 'Warehouse',
+    'kg.action': 'Action',
+    'kg.add': 'Add',
+    'kg.allUser': 'Anyone',
+    'kg.asc': 'Ascending',
+    'kg.button': 'Button',
+    'kg.cancel': 'Cancel',
+    'kg.close': 'Close',
+    'kg.confirm': 'Confirm',
+    'kg.confirmDelete': 'Confirm delete ?',
+    'kg.copy': 'Copy',
+    'kg.copySuccess': 'Copy Successfully.',
+    'kg.create': 'Create',
+    'kg.createSuccess': 'Create Successfully.',
+    'kg.default': 'Default',
+    'kg.delete': 'Delete',
+    'kg.deleteSuccess': 'Delete Successfully.',
+    'kg.desc': 'Descending',
+    'kg.edit': 'Edit',
+    'kg.empty': 'EMPTY',
+    'kg.emptyText': 'NO DATA',
+    'kg.execute': 'Execute',
+    'kg.executeSuccess': 'Action Success.',
+    'kg.export': 'Export',
+    'kg.exportSuccess': 'Export Successfully.',
+    'kg.fail': 'Fail',
+    'kg.formId': 'Form ID',
+    'kg.formName': 'Name',
+    'kg.formValidationFail': 'Form Validation Fail',
+    'kg.import': 'Import',
+    'kg.import-template': 'Download Import Template',
+    'kg.importSuccess': 'Import Successfully.',
+    'kg.importTemplate': 'ImportTemplate',
+    'kg.loading': 'LOADING ...',
+    'kg.lookup': 'Lookup',
+    'kg.millisecond': 'ms',
+    'kg.no': 'NO',
+    'kg.ok': 'OK',
+    'kg.query': 'Query',
+    'kg.refresh': 'Refresh',
+    'kg.required': 'Required',
+    'kg.reset': 'Reset',
+    'kg.save': 'Save',
+    'kg.search': 'Search',
+    'kg.selectAll': 'Select All',
+    'kg.show': 'Show',
+    'kg.succeed': ' Succeed.',
+    'kg.success': 'Success',
+    'kg.tip': 'Info',
+    'kg.update': 'Update',
+    'kg.updateSuccess': 'Update Successfully',
+    'kg.yes': 'YES',
+};

package/i18n/es_ES.ts

@@ -0,0 +1 @@
+export default {};

package/i18n/fr_FR.ts

@@ -0,0 +1 @@
+export default {};

package/i18n/i18n.setup.ts

@@ -0,0 +1,61 @@
+import { IKgConfigParameter, useKg } from '../config';
+import { DropMenu } from '../project/src/components/Dropdown/src/typing';
+import { LocaleSetting, LocaleType } from '../project/types/config';
+
+/**
+ * @see LocaleType
+ */
+export const LOCALE: { CS_CZ: LocaleType; EN: LocaleType; ES_ES: LocaleType; FR_FR: LocaleType; KM_KH: LocaleType; KO_KR: LocaleType; VI_VN: LocaleType; ZH_CN: LocaleType } = {
+    CS_CZ: 'cs_CZ',
+    EN: 'en',
+    ES_ES: 'es_ES',
+    FR_FR: 'fr_FR',
+    KM_KH: 'km_KH',
+    KO_KR: 'ko_KR',
+    VI_VN: 'vi_VN',
+    ZH_CN: 'zh_CN',
+};
+
+// 语言列表
+export let localeList: DropMenu[] = [
+    { text: '简体中文', event: LOCALE.ZH_CN },
+    { text: 'English', event: LOCALE.EN },
+    { text: 'español', event: LOCALE.ES_ES },
+    { text: 'Français', event: LOCALE.FR_FR },
+    { text: 'កម្ពុជា។', event: LOCALE.KM_KH },
+    { text: '한국인', event: LOCALE.KO_KR },
+    { text: 'Tiếng Việt', event: LOCALE.VI_VN },
+    { text: 'Čeština', event: LOCALE.CS_CZ },
+];
+
+export const localeSetting: LocaleSetting = {
+    // 是否显示语言选择器
+    showPicker: true,
+    // 默认语言
+    locale: LOCALE.ZH_CN,
+    // 缺省语言
+    fallback: LOCALE.ZH_CN,
+    // 允许的语言
+    availableLocales: localeList.map((i) => i.event),
+};
+
+/**
+ * 配置语言.
+ */
+export function kgConfigLocale(param?: IKgConfigParameter['i18n']) {
+    // 设置默认语言,
+    localeSetting.locale = param?.defaultLocale ?? 'zh_CN';
+
+    // 设置可选语言,
+    if (param?.availableLocales && param?.availableLocales.length > 0) {
+        localeSetting.availableLocales = param?.availableLocales;
+        localeList = localeList.filter((i) => param?.availableLocales?.includes(i.event));
+    }
+
+    // 设置语言数据,
+    if (param?.I18N) {
+        const kg = useKg();
+
+        kg.setI18N(param?.I18N);
+    }
+}