@peng_kai/kit 0.3.0-beta.4 → 0.3.0-beta.40

package/admin/permission/vuePlugin.ts

@@ -1,25 +1,22 @@
 import type { App } from 'vue';
 import { watch } from 'vue';
-import { adminPlugin } from '../adminPlugin';
+import type { createAdminPermission } from '../components/provider/admin-permission';
 
 type TCodes = string | string[];
 
 const PLUGIN_NAME = 'has-permission';
 const UNWATCH_NAME = `v-${PLUGIN_NAME}@unwatch`;
 
-export function setupPermissionPlugin(app: App) {
+export function setupPermissionPlugin(app: App, permission: ReturnType<typeof createAdminPermission>) {
   app.directive<HTMLElement, TCodes>(PLUGIN_NAME, {
     mounted(el, binding) {
-      console.log('🤡 / el:', el);
-      const permissionStore = adminPlugin.deps.usePermissionStore();
-
       function updateVisibility() {
         const codes = binding.value;
-        el.style.display = permissionStore.hasPermission(codes) ? '' : 'none';
+        el.style.display = permission.has(codes) ? '' : 'none';
       }
 
       (el as any)[UNWATCH_NAME] = watch(
-        () => permissionStore.permissionCodesStr,
+        () => permission.codes,
         updateVisibility,
         { immediate: true },
       );
@@ -32,9 +29,7 @@ export function setupPermissionPlugin(app: App) {
   app.use({
     install(app) {
       app.config.globalProperties.$hasPermission = (codes: TCodes) => {
-        const permissionStore = adminPlugin.deps.usePermissionStore();
-
-        return permissionStore.hasPermission(codes);
+        return permission.has(codes);
       };
     },
   });

package/admin/route-guards/index.ts

@@ -1,3 +1,2 @@
 export { setupPageProgress } from './pageProgress';
 export { setupPageTitle } from './pageTitle';
-export { setupCollapseMenu } from './collapseMenu';

package/admin/stores/index.ts

@@ -1,3 +1,4 @@
+/* 已弃用 */
 export { createUsePageStore } from './createUsePageStore';
 export { createUseMenuStore } from './createUseMenuStore';
 export { createUsePageTabStore } from './createUsePageTabStore';

package/admin/styles/classCover.scss

@@ -103,7 +103,7 @@
     z-index: 2;
     margin-bottom: -9px !important;
     background-color: var(--pagination-bg-color);
-    box-shadow: 0 0 0 16px var(--pagination-bg-color);
+    box-shadow: 0 0 0 14.5px var(--pagination-bg-color);
   }
 }
 

package/admin/styles/index.scss

@@ -1,5 +1,5 @@
-@import './classCover';
-@import './globalCover';
+@use './classCover';
+@use './globalCover';
 
 @media (pointer: fine) {
 

package/antd/hooks/useAntdModal.ts

@@ -1,6 +1,6 @@
 import { Modal as AntModal } from 'ant-design-vue';
-import { tryOnUnmounted } from '@vueuse/core';
-import { createVNode, defineComponent, isProxy, onMounted, reactive, toRef, toRefs } from 'vue';
+import { tryOnBeforeUnmount, tryOnMounted } from '@vueuse/core';
+import { createVNode, defineComponent, isProxy, onBeforeUnmount, onDeactivated, onMounted, reactive, toRef, toRefs } from 'vue';
 import type { Component } from 'vue';
 import type { ModalProps } from 'ant-design-vue';
 import type { ComponentEmit, ComponentProps } from 'vue-component-type-helpers';
@@ -53,8 +53,10 @@ export function useAntdModal<Comp extends Component>(
     ...defaultModalProps,
     ...isProxy(modalProps) ? toRefs(modalProps) : modalProps,
     confirmLoading: toRef(() => (refs.comp as any)?.loading),
-    onOk: (e: MouseEvent) => {
-      (refs.comp as any)?.confirm?.(e);
+    onOk: async (e: MouseEvent) => {
+      const comp = refs.comp as any;
+      const isClosed = await comp?.confirm?.(e, (data: any) => promiseResolvers?.resolve(data));
+      // isClosed  === true && (_modalProps.open = false);
       modalProps.onOk?.(e);
     },
   });
@@ -78,19 +80,29 @@ export function useAntdModal<Comp extends Component>(
     }
 
     Object.assign(_modalProps, newAntdModalProps);
-    Object.keys(compProps).forEach(key => delete compProps[key]);
-    Object.assign(compProps, newCompProps);
+
+    // eslint-disable-next-line no-lone-blocks
+    {
+      if (!(comp as any).props) {
+        Object.keys(compProps).forEach((key) => {
+          if (!['ref', 'onClose', 'onConfirm'].includes(key))
+            delete compProps[key];
+        });
+      }
+
+      Object.assign(compProps, newCompProps);
+    }
 
     promiseResolvers = Promise.withResolvers();
     _modalProps.open = true;
 
     return promiseResolvers.promise;
   };
-  const confirm = (ev: any) => {
+  const onConfirm = (ev: any) => {
     _modalProps.open = false;
     promiseResolvers.resolve(ev);
   };
-  const close = (reason?: any) => {
+  const onClose = (reason?: any) => {
     _modalProps.open = false;
     _onClose(reason);
   };
@@ -98,6 +110,8 @@ export function useAntdModal<Comp extends Component>(
   const PresetComponent = defineComponent({
     setup(props) {
       onMounted(() => _modalProps.opener?.(open as any));
+      onBeforeUnmount(_onClose);
+      onDeactivated(_onClose);
 
       return () => {
         return createVNode(AntModal, { ..._modalProps, ...props }, {
@@ -112,10 +126,11 @@ export function useAntdModal<Comp extends Component>(
     !visiable && _onClose();
   };
   (compProps as any).ref = setRefs.comp;
-  (compProps as any).onClose = close;
-  (compProps as any).onConfirm = confirm;
+  (compProps as any).onClose = onClose;
+  (compProps as any).onConfirm = onConfirm;
 
-  tryOnUnmounted(_onClose);
+  // tryOnBeforeUnmount(_onClose);
+  // tryOnMounted(() => onDeactivated(_onClose));
 
   return {
     PresetComponent,
@@ -125,6 +140,6 @@ export function useAntdModal<Comp extends Component>(
       return refs.comp;
     },
     open,
-    close,
+    close: onClose,
   };
 }

package/antd/hooks/useAntdTable.ts

@@ -1,5 +1,6 @@
 import { computed, reactive, ref } from 'vue';
 import { pick } from 'lodash-es';
+import { useTableColumns } from './useTableColumns'
 import type { UseQueryReturnType } from '@tanstack/vue-query';
 import type { Table, TableProps } from 'ant-design-vue';
 import type { ColumnType, FilterValue } from 'ant-design-vue/es/table/interface';
@@ -10,6 +11,12 @@ interface ISorter {
   order?: string
 }
 
+type GetRecordType<T> = T extends UseQueryReturnType<infer D, any>
+  ? D extends Api.PageData
+  ? NonNullable<D['list']>[0]
+  : never
+  : never;
+
 const defaultPageSizeOptions = ['10', '20', '50', '100'];
 
 export function useAntdTable<
@@ -54,7 +61,7 @@ export function useAntdTable<
       }
     }
   };
-  const defineColumns = (columnsGetter: () => LocalColumnsType) => computed(columnsGetter);
+  const { defineColumns } = useTableColumns<LocalColumnsType>();
   const defineRowSelection = (rowSelectionGetter: () => LocalTableRowSelection = () => ({})) => {
     const rowSelection = reactive(rowSelectionGetter());
 
@@ -78,6 +85,7 @@ export function useAntdTable<
         showSizeChanger: true,
         showQuickJumper: true,
         pageSizeOptions,
+        size: 'default',
         showTotal: total => `共 ${total} 条`,
       },
       loading: isLoading.value,
@@ -112,7 +120,7 @@ export function useAntdTable<
     dataIndexs,
     /** 【类型辅助】bodyCell 插槽数据的精确类型描述 */
     bodyCellType,
-    /** 【类型辅助】用于定义出类型精确的 columns  */
+    /** 用于定义 columns  */
     defineColumns,
     /** 【类型辅助】用于定义出类型精确的 rowSelection  */
     defineRowSelection,
@@ -121,8 +129,3 @@ export function useAntdTable<
   };
 }
 
-type GetRecordType<T> = T extends UseQueryReturnType<infer D, any>
-  ? D extends Api.PageData
-    ? NonNullable<D['list']>[0]
-    : never
-  : never;

package/antd/hooks/useAntdTheme.ts

@@ -20,6 +20,13 @@ export function useAntdTheme(mode: Ref<string>, config: Ref<Record<string, any>>
     const token: ThemeConfig['token'] = {
       ...algorithm({ ...theme.defaultSeed, colorPrimary: _config.colors.primary.DEFAULT, colorInfo: '#17B2FF' }),
       borderRadius: 4,
+
+      motionUnit: 0.05,
+      motionBase: 0,
+      motionDurationFast: "0.05s",
+      motionDurationMid: "0.1s",
+      motionDurationSlow: "0.15s",
+
       screenXS,
       screenXSMin: screenXS,
       screenXSMax: screenSM - 0.1,

package/antd/hooks/useTableColumns.ts

@@ -0,0 +1,83 @@
+import { computed, reactive, ref, toValue, watch, provide } from 'vue';
+import { extendRef } from '@vueuse/core';
+
+export type ColumnConfig = { dataIndex: string, visible: boolean, compact: boolean }
+interface TableConfig {
+  columns: ColumnConfig[];
+}
+
+const tableConfigStore = {
+  key: 'TABLE_CONFIG',
+  genTableId(columns: { dataIndex: string }[], extra = '') {
+    const indexsStr = columns.map((col: any) => col.dataIndex).join(',') + extra;
+    let hash = 0;
+    let len = 12;
+
+    for (let i = 0; i < indexsStr.length; i++) {
+      const ch = indexsStr.charCodeAt(i);
+      hash = (hash << 5) - hash + ch;
+      hash |= 0;
+    }
+
+    const base36 = (hash >>> 0).toString(36);
+    return base36.length >= len ? base36.slice(0, len) : base36.padStart(len, '0');
+  },
+  getTableConfig(tableId: string): TableConfig | null {
+    const configStr = localStorage.getItem(this.key);
+    const allConfig = configStr ? JSON.parse(configStr) : {};
+    return allConfig[tableId] || null;
+  },
+  setTableConfig(tableId: string, config: Partial<TableConfig>) {
+    const configStr = localStorage.getItem(this.key);
+    const allConfig = configStr ? JSON.parse(configStr) : {};
+    allConfig[tableId] = Object.assign({}, allConfig[tableId] || {}, config);
+    localStorage.setItem(this.key, JSON.stringify(allConfig));
+  }
+}
+
+export function useTableColumns<LCT extends any[]>() {
+  const columnsConfig = ref<Array<ColumnConfig> | null | undefined>();
+  let originalColumns: LCT | null = null;
+  let tableId = ''
+
+  const defineColumns = (columnsGetter: () => LCT) => {
+    originalColumns = toValue(columnsGetter) || [] as unknown as LCT;
+    tableId = tableConfigStore.genTableId(originalColumns);
+    columnsConfig.value = tableConfigStore.getTableConfig(tableId)?.columns;
+
+    provide('tableColumns', originalColumns);
+    provide('tableColumnsConfig', columnsConfig);
+
+    const columns = computed(() => {
+      const config = columnsConfig.value;
+      let columns = columnsGetter();
+
+      if (config?.length) {
+        columns = columns.filter((col: any) => config.find(c => c.dataIndex === col.dataIndex)?.visible !== false) as LCT;
+        columns = columns.map((col: any) => {
+          const cf = config.find(c => c.dataIndex === col.dataIndex);
+          return { ...col, compact: cf?.compact };
+        }) as LCT;
+        const dataIndexOrderMap = new Map(config.map((c, i) => [c.dataIndex, i]));
+        columns.sort((a, b) => {
+          const indexA = dataIndexOrderMap.get(a.dataIndex);
+          const indexB = dataIndexOrderMap.get(b.dataIndex);
+          return (indexA ?? Infinity) - (indexB ?? Infinity);
+        });
+      }
+
+      return columns;
+    })
+
+    return extendRef(columns, {});
+  };
+
+  watch(columnsConfig, (newConfig) => {
+    newConfig && tableConfigStore.setTableConfig(tableId, { columns: newConfig });
+  });
+
+  return {
+    defineColumns,
+    tableColumnsConfig: columnsConfig,
+  };
+}

package/antd/index.ts

@@ -5,4 +5,4 @@ export { useAntdForm } from './hooks/useAntdForm';
 export { useAntdTheme } from './hooks/useAntdTheme';
 export { createAntdModal } from './hooks/createAntdModal';
 export { default as InputNumberRange } from './components/InputNumberRange.vue';
-export type { SchemaConfig, ItemSchema } from './hooks/useAntdForm.ts';
+export type { SchemaConfig, ItemSchema } from './hooks/useAntdForm.ts';

package/libs/bignumber.ts

@@ -1,2 +1,2 @@
 export { default } from 'bignumber.js';
-export { BigNumber } from 'bignumber.js';
+export { type BigNumber } from 'bignumber.js';

package/libs/dayjs.ts

@@ -5,15 +5,29 @@ import weekday from 'dayjs/esm/plugin/weekday';
 import localeData from 'dayjs/esm/plugin/localeData';
 import utc from 'dayjs/esm/plugin/utc';
 import tz from 'dayjs/esm/plugin/timezone';
-import 'dayjs/esm/locale/zh';
+import weekOfYear from 'dayjs/esm/plugin/weekOfYear';
+import weekYear from 'dayjs/esm/plugin/weekYear';
+import quarterOfYear from 'dayjs/esm/plugin/quarterOfYear';
+import advancedFormat from 'dayjs/esm/plugin/advancedFormat';
+import customParseFormat from 'dayjs/esm/plugin/customParseFormat';
+import updateLocale from 'dayjs/esm/plugin/updateLocale';
+import isBetween from 'dayjs/esm/plugin/isBetween';
+import 'dayjs/esm/locale/zh-cn';
 import 'dayjs/esm/locale/en';
 
 export type { Dayjs, PluginFunc, UnitType, UnitTypeLong, UnitTypeLongPlural, UnitTypeShort, QUnitType, ConfigType, ConfigTypeMap, OpUnitType, OptionType, ManipulateType } from 'dayjs';
 export default dayjs;
 
-dayjs.locale('zh');
 dayjs.extend(relativeTime);
 dayjs.extend(weekday);
 dayjs.extend(localeData);
 dayjs.extend(utc);
 dayjs.extend(tz);
+dayjs.extend(weekOfYear);
+dayjs.extend(weekYear);
+dayjs.extend(quarterOfYear);
+dayjs.extend(advancedFormat);
+dayjs.extend(customParseFormat);
+dayjs.extend(updateLocale);
+dayjs.extend(isBetween);
+dayjs.locale('zh-cn');

package/libs/fingerprintjs.ts

@@ -0,0 +1 @@
+export * from '@fingerprintjs/fingerprintjs';

package/package.json

@@ -1,95 +1,64 @@
-{
-  "name": "@peng_kai/kit",
-  "type": "module",
-  "version": "0.3.0-beta.4",
-  "description": "",
-  "author": "",
-  "license": "ISC",
-  "keywords": [],
-  "main": "index.js",
-  "scripts": {
-    "dev:js": "tsx ./admin/scripts/deploy.ts",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix"
-  },
-  "peerDependencies": {
-    "ant-design-vue": "4.2.5",
-    "vue": "3.5.11",
-    "vue-router": "4.4.5"
-  },
-  "dependencies": {
-    "@aws-sdk/client-s3": "^3.667.0",
-    "@aws-sdk/lib-storage": "^3.667.0",
-    "@babel/generator": "^7.25.7",
-    "@babel/parser": "^7.25.7",
-    "@babel/traverse": "^7.25.7",
-    "@babel/types": "^7.25.7",
-    "@ckeditor/ckeditor5-vue": "^5.1.0",
-    "@fingerprintjs/fingerprintjs": "^4.5.0",
-    "@tanstack/vue-query": "^5.59.1",
-    "@vueuse/components": "^11.1.0",
-    "@vueuse/core": "^11.1.0",
-    "@vueuse/router": "^11.1.0",
-    "a-calc": "^2.2.10",
-    "archiver": "^7.0.1",
-    "axios": "^1.7.7",
-    "bignumber.js": "^9.1.2",
-    "chokidar": "^3.6.0",
-    "crypto-es": "^2.1.0",
-    "dayjs": "^1.11.13",
-    "echarts": "^5.5.1",
-    "execa": "^9.4.0",
-    "fast-glob": "^3.3.2",
-    "localstorage-slim": "^2.7.1",
-    "lodash-es": "^4.17.21",
-    "nprogress": "^0.2.0",
-    "pinia": "^2.2.4",
-    "tsx": "^4.16.00",
-    "vue": "^3.5.11",
-    "vue-i18n": "^10.0.4",
-    "vue-router": "^4.4.5"
-  },
-  "devDependencies": {
-    "@ckeditor/ckeditor5-adapter-ckfinder": "^41.1.0",
-    "@ckeditor/ckeditor5-alignment": "^41.1.0",
-    "@ckeditor/ckeditor5-autoformat": "^41.1.0",
-    "@ckeditor/ckeditor5-basic-styles": "^41.1.0",
-    "@ckeditor/ckeditor5-block-quote": "^41.1.0",
-    "@ckeditor/ckeditor5-build-classic": "^41.1.0",
-    "@ckeditor/ckeditor5-code-block": "^41.1.0",
-    "@ckeditor/ckeditor5-document-outline": "^41.1.0",
-    "@ckeditor/ckeditor5-editor-classic": "^41.1.0",
-    "@ckeditor/ckeditor5-essentials": "^41.1.0",
-    "@ckeditor/ckeditor5-font": "^41.1.0",
-    "@ckeditor/ckeditor5-heading": "^41.1.0",
-    "@ckeditor/ckeditor5-highlight": "^41.1.0",
-    "@ckeditor/ckeditor5-horizontal-line": "^41.1.0",
-    "@ckeditor/ckeditor5-html-embed": "^41.1.0",
-    "@ckeditor/ckeditor5-html-support": "^41.1.0",
-    "@ckeditor/ckeditor5-image": "^41.1.0",
-    "@ckeditor/ckeditor5-import-word": "^41.1.0",
-    "@ckeditor/ckeditor5-indent": "^41.1.0",
-    "@ckeditor/ckeditor5-link": "^41.1.0",
-    "@ckeditor/ckeditor5-list": "^41.1.0",
-    "@ckeditor/ckeditor5-media-embed": "^41.1.0",
-    "@ckeditor/ckeditor5-paragraph": "^41.1.0",
-    "@ckeditor/ckeditor5-remove-format": "^41.1.0",
-    "@ckeditor/ckeditor5-show-blocks": "^41.1.0",
-    "@ckeditor/ckeditor5-source-editing": "^41.1.0",
-    "@ckeditor/ckeditor5-table": "^41.1.0",
-    "@ckeditor/ckeditor5-theme-lark": "^41.1.0",
-    "@ckeditor/ckeditor5-typing": "^41.1.0",
-    "@ckeditor/ckeditor5-upload": "^41.1.0",
-    "@ckeditor/ckeditor5-word-count": "^41.1.0",
-    "@peng_kai/lint": "^0.1.0",
-    "@types/archiver": "^6.0.2",
-    "@types/crypto-js": "^4.2.2",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.16.11",
-    "@types/nprogress": "^0.2.3",
-    "ant-design-vue": "^4.2.5",
-    "type-fest": "^4.26.1",
-    "typescript": "^5.6.3",
-    "vue-component-type-helpers": "^2.1.6"
-  }
-}
+{
+  "name": "@peng_kai/kit",
+  "type": "module",
+  "version": "0.3.0-beta.40",
+  "description": "",
+  "author": "",
+  "license": "ISC",
+  "keywords": [],
+  "main": "index.js",
+  "scripts": {
+    "dev:js": "tsx ./admin/scripts/deploy.ts",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
+  },
+  "peerDependencies": {
+    "ant-design-vue": "4.2.6",
+    "vue": "3.5.27",
+    "vue-router": "4.6.4"
+  },
+  "dependencies": {
+    "@aws-sdk/client-s3": "^3.891.0",
+    "@aws-sdk/lib-storage": "^3.891.0",
+    "@babel/generator": "^7.28.3",
+    "@babel/parser": "^7.28.4",
+    "@babel/traverse": "^7.28.4",
+    "@babel/types": "^7.28.4",
+    "@ckeditor/ckeditor5-vue": "^7.3.0",
+    "@fingerprintjs/fingerprintjs": "^5.0.1",
+    "@tanstack/vue-query": "^5.92.5",
+    "@vueuse/components": "^14.1.0",
+    "@vueuse/core": "^14.1.0",
+    "@vueuse/router": "^14.1.0",
+    "archiver": "^7.0.1",
+    "axios": "^1.13.2",
+    "bignumber.js": "^9.3.1",
+    "chokidar": "^4.0.3",
+    "crypto-es": "^3.1.2",
+    "dayjs": "^1.11.19",
+    "echarts": "^5.6.0",
+    "execa": "^9.6.0",
+    "fast-glob": "^3.3.3",
+    "fluid-dnd": "^2.6.2",
+    "localstorage-slim": "^2.7.1",
+    "lodash-es": "^4.17.21",
+    "nprogress": "^0.2.0",
+    "pinia": "^3.0.3",
+    "tsx": "^4.16.00",
+    "vue": "^3.5.21",
+    "vue-i18n": "^11.1.12",
+    "vue-router": "^4.5.1"
+  },
+  "devDependencies": {
+    "@peng_kai/lint": "^0.1.0",
+    "@types/archiver": "^7.0.0",
+    "@types/crypto-js": "^4.2.2",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^22.19.7",
+    "@types/nprogress": "^0.2.3",
+    "ant-design-vue": "^4.2.6",
+    "type-fest": "^5.0.0",
+    "typescript": "^5.9.2",
+    "vue-component-type-helpers": "^3.0.7"
+  }
+}

package/request/interceptors/getDeviceInfo.ts

@@ -25,6 +25,7 @@ export function getDeviceInfo(callback: (base: Record<string, any>, all: GetResu
       };
 
       req.headers.set('Device', callback(base, result));
+      req.headers.set('Device-Id', getDeviceID(base.visitor_id));
       req.headers.set('Accept-Date', getCurrentTimeZone());
 
       return req;
@@ -32,6 +33,19 @@ export function getDeviceInfo(callback: (base: Record<string, any>, all: GetResu
   ];
 }
 
+function getDeviceID(visitorId: string) {
+  const key = 'backend_device_id';
+  let id = localStorage.getItem(key);
+  if (!id) {
+    id = visitorId
+    if (!id) {
+      id = crypto.randomUUID();
+    }
+    localStorage.setItem(key, id);
+  }
+  return id;
+}
+
 function getCurrentTimeZone() {
   const now = new Date();
   const [_, time, tz, describe] = now.toString().match(/(\w{3} \w{3} \d{2} \d{4} \d{2}:\d{2}:\d{2})? (GMT[+-]\d{4}) \((.*?)\)/) ?? [];

package/utils/LocaleManager.ts

@@ -63,7 +63,7 @@ export class LocaleManager {
 
     for (const target of localeTargets) {
       for (const codes of codeMatrix) {
-        const matched = codes.some(code => code.toUpperCase().startsWith(target.toUpperCase()));
+        const matched = codes.some(code => target.toUpperCase().startsWith(code.toUpperCase()));
 
         if (matched) {
           localeFinal = codes[0];

package/utils/index.ts

@@ -1,7 +1,4 @@
-import { Utf8 as cryptUtf8 } from 'crypto-es/lib/core';
-import { AES as cryptoAES } from 'crypto-es/lib/aes';
-import { ECB as cryptoModeECB } from 'crypto-es/lib/mode-ecb';
-import { Pkcs7 as cryptoPkcs7 } from 'crypto-es/lib/cipher-core';
+import { Utf8 as cryptUtf8, AES as cryptoAES, ECB as cryptoModeECB, Pkcs7 as cryptoPkcs7 } from 'crypto-es';
 import { at as objAt } from 'lodash-es';
 
 export { desensitize, randomString } from './string';

package/utils/locale/LocaleManager.ts

@@ -65,7 +65,7 @@ export class LocaleManager {
 
     for (const target of localeTargets) {
       for (const codes of codeMatrix) {
-        const matched = codes.some(code => code.toUpperCase().startsWith(target.toUpperCase()));
+        const matched = codes.some(code => target.toUpperCase().startsWith(code.toUpperCase()));
 
         if (matched) {
           localeFinal = codes[0];
@@ -92,6 +92,7 @@ export class LocaleManager {
     if (!this.localesAvailable.includes(locale))
       return;
 
+    // TODO: 这样可能无法支持code中的语言
     const message = await this.messageLoaders[locale]?.().catch(() => undefined);
 
     // 由于是异步加载，所以需要再判断是否已经加载过

package/utils/locale/helpers.ts

@@ -1,3 +1,4 @@
+import type { I18nOptions } from 'vue-i18n';
 import { omitBy } from '../../libs/lodash-es';
 
 /**
@@ -32,6 +33,14 @@ export function omitLocale(modules: Record<string, any>, excludes: string[] = []
   return omitBy(modules, (_, path) => excludes.some(locale => path.includes(locale)));
 }
 
+/** 添加语言格式 */
+export function addDatetimeFormat<T extends string>(name: T, config: NonNullable<I18nOptions['datetimeFormats']>[string][string]) {
+  return {
+    [name]: config,
+    [`${name}-utc`]: { ...config, timeZone: 'UTC' },
+  } as Record<T | `${T}-utc`, typeof config>;
+}
+
 /**
  * 加密 JSON 消息
  */