@peng_kai/kit 0.3.0-beta.3 → 0.3.0-beta.31

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.3",
-  "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.31",
+  "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 消息
  */

package/utils/number.ts

@@ -1,8 +1,6 @@
-import type { BigNumber } from 'bignumber.js';
 import bn from 'bignumber.js';
 
 export { default as bn } from 'bignumber.js';
-export { calc } from 'a-calc';
 
 /**
  * 常用的数值格式化规则
@@ -23,42 +21,42 @@ export const numFmt = {
   /** 舍去小数，四舍五入，千位符 */
   d0r5t: (num: any, fallback: any = 'NaN') => {
     const result = bn(num);
-    return result.isNaN() ? fallback : result.decimalPlaces(0, bn.ROUND_HALF_UP).toFormat(0);
+    return result.isNaN() ? fallback : result.decimalPlaces(0, bn.ROUND_HALF_UP).toFormat();
   },
   /** 舍去小数，向下取整，千位符 */
   d0r0t: (num: any, fallback: any = 'NaN') => {
     const result = bn(num);
-    return result.isNaN() ? fallback : result.decimalPlaces(0, bn.ROUND_DOWN).toFormat(0);
+    return result.isNaN() ? fallback : result.decimalPlaces(0, bn.ROUND_DOWN).toFormat();
   },
   /** 保留2位小数，四舍五入，千位符 */
   d2r5t: (num: any, fallback: any = 'NaN') => {
     const result = bn(num);
-    return result.isNaN() ? fallback : result.decimalPlaces(2, bn.ROUND_HALF_UP).toFormat(2);
+    return result.isNaN() ? fallback : result.decimalPlaces(2, bn.ROUND_HALF_UP).toFormat();
   },
   /** 保留2位小数，向下取整，千位符 */
   d2r0t: (num: any, fallback: any = 'NaN') => {
     const result = bn(num);
-    return result.isNaN() ? fallback : result.decimalPlaces(2, bn.ROUND_DOWN).toFormat(2);
+    return result.isNaN() ? fallback : result.decimalPlaces(2, bn.ROUND_DOWN).toFormat();
   },
   /** 保留6位小数，四舍五入，千位符 */
   d6r5t: (num: any, fallback: any = 'NaN') => {
     const result = bn(num);
-    return result.isNaN() ? fallback : result.decimalPlaces(6, bn.ROUND_HALF_UP).toFormat(6);
+    return result.isNaN() ? fallback : result.decimalPlaces(6, bn.ROUND_HALF_UP).toFormat();
   },
   /** 保留6位小数，向下取整，千位符 */
   d6r0t: (num: any, fallback: any = 'NaN') => {
     const result = bn(num);
-    return result.isNaN() ? fallback : result.decimalPlaces(6, bn.ROUND_DOWN).toFormat(6);
+    return result.isNaN() ? fallback : result.decimalPlaces(6, bn.ROUND_DOWN).toFormat();
   },
   /** 保留8位小数，四舍五入，千位符 */
   d8r5t: (num: any, fallback: any = 'NaN') => {
     const result = bn(num);
-    return result.isNaN() ? fallback : result.decimalPlaces(8, bn.ROUND_HALF_UP).toFormat(8);
+    return result.isNaN() ? fallback : result.decimalPlaces(8, bn.ROUND_HALF_UP).toFormat();
   },
   /** 保留8位小数，向下取整，千位符 */
   d8r0t: (num: any, fallback: any = 'NaN') => {
     const result = bn(num);
-    return result.isNaN() ? fallback : result.decimalPlaces(8, bn.ROUND_DOWN).toFormat(8);
+    return result.isNaN() ? fallback : result.decimalPlaces(8, bn.ROUND_DOWN).toFormat();
   },
 };
 

package/utils/storage.ts

@@ -0,0 +1,31 @@
+import { type MaybeRefOrGetter, computed, isReactive, reactive, toValue } from 'vue';
+
+export class StorageKey<F extends Record<string, string | number>> {
+  public factors: F;
+  private split = '_';
+
+  public constructor(factors: F, private order: Array<keyof F>) {
+    this.factors = isReactive(factors) ? factors : reactive(factors) as F;
+  }
+
+  /**
+   * 构建存储键
+   * @param parts 键的部分
+   * @param excludeFactors 排除键的因素
+   */
+  public build(parts: Array<MaybeRefOrGetter<F[string]>>, excludeFactors: Array<keyof F> | boolean = false) {
+    const finalKey = computed(() => {
+      const thisKeys = parts.map(k => String(toValue(k)));
+      const factorKeys = Array.isArray(excludeFactors)
+        ? this.order.filter(k => !excludeFactors?.includes(k)).map(k => this.factors[k])
+        : excludeFactors
+          ? []
+          : this.order.map(k => this.factors[k]);
+      const thisStr = thisKeys.join(this.split);
+      const factorStr = factorKeys.join(this.split);
+      return `${factorStr}${factorStr ? this.split : ''}${thisStr}`;
+    });
+
+    return finalKey;
+  }
+}

