tmui-cli 2.0.0 → 2.0.2

package/data/tmui4x/10./346/217/222/344/273/266/345/272/223/xWechatshareS /345/276/256/344/277/241/345/274/200/346/224/276/345/271/263/345/217/260.md"

@@ -0,0 +1,139 @@
+# x-wechatshare-s 微信开放平台
+
+微信开放平台「移动应用」Open SDK 封装：跳转微信、分享卡片、拉起小程序、微信支付、微信登录。函数与类型均加 `x` 前缀，避免与官方同名冲突。回调统一走 DCloud `success / fail / complete`。
+
+三端用的都是官方静态包，已随插件落盘，不走远程依赖：
+
+| 平台 | 官方包 | 位置 |
+| --- | --- | --- |
+| Android | `wechat-sdk-android-6.8.40.aar` | `utssdk/app-android/libs/` |
+| iOS | `WechatOpenSDK.xcframework` 2.0.7（含支付） | `utssdk/app-ios/Frameworks/` |
+| HarmonyOS | `@tencent/wechat_open_sdk` 1.0.20 HAR | `utssdk/app-harmony/libs/` |
+
+### 兼容性
+
+| Harmony | iOS | Android | WEB | 微信小程序 |
+| --- | --- | --- | --- | --- |
+| 支持 | 支持 | 支持 | 不支持 | 不支持 |
+
+Web 与微信小程序导出同名空签名，全部 `fail 1008`。微信小程序里请用官方 `wx.*`，移动应用 Open SDK 只在 App 端可用。
+
+几处官方 SDK 本身的端差异：
+
+- HarmonyOS 版没有 `WXMusicObject`，`xWechatShare` 传 `type: "music"` 会返回 `fail 1005`
+- iOS 版 `PayReq` 没有 `extData` / `signType`，传了会被忽略；对应地 `XWechatPayResult.extData` 在 iOS 恒为空串
+
+### 调用
+
+```ts
+import {
+  xWechatRegister,
+  xWechatIsInstalled,
+  xWechatOpen,
+  xWechatShare,
+  xWechatLaunchMiniProgram,
+  xWechatPay,
+  xWechatAuth,
+  XWechatRegisterOptions,
+  XWechatShareOptions
+} from "@/uni_modules/x-wechatshare-s"
+
+// 每次冷启动先注册一次，AppID 由你的开放平台应用提供
+xWechatRegister({
+  appId: "wx0000000000000000",
+  universalLink: "https://your.domain/app/",
+  success: (res) => {
+    console.log(res.registered)
+  }
+} as XWechatRegisterOptions)
+
+// 分享网页卡片
+xWechatShare({
+  type: "webpage",
+  scene: "session",
+  title: "标题",
+  summary: "描述",
+  href: "https://uniapp.dcloud.net.cn",
+  thumb: "/static/logo.png",
+  success: () => {
+    console.log("微信已确认分享")
+  }
+} as XWechatShareOptions)
+```
+
+### API
+
+| 函数 | 说明 |
+| --- | --- |
+| `xWechatRegister(options)` | 注册 AppID。iOS 建议同时传 `universalLink`，Android 可用 `checkSignature` 关闭微信客户端签名校验 |
+| `xWechatIsInstalled(options?)` | 回 `installed` 与 `supportApi` |
+| `xWechatOpen(options?)` | 拉起微信客户端 |
+| `xWechatShare(options)` | 分享卡片 |
+| `xWechatLaunchMiniProgram(options)` | 拉起小程序，`success` 回小程序 `navigateBackApplication` 带出的 `extMsg` |
+| `xWechatPay(options)` | 微信支付，六要素由业务服务端下单后下发 |
+| `xWechatAuth(options?)` | 微信登录，`success` 回 `code` |
+
+`xWechatShare` 的 `type`：`text` / `image` / `webpage` / `music` / `video` / `miniProgram` / `file`。
+`scene`：`session` 好友 / `timeline` 朋友圈 / `favorite` 收藏。小程序卡片微信只允许发到会话，插件会强制改成 `session`。
+
+`thumb`、`imagePath`、`filePath` 支持 `/static/xx.png` 这类应用内路径、绝对路径和 `http(s)` 地址，插件会自动转换并把缩略图压到微信要求的大小内。
+
+### 错误码
+
+| 码 | 含义 |
+| --- | --- |
+| 1001 | 系统错误 |
+| 1002 | 参数错误 |
+| 1003 | 未调用 `xWechatRegister` |
+| 1004 | 未安装微信 |
+| 1005 | 当前微信版本或当前平台的官方 SDK 不支持此功能 |
+| 1006 | 用户取消 |
+| 1007 | 微信拒绝或发送失败 |
+| 1008 | 当前平台不支持（Web / 微信小程序） |
+
+`success` 表示微信已回调成功，不是「已打开微信」。收不到回调时先查下面的回跳配置。
+
+## 回跳配置
+
+微信把结果回传给宿主 App 的路径是平台强制的，三端要求不同。
+
+### Android：无需配置
+
+插件的 `AndroidManifest.xml` 已经用 DCloud 云打包保留的 `${apk.applicationId}` 占位符生成了两个别名：
+
+- `{applicationId}.wxapi.WXEntryActivity`
+- `{applicationId}.wxapi.WXPayEntryActivity`
+
+它们都指向插件内部的 `XWechatCallbackActivity`。登录和支付另外通过 `callbackClassName` 直接指到同一个 Activity。
+
+如果你的工程已经自己写了 `wxapi` 下的这两个类（例如从原生工程迁移过来），会和插件的别名冲突，二选一：删掉自己的类，或删掉插件 `AndroidManifest.xml` 里的两个 `activity-alias` 并改用 `native-templates/android/wxapi/` 下的模板（模板内部会调 `XWechatShareNative.handleIntent(intent)`）。
+
+注意：`nativeResources/android` 不支持放 Java / Kotlin 源码，所以模板只对离线打包有意义。
+
+### iOS：配 URL Scheme 和 Universal Link
+
+插件通过 `UTSiOSHookProxy` 接管了 `application:openURL:` 和 `continueUserActivity:`，不需要改宿主 `AppDelegate`，但下面两项必须你自己配：
+
+1. `manifest.json` → `app-ios.distribute.urltypes` 里加上 `wx{你的AppID}`，例如 `wx0000000000000000`
+2. Universal Link 域名要在开放平台登记，并配到 `app-ios.distribute.capabilities.entitlements` 的 `com.apple.developer.associated-domains`，与 `xWechatRegister` 传的 `universalLink` 前缀一致
+
+`LSApplicationQueriesSchemes` 里的 `weixin` / `weixinULAPI` 已由插件的 `Info.plist` 提供。
+
+### HarmonyOS：无需配置
+
+插件在 `app-harmony/index.uts` 里通过 `UTSHarmony.onAppAbilityCreate` 和 `UTSHarmony.onAppAbilityNewWant` 接住微信回跳的 `want` 并交给 SDK。只有当你自己维护 `EntryAbility.ets` 并绕开了 uni-app x 的生命周期分发时，才需要参考 `native-templates/harmony/EntryAbility.snippet.ets` 手动转发。
+
+## 你需要自己准备的
+
+- 微信开放平台「移动应用」AppID，且三端包名 / 签名 / Bundle ID / Universal Link / 鸿蒙 BundleName 已审核通过
+- 支付：商户号 + 服务端预下单，插件只负责把六要素交给 `PayReq`，不生成 `sign`
+- 改过原生配置后必须重新提交云端打包自定义基座，标准基座里没有微信 SDK
+
+没有真实 AppID 时代码和编译都能通过，真机拉起微信会因签名校验失败。
+
+## 更新日志
+
+### 1.0.0（2026-08-17）
+* 新增 x-wechatshare-s：xWechatRegister、xWechatIsInstalled、xWechatOpen、xWechatShare、xWechatLaunchMiniProgram、xWechatPay、xWechatAuth。
+* Android / iOS / HarmonyOS 使用官方 Open SDK 静态包真实实现，Web 与微信小程序为同名空签名并 fail 1008。
+* Android 用 `${apk.applicationId}` 别名自动接管 wxapi 回跳，iOS 用 UTSiOSHookProxy 接管 openURL / UniversalLink，鸿蒙用 UTSHarmony 生命周期接管 want，三端均无需宿主手动接线。

