refactor(deps): migrate @hope-ui/solid to GitHub (#521)

xrgzs · j2rong4cn · web-flow · commit f900fa77726e · 2026-05-17T22:21:27.000+08:00
* refactor(deps): migrate @hope-ui/solid to GitHub Signed-off-by: MadDogOwner <xiaoran@xrgzs.top> * fix(deps): update @hope-ui/solid dependency to latest commit * fix(deps): add path mapping for @stitches/core/types in tsconfig * fix(deps): pin solid-icons version to 1.1.0 * fix(icons): resolve ts error Signed-off-by: MadDogOwner <xiaoran@xrgzs.top> * fix(tsx): correct refs usage in Solid https://docs.solidjs.com/concepts/refs#refs-in-solid Signed-off-by: MadDogOwner <xiaoran@xrgzs.top> * chore(types): correct some typescript errors Signed-off-by: MadDogOwner <xiaoran@xrgzs.top> * fix(previews): update Error component import alias in multiple files * fix(api): simplify content type retrieval in fetchText function --------- Signed-off-by: MadDogOwner <xiaoran@xrgzs.top> Co-authored-by: j2rong4cn <j2rong@qq.com>
diff --git a/package.json b/package.json
@@ -64,7 +64,7 @@
   "dependencies": {
     "@egjs/view360": "4.0.0-beta.7",
     "@embedpdf/snippet": "^2.14.2",
-    "@hope-ui/solid": "0.6.7",
+    "@hope-ui/solid": "github:OpenListTeam/hope-ui#31b436e36ae5d266016814ba71a442ffa9d91181",
     "@jellyfin/libass-wasm": "^4.2.4",
     "@monaco-editor/loader": "1.7.0",
     "@solid-primitives/i18n": "^2.2.1",
@@ -107,7 +107,7 @@
     "seemly": "^0.3.10",
     "sha256": "^0.2.0",
     "solid-contextmenu": "0.0.2",
-    "solid-icons": "^1.1.0",
+    "solid-icons": "1.1.0",
     "solid-js": "^1.9.13",
     "solid-motionone": "^1.0.4",
     "solid-transition-group": "^0.3.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
@@ -1,4 +1,4 @@
-import { IconProps, IconTemplate } from "solid-icons/lib"
+import { IconProps, IconTemplate } from "solid-icons"
 
 export function VscodeIconsFileTypePhotoshop2(props: IconProps) {
   return IconTemplate(
diff --git a/src/pages/home/folder/Pager.tsx b/src/pages/home/folder/Pager.tsx
@@ -45,7 +45,7 @@ const AutoLoadMore = () => {
       threshold: 0.1,
     },
   )
-  let el: HTMLDivElement
+  let el!: HTMLDivElement
   onMount(() => {
     if (!allLoaded()) {
       ob.observe(el)
@@ -59,7 +59,7 @@ const AutoLoadMore = () => {
       when={!allLoaded()}
       fallback={<Text fontStyle="italic">{t("home.no_more")}</Text>}
     >
-      <FullLoading py="$2" size="md" thickness={3} ref={el!} />
+      <FullLoading py="$2" size="md" thickness={3} ref={el} />
     </Show>
   )
 }
diff --git a/src/pages/home/previews/asciinema.tsx b/src/pages/home/previews/asciinema.tsx
@@ -5,10 +5,10 @@ import "asciinema-player/dist/bundle/asciinema-player.css"
 import { onMount } from "solid-js"
 import { objStore } from "~/store"
 export default function Preview() {
-  let d: HTMLDivElement
+  let d!: HTMLDivElement
 
   onMount(() => {
     AsciinemaPlayer.create(objStore.raw_url, d)
   })
-  return <Box w="$full" ref={d!} />
+  return <Box w="$full" ref={d} />
 }
diff --git a/src/pages/home/previews/doc.tsx b/src/pages/home/previews/doc.tsx
@@ -1,4 +1,4 @@
-import { BoxWithFullScreen, Error, FullLoading } from "~/components"
+import { BoxWithFullScreen, FullLoading, Error as Erro } from "~/components"
 import { objStore } from "~/store"
 import { Box, IconButton, Tooltip } from "@hope-ui/solid"
 import { createSignal, onMount, onCleanup, Show } from "solid-js"
@@ -209,7 +209,7 @@ const DocViewerApp = () => {
 
         {/* 错误状态 */}
         <Show when={error()}>
-          <Error msg={t("preview.failed_load_doc")} h="70vh" />
+          <Erro msg={t("preview.failed_load_doc")} h="70vh" />
         </Show>
       </div>
     </BoxWithFullScreen>
diff --git a/src/pages/home/previews/ppt.tsx b/src/pages/home/previews/ppt.tsx
@@ -1,4 +1,4 @@
-import { BoxWithFullScreen, Error, FullLoading } from "~/components"
+import { BoxWithFullScreen, Error as Erro, FullLoading } from "~/components"
 import { objStore } from "~/store"
 import { Box, IconButton, Tooltip } from "@hope-ui/solid"
 import { createSignal, onMount, onCleanup, Show } from "solid-js"
@@ -242,7 +242,7 @@ const PPTViewerApp = () => {
 
         {/* 错误状态 */}
         <Show when={error()}>
-          <Error msg={t("preview.failed_load_ppt")} h="70vh" />
+          <Erro msg={t("preview.failed_load_ppt")} h="70vh" />
         </Show>
       </div>
     </BoxWithFullScreen>
diff --git a/src/pages/home/previews/xls.tsx b/src/pages/home/previews/xls.tsx
@@ -1,4 +1,4 @@
-import { BoxWithFullScreen, Error, FullLoading } from "~/components"
+import { BoxWithFullScreen, Error as Erro, FullLoading } from "~/components"
 import { objStore } from "~/store"
 import { Box, IconButton, Tooltip, Button, HStack } from "@hope-ui/solid"
 import { createSignal, onMount, For, Show } from "solid-js"
@@ -295,7 +295,7 @@ const ExcelViewerApp = () => {
 
         {/* 错误状态 */}
         <Show when={error()}>
-          <Error msg={t("preview.failed_load_excel")} h="70vh" />
+          <Erro msg={t("preview.failed_load_excel")} h="70vh" />
         </Show>
       </div>
     </BoxWithFullScreen>
diff --git a/src/pages/home/toolbar/BatchRename.tsx b/src/pages/home/toolbar/BatchRename.tsx
@@ -252,7 +252,7 @@ export const BatchRename = () => {
           <ModalBody>
             <RadioGroup
               defaultValue="1"
-              onChange={(event) => {
+              onChange={(event: string) => {
                 setType(event)
                 if (event === "1" || event === "3") {
                   setNewNameType("string")
diff --git a/src/pages/home/toolbar/LocalSettings.tsx b/src/pages/home/toolbar/LocalSettings.tsx
@@ -102,6 +102,7 @@ function LocalSettingEdit(props: LocalSetting) {
               }}
               style={{
                 "-moz-appearance": "textfield",
+                // @ts-ignore
                 "::-webkit-inner-spin-button": { display: "none" },
                 "::-webkit-outer-spin-button": { display: "none" },
               }}
diff --git a/src/pages/home/uploads/Upload.tsx b/src/pages/home/uploads/Upload.tsx
@@ -89,8 +89,8 @@ const Upload = () => {
       ["success", "error"].includes(status),
     )
   }
-  let fileInput: HTMLInputElement
-  let folderInput: HTMLInputElement
+  let fileInput!: HTMLInputElement
+  let folderInput!: HTMLInputElement
   const handleAddFiles = async (files: File[]) => {
     if (files.length === 0) return
     setUploading(true)
@@ -179,7 +179,7 @@ const Upload = () => {
         <Input
           type="file"
           multiple
-          ref={fileInput!}
+          ref={fileInput}
           display="none"
           onChange={(e) => {
             // @ts-ignore
@@ -191,7 +191,7 @@ const Upload = () => {
           multiple
           // @ts-ignore
           webkitdirectory
-          ref={folderInput!}
+          ref={folderInput}
           display="none"
           onChange={(e) => {
             // @ts-ignore
diff --git a/src/pages/manage/backup-restore.tsx b/src/pages/manage/backup-restore.tsx
@@ -62,7 +62,7 @@ const BackupRestore = () => {
   const [password, setPassword] = createSignal("")
   const t = useT()
   useManageTitle("manage.sidemenu.backup-restore")
-  let logRef: HTMLDivElement
+  let logRef!: HTMLDivElement
   const [log, setLog] = createSignal<
     {
       type: LogType
diff --git a/src/pages/manage/shares/Item.tsx b/src/pages/manage/shares/Item.tsx
@@ -165,7 +165,9 @@ const Item = (props: ItemProps) => {
             value={props.value as string}
             valid={props.valid}
             readOnly={props.readonly}
-            basePath={props.basePath}
+            basePath={
+              props.type === Type.MultiPath ? props.basePath : undefined
+            }
             onChange={(value) => {
               if (props.type === Type.MultiPath) {
                 props.onChange?.(value)
diff --git a/src/utils/api.ts b/src/utils/api.ts
@@ -238,7 +238,9 @@ export const fetchText = async (
         : undefined,
     })
     const content = await resp.data.arrayBuffer()
-    const contentType = resp.headers["content-type"]
+    const rawContentType = resp.headers["content-type"]
+    const contentType =
+      typeof rawContentType === "string" ? rawContentType : undefined
     return { content, contentType }
   } catch (e) {
     return ts
diff --git a/tsconfig.json b/tsconfig.json
@@ -12,6 +12,7 @@
     "noEmit": true,
     "isolatedModules": false,
     "paths": {
+      "@stitches/core/types/*": ["./node_modules/@stitches/core/types/*"],
       "@hope-ui/solid": ["./node_modules/@hope-ui/solid/dist/index.d.ts"],
       "solid-contextmenu": ["./node_modules/solid-contextmenu/dist/index.d.ts"],
       "~/*": ["./src/*"]

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { IconProps, IconTemplate } from "solid-icons/lib"`
	`1`	`+import { IconProps, IconTemplate } from "solid-icons"`
`2`	`2`
`3`	`3`	`export function VscodeIconsFileTypePhotoshop2(props: IconProps) {`
`4`	`4`	`return IconTemplate(`
Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ const AutoLoadMore = () => {`
`45`	`45`	`threshold: 0.1,`
`46`	`46`	`},`
`47`	`47`	`)`
`48`		`- let el: HTMLDivElement`
	`48`	`+ let el!: HTMLDivElement`
`49`	`49`	`onMount(() => {`
`50`	`50`	`if (!allLoaded()) {`
`51`	`51`	`ob.observe(el)`
`@@ -59,7 +59,7 @@ const AutoLoadMore = () => {`
`59`	`59`	`when={!allLoaded()}`
`60`	`60`	`fallback={<Text fontStyle="italic">{t("home.no_more")}</Text>}`
`61`	`61`	`>`
`62`		`- <FullLoading py="$2" size="md" thickness={3} ref={el!} />`
	`62`	`+ <FullLoading py="$2" size="md" thickness={3} ref={el} />`
`63`	`63`	`</Show>`
`64`	`64`	`)`
`65`	`65`	`}`