package/utils/string.ts

@@ -1,5 +1,4 @@
-import { Base64 } from 'crypto-es/lib/enc-base64';
-import { Utf8 } from 'crypto-es/lib/core';
+import { Base64, Utf8 } from 'crypto-es';
 
 /**
  * 字符串脱敏，省略中间字符串

package/utils/upload/AwsS3.ts

@@ -1,4 +1,4 @@
-import { S3Client } from '@aws-sdk/client-s3';
+import { S3Client, ChecksumAlgorithm } from '@aws-sdk/client-s3';
 import { Upload } from '@aws-sdk/lib-storage';
 import type { FileHandler } from './fileHandlers';
 
@@ -20,16 +20,21 @@ export class AwsS3 {
   public constructor(private getParams: TGetParams, private fileHandler?: FileHandler) {
   }
 
-  public async upload(file: File, root?: string) {
+  public async upload(file: File, root = 'unclassified') {
     const s3Client = await this.refreshClient();
-    const filePath = await this.genFilePath(root || 'unclassified');
+    const filePath = root.includes('/') ? root : await this.genFilePath(root);
     const fileName = await (this.fileHandler?.genFileName?.(file) ?? this.genFileName(file));
     const fullPath = `${filePath}/${fileName}`;
 
     const uploader = new Upload({
       client: s3Client!,
-      params: { Bucket: this.bucket, Key: fullPath, Body: file },
+      params: { 
+        Bucket: this.bucket, Key: fullPath, Body: file,
+        ChecksumAlgorithm: ChecksumAlgorithm.CRC32,
+      },
       leavePartsOnError: false,
+      queueSize: 4,
+      partSize: 5 * 1024 * 1024,
     });
 
     return { uploader, fileURL: `${this.domain}/${fullPath}` };
@@ -61,6 +66,8 @@ export class AwsS3 {
         secretAccessKey: params.secretAccessKey,
         sessionToken: params.sessionToken,
       },
+      requestChecksumCalculation: 'WHEN_REQUIRED',
+      responseChecksumValidation: 'WHEN_REQUIRED',
     });
 
     return this.s3Client;

package/admin/layout/large/PageTab.vue

@@ -1,70 +0,0 @@
-<script setup lang="ts">
-import { TabPane as ATabPane, Tabs as ATabs } from 'ant-design-vue';
-import { injectTTAdmin } from '../../adminPlugin';
-
-const pageTabStore = injectTTAdmin()!.deps.usePageTabStore();
-</script>
-
-<template>
-  <ATabs
-    class="app-page-tabs"
-    :activeKey="pageTabStore.activeTab"
-    type="editable-card"
-    size="small"
-    :animated="false"
-    :hideAdd="true"
-    :tabBarGutter="4"
-    @tabClick="(pageTabStore.openTab as any)"
-    @edit="(pageTabStore.closeTab as any)"
-  >
-    <ATabPane v-for="tab of pageTabStore.tabList" :key="tab.key" :tab="tab.title">
-      <template #closeIcon>
-        <i class="i-icon-park-outline:close" />
-      </template>
-    </ATabPane>
-  </ATabs>
-</template>
-
-<style scoped lang="scss">
-.app-page-tabs {
-  :deep(.ant-tabs-nav) {
-    margin: 0;
-  }
-
-  :deep(.ant-tabs-nav::before) {
-    display: none;
-  }
-
-  :deep(.ant-tabs-tab) {
-    --uno: 'border-rd-3px! text-14px p-[3px_1px_3px_8px]! select-none';
-  }
-
-  :deep(.ant-tabs-tab .ant-tabs-tab-btn) {
-    transform: translateX(8px);
-  }
-
-  :deep(.ant-tabs-tab-active) {
-    --uno: 'border-[currentColor]!';
-  }
-
-  :deep(.ant-tabs-tab-remove) {
-    display: flex;
-    height: 100%;
-    align-items: center;
-    margin: 0;
-    opacity: 0;
-    transition: all 150ms;
-  }
-
-  :deep(.ant-tabs-tab:hover .ant-tabs-tab-btn),
-  :deep(.ant-tabs-tab-active .ant-tabs-tab-btn) {
-    transform: translateX(0);
-  }
-
-  :deep(.ant-tabs-tab:hover .ant-tabs-tab-remove),
-  :deep(.ant-tabs-tab-active .ant-tabs-tab-remove) {
-    margin-left: 0;
-    opacity: 1;
-  }
-}
-</style>