update: 同步新版

image.tsx

@@ -34,7 +34,9 @@ export class Image {
             join_dir: 'hello',
             html_name: `${uid}.html`,
         })
-        return this.Pup.render(Address)
+        return this.Pup.render(Address,{
+            tab: ''
+        })
     }
 }
 // 初始化 图片生成对象

routes.tsx

@@ -1,13 +1,13 @@
 import React from "react"
-import { type RouterType } from "yunzai/image/types"
 import Hello from "./views/hello.tsx"
-import Music from "./views/music.tsx"
+import Music from './views/music.tsx'
-import { createRequire } from 'yunzai/utils'
+import { createRequire } from 'module'
-const require = createRequire(import.meta.url)
+const require  = createRequire(import.meta.url)
-const movies  = [
+const image: string = require('./resources/example.png')
+const movies = [
   {
     id: 0,
-    image: require('./resources/example.png'),
+    image: image,
     title: 'Prognosis Negative',
     starRating: '2.66',
     rating: 'PG-13',
@@ -17,14 +17,14 @@ const movies  = [
     cast: 'Simon Pegg, Zach Galifianakis  '
   }
 ]
-const Config: RouterType = [
+const Config = [
   {
-    url: "/",
+    url: "/hello",
     element: <Hello data={{ name: "word" }} movies={movies} />
   },
   {
     url: "/music",
-    element:  <Music />
+    element: <Music />
   }
 ]
 export default Config

views/hello.tsx

@@ -3,31 +3,37 @@ import Nav from '../component/Nav.tsx'
 import NavItem from '../component/NavItem.tsx'
 import List from '../component/List.tsx'
 import ListItem, { MovieType } from '../component/ListItem.tsx'
+import { createRequire } from 'module'
+
 export type DataType = {
   name: string
 }
+
 export type PropsType = {
   data: DataType
-  movies:MovieType[]
+  movies: MovieType[]
 }
-import { createRequire } from 'yunzai/utils'
+
 const require = createRequire(import.meta.url)
+const url: string = require('../resources/example.png')
+
+/**
+ * 
+ * @param param0 
+ * @returns 
+ */
 export default function App({ data, movies }: PropsType) {
-  const url  = require('../resources/example.png')
   return (
     <div className="divide-y divide-slate-100  m-8 shadow-2xl">
       <img className='h-40 w-40' src={url}></img>
-    <Nav>
+      <Nav>
-      {
+        <NavItem href="./music" >New {data.name}</NavItem>
-        // 前往 / music路由
+      </Nav>
-      }
+      <List>
-      <NavItem href="./music" >New {data.name}</NavItem>
+        {movies.map((movie) => (
-    </Nav>
+          <ListItem key={movie.id} movie={movie} />
-    <List>
+        ))}
-      {movies.map((movie) => (
+      </List>
-        <ListItem key={movie.id} movie={movie} />
+    </div>
-      ))}
-    </List>
-  </div>
   )
 }

views/music.tsx

@@ -1,8 +1,13 @@
 import React from "react";
-import { createRequire } from 'yunzai/utils'
+import { createRequire } from 'module'
-const require = createRequire(import.meta.url)
+const require  = createRequire(import.meta.url)
+// 图片
+const url: string = require('../resources/example.png')
+/**
+ * 
+ * @returns 
+ */
 export default function App() {
-    const url  = require('../resources/example.png')
     return <>
         <div className="bg-white border-slate-100 dark:bg-slate-800 dark:border-slate-500 border-b rounded-t-xl p-4 pb-6 sm:p-10 sm:pb-8 lg:p-6 xl:p-10 xl:pb-8 space-y-6 sm:space-y-8 lg:space-y-6 xl:space-y-8">
             <div className="flex items-center space-x-4">