@peng_kai/kit 0.0.15 → 0.0.16

package/utils/index.ts

@@ -1,17 +1,17 @@
 export const ENV = {
   get isDev() {
-    return (import.meta as any).env.DEV
+    return (import.meta as any).env.DEV;
   },
   get isProd() {
-    return (import.meta as any).env.PROD
+    return (import.meta as any).env.PROD;
   },
   get isStaging() {
-    return (import.meta as any).env.MODE === 'staging'
+    return (import.meta as any).env.MODE === 'staging';
   },
   get isTest() {
-    return this.isDev || this.isStaging
+    return this.isDev || this.isStaging;
   },
-}
+};
 
 /**
  * 睡眠
@@ -19,8 +19,15 @@ export const ENV = {
  */
 export function sleep(dur: number) {
   return new Promise((resolve) => {
-    setTimeout(resolve, dur)
-  })
+    setTimeout(resolve, dur);
+  });
+}
+
+/**
+ * 是否有授权 Token
+ */
+export function hasToken() {
+  return document.cookie.includes('has_token=1');
 }
 
 /**
@@ -31,17 +38,16 @@ export function sleep(dur: number) {
  */
 export function desensitize(str: string | undefined | null, startChars = 4, endChars?: number) {
   if (!str)
-    return ''
+    return '';
 
-  // eslint-disable-next-line no-param-reassign
-  endChars ??= startChars
+  endChars ??= startChars;
 
   if (startChars + endChars >= str.length)
-    return str
+    return str;
 
-  const truncatedStr = `${str.substring(0, startChars)}...${str.substring(str.length - endChars)}`
+  const truncatedStr = `${str.substring(0, startChars)}...${str.substring(str.length - endChars)}`;
 
-  return truncatedStr
+  return truncatedStr;
 }
 
 /**
@@ -51,23 +57,37 @@ export function desensitize(str: string | undefined | null, startChars = 4, endC
  * @param type 哈希类型
  */
 export function getScanBrowser(chain: string, hash: string, type: 'transaction' | 'address' = 'transaction') {
-  const _chain = chain.toUpperCase()
-  const evmType = type === 'transaction' ? 'tx' : type
+  type TypeMap = Partial<Record<typeof type, string>>;
 
-  const url = {
-    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}`,
-    BASE: `https://basescan.org/${type}/${hash}`,
-    HECO: `https://hecoscan.io/#/${type}/${hash}`,
-    POLYGON: `https://polygonscan.com/${type}/${hash}`,
-    OKEXCHAIN: `https://www.okx.com/cn/explorer/oktc/${type}/${hash}`,
-    OPBNB: `https://opbnbscan.com/${type}/${hash}`,
-  }[_chain] ?? ''
+  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}`,
+    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}`,
+    APOTS: () => {
+      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}`,
+  }[_chain] ?? (() => '');
 
-  return url
+  return urlFn();
 }
 
 /**
@@ -75,7 +95,7 @@ export function getScanBrowser(chain: string, hash: string, type: 'transaction'
  * @param link 链接
  */
 export function getTelegramBrowser(link: string) {
-  return `https://t.me/${link}`
+  return `https://t.me/${link}`;
 }
 
 /**
@@ -83,7 +103,15 @@ export function getTelegramBrowser(link: string) {
  * @param key 查询参数的 Key
  */
 export function removeUrlSearchParam(key: string) {
-  let url = new URL(window.location.href);
+  const url = new URL(window.location.href);
   url.searchParams.delete(key);
   window.history.replaceState({}, '', url);
-}
+}
+
+export function createSelfKeyProxy<T extends object>() {
+  return new Proxy({} as T, {
+    get(_, p) {
+      return p;
+    },
+  });
+}

package/vue/components/index.ts

@@ -0,0 +1 @@
+export { InfiniteQuery } from './infinite-query';

package/{components → vue/components}/infinite-query/index.ts

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

package/{components → vue/components}/infinite-query/src/InfiniteQuery.vue

@@ -1,26 +1,26 @@
 <script lang="ts">
