fix(web): ui upgrade
This commit is contained in:
@@ -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}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
|
||||
@@ -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)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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 = () => {
|
||||
|
||||
@@ -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 (
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
Reference in New Issue
Block a user