package/data/tmui4x/10./346/217/222/344/273/266/345/272/223/xYoloS YOLO/347/233/256/346/240/207/346/243/200/346/265/213.md"

@@ -0,0 +1,125 @@
+# x-yolo-s YOLO目标检测
+
+通用 YOLO 目标检测。内置轻量 YOLOv8n（COCO80），支持静态图片检测、相机实时弹层、外部模型 zip 导入。换模型或标签即可扩展到垂直场景。检测全程在设备本地完成。
+
+### 兼容性
+
+| Harmony | IOS | Android | WEB | 小程序 |
+| --- | --- | --- | --- | --- |
+| 支持 | 支持 | 支持 | 不支持 | 不支持 |
+
+### 调用
+
+```ts
+import { loadModel, detect, openCamera, importModel } from "@/uni_modules/x-yolo-s"
+
+loadModel({
+  success: (res) => {
+    console.log(res.labelCount, res.modelRoot)
+  }
+})
+
+detect({
+  imagePath: photoPath,
+  labelFilter: ["person", "car"],
+  success: (res) => {
+    console.log(res.detections.length, res.durationMs)
+  }
+})
+
+openCamera({
+  cameraPosition: "back",
+  onDetect: (evt) => {
+    // trackId 对同一物体跨帧稳定；isNew 只在该目标首次确认时为 true。
+    // 按物品计数只统计 isNew 的结果即可防止重复报数。
+    evt.detections.forEach((d) => {
+      if (d.isNew == true) {
+        console.log("新目标", d.trackId, d.label)
+      }
+    })
+  },
+  onCapture: (evt) => {
+    console.log(evt.imagePath)
+  },
+  onClose: () => {}
+})
+```
+
+相机采集、推理和绘框都在原生弹层内完成，帧不经过 uvue。业务只收检测事件和抓拍路径。
+
+实时弹层布局与其它相机插件一致：顶栏关闭 / 标题 / 闪光，中间预览，底部居中圆形快门（继续 / 停止）。识别到物体时在快门上方弹出信息条，约 2 秒自动消失；`onDetect` 仍按 `detectInterval` 持续回调，方便记录。
+
+实时链路为「检测 + 跟踪 + 插值渲染」三段式：C++ 侧多目标跟踪器（IoU 匹配 + 速度外推 + EMA 平滑）给每个物体分配稳定 `trackId`，短暂丢帧时框滑行不闪烁；原生 overlay 以 60fps 对检测结果插值渲染，框平滑跟随物体，不受检测帧率限制。跟踪与模型无关，换模型不影响 `trackId` 语义。
+
+推理后端：Android / 鸿蒙默认尝试启用 ORT 内置 XNNPACK EP（ARM 卷积加速，失败自动回退默认 CPU EP），iOS 用默认 CPU EP。实际生效后端见 `getRuntimeInfo().ep`（`xnnpack` / `cpu` / `none`）。
+
+类别过滤：`detect` / `openCamera` 传 `labelFilter: ["person","cup"]` 即只检测这些类别。过滤在 C++ 解码层完成（先全类 argmax 定类再按类丢弃，与 Ultralytics `classes` 参数同语义），非目标类不进 NMS、不占 `maxDet` 名额、不进跟踪器、不绘框不回调。注意：模型单次推理耗时不变（YOLO 一次前向输出全部类别），收益在后处理更轻、跟踪与计数聚焦目标类、画面与回调干净无干扰。
+
+### 方法
+
+| 名称 | 需要 | 说明 |
+| --- | --- | --- |
+| loadModel | 可选 `modelRoot`、`files`、阈值 | 加载模型；不传 `modelRoot` 用内置模型 |
+| unloadModel | 可选回调 | 卸载模型 |
+| detect | `imagePath`，可选 `labelFilter` | 静态图片检测，返回原图像素坐标框 |
+| openCamera | 可选相机与节流参数 | 打开原生实时检测弹层 |
+| importModel | `zipPath`，可选 `targetName`、`overwrite` | 解压模型 zip，返回可给 `loadModel` 的目录 |
+| setOptions | 可选阈值 | 运行中改置信度 / IoU / 最大框数 |
+| getRuntimeInfo | 无 | 同步返回平台、是否就绪、`pipelineReady`、推理后端 `ep` |
+| getState | 无 | 返回 `idle` / `loading` / `ready` / `error` |
+
+### 参数
+
+`loadModel`
+
+| 字段 | 说明 | 默认 |
+| --- | --- | --- |
+| modelRoot | 模型目录；空则释放内置模型 | 内置 |
+| files.model | 检测 onnx 文件名 | `model.onnx` |
+| files.labels | 标签表文件名，缺失回退 COCO80 | `labels.txt` |
+| inputSize | letterbox 边长 | 640 |
+| confidenceThresh | 置信度阈值 | 0.25 |
+| iouThresh | NMS IoU | 0.45 |
+| maxDet | 单帧最多框，0=不限制 | 100 |
+| numThreads | ORT 线程数 | Android/鸿蒙 4，iOS 2 |
+
+`detect`
+
+| 字段 | 说明 | 默认 |
+| --- | --- | --- |
+| imagePath | 本地图片路径；Android 支持 `content://` | 必填 |
+| labelFilter | 只检测这些类别，如 `["person","cup"]`（label 或 classId） | 全部 |
+
+`openCamera`
+
+| 字段 | 说明 | 默认 |
+| --- | --- | --- |
+| cameraPosition | `front` / `back` | `back` |
+| torch | 初始闪光灯 | false |
+| detectInterval | 相邻两次推理最小间隔 ms；框由 overlay 60fps 插值跟随，不必拉高检测帧率 | 80 |
+| drawBox | 原生 overlay 绘框 | true |
+| labelFilter | 只检测这些类别，如 `["person","cup"]` | 全部 |
+| confidenceThresh | 覆盖当前阈值 | 沿用 |
+| onDetect / onCapture / onClose | 弹层事件 |  |
+
+`importModel`
+
+zip 内需含 `model.onnx`，可选 `labels.txt`。解压目录可直接作为 `loadModel({ modelRoot })`。
+
+### 内置模型
+
+首次使用前把 YOLOv8n 放到插件里。导出必须钉 `opset=19`：鸿蒙预编译 ORT 是 1.16，官方只保证 `ai.onnx` 到 opset 19，默认 ultralytics 会出 opset 20 导致 `loadModel` 1006。
+
+```bash
+bash uni_modules/x-yolo-s/native-src/scripts/download_model.sh
+```
+
+再按平台编译原生核心：
+
+```bash
+bash uni_modules/x-yolo-s/native-src/android/build_android.sh
+bash uni_modules/x-yolo-s/native-src/ios/build_ios.sh
+bash uni_modules/x-yolo-s/native-src/harmony/build_oh.sh
+```
+
+修改 `config.json` 或原生 so / framework 后需要重新打自定义基座。