-import { computed, ref, unref } from "vue";
-import type { UseInfiniteQueryReturnType } from '@tanstack/vue-query'
-import { useCreateTrigger } from './useCreateTrigger'
+import { computed, ref, unref } from 'vue';
+import type { UseInfiniteQueryReturnType } from '@tanstack/vue-query';
+import { useCreateTrigger } from './useCreateTrigger';
 </script>
 
 <script setup lang="ts" generic="T extends UseInfiniteQueryReturnType<any, any>">
-type TPage = T extends UseInfiniteQueryReturnType<infer P, any> ? NonNullable<P> : any
-type TRecord = TPage extends { list: Array<infer I> } ? I : any
+type TPage = T extends UseInfiniteQueryReturnType<infer P, any> ? NonNullable<P> : any;
+type TRecord = TPage extends { list: Array<infer I> } ? I : any;
 
 const props = defineProps<{
   queryier: T
-}>()
+}>();
 
-const { queryier } = props
-const pages = computed(() => queryier.data.value?.pages)
+const { queryier } = props;
+const pages = computed(() => queryier.data.value?.pages);
 // TODO: 状态之间的互斥仍有问题
-const isInitialLoading = computed(() => queryier.isInitialLoading.value)
-const isInitialLoadingError = computed(() => queryier.isLoadingError.value && !isInitialLoading.value)
+const isInitialLoading = computed(() => queryier.isInitialLoading.value);
+const isInitialLoadingError = computed(() => queryier.isLoadingError.value && !isInitialLoading.value);
 const isMoreLoading = computed(
   () => (queryier.isFetchingNextPage.value || queryier.isFetching.value) && !isInitialLoading.value,
-)
-const isMoreLoadingError = computed(() => queryier.isRefetchError.value && !isMoreLoading.value)
+);
+const isMoreLoadingError = computed(() => queryier.isRefetchError.value && !isMoreLoading.value);
 const noMore = computed(
   () =>
     !queryier.hasNextPage?.value
@@ -28,51 +28,51 @@ const noMore = computed(
     && !isInitialLoadingError.value
     && !isMoreLoading.value
     && !isMoreLoadingError.value,
-)
-const $container = ref<HTMLElement>()
+);
+const $container = ref<HTMLElement>();
 const containerCssVars = computed(() => {
-  const ctnEle = unref($container)
+  const ctnEle = unref($container);
 
   if (!ctnEle)
-    return {}
+    return {};
 
-  const rect = ctnEle.getBoundingClientRect()
+  const rect = ctnEle.getBoundingClientRect();
 
   return {
     '--ctn-height': `${rect.height}px`,
-  }
-})
+  };
+});
 
 function refetch() {
-  queryier.refetch()
+  queryier.refetch();
 }
 
 function refetchLastPage() {
   queryier.refetch({
     refetchPage(lastPage: any, _index, allPages: any[]) {
-      const lastIndex = allPages?.length - 1
-      return lastPage?.pagination?.page === allPages?.[lastIndex]?.pagination?.page
+      const lastIndex = allPages?.length - 1;
+      return lastPage?.pagination?.page === allPages?.[lastIndex]?.pagination?.page;
     },
-  })
+  });
 }
 
 function fetchNextPage() {
-  const { isFetching, isLoading, hasNextPage } = queryier
+  const { isFetching, isLoading, hasNextPage } = queryier;
 
   if (isFetching.value || isLoading.value || !hasNextPage?.value)
-    return
+    return;
 
-  queryier.fetchNextPage()
+  queryier.fetchNextPage();
 }
 
 function triggerFetchNextPage() {
   if (queryier.isError.value)
-    return
+    return;
 
-  fetchNextPage()
+  fetchNextPage();
 }
 
-useCreateTrigger($container, triggerFetchNextPage)
+useCreateTrigger($container, triggerFetchNextPage);
 </script>
 
 <template>

package/{components → vue/components}/infinite-query/src/useCreateTrigger.ts

