feat(ui): 界面支持按显示器位置预览。

src/App.tsx

@@ -1,24 +1,25 @@
-import { createEffect, createSignal } from "solid-js";
+import { createEffect } from 'solid-js';
 import { invoke } from '@tauri-apps/api/tauri';
-import { DisplayInfo } from './models/display-info.model';
 import { DisplayView } from './components/\u0016display-view';
+import { DisplayListContainer } from './components/display-list-container';
+import { displayStore, setDisplayStore } from './stores/display.store';
 
 function App() {
-  const [displays, setDisplays] = createSignal<DisplayInfo[]>([]);
-
   createEffect(() => {
     invoke<string>('list_display_info').then((displays) => {
-      setDisplays(JSON.parse(displays));
+      setDisplayStore({
+        displays: JSON.parse(displays),
+      });
     });
   });
 
   return (
     <div class="container">
-      <ol>
-        {displays().map((display) => {
+      <DisplayListContainer>
+        {displayStore.displays.map((display) => {
           return <DisplayView display={display} />;
         })}
-      </ol>
+      </DisplayListContainer>
     </div>
   );
 }