package/data/tmui4x/10./346/217/222/344/273/266/345/272/223/xZipS ZIP/345/216/213/347/274/251/350/247/243/345/216/213.md"

@@ -0,0 +1,126 @@
+# x-zip-s ZIP压缩解压
+
+对应用缓存或专有目录中的文件做 zip 压缩 / 解压。接口改为 DCloud 风格 `success / fail / complete`。
+
+### 兼容性
+
+| Harmony | IOS | Android | WEB | 小程序 |
+| --- | --- | --- | --- | --- |
+| 支持 | 支持 | 支持 | 支持 | 支持 |
+
+### 调用
+
+```ts
+import { addZip, unZip, addZipAndSaveDisk } from "@/uni_modules/x-zip-s"
+
+addZip({
+  source: uni.env.CACHE_PATH + "/backup",
+  dest: uni.env.CACHE_PATH + "/backup.zip",
+  success: (res) => {
+    console.log(res.path, res.fileCount)
+  },
+  fail: (err) => {
+    console.log(err.errCode, err.errMsg)
+  }
+})
+
+unZip({
+  source: uni.env.CACHE_PATH + "/backup.zip",
+  dest: uni.env.CACHE_PATH + "/restore",
+  success: (res) => {
+    console.log(res.files)
+  }
+})
+
+addZipAndSaveDisk({
+  source: uni.env.CACHE_PATH + "/backup",
+  fileName: "backup.zip",
+  success: (res) => {
+    console.log(res.path)
+  }
+})
+```
+
+Web 没有 `uni.getFileSystemManager()`，用 `files` 注入内存文件：
+
+```ts
+addZip({
+  dest: "demo.zip",
+  files: [
+    { name: "hello.txt", text: "hello-x-zip-s" },
+    { name: "notes/info.txt", text: "nested-ok" }
+  ],
+  success: (res) => {
+    unZip({
+      source: "demo.zip",
+      dest: "out",
+      success: (out) => {
+        console.log(out.files[0].text)
+      }
+    })
+  }
+})
+```
+
+### 方法
+
+| 名称 | 说明 |
+| --- | --- |
+| addZip | 压缩目录、单文件，或 `files` 内存列表 |
+| unZip | 解压 zip 到目标目录 |
+| addZipAndSaveDisk | 先压缩，再打开系统保存面板（Web 触发下载；微信写入 `USER_DATA_PATH`） |
+
+### 参数
+
+`source` 待压缩目录/文件，或待解压 zip。`dest` 输出 zip / 解压目录。`files` 可选内存文本文件。`fileName` 保存到系统目录时的文件名。
+
+### 平台实现
+
+| 平台 | 压缩 | 解压 | 保存到系统目录 |
+| --- | --- | --- | --- |
+| Android | Apache Commons Compress | 同上，并拦截 `..` 路径穿越 | `ACTION_CREATE_DOCUMENT` |
+| iOS | 内置 ZIPFoundation 0.9.19，条目用源目录相对路径（不用 `/var` 沙盒绝对路径） | 按相对路径解压，拦截 `..`；目录条目不会再被当成非法文件名 | 系统文档导出面板 |
+| HarmonyOS | `@kit.BasicServicesKit` zlib | zlib.decompressFile | DocumentViewPicker.save |
+| Web | JSZip 3.10.1 | JSZip | 浏览器下载 |
+| 微信 | JSZip（官方无压缩 API） | `FileSystemManager.unzip` | 写入用户文件目录 |
+
+浏览器 `CompressionStream` 只支持 gzip/deflate，不是 zip 容器，所以 Web 用 JSZip。微信有官方解压，没有官方打包。
+
+### 错误码
+
+| 码 | 含义 |
+| --- | --- |
+| 1001 | 系统错误 |
+| 1002 | 参数错误 |
+| 1003 | 源路径不存在 |
+| 1004 | 写入失败 |
+| 1005 | 当前平台不支持 |
+| 1006 | 压缩失败 |
+| 1007 | 解压失败 |
+| 1008 | 用户取消 |
+
+Android 请打自定义基座。iOS 在 Mac 上可本地编译，Windows 开发 iOS 需打包基座。
+
+### 版本
+
+版权归 https://xui.tmui.design 你不得修改及二次开发，仅供 TMUI4 会员商用使用。不得转给非 VIP 会员使用，一经查实数倍赔偿，并追究法律责任。
+
+## 更新日志
+
+### 1.1.2（2026-08-20）
+* 修复 iOS 解压校验失败：`unzipItem` 把目标目录当成文件，`notes/` 目录条目被拼到外面，系统报「文件名称"notes"无效」。改为按相对路径自建目录并解压文件。
+### 1.1.1（2026-08-20）
+* 修复 iOS 压缩条目写成 `/var/...` 沙盒绝对路径：改为按源目录相对路径入包（`hello.txt`、`notes/info.txt`），与 Android 对齐。
+* 补齐 iOS 隐私清单 File Timestamp（C617.1）声明。
+### 1.1.0（2026-08-20）
+* 改为 DCloud 风格 options + success/fail/complete，五端 API 对齐。
+* 新增 Web（JSZip）与微信小程序（官方 unzip + JSZip 压缩）。
+* 鸿蒙改为系统 zlib，去掉缺失的 HAR。
+* Android 补齐保存到系统目录；解压拦截路径穿越。
+* iOS 内置 ZIPFoundation 源码，不再走 CocoaPods。
+### 1.0.2（2026-03-23）
+* 修复安卓端压缩包可能在电脑端无法解压。
+### 1.0.1（2025-08-17）
+* 鸿蒙原生支持。
+### 1.0.0（2024-12-18）
+* 对指定目录/文件进行压缩并返回压缩文件路径以便上传和管理.

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/205/266/345/256/203/347/273/204/344/273/266//344/272/214/347/273/264/347/240/201 xQrcoder.md"

