cj-tauri 2.0.0 → 2.1.0

package/cli/templates/app-react/assets/ui/vite.config.js

@@ -1,24 +1,24 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import { viteSingleFile } from 'vite-plugin-singlefile';
-
-// 两件事很重要：
-//   1) dev server 固定 127.0.0.1:5173 —— cj-tauri dev 就是按这个地址探活并注入 CJ_TAURI_DEV_URL 的；
-//      strictPort 让它端口被占时直接报错，而不是悄悄换一个导致应用连不上。
-//   2) 构建产物必须是**单个** index.html —— 后端用 File.readFrom 读它，与 app 模板的单文件模式一致；
-//      assetsInlineLimit 调大是为了让图片等资源也内联进 HTML。
-export default defineConfig({
-  plugins: [react(), viteSingleFile()],
-  base: './',
-  server: {
-    host: '127.0.0.1',
-    port: 5173,
-    strictPort: true
-  },
-  build: {
-    outDir: 'dist',
-    emptyOutDir: true,
-    cssCodeSplit: false,
-    assetsInlineLimit: 104857600
-  }
-});
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { viteSingleFile } from 'vite-plugin-singlefile';
+
+// 两件事很重要：
+//   1) dev server 固定 127.0.0.1:5173 —— cj-tauri dev 就是按这个地址探活并注入 CJ_TAURI_DEV_URL 的；
+//      strictPort 让它端口被占时直接报错，而不是悄悄换一个导致应用连不上。
+//   2) 构建产物必须是**单个** index.html —— 后端用 File.readFrom 读它，与 app 模板的单文件模式一致；
+//      assetsInlineLimit 调大是为了让图片等资源也内联进 HTML。
+export default defineConfig({
+  plugins: [react(), viteSingleFile()],
+  base: './',
+  server: {
+    host: '127.0.0.1',
+    port: 5173,
+    strictPort: true
+  },
+  build: {
+    outDir: 'dist',
+    emptyOutDir: true,
+    cssCodeSplit: false,
+    assetsInlineLimit: 104857600
+  }
+});

package/cli/templates/app-react/cj-tauri.toml

@@ -1,23 +1,33 @@
-# cj-tauri 应用清单——整个工程的单一真相（RFC-002 §7）。
-# cj-tauri sync 从这里派生 targets/ 骨架（desktop/ohos）；cj-tauri check 校验它并检测骨架漂移。
-[app]
-  name = "{{PROJECT_NAME}}"
-  version = "0.1.0"
-  # 应用标识：桌面是安装 ID，鸿蒙直接是 bundleName（每段须字母开头、只含字母数字下划线）
-  id = "{{BUNDLE_NAME}}"
-  # 业务包名（cjpm 约束①：toml 模块名必须等于源包名）
-  package = "{{PACKAGE_NAME}}"
-
-[[windows]]
-  label = "main"
-  title = "{{PROJECT_NAME}}"
-  width = 1000
-  height = 700
-
-[assets]
-  # 骨架 launcher 加载的页面：Vite 打出来的单文件产物（vite-plugin-singlefile 内联 js/css）。
-  # dev 模式自动改写到 Vite dev server（热更新）；发布构建才用这个产物。
-  page = "ui/dist/index.html"
-
-[capabilities]
-  dir = "assets/capabilities"
+# cj-tauri 应用清单——整个工程的单一真相（RFC-002 §7）。
+# cj-tauri sync 从这里派生 targets/ 骨架（desktop/ohos）；cj-tauri check 校验它并检测骨架漂移。
+[app]
+  name = "{{PROJECT_NAME}}"
+  version = "0.1.0"
+  # 应用标识：桌面是安装 ID，鸿蒙直接是 bundleName（每段须字母开头、只含字母数字下划线）
+  id = "{{BUNDLE_NAME}}"
+  # 业务包名（cjpm 约束①：toml 模块名必须等于源包名）
+  package = "{{PACKAGE_NAME}}"
+
+[[windows]]
+  label = "main"
+  title = "{{PROJECT_NAME}}"
+  width = 1000
+  height = 700
+
+[assets]
+  # 骨架 launcher 加载的页面：Vite 打出来的单文件产物（vite-plugin-singlefile 内联 js/css）。
+  # dev 模式自动改写到 Vite dev server（热更新）；发布构建才用这个产物。
+  page = "ui/dist/index.html"
+
+[capabilities]
+  dir = "assets/capabilities"
+
+[links]
+  # 各目标端**追加**的链接选项（拼在框架默认值之后；留空 = 只用默认）。
+  # 什么时候需要它：要调的原生能力在仓颉 SDK 里没有绑定，只能 FFI 直连系统库——
+  # 符号必须出现在最终链接那一侧，而那份 cjpm.toml 是 sync 生成的、不能手改。
+  # 例：鸿蒙读设备电量走系统 C API（ohbattery_info.h），写 ohos = "-lohbattery_info"
+  # 三端分开写是因为同一个库在三端上名字通常不同（-lfoo / foo.lib / -lfoo_ndk.z）。
+  desktop-linux = ""
+  desktop-windows = ""
+  ohos = ""

