react-toolkits 0.0.1

package/src/stores/menu.ts

@@ -0,0 +1,27 @@
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+
+export interface MenuState {
+  openKeys: string[]
+  selectedKeys: string[]
+  setOpenKeys: (keys: string[]) => void
+  setSelectedKeys: (keys: string[]) => void
+}
+
+export const useMenuStore = create<MenuState>()(
+  persist(
+    set => ({
+      openKeys: [],
+      selectedKeys: [],
+      setOpenKeys: keys => set({ openKeys: keys }),
+      setSelectedKeys: keys => set({ selectedKeys: keys }),
+    }),
+    {
+      name: 'menu',
+      partialize: state => ({
+        openKeys: state.openKeys,
+        selectedKeys: state.selectedKeys,
+      }),
+    },
+  ),
+)

package/src/stores/queryTrigger.ts

@@ -0,0 +1,27 @@
+import type { QueryListKey } from '@/components/QueryList'
+import type { PaginationParams } from '@/types'
+import { create } from 'zustand'
+
+type TriggerFunction = (arg?: Partial<PaginationParams>) => void
+
+export interface QueryTriggerState {
+  triggers: Map<QueryListKey, TriggerFunction>
+  setTrigger: (key: QueryListKey, trigger: TriggerFunction) => void
+  trigger: (key: QueryListKey, arg?: Partial<PaginationParams>) => void
+}
+
+export const useQueryTriggerStore = create<QueryTriggerState>((set, get) => ({
+  triggers: new Map(),
+  setTrigger: (key: QueryListKey, trigger: TriggerFunction) => {
+    set({
+      triggers: new Map(get().triggers).set(key, trigger),
+    })
+  },
+  trigger: (key: QueryListKey, arg?: Partial<PaginationParams>) => {
+    const trigger = get().triggers.get(key)
+
+    if (trigger) {
+      trigger(arg)
+    }
+  },
+}))

package/src/stores/token.ts

@@ -0,0 +1,25 @@
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+
+export interface TokenState {
+  token: string
+  setToken: (token: string) => void
+  clearToken: () => void
+}
+
+export const useTokenStore = create<TokenState>()(
+  persist(
+    set => ({
+      token: '',
+      setToken: token => set({ token }),
+      clearToken: () => {
+        set({ token: '' })
+        useTokenStore.persist.clearStorage()
+      },
+    }),
+    {
+      name: 'token',
+      partialize: state => ({ token: state.token }),
+    },
+  ),
+)

package/src/styles/index.css

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

package/src/types/index.ts

@@ -0,0 +1,27 @@
+import type { ItemType2 } from '@/layouts/NavBar'
+
+export interface UserInfo {
+  authorityId: string
+  exp: number
+}
+
+export interface LoaderData {
+  navs: ItemType2[] // 导航栏数据
+}
+
+export interface BackendResponse<T> {
+  code: number
+  msg: string
+  data: T
+}
+
+export interface ListResponse<T> {
+  List: T[]
+  Page: number
+  Total: number
+}
+
+export type PaginationParams = {
+  page: number
+  perPage: number
+}

package/tailwind.config.js

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

package/tsconfig.json

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

package/tsup.config.ts

@@ -0,0 +1,26 @@
+import type { Options } from 'tsup'
+import { defineConfig } from 'tsup'
+
+export default defineConfig((options: Options) => ({
+  entry: ['src/index.ts'],
+  treeshake: true,
+  splitting: false,
+  format: ['esm'],
+  sourcemap: true,
+  dts: true,
+  minify: false,
+  clean: true,
+  shims: true,
+  external: ['react', 'react-dom'],
+  loader: {
+    '.jpg': 'base64',
+    '.png': 'copy',
+    '.webp': 'file',
+  },
+  outExtension({ format }) {
+    return {
+      js: `.${format}.js`,
+    }
+  },
+  ...options,
+}))