@@ -1,9 +1,9 @@
-import  { watch } from "vue";
-import type { Ref } from "vue";
-import { useIntersectionObserver, useIntervalFn } from '@vueuse/core'
+import { watch } from 'vue';
+import type { Ref } from 'vue';
+import { useIntersectionObserver, useIntervalFn } from '@vueuse/core';
 
 export function useCreateTrigger(containerEle: Ref<HTMLElement | undefined>, callback: Function) {
-  const triggerEl = document.createElement('div')
+  const triggerEl = document.createElement('div');
 
   Object.assign(triggerEl.style, {
     position: 'relative',
@@ -13,23 +13,23 @@ export function useCreateTrigger(containerEle: Ref<HTMLElement | undefined>, cal
     width: '5px',
     height: '5px',
     // background: 'red',
-  } satisfies Partial<CSSStyleDeclaration>)
+  } satisfies Partial<CSSStyleDeclaration>);
 
   useIntervalFn(() => {
-    const { transform } = triggerEl.style
+    const { transform } = triggerEl.style;
 
     if (transform)
-      triggerEl.style.removeProperty('transform')
-    else triggerEl.style.setProperty('transform', 'translateX(-200%)')
-  }, 500)
+      triggerEl.style.removeProperty('transform');
+    else triggerEl.style.setProperty('transform', 'translateX(-200%)');
+  }, 500);
 
   useIntersectionObserver(triggerEl, ([entry]) => {
     if (entry.isIntersecting)
-      callback()
-  })
+      callback();
+  });
 
   watch(containerEle, (ele) => {
     if (ele)
-      ele.append(triggerEl)
-  })
+      ele.append(triggerEl);
+  });
 }

package/vue/hooks/useComponentRef.ts

@@ -1,27 +1,27 @@
-import { ref } from "vue";
-import type { Component } from 'vue'
-import type { ComponentExposed } from 'vue-component-type-helpers'
+import { ref } from 'vue';
+import type { Component } from 'vue';
+import type { ComponentExposed } from 'vue-component-type-helpers';
 
 export function useComponentRef<C extends Component>(_component: C) {
-  const _cpt = ref<any>()
+  const _cpt = ref<any>();
   const refFn = (cpt: any) => {
-    _cpt.value = cpt
-  }
+    _cpt.value = cpt;
+  };
 
-  type Exposed = typeof refFn & Partial<ComponentExposed<C>>
+  type Exposed = typeof refFn & Partial<ComponentExposed<C>>;
 
   return new Proxy(refFn as Exposed, {
     get(_target, p) {
       if (!_cpt.value)
-        return
+        return;
 
-      return Reflect.get(_cpt.value, p)
+      return Reflect.get(_cpt.value, p);
     },
     set(_target, p, newValue) {
       if (!_cpt.value)
-        return false
+        return false;
 
-      return Reflect.set(_cpt.value, p, newValue)
+      return Reflect.set(_cpt.value, p, newValue);
     },
-  })
+  });
 }

package/vue/hooks/useIsMounted.ts

@@ -1,9 +1,9 @@
-import { ref, onMounted } from "vue";
+import { onMounted, ref } from 'vue';
 
 export function useIsMounted() {
-  const mounted = ref(false)
+  const mounted = ref(false);
 
-  onMounted(() => (mounted.value = true))
+  onMounted(() => (mounted.value = true));
 
-  return mounted
+  return mounted;
 }

package/vue/hooks/useTeleportTarget.ts

@@ -1,13 +1,13 @@
-import { ref, onMounted } from "vue";
+import { onMounted, ref } from 'vue';
 
 export function useTeleportTarget(selectors: string) {
-  const target = ref<HTMLElement | null>()
+  const target = ref<HTMLElement | null>();
 
   onMounted(() => {
     setTimeout(() => {
-      target.value = document.querySelector<HTMLElement>(selectors)
-    })
-  })
+      target.value = document.querySelector<HTMLElement>(selectors);
+    });
+  });
 
-  return target
-}
+  return target;
+}

package/vue/index.ts

@@ -1,3 +1,4 @@
-export { useComponentRef } from './hooks/useComponentRef'
-export { useTeleportTarget } from './hooks/useTeleportTarget'
-export { useIsMounted } from './hooks/useIsMounted'
+export { useComponentRef } from './hooks/useComponentRef';
+export { useTeleportTarget } from './hooks/useTeleportTarget';
+export { useIsMounted } from './hooks/useIsMounted';
+export { InfiniteQuery } from './components/infinite-query';

package/admin/defines/definePage.ts

@@ -1,14 +0,0 @@
-import  { defineComponent, defineAsyncComponent, h } from 'vue'
-import type { AsyncComponentLoader } from 'vue'
-
-export { definePage }
-
-function definePage(loader: AsyncComponentLoader) {
-  return defineComponent({
-    setup() {
-      const Page = defineAsyncComponent(loader)
-
-      return () => h(Page, null)
-    },
-  })
-}

