Parcourir la source

♻️ refactor(ui-packages): 重构UI组件库的导出与导入方式

- 将`mini-shared-ui-components`的入口文件改为仅导出工具函数和RPC客户端工具,UI组件需通过细粒度路径导入以优化打包体积
- 在多个永仁业务UI包中,将`YongrenTabBarLayout`的导入源从`@d8d/mini-shared-ui-components`迁移至新创建的`@d8d/yongren-shared-ui`包
- 在`yongren-talent-management-ui`中,将`PageContainer`的导入方式改为细粒度路径导入(`@d8d/mini-shared-ui-components/page-container`)
- 在`yongren-settings-ui`中,注释掉未使用的API导出,因为设置页面直接使用企业认证API
yourname il y a 1 mois
Parent
commit
85a748c0c9

+ 2 - 13
mini-ui-packages/mini-shared-ui-components/src/index.ts

@@ -1,16 +1,5 @@
-// 导出所有UI组件
-export { Button, buttonVariants } from './button'
-export { AvatarUpload } from './avatar-upload'
-export { Card, CardHeader, CardContent, CardFooter } from './card'
-export { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './dialog'
-export { Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, useFormField } from './form'
-export { Image } from './image'
-export { Input, inputVariants } from './input'
-export { Label, labelVariants } from './label'
-export { Navbar, NavbarPresets, createNavbar } from './navbar'
-export { PageContainer } from './page-container'
-export { TabBar, type TabBarItem } from './tab-bar'
-export { UserStatusBar } from './user-status-bar'
+// 只导出工具函数和RPC客户端工具,UI组件通过细粒度路径导入
+// 例如:import { Button } from '@d8d/mini-shared-ui-components/button'
 
 // 导出工具函数
 export { cn } from './utils/cn'

+ 1 - 1
mini-ui-packages/yongren-order-management-ui/src/OrderDetail/OrderDetail.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { View, Text } from '@tarojs/components'
-import { YongrenTabBarLayout } from '@d8d/mini-shared-ui-components'
+import { YongrenTabBarLayout } from '@d8d/yongren-shared-ui'
 
 const OrderDetail: React.FC = () => {
   return (

+ 1 - 1
mini-ui-packages/yongren-order-management-ui/src/OrderList/OrderList.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { View, Text } from '@tarojs/components'
-import { YongrenTabBarLayout } from '@d8d/mini-shared-ui-components'
+import { YongrenTabBarLayout } from '@d8d/yongren-shared-ui'
 
 const OrderList: React.FC = () => {
   return (

+ 1 - 1
mini-ui-packages/yongren-settings-ui/src/Settings/Settings.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { View, Text } from '@tarojs/components'
-import { YongrenTabBarLayout } from '@d8d/mini-shared-ui-components'
+import { YongrenTabBarLayout } from '@d8d/yongren-shared-ui'
 
 const Settings: React.FC = () => {
   return (

+ 2 - 1
mini-ui-packages/yongren-settings-ui/src/index.ts

@@ -1,3 +1,4 @@
 export { default as Settings } from './Settings/Settings'
 export { default as SettingsConfig } from './Settings/Settings.config'
-export * from './api'
+// Settings页面使用企业认证API,不需要专门的API客户端
+// export * from './api'

+ 1 - 1
mini-ui-packages/yongren-shared-ui/src/yongren-tab-bar-layout.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react'
 import { View } from '@tarojs/components'
-import { TabBar, type TabBarItem } from '@d8d/mini-shared-ui-components'
+import { TabBar, type TabBarItem } from '@d8d/mini-shared-ui-components/tab-bar'
 import Taro from '@tarojs/taro'
 
 export interface YongrenTabBarLayoutProps {

+ 1 - 1
mini-ui-packages/yongren-talent-management-ui/src/TalentDetail/TalentDetail.tsx

@@ -3,7 +3,7 @@ import { View, Text, ScrollView } from '@tarojs/components'
 import Taro from '@tarojs/taro'
 import { useQuery } from '@tanstack/react-query'
 import { YongrenTabBarLayout } from '@d8d/yongren-shared-ui'
-import { PageContainer } from '@d8d/mini-shared-ui-components'
+import { PageContainer } from '@d8d/mini-shared-ui-components/page-container'
 import { enterpriseDisabilityClient } from './api'
 import { useRequireAuth } from '@d8d/mini-enterprise-auth-ui'
 import './TalentDetail.css'

+ 1 - 1
mini-ui-packages/yongren-talent-management-ui/src/TalentManagement/TalentManagement.tsx

@@ -3,7 +3,7 @@ import { View, Text, Input, ScrollView } from '@tarojs/components'
 import Taro from '@tarojs/taro'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { YongrenTabBarLayout } from '@d8d/yongren-shared-ui'
-import { PageContainer } from '@d8d/mini-shared-ui-components'
+import { PageContainer } from '@d8d/mini-shared-ui-components/page-container'
 import { enterpriseDisabilityClient } from './api'
 import { useAuth, useRequireAuth } from '@d8d/mini-enterprise-auth-ui'
 import './TalentManagement.css'