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 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,9 +17,9 @@ const movies  = [
     cast: 'Simon Pegg, Zach Galifianakis  '
   }
 ]
-const Config: RouterType = [
+const Config = [
   {
-    url: "/",
+    url: "/hello",
     element: <Hello data={{ name: "word" }} movies={movies} />
   },
   {

views/hello.tsx

@@ -3,24 +3,30 @@ 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>
-      {
-        // 前往 / music路由
-      }
         <NavItem href="./music" >New {data.name}</NavItem>
       </Nav>
       <List>

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 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">