react-toolkits 0.1.0 → 0.1.2

package/src/pages/permission/index.tsx

@@ -1,56 +0,0 @@
-import { lazy } from 'react'
-import type { RouteObject } from 'react-router-dom'
-import { Navigate, Outlet } from 'react-router-dom'
-import { Layout, ReactToolkitsProvider, useReactToolkitsContext } from '@/components'
-import { SWRConfig } from 'swr'
-import { useHttpClient } from '@/hooks'
-
-const UserList = lazy(() => import('./UserList'))
-const RoleList = lazy(() => import('./RoleList'))
-const RoleDetail = lazy(() => import('./RoleDetail'))
-
-const PermissionRoot = () => {
-  const httpClient = useHttpClient()
-  const configs = useReactToolkitsContext(state => state)
-
-  return (
-    // NOTE: 目前嵌套的 ReactToolkitsProvider 只能手动注入父级 ReactToolkitsProvider 的配置
-    <ReactToolkitsProvider {...configs} isGlobalNS>
-      <SWRConfig
-        value={{
-          fetcher: httpClient.request,
-          shouldRetryOnError: false,
-        }}
-      >
-        <Layout>
-          <Outlet />
-        </Layout>
-      </SWRConfig>
-    </ReactToolkitsProvider>
-  )
-}
-
-const routes: RouteObject = {
-  path: 'permission',
-  element: <PermissionRoot />,
-  children: [
-    {
-      index: true,
-      element: <Navigate relative="path" to="user" />,
-    },
-    {
-      path: 'user',
-      element: <UserList />,
-    },
-    {
-      path: 'role',
-      element: <RoleList />,
-    },
-    {
-      path: 'role/:name',
-      element: <RoleDetail />,
-    },
-  ],
-}
-
-export default routes

package/src/shims.d.ts

@@ -1,20 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-declare module '*.jpg' {
-  const content: any
-  export default content
-}
-
-declare module '*.png' {
-  const content: any
-  export default content
-}
-
-declare module '*.svg' {
-  const content: any
-  export default content
-}
-
-declare module '*.yaml' {
-  const content: any
-  export default content
-}

package/src/stores/index.ts

@@ -1,2 +0,0 @@
-export * from './token'
-export * from './query-list'

package/src/stores/query-list.ts

@@ -1,61 +0,0 @@
-import type { QueryListKey } from '@/components/QueryList'
-import type { PaginationParams } from '@/types'
-import { create } from 'zustand'
-
-type RefreshFunction = (arg?: Partial<PaginationParams>) => void
-
-export interface QueryListState {
-  data: Map<
-    QueryListKey,
-    {
-      pagination?: PaginationParams
-      refresh?: RefreshFunction
-    }
-  >
-  getPaginationData: (key: QueryListKey) => PaginationParams
-  setPaginationData: (key: QueryListKey, pagination?: Partial<PaginationParams>) => void
-  refresh: (key: QueryListKey, arg?: Partial<PaginationParams>) => void
-  setRefresh: (key: QueryListKey, trigger: RefreshFunction) => void
-}
-
-export const useQueryListStore = create<QueryListState>((set, get) => ({
-  data: new Map(),
-  getPaginationData: (key: QueryListKey) => {
-    const pagination = get().data.get(key)?.pagination
-    return {
-      page: pagination?.page ?? 1,
-      size: pagination?.size ?? 10,
-    }
-  },
-  setPaginationData: (key: QueryListKey, pagination?: Partial<PaginationParams>) => {
-    set({
-      data: new Map(get().data).set(key, {
-        ...get().data.get(key),
-        pagination: {
-          page: pagination?.page ?? get().getPaginationData(key).page,
-          size: pagination?.size ?? get().getPaginationData(key).size,
-        },
-      }),
-    })
-  },
-  refresh: (key: QueryListKey, pagination?: Partial<PaginationParams>) => {
-    const refresh = get().data.get(key)?.refresh
-
-    if (refresh) {
-      refresh({
-        page: pagination?.page ?? get().getPaginationData(key).page,
-        size: pagination?.size ?? get().getPaginationData(key).size,
-      })
-    }
-  },
-  setRefresh: (key: QueryListKey, refresh: RefreshFunction) => {
-    const data = get().data
-
-    set({
-      data: new Map(data).set(key, {
-        ...data.get(key),
-        refresh,
-      }),
-    })
-  },
-}))

package/src/stores/token.ts

@@ -1,39 +0,0 @@
-import { create } from 'zustand'
-import { persist } from 'zustand/middleware'
-import jwtDecode from 'jwt-decode'
-
-interface UserInfo {
-  authorityId: string
-  exp: number
-}
-
-export interface TokenState {
-  token: string
-  getUser: () => UserInfo | null
-  setToken: (token: string) => void
-  clearToken: () => void
-}
-
-export const useTokenStore = create<TokenState>()(
-  persist(
-    (set, get) => ({
-      token: '',
-      getUser: () => {
-        try {
-          return jwtDecode(get().token) as UserInfo
-        } catch (_) {
-          return null
-        }
-      },
-      setToken: token => set({ token }),
-      clearToken: () => {
-        set({ token: '' })
-        useTokenStore.persist.clearStorage()
-      },
-    }),
-    {
-      name: 'token',
-      partialize: state => ({ token: state.token }),
-    },
-  ),
-)

package/src/styles/index.css

@@ -1,5 +0,0 @@
-@import "antd/dist/reset.css";
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/src/types/index.ts

@@ -1,10 +0,0 @@
-export interface ListResponse<T> {
-  List: T[]
-  Page?: number
-  Total: number
-}
-
-export type PaginationParams = {
-  page: number
-  size: number
-}

package/tailwind.config.js

@@ -1,5 +0,0 @@
-import sharedConfig from 'tailwind-config/config'
-
-module.exports = {
-  presets: [sharedConfig],
-}

package/tsconfig.json

@@ -1,11 +0,0 @@
-{
-  "extends": "tsconfig/react-library.json",
-  "include": ["./src"],
-  "exclude": ["dist", "node_modules"],
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  }
-}

package/tsup.config.ts

@@ -1,27 +0,0 @@
-import { defineConfig } from 'tsup'
-import * as process from 'process'
-
-const isProduction = process.env.NODE_ENV === 'production'
-
-export default defineConfig({
-  entry: ['src/index.ts'],
-  format: ['esm'],
-  sourcemap: true,
-  minify: false,
-  treeshake: true,
-  splitting: false,
-  dts: true,
-  clean: true,
-  shims: true,
-  external: ['react', 'react-dom'],
-  loader: {
-    '.jpg': 'base64',
-    '.png': 'copy',
-    '.webp': 'file',
-  },
-  outExtension({ format }) {
-    return {
-      js: `.${format}.js`,
-    }
-  },
-})