react-toolkits 0.0.7 → 0.1.0

package/tsup.config.ts

@@ -1,12 +1,13 @@
-import type { Options } from 'tsup'
 import { defineConfig } from 'tsup'
 import * as process from 'process'
 
-export default defineConfig((options: Options) => ({
+const isProduction = process.env.NODE_ENV === 'production'
+
+export default defineConfig({
   entry: ['src/index.ts'],
   format: ['esm'],
-  sourcemap: process.env.NODE_ENV !== 'production',
-  minify: process.env.NODE_ENV === 'production',
+  sourcemap: true,
+  minify: false,
   treeshake: true,
   splitting: false,
   dts: true,
@@ -23,5 +24,4 @@ export default defineConfig((options: Options) => ({
       js: `.${format}.js`,
     }
   },
-  ...options,
-}))
+})

package/src/layouts/Layout.tsx

@@ -1,103 +0,0 @@
-import logo from '@/assets/512_orange_nobackground.png'
-import { Alert, Layout as AntdLayout, Spin, theme } from 'antd'
-import type { FC, PropsWithChildren, ReactNode } from 'react'
-import { Suspense } from 'react'
-import { Link } from 'react-router-dom'
-import type { ItemType2 } from './NavBar'
-import NavBar from './NavBar'
-import { usePermission } from '@/hooks'
-
-const { Header, Sider, Content } = AntdLayout
-const { ErrorBoundary } = Alert
-
-export interface LayoutProps {
-  title?: ReactNode
-  items: ItemType2[]
-  header?: ReactNode
-}
-
-const Layout: FC<PropsWithChildren<LayoutProps>> = props => {
-  const { title, items, header, children } = props
-  const {
-    token: { colorBgContainer, colorBorder },
-  } = theme.useToken()
-
-  // 为了验证 token 是否过期的请求，此处无其他用处。
-  usePermission('100001')
-
-  return (
-    <AntdLayout hasSider className="h-screen">
-      <ErrorBoundary>
-        <Suspense
-          fallback={
-            <Spin
-              style={{
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
-                width: '100vw',
-                height: '100vh',
-              }}
-            />
-          }
-        >
-          <Sider
-            width={256}
-            style={{
-              overflow: 'auto',
-              height: '100vh',
-              position: 'fixed',
-              left: 0,
-              top: 0,
-              bottom: 0,
-              borderRightWidth: 1,
-              borderRightStyle: 'solid',
-              borderRightColor: colorBorder,
-            }}
-            theme="light"
-          >
-            <div className="flex items-end px-6 py-4">
-              <img src={logo} alt="logo" className="w-8 h-8" />
-              <Link className="font-bold text-lg ml-2" to="/">
-                {title}
-              </Link>
-            </div>
-
-            <NavBar items={items} />
-          </Sider>
-          <AntdLayout className="ml-64">
-            <Header
-              style={{
-                padding: '0 24px',
-                background: colorBgContainer,
-                borderBottomWidth: 1,
-                borderBottomStyle: 'solid',
-                borderBottomColor: colorBorder,
-              }}
-            >
-              {header}
-            </Header>
-            <Content className="p-6 overflow-auto bg-gray-50">
-              <Suspense
-                fallback={
-                  <Spin
-                    style={{
-                      display: 'flex',
-                      justifyContent: 'center',
-                      alignItems: 'center',
-                      height: '50vh',
-                    }}
-                  />
-                }
-              >
-                {children}
-              </Suspense>
-            </Content>
-          </AntdLayout>
-        </Suspense>
-      </ErrorBoundary>
-    </AntdLayout>
-  )
-}
-
-export default Layout

package/src/layouts/index.ts

@@ -1,6 +0,0 @@
-import type { LayoutProps } from './Layout'
-import Layout from './Layout'
-import type { ItemType2, NavBarProps } from './NavBar'
-
-export { Layout }
-export type { ItemType2, LayoutProps, NavBarProps }

package/src/stores/menu.ts

@@ -1,27 +0,0 @@
-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,
-      }),
-    },
-  ),
-)