handleCopyId(view.id)}>
void; onDelete: (id: string) => void }) => {
+ const [expanded, setExpanded] = useState(false);
+ const studioStore = useStudioStore();
+ useEffect(() => {
+ const currentViewId = studioStore.currentView?.viewId;
+ if (view.views.some((v: any) => v.id === currentViewId)) {
+ setExpanded(true);
+ }
+ }, [studioStore.currentView?.viewId]);
+ const ShowViews = (props: { views: { id: string, title: string }[] }) => {
+ const studioStore = useStudioStore();
+ const currentViewId = studioStore.currentView?.viewId;
+ const isActiveView = (viewId: string) => {
+ return viewId === currentViewId;
+ }
+ return
+ {props.views.map(v => (
+
{
+ studioStore.setCurrentView({ ...view, viewId: v.id })
+ }}>
+ {v.title || '未命名视图'}
+
+ ))}
+
+ }
+ return
+
setExpanded(!expanded)}>
+
+
+ {view.title || '未命名视图'}
+
+
+
+
+
+
+
+ onEdit(view)}>
+
+ 编辑
+
+ onDelete(view.id)}
+ className="cursor-pointer text-red-600 focus:text-red-600"
+ >
+
+ 删除
+
+
+
+
+
+ {expanded &&
+
+ }
+
+}
export const ViewList = () => {
- const { routeViewList, updateRouteView, deleteRouteView } = useStudioStore();
- const [selectedItems, setSelectedItems] = useState
([]);
+ const { routeViewList, updateRouteView, deleteRouteView, getViewList } = useStudioStore();
const [searchTerm, setSearchTerm] = useState("");
const [editorOpen, setEditorOpen] = useState(false);
const [editingView, setEditingView] = useState(null);
@@ -24,10 +84,14 @@ export const ViewList = () => {
(view.title || '未命名视图').toLowerCase().includes(searchTerm.toLowerCase()) ||
(view.description || '').toLowerCase().includes(searchTerm.toLowerCase())
);
+ useEffect(() => {
+ getViewList();
+ }, [])
-
- const handleRefresh = () => {
- // 刷新逻辑
+ const handleRefresh = async () => {
+ const toastId = toast.loading('正在刷新视图列表...');
+ await getViewList();
+ toast.update(toastId, { render: '视图列表已刷新', type: 'success', isLoading: false, autoClose: 1000 });
};
const handleAdd = () => {
@@ -50,7 +114,7 @@ export const ViewList = () => {
};
return (
-
+
-
-
-
- 视图名称
-
-
-
-
- {filteredViews.length === 0 ? (
-
-
- {searchTerm ? '未找到匹配的视图' : '暂无视图'}
-
-
- ) : (
- filteredViews.map((view) => (
-
-
-
-
- {view.title || '未命名视图'}
-
-
-
-
-
-
-
-
-
- ))
- )}
-
-
+
+ {filteredViews.length === 0 ? (
+
+ {searchTerm ? '未找到匹配的视图' : '暂无视图'}
+
+ ) : (
+ filteredViews.map((view) => (
+
+ ))
+ )}
+