@peng_kai/kit 0.2.0-beta.3 → 0.2.0-beta.30

package/request/type.d.ts

@@ -1,92 +1,92 @@
-declare namespace Api {
-  type Request = ((reqData: any, options?: Options) => Promise<any>) & {
-    id: string
-    setDefaultConfig: (config: Partial<import('axios').AxiosRequestConfig>) => Request
-  };
-  // type RequestPagination = (reqData: Partial<PageParam>, options?: Options) => Promise<PaginationData<any>>;
-  interface PageParam {
-    page: number
-    page_size: number
-  }
-  interface PageInfo {
-    has_more: boolean
-    page: number
-    page_size: number
-    total: number
-  }
-  interface PageData<T = any> {
-    list: T[] | null
-    pagination: PaginationInfo
-    [k in string]: any
-  }
-  interface Result<T = any | PageData<any>> {
-    code: number
-    msg: string
-    data: T
-  }
-  type GetParam<A extends Request> = A extends (reqData: infer R) => any ? R : any;
-  type GetData<A extends Request> = ReturnType<A> extends Promise<infer D> ? D : any;
-  type GetDataItem<A extends Request> = NonNullable<GetData<A>> extends { list: infer L }
-    ? NonNullable<L> extends Array<infer I>
-      ? I
-      : any
-    : any;
-  type GetDataField<R> = R extends { data: infer D } ? (D extends { list: any, pagination: any } ? D : D) : any;
-
-  /**
-   * 将api返回的分页数据转换成前端使用的分页数据格式，将分页数据格式统一
-   *
-   * ```
-   * {
-   *   code: number,
-   *   msg: string,
-   *   data: {
-   *     list: [],
-   *     pagination: {},
-   *     ...
-   *   }
-   * }
-   * ```
-   */
-  type TransformPageResult<R> = R extends { pagination: infer P, data: infer D }
-    ? D extends Record<string, any>
-      ? D extends { list: any }
-      ? {
-          [Rk in Exclude<keyof R, 'data' | 'pagination'>]: R[Rk];
-        } & {
-          data: D & { pagination: P }
-        }
-        : {
-          [Rk in Exclude<keyof R, 'data' | 'pagination'>]: R[Rk];
-        } & {
-          data: {
-            list: D
-            pagination: P
-          }
-        }
-      : R
-    : R;
-}
-
-// 测试用例 ----------------------------
-// type DDD1 = Api.TransformPageResult<{
-//   code: number
-//   msg: string
-//   data: {
-//     name: string
-//   }[]
-//   pagination: {
-//     page: number
-//   }
-// }>
-// type DDD2 = Api.TransformPageResult<{
-//   code: number
-//   msg: string
-//   data: {
-//     list: { name: string }[]
-//     total: {}
-//   }
-//   pagination: {
-//     page: number
-//   }
-// }>
+declare namespace Api {
+  type Request = ((reqData: any, options?: Options) => Promise<any>) & {
+    id: string
+    setDefaultConfig: (config: Partial<import('axios').AxiosRequestConfig>) => Request
+  };
+  // type RequestPagination = (reqData: Partial<PageParam>, options?: Options) => Promise<PaginationData<any>>;
+  interface PageParam {
+    page: number
+    page_size: number
+  }
+  interface PageInfo {
+    has_more: boolean
+    page: number
+    page_size: number
+    total: number
+  }
+  interface PageData<T = any> {
+    list: T[] | null
+    pagination: PaginationInfo
+    [k in string]: any
+  }
+  interface Result<T = any | PageData<any>> {
+    code: number
+    msg: string
+    data: T
+  }
+  type GetParam<A extends Request> = A extends (reqData: infer R) => any ? R : any;
+  type GetData<A extends Request> = ReturnType<A> extends Promise<infer D> ? D : any;
+  type GetDataItem<A extends Request> = NonNullable<GetData<A>> extends { list: infer L }
+    ? NonNullable<L> extends Array<infer I>
+      ? I
+      : any
+    : any;
+  type GetDataField<R> = R extends { data: infer D } ? (D extends { list: any, pagination: any } ? D : D) : any;
+
+  /**
+   * 将api返回的分页数据转换成前端使用的分页数据格式，将分页数据格式统一
+   *
+   * ```
+   * {
+   *   code: number,
+   *   msg: string,
+   *   data: {
+   *     list: [],
+   *     pagination: {},
+   *     ...
+   *   }
+   * }
+   * ```
+   */
+  type TransformPageResult<R> = R extends { pagination: infer P, data: infer D }
+    ? D extends Record<string, any>
+      ? D extends { list: any }
+        ? import('type-fest').Simplify<{
+          [Rk in Exclude<keyof R, 'data' | 'pagination'>]: R[Rk];
+        } & {
+          data: D & { pagination: P }
+        }>
+        : import('type-fest').Simplify<{
+          [Rk in Exclude<keyof R, 'data' | 'pagination'>]: R[Rk];
+        } & {
+          data: {
+            list: D
+            pagination: P
+          }
+        }>
+      : R
+    : R;
+}
+
+// 测试用例 ----------------------------
+// type DDD1 = Api.TransformPageResult<{
+//   code: number
+//   msg: string
+//   data: {
+//     name: string
+//   }[]
+//   pagination: {
+//     page: number
+//   }
+// }>
+// type DDD2 = Api.TransformPageResult<{
+//   code: number
+//   msg: string
+//   data: {
+//     list: { name: string }[]
+//     total: {}
+//   }
+//   pagination: {
+//     page: number
+//   }
+// }>