package/cli/templates/app-react/cjpm.toml

@@ -1,34 +1,34 @@
-# 业务包：业务代码的唯一真相（RFC-002 §7.3——骨架永远是外壳，业务只有一份）。
-# output-type = "static"：桌面骨架（targets/desktop）与鸿蒙入口（targets/ohos/entry）
-# 都以 path 依赖引用本包——同一份业务代码，多个目标各编各的产物。
-[package]
-  cjc-version = "{{CJC_VERSION}}"
-  name = "{{PACKAGE_NAME}}"
-  description = "{{PROJECT_NAME}} - cj-tauri 业务包"
-  version = "0.1.0"
-  target-dir = ""
-  output-type = "static"
-  compile-option = ""
-  override-compile-option = ""
-  link-option = ""
-  package-configuration = {}
-
-[dependencies]
-  # cj-tauri 框架本体（由 cj-tauri create 写入的本机路径；换机器重跑 create 或手改）
-  cjTauri = { path = "{{FRAMEWORK_ROOT_TOML}}" }
-
-[target.x86_64-unknown-linux-gnu.bin-dependencies]
-    path-option = ["${CANGJIE_STDX}"]
-
-[target.x86_64-w64-mingw32.bin-dependencies]
-    path-option = ["${CANGJIE_STDX}"]
-
-[target.aarch64-linux-ohos]
-  # 鸿蒙目标：交叉编译工具链与 sysroot 由 DevEco 仓颉套件提供，路径全部走环境变量
-  # （与框架根 cjpm.toml 同口径；末尾 --dy-std 不可省，原因见框架根 toml 的鸿蒙段注释）
-  compile-option = "-B \"${DEVECO_CANGJIE_HOME}/build-tools/third_party/llvm/bin\" -B \"${DEVECO_OH_NATIVE_HOME}/sysroot/usr/lib/aarch64-linux-ohos\" -L \"${DEVECO_OH_NATIVE_HOME}/sysroot/usr/lib/aarch64-linux-ohos\" -L \"${DEVECO_OH_NATIVE_HOME}/llvm/lib/clang/15.0.4/lib/aarch64-linux-ohos\" -L \"${DEVECO_OH_NATIVE_HOME}/llvm/lib/aarch64-linux-ohos\" --sysroot \"${DEVECO_OH_NATIVE_HOME}/sysroot\" --dy-std"
-
-[target.aarch64-linux-ohos.bin-dependencies]
-    # stdx 必须用鸿蒙版（CANGJIE_STDX_OHOS，桌面版 ABI 不通）；CANGJIE_OHOS_LIBS 指 DevEco
-    # 套件的 api/lib/linux_ohos_aarch64_cjnative/ohos（仓颉标准库 + ohos API 绑定）
-    path-option = ["${CANGJIE_STDX_OHOS}", "${CANGJIE_OHOS_LIBS}", "${AARCH64_MACRO_LIBS}", "${AARCH64_KIT_LIBS}"]
+# 业务包：业务代码的唯一真相（RFC-002 §7.3——骨架永远是外壳，业务只有一份）。
+# output-type = "static"：桌面骨架（targets/desktop）与鸿蒙入口（targets/ohos/entry）
+# 都以 path 依赖引用本包——同一份业务代码，多个目标各编各的产物。
+[package]
+  cjc-version = "{{CJC_VERSION}}"
+  name = "{{PACKAGE_NAME}}"
+  description = "{{PROJECT_NAME}} - cj-tauri 业务包"
+  version = "0.1.0"
+  target-dir = ""
+  output-type = "static"
+  compile-option = ""
+  override-compile-option = ""
+  link-option = ""
+  package-configuration = {}
+
+[dependencies]
+  # cj-tauri 框架本体（由 cj-tauri create 写入的本机路径；换机器重跑 create 或手改）
+  cjTauri = { path = "{{FRAMEWORK_ROOT_TOML}}" }
+
+[target.x86_64-unknown-linux-gnu.bin-dependencies]
+    path-option = ["${CANGJIE_STDX}"]
+
+[target.x86_64-w64-mingw32.bin-dependencies]
+    path-option = ["${CANGJIE_STDX}"]
+
+[target.aarch64-linux-ohos]
+  # 鸿蒙目标：交叉编译工具链与 sysroot 由 DevEco 仓颉套件提供，路径全部走环境变量
+  # （与框架根 cjpm.toml 同口径；末尾 --dy-std 不可省，原因见框架根 toml 的鸿蒙段注释）
+  compile-option = "-B \"${DEVECO_CANGJIE_HOME}/build-tools/third_party/llvm/bin\" -B \"${DEVECO_OH_NATIVE_HOME}/sysroot/usr/lib/aarch64-linux-ohos\" -L \"${DEVECO_OH_NATIVE_HOME}/sysroot/usr/lib/aarch64-linux-ohos\" -L \"${DEVECO_OH_NATIVE_HOME}/llvm/lib/clang/15.0.4/lib/aarch64-linux-ohos\" -L \"${DEVECO_OH_NATIVE_HOME}/llvm/lib/aarch64-linux-ohos\" --sysroot \"${DEVECO_OH_NATIVE_HOME}/sysroot\" --dy-std"
+
+[target.aarch64-linux-ohos.bin-dependencies]
+    # stdx 必须用鸿蒙版（CANGJIE_STDX_OHOS，桌面版 ABI 不通）；CANGJIE_OHOS_LIBS 指 DevEco
+    # 套件的 api/lib/linux_ohos_aarch64_cjnative/ohos（仓颉标准库 + ohos API 绑定）
+    path-option = ["${CANGJIE_STDX_OHOS}", "${CANGJIE_OHOS_LIBS}", "${AARCH64_MACRO_LIBS}", "${AARCH64_KIT_LIBS}"]

