@peng_kai/kit 0.1.15 → 0.1.17

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 }
+      ? {
+          [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
+//   }
+// }>

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/blockchain.ts

@@ -0,0 +1,57 @@
+/**
+ * 获取对应链的浏览器地址
+ * @param chain 链名
+ * @param hash 哈希
+ * @param type 哈希类型
+ */
+export function getScanBrowser(chain: string, hash: string, type: 'transaction' | 'address' = 'transaction') {
+  type TypeMap = Partial<Record<typeof type, string>>;
+
+  const _chain = chain.toUpperCase();
+  const evmType = () => type === 'transaction' ? 'tx' : type;
+  const urlFn = {
+    'TRON': () => `https://tronscan.org/#/${type}/${hash}`,
+    'ETH': () => `https://etherscan.io/${evmType()}/${hash}`,
+    'ETHEREUM': () => `https://etherscan.io/${evmType()}/${hash}`,
+    'BSC': () => `https://bscscan.com/${evmType()}/${hash}`,
+    'BINANCE': () => `https://bscscan.com/${evmType()}/${hash}`,
+    'BNB CHAIN': () => `https://bscscan.com/${evmType()}/${hash}`,
+    'BASE': () => `https://basescan.org/${evmType()}/${hash}`,
+    'HECO': () => `https://hecoscan.io/#/${evmType}/${hash}`,
+    'POLYGON': () => `https://polygonscan.com/${evmType()}/${hash}`,
+    'OKEXCHAIN': () => `https://www.okx.com/cn/explorer/oktc/${evmType()}/${hash}`,
+    'OPBNB': () => `https://opbnbscan.com/${evmType()}/${hash}`,
+    'APTOS': () => {
+      const _type = (<TypeMap>{ transaction: 'txn', address: 'account' })[type] ?? type;
+      return `https://explorer.aptoslabs.com/${_type}/${hash}`;
+    },
+    'ARBITRUM': () => `https://arbiscan.io/${evmType()}/${hash}`,
+    'AVALANCHE': () => `https://subnets.avax.network/c-chain/${evmType()}/${hash}`,
+    'FANTOM': () => `https://ftmscan.com/${evmType()}/${hash}`,
+    'OPTIMISM': () => `https://optimistic.etherscan.io/${evmType()}/${hash}`,
+    'SUI': () => {
+      const _type = (<TypeMap>{ transaction: 'txblock' })[type] ?? type;
+      return `https://suiexplorer.com/${_type}/${hash}`;
+    },
+    'ZKSYNC': () => `https://explorer.zksync.io/${evmType()}/${hash}`,
+    'SOLANA': () => {
+      const _type = (<TypeMap>{ address: 'account', transaction: 'tx' })[type] ?? type;
+      return `https://solscan.io/${_type}/${hash}`;
+    },
+    'DOGE': () => `https://dogechain.info/${evmType()}/${hash}`,
+    'BTC': () => `https://mempool.space/${evmType()}/${hash}`,
+  }[_chain] ?? (() => '');
+
+  return urlFn();
+}
+
+/**
+ * 在新标签页打开对应链的浏览器地址
+ * @param chain 链名
+ * @param hash 哈希
+ * @param type 哈希类型
+ */
+export function openScanBrowser(...args: Parameters<typeof getScanBrowser>) {
+  const url = getScanBrowser(...args);
+  url && window.open(url, '_blank');
+}

package/utils/index.ts

@@ -1,3 +1,7 @@
+export { desensitize, randomString } from './string';
+export { getScanBrowser, openScanBrowser } from './blockchain';
+export { override } from './object';
+
 export const ENV = {
   get isDev() {
     return (import.meta as any).env.DEV;
@@ -11,6 +15,9 @@ export const ENV = {
   get isTest() {
     return this.isDev || this.isStaging;
   },
+  get isSSR() {
+    return typeof window === 'undefined';
+  },
 };
 
 /**
@@ -21,99 +28,22 @@ export function sleep(dur: number) {
   return new Promise(resolve => setTimeout(resolve, dur));
 }
 
-/**
- * 是否有授权 Token
- */
+/** 是否有授权 Token */
 export function hasToken() {
   return document.cookie.includes('has_token=1');
 }
 
+/** 是否在 SSR 环境 */
 export function isSSR() {
   return typeof window === 'undefined';
 }
 
-/**
- * 字符串脱敏，省略中间字符串
- * @param str 字符串
- * @param startChars 开头显示字符数量
- * @param endChars 结尾显示字符数量
- */
-export function desensitize(str: string | undefined | null, startChars = 4, endChars?: number) {
-  if (!str)
-    return '';
-
-  endChars ??= startChars;
-
-  if (startChars + endChars >= str.length)
-    return str;
-
-  const truncatedStr = `${str.substring(0, startChars)}...${str.substring(str.length - endChars)}`;
-
-  return truncatedStr;
-}
-
-/**
- * 生成指定长度的随机字符串
- * @param length 要生成的随机字符串的长度
- */
-export function randomString(length: number) {
-  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-  return Array.from({ length }, () => characters[Math.floor(Math.random() * characters.length)]).join('');
-}
-
-/**
- * 对应链的浏览器地址
- * @param chain 链名
- * @param hash 哈希
- * @param type 哈希类型
- */
-export function getScanBrowser(chain: string, hash: string, type: 'transaction' | 'address' = 'transaction') {
-  type TypeMap = Partial<Record<typeof type, string>>;
-
-  const _chain = chain.toUpperCase();
-  const evmType = () => type === 'transaction' ? 'tx' : type;
-  const urlFn = {
-    'TRON': () => `https://tronscan.org/#/${type}/${hash}`,
-    'ETH': () => `https://etherscan.io/${evmType()}/${hash}`,
-    'ETHEREUM': () => `https://etherscan.io/${evmType()}/${hash}`,
-    'BSC': () => `https://bscscan.com/${evmType()}/${hash}`,
-    'BINANCE': () => `https://bscscan.com/${evmType()}/${hash}`,
-    'BNB CHAIN': () => `https://bscscan.com/${evmType()}/${hash}`,
-    'BASE': () => `https://basescan.org/${evmType()}/${hash}`,
-    'HECO': () => `https://hecoscan.io/#/${evmType}/${hash}`,
-    'POLYGON': () => `https://polygonscan.com/${evmType()}/${hash}`,
-    'OKEXCHAIN': () => `https://www.okx.com/cn/explorer/oktc/${evmType()}/${hash}`,
-    'OPBNB': () => `https://opbnbscan.com/${evmType()}/${hash}`,
-    'APTOS': () => {
-      const _type = (<TypeMap>{ transaction: 'txn', address: 'account' })[type] ?? type;
-      return `https://explorer.aptoslabs.com/${_type}/${hash}`;
-    },
-    'ARBITRUM': () => `https://arbiscan.io/${evmType()}/${hash}`,
-    'AVALANCHE': () => `https://subnets.avax.network/c-chain/${evmType()}/${hash}`,
-    'FANTOM': () => `https://ftmscan.com/${evmType()}/${hash}`,
-    'OPTIMISM': () => `https://optimistic.etherscan.io/${evmType()}/${hash}`,
-    'SUI': () => {
-      const _type = (<TypeMap>{ transaction: 'txblock' })[type] ?? type;
-      return `https://suiexplorer.com/${_type}/${hash}`;
-    },
-    'ZKSYNC': () => `https://explorer.zksync.io/${evmType()}/${hash}`,
-    'SOLANA': () => {
-      const _type = (<TypeMap>{ address: 'account', transaction: 'tx' })[type] ?? type;
-      return `https://solscan.io/${_type}/${hash}`;
-    },
-    'DOGE': () => `https://dogechain.info/${evmType()}/${hash}`,
-    'BTC': () => `https://mempool.space/${evmType()}/${hash}`,
-  }[_chain] ?? (() => '');
-
-  return urlFn();
-}
-
 /**
  * Telegram连接
- * @param link 链接
+ * @param id 链接
  */
-export function getTelegramBrowser(link: string) {
-  return `https://t.me/${link}`;
+export function getTelegramBrowser(id: string) {
+  return `https://t.me/${id}`;
 }
 
 /**

package/utils/object.ts

@@ -0,0 +1,17 @@
+import assign from 'lodash-es/assign';
+import pick from 'lodash-es/pick';
+import keys from 'lodash-es/keys';
+
+/**
+ * 用一个或多个源对象的属性覆盖目标对象的属性，只会覆盖 `target` 中存在的属性，不会新增新属性
+ * @param  target - 要覆盖的目标对象。
+ * @param  sources - 包含要覆盖的属性的源对象。
+ * @returns 带有覆盖属性的目标对象。
+ */
+export function override<T extends Record<PropertyKey, any>>(
+  target: T,
+  ...sources: Partial<Record<keyof T, any> & Record<PropertyKey, any>>[]
+) {
+  const source = assign({}, ...sources);
+  return assign(target, pick(source, keys(target)));
+}

package/utils/string.ts

@@ -0,0 +1,28 @@
+/**
+ * 字符串脱敏，省略中间字符串
+ * @param str 字符串
+ * @param startChars 开头显示字符数量
+ * @param endChars 结尾显示字符数量
+ */
+export function desensitize(str: string | undefined | null, startChars = 4, endChars?: number) {
+  if (!str)
+    return '';
+
+  endChars ??= startChars;
+
+  if (startChars + endChars >= str.length)
+    return str;
+
+  const truncatedStr = `${str.substring(0, startChars)}...${str.substring(str.length - endChars)}`;
+
+  return truncatedStr;
+}
+
+/**
+ * 生成指定长度的随机字符串
+ * @param length 要生成的随机字符串的长度
+ */
+export function randomString(length: number) {
+  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+  return Array.from({ length }, () => characters[Math.floor(Math.random() * characters.length)]).join('');
+}

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';