fix(web): ui upgrade

This commit is contained in:
zhaoying
2026-03-25 13:58:25 +08:00
parent 9df41456f6
commit 2b9fd33bc8
42 changed files with 223 additions and 191 deletions

View File

@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-03 16:50:10
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-03-24 16:52:48
* @Last Modified time: 2026-03-25 12:27:51
*/
/**
* Model List View
@@ -26,7 +26,7 @@ import { getListLogoUrl } from './utils'
/**
* Model list component
*/
const ModelList = forwardRef<BaseRef, { query: any; handleEdit: (vo?: ModelListItem) => void; }> (({ query, handleEdit }, ref) => {
const ModelList = forwardRef<BaseRef, { query: any; handleEdit: (vo?: ModelListItem) => void; handleCloseModel: () => void; }>(({ query, handleEdit, handleCloseModel }, ref) => {
const { t } = useTranslation();
const keyConfigModalRef = useRef<KeyConfigModalRef>(null)
const modelListDetailRef = useRef<ModelListDetailRef>(null)
@@ -101,6 +101,7 @@ const ModelList = forwardRef<BaseRef, { query: any; handleEdit: (vo?: ModelListI
ref={modelListDetailRef}
refresh={getList}
handleEdit={handleEdit}
handleCloseConfig={handleCloseModel}
/>
</>
)

View File

@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-03 16:50:14
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-03-23 11:33:44
* @Last Modified time: 2026-03-25 12:19:24
*/
/**
* Model Square View
@@ -39,7 +39,9 @@ const ModelSquare = forwardRef <BaseRef, { query: any; }>(({ query }, ref) => {
.then(res => {
const response = res as ModelPlaza[]
setList(response || [])
setActiveProvider(response[0]?.provider || null)
if (!activeProvider) {
setActiveProvider(response[0]?.provider || null)
}
})
}

View File

@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-03 16:49:28
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-03-24 18:23:31
* @Last Modified time: 2026-03-25 12:27:33
*/
/**
* Custom Model Modal
@@ -148,6 +148,7 @@ const CustomModelModal = forwardRef<CustomModelModalRef, CustomModelModalProps>(
/** Expose methods to parent component */
useImperativeHandle(ref, () => ({
handleOpen,
handleClose
}));
return (
<RbModal

View File

@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-03 16:49:45
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-03-24 16:55:30
* @Last Modified time: 2026-03-25 12:28:07
*/
/**
* Model List Detail Drawer
@@ -31,12 +31,13 @@ interface ModelListDetailProps {
/** Callback to refresh parent list */
refresh?: () => void;
handleEdit: (vo?: ModelListItem) => void;
handleCloseConfig?: () => void;
}
/**
* Model list detail drawer component
*/
const ModelListDetail = forwardRef<ModelListDetailRef, ModelListDetailProps>(({ refresh, handleEdit }, ref) => {
const ModelListDetail = forwardRef<ModelListDetailRef, ModelListDetailProps>(({ refresh, handleEdit, handleCloseConfig }, ref) => {
const { t } = useTranslation();
const [open, setOpen] = useState(false);
const [data, setData] = useState<ProviderModelItem>({} as ProviderModelItem)
@@ -84,6 +85,8 @@ const ModelListDetail = forwardRef<ModelListDetailRef, ModelListDetailProps>(({
setType(null)
setOpen(false)
refresh?.()
multiKeyConfigModalRef.current?.handleClose()
handleCloseConfig?.()
}
/** Refresh model list */
const handleRefresh = () => {

View File

@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-03 16:49:55
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-03-11 15:11:06
* @Last Modified time: 2026-03-25 12:24:41
*/
/**
* Multi-Key Configuration Modal
@@ -95,6 +95,7 @@ const MultiKeyConfigModal = forwardRef<MultiKeyConfigModalRef, MultiKeyConfigMod
/** Expose methods to parent component */
useImperativeHandle(ref, () => ({
handleOpen,
handleClose
}));
return (

View File

@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-03 16:50:05
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-03-20 19:02:31
* @Last Modified time: 2026-03-25 12:28:07
*/
/**
* Model Management Main Page
@@ -134,7 +134,7 @@ const tabKeys = ['group', 'list', 'square']
<div className="rb:w-full rb:h-[calc(100vh-125px)] rb:overflow-y-auto">
{activeTab === 'group' && <GroupModel ref={groupRef} query={query} handleEdit={handleEdit} />}
{activeTab === 'list' && <ModelList ref={modelListRef} query={query} handleEdit={handleEdit} />}
{activeTab === 'list' && <ModelList ref={modelListRef} query={query} handleEdit={handleEdit} handleCloseModel={() => customModelModalRef.current?.handleClose() } />}
{activeTab === 'square' && <ModelSquare query={query} />}
</div>
<GroupModelModal

View File

@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-03 16:50:18
* @Last Modified by: ZhaoYing
* @Last Modified time: 2026-03-24 18:23:48
* @Last Modified time: 2026-03-25 12:28:10
*/
/**
* Type definitions for Model Management
@@ -220,6 +220,7 @@ export interface MultiKeyForm {
export interface MultiKeyConfigModalRef {
/** Open modal with model data */
handleOpen: (vo: ModelListItem, provider?: string) => void;
handleClose: () => void;
}
/**
@@ -303,6 +304,7 @@ export interface CustomModelForm {
export interface CustomModelModalRef {
/** Open modal with optional model plaza item */
handleOpen: (vo?: ModelListItem) => void;
handleClose: () => void;
}
/**