package/cli/templates/app-react/src/main.cj

@@ -1,91 +1,91 @@
-package {{PACKAGE_NAME}}
-
-import cjTauri.*
-import cjTauri.plugins.menu.*
-import stdx.encoding.json.*
-import std.collection.*
-
-/**
- * greet 命令（对标 tauri command）
- * 前端：tauri.invoke("greet", { name: "..." })
- */
-public class GreetCommand <: CommandHandler {
-    public init() {}
-
-    public func handle(cmd: String, args: JsonObject, ipc: IpcContext): JsonValue {
-        var name = "world"
-        if (let Some(n) <- args.get("name")) {
-            match (n.kind()) {
-                case JsonKind.JsString => name = n.asString().getValue()
-                case _ => ()
-            }
-        }
-        return JsonString("Hello, ${name}! 来自仓颉后端")
-    }
-}
-
-/**
- * 定时器命令：启动后台线程，每秒向前端推一个 tick 事件（验证 仓颉 → JS 通道）
- * 前端：tauri.listen("tick", cb) + tauri.invoke("timer")
- */
-public class TimerCommand <: CommandHandler {
-    private var counter: Int64 = 0
-    private var started: Bool = false
-
-    public init() {}
-
-    public func handle(cmd: String, args: JsonObject, ipc: IpcContext): JsonValue {
-        if (!this.started) {
-            this.started = true
-            spawn {
-                while (true) {
-                    sleep(Duration.second)
-                    this.counter += 1
-                    var payload = JsonObject()
-                    payload.put("n", JsonInt(this.counter))
-                    ipc.emit("tick", payload)
-                }
-            }
-        }
-        return JsonString("timer started")
-    }
-}
-
-/**
- * 演示菜单：一个普通项 + 一个带勾选项的子菜单
- *
- * 两个方向都在页面上看得到：
- *   菜单 → 页面：点「打个招呼」，宿主把事件推给前端（页面 listen("menu:click") 显示 id）
- *   页面 → 菜单：勾选页面上的复选框，走 menu 插件改「侧边栏」这一项的勾选状态
- */
-func demoMenu(): MenuModel {
-    var view = ArrayList<MenuItem>()
-    view.add(MenuItem.checkbox("view.sidebar", "侧边栏", true))
-    var items = ArrayList<MenuItem>()
-    items.add(MenuItem.normal("file.hello", "打个招呼"))
-    items.add(MenuItem.submenu("视图", view))
-    return MenuModel(items)
-}
-
-/**
- * 业务装配点（RFC-002 §4.1）：骨架的 launcher（targets/ 下各目标的 src）调用它取 AppSpec。
- *
- * 零平台知识：不碰宿主、不知道页面文件路径、不知道能力目录——那些由清单
- * （cj-tauri.toml）决定，launcher 按清单覆盖（page/window/assets/capabilities）。
- * dev 模式页面来自 Vite dev server（框架按 CJ_TAURI_DEV_URL 自动改写），
- * 发布构建加载 assets/ui/dist 的单文件产物——两种跑法业务代码完全一致。
- */
-public func build(): AppSpec {
-    return AppSpec()
-        .window(WindowConfig("{{PROJECT_NAME}}", 1000, 700))
-        // menu 插件：给前端挂 window.__CJ_TAURI__.menu.setEnabled / setChecked
-        // （插件只声明「我提供什么」，**不自动放行**——要能调，就在 capabilities 里引用
-        //   permissions: ["menu:state"]，或逐条写 commands）
-        .plugin(MenuPlugin())
-        .wire({ app =>
-            app.register("greet", GreetCommand())
-            app.register("timer", TimerCommand())
-            // 菜单栏必须在 run 之前挂：预置类宿主能力要赶在页面加载前定稿
-            app.setMenu(demoMenu())
-        })
-}
+package {{PACKAGE_NAME}}
+
+import cjTauri.*
+import cjTauri.plugins.menu.*
+import stdx.encoding.json.*
+import std.collection.*
+
+/**
+ * greet 命令（对标 tauri command）
+ * 前端：tauri.invoke("greet", { name: "..." })
+ */
+public class GreetCommand <: CommandHandler {
+    public init() {}
+
+    public func handle(cmd: String, args: JsonObject, ipc: IpcContext): JsonValue {
+        var name = "world"
+        if (let Some(n) <- args.get("name")) {
+            match (n.kind()) {
+                case JsonKind.JsString => name = n.asString().getValue()
+                case _ => ()
+            }
+        }
+        return JsonString("Hello, ${name}! 来自仓颉后端")
+    }
+}
+
+/**
+ * 定时器命令：启动后台线程，每秒向前端推一个 tick 事件（验证 仓颉 → JS 通道）
+ * 前端：tauri.listen("tick", cb) + tauri.invoke("timer")
+ */
+public class TimerCommand <: CommandHandler {
+    private var counter: Int64 = 0
+    private var started: Bool = false
+
+    public init() {}
+
+    public func handle(cmd: String, args: JsonObject, ipc: IpcContext): JsonValue {
+        if (!this.started) {
+            this.started = true
+            spawn {
+                while (true) {
+                    sleep(Duration.second)
+                    this.counter += 1
+                    var payload = JsonObject()
+                    payload.put("n", JsonInt(this.counter))
+                    ipc.emit("tick", payload)
+                }
+            }
+        }
+        return JsonString("timer started")
+    }
+}
+
+/**
+ * 演示菜单：一个普通项 + 一个带勾选项的子菜单
+ *
+ * 两个方向都在页面上看得到：
+ *   菜单 → 页面：点「打个招呼」，宿主把事件推给前端（页面 listen("menu:click") 显示 id）
+ *   页面 → 菜单：勾选页面上的复选框，走 menu 插件改「侧边栏」这一项的勾选状态
+ */
+func demoMenu(): MenuModel {
+    var view = ArrayList<MenuItem>()
+    view.add(MenuItem.checkbox("view.sidebar", "侧边栏", true))
+    var items = ArrayList<MenuItem>()
+    items.add(MenuItem.normal("file.hello", "打个招呼"))
+    items.add(MenuItem.submenu("视图", view))
+    return MenuModel(items)
+}
+
+/**
+ * 业务装配点（RFC-002 §4.1）：骨架的 launcher（targets/ 下各目标的 src）调用它取 AppSpec。
+ *
+ * 零平台知识：不碰宿主、不知道页面文件路径、不知道能力目录——那些由清单
+ * （cj-tauri.toml）决定，launcher 按清单覆盖（page/window/assets/capabilities）。
+ * dev 模式页面来自 Vite dev server（框架按 CJ_TAURI_DEV_URL 自动改写），
+ * 发布构建加载 assets/ui/dist 的单文件产物——两种跑法业务代码完全一致。
+ */
+public func build(): AppSpec {
+    return AppSpec()
+        .window(WindowConfig("{{PROJECT_NAME}}", 1000, 700))
+        // menu 插件：给前端挂 window.__CJ_TAURI__.menu.setEnabled / setChecked
+        // （插件只声明「我提供什么」，**不自动放行**——要能调，就在 capabilities 里引用
+        //   permissions: ["menu:state"]，或逐条写 commands）
+        .plugin(MenuPlugin())
+        .wire({ app =>
+            app.register("greet", GreetCommand())
+            app.register("timer", TimerCommand())
+            // 菜单栏必须在 run 之前挂：预置类宿主能力要赶在页面加载前定稿
+            app.setMenu(demoMenu())
+        })
+}