package/admin/defines/defineRoute.helpers.ts

@@ -1,37 +0,0 @@
-import type { RouteLocationNormalizedLoaded, Router } from 'vue-router'
-
-export function getTitle(route?: Pick<RouteLocationNormalizedLoaded, 'meta'>) {
-  const mTitle = route?.meta?.title
-
-  return typeof mTitle === 'function' ? mTitle() : mTitle
-}
-
-export function getMenusByRouter(router: Router) {
-  const menuOrderRE = /^(?<key>\w*)@(?<order>\d+)$/
-  const routes = router.getRoutes()
-  const menus =  routes
-    .filter(route => menuOrderRE.test((route.meta.menuOrder ?? '')))
-    .map((route) => {
-      const res = route.meta!.menuOrder!.match(menuOrderRE)
-      const parentKey = res?.groups?.key
-      const order = Number(res?.groups?.order)
-      const name = route.name as string
-      const menu = {
-        key: name,
-        label: route.meta.title ?? name,
-        icon: route.meta.icon,
-        trigger: () => router.push({ name }),
-        order,
-      }
-
-      return { parentKey, menu }
-    })
-
-  // 将含有子菜单的菜单的 trigger 设置为空函数
-  const hasSubMenus = menus.filter(menu => menus.some(m => m.parentKey === menu.menu.key))
-  hasSubMenus.forEach((menu) => {
-    menu.menu.trigger = (() => {}) as any
-  })
-  
-  return menus
-}

package/admin/defines/defineRoute.ts

@@ -1,161 +0,0 @@
-import type { RouteRecordRaw } from 'vue-router'
-import merge from 'lodash-es/merge'
-import type { VNode } from 'vue'
-import { definePage } from './definePage'
-import { ENV } from "../../utils";
-
-export { defineRoute, getRoutes }
-
-const RouteSymbol = Symbol('app-route')
-
-/** 定义路由 */
-function defineRoute(route: (params: { definePage: typeof definePage }) => RouteRecordRaw[]) {
-  const routeFn: any = () => route({ definePage })
-  routeFn[RouteSymbol] = true
-
-  return routeFn
-}
-
-/** 获取路由 */
-async function getRoutes() {
-  const routeFileRE = /\/([A-Za-z0-9-]+.)?route\.ts$/
-  const routeFiles = Object.fromEntries(
-    Object.entries(getRoutes.modules).filter(([n]) => routeFileRE.test(n)),
-  ) as Record<string, Function>
-  let routes: RouteRecordRaw[] = []
-
-  for (const name in routeFiles) {
-    const module: any = await routeFiles[name]()
-
-    if (Object.hasOwn(module?.default ?? {}, RouteSymbol))
-      Array.prototype.push.apply(routes, module.default())
-  }
-
-  // 处理路由
-  routes = meregeDefaultRouteParams(routes)
-  routes = sortRoute(routes)
-
-  // 输出路由
-  if (!ENV.isProd) {
-    console.groupCollapsed('一级路由')
-
-    console.table(
-      routes.map(route => ({ order: route.meta?.order, ...route })),
-      ['order', 'name', 'path'],
-    )
-
-    console.groupEnd()
-  }
-
-  return routes
-}
-getRoutes.modules = {} as any
-
-/** 给路由填充默认参数 */
-const defaultRouteParams: Partial<RouteRecordRaw> = {
-  meta: {
-    title: '标题',
-    icon: undefined,
-    order: 10,
-    requireAuth: true,
-    keepAlive: false,
-    hiddenTab: false,
-    pageKeyFn: route => route.path,
-  },
-}
-
-function meregeDefaultRouteParams(routes: RouteRecordRaw[], parentRoute?: RouteRecordRaw) {
-  const _routes: typeof routes = []
-
-  for (const route of routes) {
-    if (route.children?.length)
-      route.children = meregeDefaultRouteParams(route.children, route)
-
-    const newRoute = merge({}, defaultRouteParams, route)
-    const { menuOrder } = newRoute.meta!
-
-    // 处理 menuOrder
-    if (typeof menuOrder === 'string')
-      newRoute.meta!.menuOrder = menuOrder.replace('..', (parentRoute?.name ?? '') as string)
-
-    _routes.push(newRoute)
-  }
-
-  return _routes
-}
-
-/** 给路由排序 */
-function sortRoute(routes: RouteRecordRaw[]) {
-  const _routes = routes.sort((r1, r2) => r1!.meta!.order! - r2!.meta!.order!)
-
-  for (const route of _routes) {
-    if (route.children?.length)
-      route.children = sortRoute(route.children)
-  }
-
-  return _routes
-}
-
-declare module 'vue-router' {
-  interface RouteMeta {
-    /**
-     * 路由标题
-     *
-     * @description 可用来作 document.title 和菜单的名称
-     *
-     * 默认：APP 名称
-     */
-    title?: string | (() => string)
-    /**
-     * 菜单和面包屑对应的图标
-     *
-     * 默认：`''`
-     */
-    icon?: (() => VNode)
-    /**
-     * 路由添加顺序，仅作用于一级路由
-     *
-     * 默认：`10`
-     */
-    order?: number
-    /**
-     * 是否需要登录
-     *
-     * 默认：`false`
-     */
-    requireAuth?: boolean
-    /**
-     * 缓存页面
-     *
-     * 默认：`true`
-     */
-    keepAlive?: boolean
-    /**
-     * 菜单排序（升序）
-     *
-     * 格式：[parent]@[order]
-     * - `parent`：可选。不填则默认取路由的 name 值，并在作为一级菜单显示
-     * - `order`：必选。路由排序，值越小排越前
-     *
-     * 例子：
-     * - `@10`：一级菜单
-     * - `..@10`：所在的路由层级的父级菜单，例如父级菜单是 admin，那么`..`就是`admin`
-     * - `admin@10`：指定菜单的父级为 `admin`
-     *
-     * 默认：undefined。不在菜单中显示
-     */
-    menuOrder?: string
-    /**
-     * 是否隐藏标签页
-     *
-     * 默认：`false`
-     */
-    hiddenTab?: boolean
-    /**
-     * 用于生成页面运行时的 key
-     *
-     * 默认：取 route 对象中 path 值
-     */
-    pageKeyFn?: (route: RouteLocationNormalizedLoaded) => string
-  }
-}

