@viewfly/router 0.4.1 → 0.5.1

package/README.md

@@ -12,6 +12,9 @@ npm install @viewfly/router
 ## 使用示例
 
 ```jsx
+import { createApp } from '@viewfly/platform-browser'
+import { RouterModule } from '@viewfly/router'
+
 function ListTab1() {
   return () => {
     return (
@@ -95,37 +98,35 @@ function App() {
   return () => {
     return (
       <div>
-        <RootRouter>
-          <div>
-            <Link active="active" exact to="/">Home</Link>
-            <Link active="active" to="/list" queryParams={{ a: 'xx' }}>List</Link>
-            <Link active="active" to="/detail">Detail</Link>
-          </div>
-          <div>
-            <RouterOutlet config={[
-              {
-                name: 'home',
-                component: Home
-              },
-              {
-                name: 'list',
-                asyncComponent: () => Promise.resolve().then(() => List)
-              },
-              {
-                name: 'detail',
-                component: Detail
-              }
-            ]}>
-              未匹配到任何路由
-            </RouterOutlet>
-          </div>
-        </RootRouter>
+        <div>
+          <Link active="active" exact to="/">Home</Link>
+          <Link active="active" to="/list" queryParams={{ a: 'xx' }}>List</Link>
+          <Link active="active" to="/detail">Detail</Link>
+        </div>
+        <div>
+          <RouterOutlet config={[
+            {
+              name: 'home',
+              component: Home
+            },
+            {
+              name: 'list',
+              asyncComponent: () => Promise.resolve().then(() => List)
+            },
+            {
+              name: 'detail',
+              component: Detail
+            }
+          ]}>
+            未匹配到任何路由
+          </RouterOutlet>
+        </div>
       </div>
     )
   }
 }
 
-createApp(document.getElementById('app')!, <App/>)
+createApp(<App/>)use(new RouterModule()).mount(document.getElementById('app')!)
 ```
 
 完整文档请参考官方网站：[viewfly.org](https://viewfly.org)

package/bundles/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment } from '@viewfly/core/jsx-runtime';
-import { Injectable, inject, useSignal, onUnmounted, provide } from '@viewfly/core';
+import { Injectable, inject, createSignal, onUnmounted, provide } from '@viewfly/core';
 import { Subject, Subscription, fromEvent } from '@tanbo/stream';
 
 /******************************************************************************
@@ -237,7 +237,7 @@ function Link(props) {
                 (navigator.pathname + '/') === navigator.join(props.to, router)) :
             navigator.pathname.startsWith(navigator.join(props.to, router));
     }
-    const isActive = useSignal(getActive());
+    const isActive = createSignal(getActive());
     const subscription = navigator.onUrlChanged.subscribe(() => {
         isActive.set(getActive());
     });
@@ -269,7 +269,7 @@ function Link(props) {
 }
 
 function RouterOutlet(props) {
-    const children = useSignal(null);
+    const children = createSignal(null);
     const router = inject(Router);
     const childRouter = new Router(inject(Navigator), router, '');
     provide({

package/bundles/index.js

@@ -239,7 +239,7 @@ function Link(props) {
                 (navigator.pathname + '/') === navigator.join(props.to, router)) :
             navigator.pathname.startsWith(navigator.join(props.to, router));
     }
-    const isActive = core.useSignal(getActive());
+    const isActive = core.createSignal(getActive());
     const subscription = navigator.onUrlChanged.subscribe(() => {
         isActive.set(getActive());
     });
@@ -271,7 +271,7 @@ function Link(props) {
 }
 
 function RouterOutlet(props) {
-    const children = core.useSignal(null);
+    const children = core.createSignal(null);
     const router = core.inject(Router);
     const childRouter = new Router(core.inject(Navigator), router, '');
     core.provide({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/router",
-  "version": "0.4.1",
+  "version": "0.5.1",
   "description": "A routing library based on the Viewfly framework that can be run in the browser or Nodejs background.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -13,7 +13,7 @@
   "keywords": [],
   "dependencies": {
     "@tanbo/stream": "^1.2.3",
-    "@viewfly/core": "^0.4.1",
+    "@viewfly/core": "^0.5.1",
     "url": "^0.11.1"
   },
   "devDependencies": {
@@ -34,5 +34,5 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "7ca289c06cf646dab99157efea91ae9220b2abfd"
+  "gitHead": "343b1bff988837e5e0a2acee63c18c3f4a3e8721"
 }