@peng_kai/kit 0.1.14 → 0.1.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peng_kai/kit",
   "type": "module",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "",
   "author": "",
   "license": "ISC",
@@ -13,43 +13,41 @@
   },
   "peerDependencies": {
     "@tanstack/vue-query": "4.37.1",
-    "@vueuse/core": "10.6.1",
-    "ant-design-vue": "4.0.8",
-    "axios": "1.6.2",
+    "@vueuse/core": "10.7.2",
+    "ant-design-vue": "4.1.1",
+    "axios": "1.6.5",
     "bignumber.js": "9.1.2",
     "dayjs": "1.11.10",
     "lodash-es": "4.17.21",
-    "vue": "3.3.8",
+    "vue": "3.4.15",
     "vue-router": "4.2.5"
   },
   "dependencies": {
-    "@babel/generator": "^7.23.5",
-    "@babel/parser": "^7.23.5",
-    "@babel/traverse": "^7.23.5",
-    "@babel/types": "^7.23.5",
+    "@babel/generator": "^7.23.6",
+    "@babel/parser": "^7.23.6",
+    "@babel/traverse": "^7.23.7",
+    "@babel/types": "^7.23.6",
     "@tanstack/vue-query": "^4.37.1",
-    "@vueuse/core": "^10.6.1",
+    "@vueuse/core": "^10.7.2",
     "a-calc": "^1.3.8",
-    "ant-design-vue": "^4.0.8",
-    "axios": "^1.6.2",
+    "ant-design-vue": "^4.1.1",
+    "axios": "^1.6.5",
     "bignumber.js": "^9.1.2",
     "chokidar": "^3.5.3",
     "dayjs": "^1.11.10",
     "fast-glob": "^3.3.2",
     "lodash-es": "^4.17.21",
     "nprogress": "^0.2.0",
-    "vue": "^3.3.8",
+    "vue": "^3.4.15",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^1.2.1",
     "@peng_kai/lint": "^0.1.0",
-    "@types/lodash-es": "^4.17.11",
+    "@types/lodash-es": "^4.17.12",
     "@types/node": "18",
     "@types/nprogress": "^0.2.3",
-    "@unocss/eslint-plugin": "^0.57.7",
-    "type-fest": "^4.8.1",
-    "typescript": "^5.2.2",
-    "vue-component-type-helpers": "^1.8.22"
+    "type-fest": "^4.9.0",
+    "typescript": "^5.3.3",
+    "vue-component-type-helpers": "^1.8.27"
   }
 }

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,97 +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}`;
-    },
-  }[_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('');
+}