package/cli/templates/app-vue/README.md

@@ -1,56 +1,56 @@
-# {{PROJECT_NAME}}
-
-基于 [cj-tauri]({{FRAMEWORK_ROOT}})（仓颉版 Tauri）+ Vue 3 + Vite 的应用：**仓颉后端 + 系统 WebView 前端**，
-通过 `window.__CJ_TAURI__` 做 invoke/listen 双向 IPC，并由 capabilities 清单做最小权限管控。
-
-## 目录结构（一份业务代码，骨架按目标派生）
-
-```
-{{PROJECT_NAME}}/
-├── cj-tauri.toml           # 应用清单——单一真相（id/version/窗口/资产/能力目录）
-├── cjpm.toml               # 业务包（static 库；骨架以 path 依赖引用）
-├── src/main.cj             # 业务装配点 build(): AppSpec（零平台知识）
-├── assets/
-│   ├── ui/                 # Vue 3 + Vite 前端工程（package.json / vite.config.js / src/）
-│   └── capabilities/default.json   # 能力白名单（命令 / 事件 / 权限集）
-└── targets/                # cj-tauri sync 生成的骨架（勿手改；check 判漂移）
-    ├── desktop/            #   桌面可执行（launcher 调 build()）
-    └── ohos/               #   鸿蒙 hap 工程（DevEco + build-hap.sh）
-```
-
-## 首次运行（dev，热更新）
-
-```bash
-cd assets/ui && npm install    # 前端依赖（需要 Node.js）
-cd ../.. && cj-tauri sync      # 派生 targets/ 骨架
-cj-tauri dev                   # 起 Vite dev server（改 .vue 保存即刷新）+ 编译 + 启动窗口
-```
-
-## 发布构建
-
-```bash
-cj-tauri build                 # 先在 assets/ui 跑 npm run build，再编后端
-cj-tauri run
-```
-
-`vite.config.js` 用 vite-plugin-singlefile：产物是 `assets/ui/dist/index.html`
-（js/css 内联、无外部依赖）——正是清单 `[assets] page` 指向的页面。
-
-## 鸿蒙端（PC / 2in1）
-
-```bash
-export CANGJIE_STDX_OHOS=<鸿蒙版 stdx>/linux_ohos_aarch64_cjnative/dynamic/stdx
-cd targets/ohos && bash build-hap.sh            # 编 hap
-cd targets/ohos && bash build-hap.sh --install  # 编完装到设备并拉起
-```
-
-提示：模板不带签名证书——首次在 DevEco 里 File → Project Structure → Signing Configs
-勾「Automatically generate signature」（要登录华为账号）；不签名只能编出
-*-unsigned.hap，装不进设备。
-
-## 命令与能力
-
-命令在 `src/main.cj`（`greet` / `timer` + 演示菜单），白名单在 `assets/capabilities/default.json`——
-两边必须对齐：`cj-tauri check` 的三方比对会交叉核对「能力声明 × 插件自描述 × 实际装配」。
-插件在某端没有实现时（如 shell/sqlite 在鸿蒙端），骨架照样编得过，运行期调用得到
-可照做的「端不支持」错误（RFC-002 §4.6.4 的 P-1 桩）。
+# {{PROJECT_NAME}}
+
+基于 [cj-tauri]({{FRAMEWORK_ROOT}})（仓颉版 Tauri）+ Vue 3 + Vite 的应用：**仓颉后端 + 系统 WebView 前端**，
+通过 `window.__CJ_TAURI__` 做 invoke/listen 双向 IPC，并由 capabilities 清单做最小权限管控。
+
+## 目录结构（一份业务代码，骨架按目标派生）
+
+```
+{{PROJECT_NAME}}/
+├── cj-tauri.toml           # 应用清单——单一真相（id/version/窗口/资产/能力目录）
+├── cjpm.toml               # 业务包（static 库；骨架以 path 依赖引用）
+├── src/main.cj             # 业务装配点 build(): AppSpec（零平台知识）
+├── assets/
+│   ├── ui/                 # Vue 3 + Vite 前端工程（package.json / vite.config.js / src/）
+│   └── capabilities/default.json   # 能力白名单（命令 / 事件 / 权限集）
+└── targets/                # cj-tauri sync 生成的骨架（勿手改；check 判漂移）
+    ├── desktop/            #   桌面可执行（launcher 调 build()）
+    └── ohos/               #   鸿蒙 hap 工程（DevEco + build-hap.sh）
+```
+
+## 首次运行（dev，热更新）
+
+```bash
+cd assets/ui && npm install    # 前端依赖（需要 Node.js）
+cd ../.. && cj-tauri sync      # 派生 targets/ 骨架
+cj-tauri dev                   # 起 Vite dev server（改 .vue 保存即刷新）+ 编译 + 启动窗口
+```
+
+## 发布构建
+
+```bash
+cj-tauri build                 # 先在 assets/ui 跑 npm run build，再编后端
+cj-tauri run
+```
+
+`vite.config.js` 用 vite-plugin-singlefile：产物是 `assets/ui/dist/index.html`
+（js/css 内联、无外部依赖）——正是清单 `[assets] page` 指向的页面。
+
+## 鸿蒙端（PC / 2in1）
+
+```bash
+export CANGJIE_STDX_OHOS=<鸿蒙版 stdx>/linux_ohos_aarch64_cjnative/dynamic/stdx
+cd targets/ohos && bash build-hap.sh            # 编 hap
+cd targets/ohos && bash build-hap.sh --install  # 编完装到设备并拉起
+```
+
+提示：模板不带签名证书——首次在 DevEco 里 File → Project Structure → Signing Configs
+勾「Automatically generate signature」（要登录华为账号）；不签名只能编出
+*-unsigned.hap，装不进设备。
+
+## 命令与能力
+
+命令在 `src/main.cj`（`greet` / `timer` + 演示菜单），白名单在 `assets/capabilities/default.json`——
+两边必须对齐：`cj-tauri check` 的三方比对会交叉核对「能力声明 × 插件自描述 × 实际装配」。
+插件在某端没有实现时（如 shell/sqlite 在鸿蒙端），骨架照样编得过，运行期调用得到
+可照做的「端不支持」错误（RFC-002 §4.6.4 的 P-1 桩）。