package/admin/defines/defineRouteGuard.ts

@@ -1,56 +0,0 @@
-import type { Router } from 'vue-router'
-import { ENV } from "../../utils";
-
-export { defineRouteGuard, getRouteGuards }
-
-interface IGuardConfig {
-  /** 路由守卫添加顺序（升序加载） */
-  order?: number
-  setup: (router: Router) => void
-}
-
-// 路由守卫标识
-const RouteGuardSymbol = Symbol('app-route-guard')
-
-// 定义路由守卫
-function defineRouteGuard(guard: IGuardConfig) {
-  (guard as any)[RouteGuardSymbol] = true
-  guard.order ??= 10
-
-  return guard
-}
-
-// 获取路由守卫
-async function getRouteGuards() {
-  const routeGuardFileRE = /\/([A-Za-z0-9-]+.)?route-guard\.ts$/
-  const routeGuardFiles = Object.fromEntries(
-    Object.entries(getRouteGuards.modules).filter(([n]) => routeGuardFileRE.test(n)),
-  ) as Record<string, Function>
-  let routeGuards: Array<IGuardConfig> = []
-  let routeGuardRecord: { file: string; order: number }[] = []
-
-  for (const name in routeGuardFiles) {
-    const module: any = await routeGuardFiles[name]()
-
-    if (Object.hasOwn(module?.default ?? {}, RouteGuardSymbol)) {
-      const guard = module.default
-
-      routeGuards.push(guard)
-      routeGuardRecord.push({ file: name, order: guard.order })
-    }
-  }
-
-  // 处理路由守卫
-  routeGuards = routeGuards.sort()
-  routeGuardRecord = routeGuardRecord.sort()
-
-  // 输出路由守卫
-  if (!ENV.isProd) {
-    console.groupCollapsed('路由守卫')
-    console.table(routeGuardRecord, ['order', 'file'])
-    console.groupEnd()
-  }
-
-  return routeGuards
-}
-getRouteGuards.modules = {} as any