create-yoya-ui 0.6.2 → 0.7.5

package/templates/admin/src/shell/components/admin-shell.js

@@ -5,27 +5,24 @@ import { AppSidebar } from './app-sidebar.js';
 // 外壳装配：只做布局组装。路由与导航动作都在 ShellState，
 // URL 变化 → state.syncFromPath() 写入导航信号 → 顶栏 / 侧栏区域自行更新。
 export function AdminShell({ state }) {
-  return {
-    render() {
-      return vBody((shell) => {
-        shell.gap(0);
-        shell.maxWidth('100%');
-        shell.padding(0);
-        shell.vContainer((frame) => {
-          frame.viewport(true);
-          frame.vHeader({ height: 56 }, (header) => {
-            header.style('padding', '0');
-            header.child(AppNavbar({ state }));
-          });
-          frame.vContainer((body) => {
-            body.style({ flex: '1 1 auto', minHeight: '0' });
-            body.child(AppSidebar({ state }));
-            body.vMain((main) => {
-              main.child(vRouterViews(state.router(), { lockTitle: true, title: '内容区' }));
-            });
-          });
+  // 形态 A 薄工厂：没有对外命令方法，装配即返回视图节点（不必包一层 `render()`）
+  return vBody((shell) => {
+    shell.gap(0);
+    shell.maxWidth('100%');
+    shell.padding(0);
+    shell.vContainer((frame) => {
+      frame.viewport(true);
+      frame.vHeader({ height: 56 }, (header) => {
+        header.style('padding', '0');
+        header.child(AppNavbar({ state }));
+      });
+      frame.vContainer((body) => {
+        body.style({ flex: '1 1 auto', minHeight: '0' });
+        body.child(AppSidebar({ state }));
+        body.vMain((main) => {
+          main.child(vRouterViews(state.router(), { lockTitle: true, title: '内容区' }));
         });
       });
-    }
-  };
+    });
+  });
 }

package/templates/admin/vite.config.js

@@ -2,17 +2,19 @@ import { defineConfig } from 'vite';
 import { existsSync } from 'node:fs';
 import { fileURLToPath } from 'node:url';
 
-// 本地仓库联调：模板直接使用 yoya-ui 的 src 源码（含最新权限能力）。
-// 脚手架生成的项目（模板被复制出去）不存在该路径，自动回退到 npm 包解析。
-const localUi = fileURLToPath(new URL('../../../src/index.js', import.meta.url));
-const localCss = fileURLToPath(new URL('../../../src/yoya.ui.css', import.meta.url));
+// 本地仓库联调：模板直接使用 yoya-ui 的 src 源码（含最新能力）。
+// 脚手架生成的项目（模板被复制出去）不存在该路径，自动回退到 npm 包解析（走 exports 映射）。
+const localUi = fileURLToPath(new URL('../../../yoya-ui/src/index.js', import.meta.url));
 const useLocal = existsSync(localUi);
+// 子入口也要指到源码：`@yoyaflow/yoya-core/api` → `packages/yoya-core/src/api.js`（`ui.css` 单独一条，见下）
+const localSource = (path) => fileURLToPath(new URL(`../../../src/${path}`, import.meta.url));
 
 export default defineConfig({
   resolve: useLocal
     ? {
         alias: [
-          { find: /^@yoyaflow\/yoya-ui\/ui\.css$/, replacement: localCss },
+          { find: /^@yoyaflow\/yoya-ui\/ui\.css$/, replacement: localSource('yoya.ui.css') },
+          { find: /^@yoyaflow\/yoya-ui\/([\w.-]+)$/, replacement: localSource('yoya.$1.js') },
           { find: '@yoyaflow/yoya-ui', replacement: localUi }
         ]
       }

package/templates/basic/package.json

@@ -9,7 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@yoyaflow/yoya-ui": "^0.6.2"
+    "@yoyaflow/yoya-core": "0.7.5",
+    "@yoyaflow/yoya-ui": "0.7.5"
   },
   "devDependencies": {
     "vite": "^8.2.0"

package/templates/ssr/package.json

@@ -9,7 +9,8 @@
     "preview": "npm run build && npm start"
   },
   "dependencies": {
-    "@yoyaflow/yoya-ui": "^0.6.2"
+    "@yoyaflow/yoya-core": "0.7.5",
+    "@yoyaflow/yoya-ui": "0.7.5"
   },
   "devDependencies": {
     "vite": "^8.2.0"

package/templates/ssr/src/home-page.js

@@ -1,4 +1,4 @@
-import { div } from '@yoyaflow/yoya-ui/core';
+import { div } from '@yoyaflow/yoya-core';
 import { createRouter } from '@yoyaflow/yoya-ui/router';
 
 export const messages = {
@@ -12,7 +12,8 @@ export function HomePage(state) {
   router.mode(state.mode || 'history');
   router.route('/home', '首页'.s('home'));
   router.notFound('未找到');
-  router.renderPath(state.path || '/home');
+  // 首页同时挂在 '/'：不然默认请求（path === '/'）落到 notFound，首屏直接显示「未找到」
+  router.renderPath(!state.path || state.path === '/' ? '/home' : state.path);
 
   return div((root) => {
     root.h1('SSR 示例'.s('title'));

package/templates/ssr/src/server.mjs

@@ -1,6 +1,9 @@
 import { createServer } from 'node:http';
 import { existsSync, readFileSync } from 'node:fs';
 import { extname, join } from 'node:path';
+// 加载 ui 组件域：`body.vBody(...)` 这类 child factory 由该入口注册，
+// 只引 `/router` 时 body 上不存在 vBody（服务端首请求会 TypeError）。
+import '@yoyaflow/yoya-ui/ui';
 import { renderPage } from '@yoyaflow/yoya-ui/router';
 import { HomePage, messages } from './home-page.js';
 

package/templates/ssr/vite.config.js

@@ -1,6 +1,23 @@
 import { defineConfig } from 'vite';
+import { existsSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+
+// 本地仓库联调：仓库内跑模板时直接用 yoya-ui 的 src 源码；
+// 脚手架生成出去的项目没有这个路径，自动回退到 npm 包解析（走 exports 映射）。
+const localUi = fileURLToPath(new URL('../../../yoya-ui/src/index.js', import.meta.url));
+const useLocal = existsSync(localUi);
+const localSource = (path) => fileURLToPath(new URL(`../../../src/${path}`, import.meta.url));
 
 export default defineConfig({
+  resolve: useLocal
+    ? {
+        alias: [
+          { find: /^@yoyaflow\/yoya-ui\/ui\.css$/, replacement: localSource('yoya.ui.css') },
+          { find: /^@yoyaflow\/yoya-ui\/([\w.-]+)$/, replacement: localSource('yoya.$1.js') },
+          { find: '@yoyaflow/yoya-ui', replacement: localUi }
+        ]
+      }
+    : undefined,
   build: {
     emptyOutDir: true,
     outDir: 'dist',