package/cli/templates/app-vue/assets/capabilities/default.json

@@ -1,7 +1,7 @@
-{
-  "identifier": "default",
-  "windows": ["main"],
-  "commands": ["greet", "timer", "system:version", "system:ping", "system:echo", "system:devtools"],
-  "permissions": ["menu:state"],
-  "events": ["tick", "menu:click"]
-}
+{
+  "identifier": "default",
+  "windows": ["main"],
+  "commands": ["greet", "timer", "system:version", "system:ping", "system:echo", "system:devtools"],
+  "permissions": ["menu:state"],
+  "events": ["tick", "menu:click"]
+}

package/cli/templates/app-vue/assets/ui/index.html

@@ -1,25 +1,25 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>{{PROJECT_NAME}}</title>
-  <style>
-    /* 整页基础样式：组件样式在各组件里（App.vue），这里给页面底色 + 让内容整列居中，
-       调色板与零 Node 模板、examples/hello 一致（#16161d 深色底）。 */
-    :root { color-scheme: dark; }
-    /* min-height（不是 height）+ 居中：内容比视口高时 body 跟着长，顶部不会被裁掉。 */
-    body { box-sizing: border-box; margin: 0; padding: 24px; min-height: 100vh;
-           display: flex; flex-direction: column; align-items: center; justify-content: center;
-           background: #16161d; color: #e6e6e6;
-           font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
-    /* 标题 / 提示 / 卡片同一列居中：光靠 body 的 align-items 不够——挂载点只有一个子节点，
-       提示行（页面来源、桥状态）很长时会把整列撑宽，卡片反而贴在左边。 */
-    #app { width: 100%; display: flex; flex-direction: column; align-items: center; }
-  </style>
-</head>
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/main.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>{{PROJECT_NAME}}</title>
+  <style>
+    /* 整页基础样式：组件样式在各组件里（App.vue），这里给页面底色 + 让内容整列居中，
+       调色板与零 Node 模板、examples/hello 一致（#16161d 深色底）。 */
+    :root { color-scheme: dark; }
+    /* min-height（不是 height）+ 居中：内容比视口高时 body 跟着长，顶部不会被裁掉。 */
+    body { box-sizing: border-box; margin: 0; padding: 24px; min-height: 100vh;
+           display: flex; flex-direction: column; align-items: center; justify-content: center;
+           background: #16161d; color: #e6e6e6;
+           font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
+    /* 标题 / 提示 / 卡片同一列居中：光靠 body 的 align-items 不够——挂载点只有一个子节点，
+       提示行（页面来源、桥状态）很长时会把整列撑宽，卡片反而贴在左边。 */
+    #app { width: 100%; display: flex; flex-direction: column; align-items: center; }
+  </style>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>

package/cli/templates/app-vue/assets/ui/package.json

@@ -1,18 +1,18 @@
-{
-  "name": "cj-tauri-ui",
-  "private": true,
-  "version": "0.1.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build"
-  },
-  "dependencies": {
-    "vue": "^3.5.13"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.1",
-    "vite": "^6.0.11",
-    "vite-plugin-singlefile": "^2.1.0"
-  }
-}
+{
+  "name": "cj-tauri-ui",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.1",
+    "vite": "^6.0.11",
+    "vite-plugin-singlefile": "^2.1.0"
+  }
+}