package/stylelint.config.cjs

@@ -1,7 +1,7 @@
-module.exports = {
-  // root: true,
-  extends: ['@peng_kai/lint/vue/stylelint_v2'],
-  rules: {
-    'custom-property-pattern': '(antd-([a-z][a-zA-Z0-9]+)*)|(([a-z][a-z0-9]*)(-[a-z0-9]+)*)',
-  },
-};
+module.exports = {
+  // root: true,
+  extends: ['@peng_kai/lint/vue/stylelint_v2'],
+  rules: {
+    'custom-property-pattern': '(antd-([a-z][a-zA-Z0-9]+)*)|(([a-z][a-z0-9]*)(-[a-z0-9]+)*)',
+  },
+};

package/tsconfig.json

@@ -1,50 +1,50 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "jsx": "preserve",
-    "jsxFactory": "h",
-    "jsxFragmentFactory": "Fragment",
-    "lib": [
-      "ESNext",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "allowImportingTsExtensions": true,
-
-    /* Linting */
-    "strict": true,
-    "noFallthroughCasesInSwitch": true,
-    "noImplicitAny": false,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noEmit": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "isolatedModules": true,
-    "skipLibCheck": true
-  },
-  "include": [
-    "admin/**/*.ts",
-    "admin/**/*.d.ts",
-    "admin/**/*.tsx",
-    "admin/**/*.vue",
-    "antd/**/*.ts",
-    "antd/**/*.d.ts",
-    "antd/**/*.tsx",
-    "antd/**/*.vue",
-    "request/**/*.ts",
-    "request/**/*.d.ts",
-    "utils/**/*.ts",
-    "utils/**/*.d.ts",
-    "vue/**/*.ts",
-    "vue/**/*.d.ts",
-    "vue/**/*.tsx",
-    "vue/**/*.vue"
-  ]
-}
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "jsx": "preserve",
+    "jsxFactory": "h",
+    "jsxFragmentFactory": "Fragment",
+    "lib": [
+      "ESNext",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "allowImportingTsExtensions": true,
+
+    /* Linting */
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": false,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "admin/**/*.ts",
+    "admin/**/*.d.ts",
+    "admin/**/*.tsx",
+    "admin/**/*.vue",
+    "antd/**/*.ts",
+    "antd/**/*.d.ts",
+    "antd/**/*.tsx",
+    "antd/**/*.vue",
+    "request/**/*.ts",
+    "request/**/*.d.ts",
+    "utils/**/*.ts",
+    "utils/**/*.d.ts",
+    "vue/**/*.ts",
+    "vue/**/*.d.ts",
+    "vue/**/*.tsx",
+    "vue/**/*.vue"
+  ]
+}

package/utils/LocaleManager.ts