@@ -0,0 +1,187 @@
+# 二维码 xQrcoder
+
+## 介绍
+
+用 x-skia-u 绘制 QR 码，全端同一套 Canvas 2D 接口。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-qrcoder/x-qrcoder.uvue
+```
+
+## 使用
+
+```ts
+<x-qrcoder></x-qrcoder>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| width | `窗口宽`<br> | `string` | `'250px'` |
+| height | `窗口高`<br> | `string` | `'250px'` |
+| color | `码颜色`<br> | `string` | `"primary"` |
+| bgColor | `码背景颜色`<br> | `string` | `"white"` |
+| posColor | `码的定位点颜色，不填写和前景一致`<br> | `string` | `""` |
+| text | `条码内容`<br> | `string` | `"https://xui.tmui.design"` |
+| logo | `是否绘制Logo到qr上`<br> | `string` | `""` |
+| logoBgColor | `Logo背景色`<br> | `string` | `"#fff"` |
+| logoSize | `logo大小`<br> | `string` | `"50px"` |
+| padding | `边距`<br> | `number` | `2` |
+| mode | `绘制样式：rect/circular/line/rectSmall/xing/vertical`<br> | `string` | `"rect"` |
+| pdRounded | `定位位点是否使用圆角`<br> | `boolean` | `false` |
+| wifi | `生成wifi码`<br> | `UTSJSONObject` | `() : UTSJSONObject => ({} as UTSJSONObject)` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| - | - | - |
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| - | - | - |
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| getQrImg | - | `-` | 返回二维码图片路径 * |
+
+
+## 示例文件路径
+
+```json
+/pages/qita/qrcoder
+```
+
+## 示例源码
+
+```vue
+<template>
+	
+	<!-- #ifdef MP-WEIXIN -->
+	<page-meta :page-style="`background-color:${xThemeConfigBgColor}`">
+		<navigation-bar :background-color="xThemeConfigNavBgColor" :front-color="xThemeConfigNavFontColor"></navigation-bar>
+	</page-meta>
+	<!-- #endif -->
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b mb-8">二维码 Qrcoder</x-text>
+			<x-text color="#999999" >
+				本组件绘制QR码性能非常高和以及更多的样式配置。并且不依赖第三方插件完全自绘制。提供了四种类型。
+			</x-text>
+		</x-sheet>
+		<x-sheet>
+			<view class="flex flex-center ">
+			<!-- xing -->
+				<x-qrcoder :pdRounded="true" :mode="model" ref="qxqr" :text="text" :logo="logo"></x-qrcoder>
+			</view>
+			<x-input class="my-16" v-model="text"></x-input>
+			<view class="flex flex-row flex-row-center-between mb-16">
+				<x-radio-group v-model="logo">
+					<x-radio class="mr-5 mb-5" value="/static/tmui4xLibs/static/empty.png" label="添加Logo"></x-radio>
+					<x-radio class="mr-5 mb-5" value="" un-check-value="2" label="取消Logo"></x-radio>
+				</x-radio-group>
+			</view>
+			<x-divider label="圆点形状"></x-divider>
+			<view class="my-16">
+				<x-radio-group v-model="model" >
+					<x-radio class="mr-5 mb-5" value="rect" label="普通"></x-radio>
+					<x-radio class="mr-5 mb-5" value="circular" label="小圆点"></x-radio>
+					<x-radio class="mr-5 mb-5" value="line" label="线条"></x-radio>
+					<x-radio class="mr-5 mb-5" value="rectSmall" label="小方格"></x-radio>
+					<x-radio class="mr-5 mb-5" value="xing" label="星形"></x-radio>
+					<x-radio class="mr-5 mb-5" value="vertical" label="竖圆"></x-radio>
+				</x-radio-group>
+				
+			</view>
+			<x-button :block="true" @click="getImgQr">查看码图片</x-button>
+			
+		</x-sheet>
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b ">修改颜色，尺寸，样式</x-text>
+		</x-sheet>
+		<x-sheet class="flex flex-row-center-center flex-row">
+			<x-qrcoder width="105px" height="105px" color="red"></x-qrcoder>
+			<x-qrcoder class="mx-5" width="105px" mode="line" height="105px" ></x-qrcoder>
+			<x-qrcoder class="mx-5" width="105px" mode="circular" pos-color="error" height="105px" ></x-qrcoder>
+		</x-sheet>
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b ">WIFI-QR</x-text>
+			<x-text color="#999999" class="mb-12" >
+				手机自带相机扫码可以自动连接你设定的wifi
+			</x-text>
+			<view class="mb-20 flex flex-center">
+				<x-qrcoder :wifi="wifiQr" </x-qrcoder>
+			</view>
+			<x-input v-model="ssid" leftText="SSID" darkBgColor="" ></x-input>
+			<x-input v-model="password" leftText="密码" class="mt-12" darkBgColor="" ></x-input>
+			<x-text class="my-12">授权方式</x-text>
+			<view>
+				<x-radio-group v-model="auth">
+					<x-radio value="NONE" label="NONE"></x-radio>
+					<x-radio class="mx-16" value="WEP" label="WEP"></x-radio>
+					<x-radio value="WPA" label="WPA/WPA2"></x-radio>
+				</x-radio-group>
+			</view>
+			<x-text class="my-12">是否隐藏密码</x-text>
+			<view>
+				<x-radio-group v-model="hidnpassword">
+					<x-radio value="true" label="是"></x-radio>
+					<x-radio class="mx-16" value="false" label="否"></x-radio>
+				</x-radio-group>
+			</view>
+		</x-sheet>
+		<view style="height:100px"></view>
+	
+</template>
+
+<script setup>
+	const qxqr = ref<XQrcoderComponentPublicInstance|null>(null)
+	const logo = ref('')
+	const text = ref('https://tmui.design')
+	const model = ref('vertical')
+	const ssid = ref("wifi")
+	const auth = ref("WPA")
+	const password = ref("123456")
+	const hidnpassword = ref("true")
+	const wifiQr = computed(():UTSJSONObject=>{
+		return {
+			ssid:ssid.value,
+			auth:auth.value,
+			password:password.value,
+			hidden:hidnpassword.value
+		} as UTSJSONObject
+	})
+	const getImgQr = ()=> {
+		qxqr.value?.getQrImg?.((imgstr:string)=>{
+			if(imgstr=='') return;
+			uni.previewImage({
+				current:imgstr,
+				urls:[imgstr] as string[]
+			})
+		})
+	}
+</script>
+
+<style lang="scss">
+
+</style>
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)