@@ -0,0 +1,125 @@
+import { mapKeys } from 'lodash-es';
+
+interface ILocaleMeta {
+  label: string
+  codes: string[]
+  icon?: string
+}
+
+interface ILoaders {
+  meta: Record<string, ILocaleMeta>
+  message: Record<string, () => Promise<Record<string, string>>>
+}
+
+const metaPathRE = /\/([-\w]*)\/(meta)\.ts$/;
+const messagePathRE = /\/([-\w]*)\/(index)\.ts$/;
+
+export class LocaleManager {
+  public localesLoaded: string[] = [];
+
+  private metaLoaders: ILoaders['meta'];
+  private messageLoaders: ILoaders['message'];
+  private localeStorageKey = 'LOCALE';
+  private _locale = '';
+
+  public constructor(loaders: ILoaders) {
+    this.metaLoaders = mapKeys(loaders.meta, (_, path) => path.match(metaPathRE)?.[1] ?? path);
+    this.messageLoaders = mapKeys(loaders.message, (_, path) => path.match(messagePathRE)?.[1] ?? path);
+    this._locale = this.defaultLocale;
+  }
+
+  /** 当前区域 */
+  public get locale() {
+    return this._locale;
+  }
+
+  /** 当前区域 */
+  public set locale(value: string) {
+    if (this.localesAvailable.includes(value)) {
+      document.documentElement.lang = value;
+      this.setStorageLocale(value);
+    }
+  }
+
+  /** 可用的区域列表 */
+  public get localesAvailable() {
+    return Object.keys(this.metaLoaders);
+  }
+
+  /** 所有区域元数据 */
+  public get localeMetas() {
+    return this.metaLoaders;
+  }
+
+  /** 获取默认区域 */
+  public get defaultLocale() {
+    const searchParams = new URLSearchParams(location.search);
+    // 获取区域的优先级
+    const localeTargets = [searchParams.get('locale'), searchParams.get('lang'), this.getStorageLocale(), navigator.language]
+      .filter(locale => !!locale)
+      .map(locale => locale!.replace('_', '-'));
+    const codeMatrix = this.localesAvailable.map(locale => [locale, ...this.localeMetas[locale].codes]);
+    let localeFinal = '';
+
+    for (const target of localeTargets) {
+      for (const codes of codeMatrix) {
+        const matched = codes.some(code => code.toUpperCase().startsWith(target.toUpperCase()));
+
+        if (matched) {
+          localeFinal = codes[0];
+          break;
+        }
+      }
+
+      if (localeFinal)
+        break;
+    }
+
+    localeFinal = localeFinal || 'en-US';
+    this.clearUrlLocale();
+
+    return localeFinal;
+  }
+
+  /**
+   * 加载区域消息
+   * @param locale 区域
+   * @returns 返回加载的消息，如果加载失败则返回 undefined
+   */
+  public async loadLocaleMessage(locale: string) {
+    if (!this.localesAvailable.includes(locale))
+      return;
+
+    const message = await this.messageLoaders[locale]?.().catch(() => undefined);
+
+    if (message)
+      this.localesLoaded.push(locale);
+
+    return message;
+  }
+
+  /**
+   * 定义区域元数据
+   * @param meta 区域元数据对象
+   * @returns 区域元数据对象
+   */
+  public static defineMeta(meta: ILocaleMeta) {
+    return meta;
+  }
+
+  private clearUrlLocale() {
+    const url = new URL(location.href);
+    url.searchParams.delete('locale');
+    url.searchParams.delete('lang');
+
+    history.replaceState(null, '', url.toString());
+  }
+
+  private getStorageLocale() {
+    return localStorage.getItem(this.localeStorageKey);
+  }
+
+  private setStorageLocale(locale: string) {
+    return localStorage.setItem(this.localeStorageKey, locale);
+  }
+}

package/utils/date.ts

@@ -1,12 +1,4 @@
-import dayjs from 'dayjs';
-import { default as relativeTime } from 'dayjs/plugin/relativeTime';
-import 'dayjs/locale/zh';
-import 'dayjs/locale/en';
-
-export { default as dayjs } from 'dayjs';
-
-dayjs.locale('zh');
-dayjs.extend(relativeTime);
+import dayjs from '../libs/dayjs';
 
 /**
  * 返回给定日期的一天的开始时间。

package/vite/index.mjs

@@ -3,22 +3,48 @@
  * @param env 环境变量对象
  * @returns 代理配置对象
  */
+// export function getProxy(env) {
+//   const keyRE = /^VITE_(HTTP|WS)_PREFIX/;
+//   const valueRE = /^.+? => .+?$/;
+//   const proxys = {};
+
+//   for (const [k, v] of Object.entries(env)) {
+//     if (!(keyRE.test(k) && valueRE.test(v)))
+//       continue;
+
+//     const isWs = k.includes('_WS');
+//     const [prefix, target] = v.split(' => ').map(i => i.trim());
+
+//     proxys[prefix] = {
+//       target,
+//       changeOrigin: true,
+//       ws: isWs,
+//       rewrite: path => path.replace(new RegExp(`^${prefix}`), ''),
+//     };
+//   }
+
+//   return proxys;
+// }
+
 export function getProxy(env) {
-  const keyRE = /^VITE_(HTTP|WS)_PREFIX/;
-  const valueRE = /^.+? => .+?$/;
+  const prefixKeyRE = /^VITE_URL_PREFIX_(.*)$/;
+  const socketUrlRE = /^wss?:\/\//;
+  const keys = Object.keys(env).filter(k => prefixKeyRE.test(k));
   const proxys = {};
 
-  for (const [k, v] of Object.entries(env)) {
-    if (!(keyRE.test(k) && valueRE.test(v)))
-      continue;
+  for (const k of keys) {
+    const name = k.match(prefixKeyRE)?.[1] ?? '';
+    const prefix = env[`VITE_URL_PREFIX_${name}`];
+    const target = env[`VITE_URL_PROXY_${name}`];
+    const proxyable = prefix && target;
 
-    const isWs = k.includes('_WS');
-    const [prefix, target] = v.split(' => ').map(i => i.trim());
+    if (!proxyable)
+      continue;
 
     proxys[prefix] = {
       target,
       changeOrigin: true,
-      ws: isWs,
+      ws: socketUrlRE.test(target),
       rewrite: path => path.replace(new RegExp(`^${prefix}`), ''),
     };
   }

package/vue/components/infinite-query/index.ts

@@ -1 +1 @@
-export { default as InfiniteQuery } from './src/InfiniteQuery.vue';
+export { default as InfiniteQuery } from './src/InfiniteQuery.vue';