tmui-cli 2.0.6 → 5.3.1

package/data/components.json

@@ -1,5 +1,5 @@
 {
-  "updatedAt": "2026-09-20T01:56:08.175Z",
+  "updatedAt": "2026-10-09T06:18:23.538Z",
   "source": "/Volumes/app/myProjects/HBuilderProjects/tmui3.2\\src\\uni_modules\\tm-ui\\components",
   "count": 63,
   "components": [

package/data/config.json

@@ -1,5 +1,5 @@
 {
-  "updatedAt": "2026-09-20T01:56:08.182Z",
+  "updatedAt": "2026-10-09T06:18:23.543Z",
   "source": "/Volumes/app/myProjects/HBuilderProjects/tmui3.2\\src\\uni_modules\\tm-ui\\libs\\config.ts",
   "count": 29,
   "config": {

package/data/doc-index.json

@@ -1,5 +1,5 @@
 {
-  "updatedAt": "2026-09-20T01:56:08.190Z",
+  "updatedAt": "2026-10-09T06:18:23.546Z",
   "count": 11,
   "guides": [
     {

package/data/tmui4x/01./346/225/231/347/250/213/02./346/233/264/346/226/260/346/227/245/345/277/227.md

@@ -6,6 +6,10 @@ outline: deep
 
 ![tmui4.0|xui](/logo.png)
 
+## 2.0.0（2026-09-29）
+* 【tmui4x vapor 2.0已发布】
+
+
 ## 1.1.23（2026-08-10）
 * 本次更新仅5.23编译，记住是非蒸汽模式（本版本未适配蒸汽）
 * 关于未来规划事宜详见[点此访问](https://xui.tmui.design/01.%E6%95%99%E7%A8%8B/50.TMUI4x%E8%92%B8%E6%B1%BD%E8%AE%A1%E5%88%92)

package/data/tmui4x/01./346/225/231/347/250/213/06./345/216/237/347/224/237/346/217/222/344/273/266/344/275/277/347/224/250/346/214/207/345/215/227.md

@@ -0,0 +1,35 @@
+---
+outline: deep
+---
+
+# 原生插件指南
+
+本项目原生插件众多，包含了各种原生功能场景。
+
+可以为你的AI提供语料支撑，即可以让AI参考我的原生个插件来修改，扩展，以及帮助你写更多的原生插件功能。AI会自动查找本插件库即遥有的
+成功示例和源码协助你修改和新建插件。同时提供SKILL指南及工具
+
+## 使用前的知识
+
+本插件库分为```-u```和```-s```结尾后缀的插件目录名称
+
+使用前需要复制到根目录``` uni_modules/ ```下，并打离线基座，我也为你提供了离线基座的辅助工具，不是帮你打包，只是辅助工具
+需要你自己配置打包环境及下载官方的SDK。方便你们打基座和修改插件，创建新插件并快速验证DEMO之用。
+
+- -u代表标准插件，可以像标签一样直接在页面上渲染和显示。
+- -s代表API插件，可以在任意位置导入直接调用使用。
+
+## 编译和修改
+
+原生插件是由各平台原生语言写成。
+
+如今是AI时代，不需要你懂各平台原生，只要AI在手就行了，通过[技能文档](https://git.tmui.design/)下载
+相关SKILL文档技能，并且下载插件代码仓库，让AI自行学习使用和写插件，不需要你来写。
+
+我提供的插件很多如果出现了 ```native-src```目录表示是C或者汇编编译的包，可能你只有包没有源码，只有一些零散的C文件
+此时你需要联系我提供完整的源码。
+
+因为仓库大小有限制源文件又关联其它依赖库，非常庞大，因此需要编译的插件我可能未提供原始C源码请联系我发送。
+
+同时有些插件插件：端侧大模型，文档校正等需要模型库，你们也可以自己量化模型或者编译，也可以联系我编译好的模型，比如Qwen3.8 0.8b等模型
+是可以在手机上作为客服小助手使用的。如果你需要自己研究和编译其它模型可以自己拿到源码后自己编译。

package/data/tmui4x/01./346/225/231/347/250/213/10./345/205/245/351/227/250/346/214/207/345/215/227/12./345/256/211/350/243/205.md

@@ -24,6 +24,8 @@ outline: deep
 [常见问题](/01.教程/20.常见问题) | 
 [vip代码仓库](https://devops.aliyun.com/)
 
+一共包含四个部分：UI代码仓库，原生插件源码仓库，文档仓库，辅助工具仓库
+
 :::
 
 ::: warning 购买源码用户提醒

package/data/tmui4x/01./346/225/231/347/250/213/50.TMUI4x/350/222/270/346/261/275/350/256/241/345/210/222.md

@@ -8,18 +8,6 @@ TMUI4x 2.0即将到来了！蒸汽版本 C 渲染引擎 配上我的C 插件 相
 
 逻辑层由UTS回到了JS层面。让逻辑层编写更为简单，门槛大大降低。
 
-## 原生X项目与蒸汽对比
-
-| 项目 | 非蒸汽 | 蒸汽 | 说明 |
-| --- | --- | --- | --- |
-| 渲染层 | 安卓和鸿蒙纯原生，IOS类似NVUE | 自有C渲染引擎，类似FL，RN | - |
-| 代码层 | UTS，安卓编译至KT，IOS->JS,鸿蒙->JS | JS | 蒸汽后可以全部JS/TS/UTS写 |
-| 严格语法 | UTS安卓严格，鸿蒙和IOS非严格 | 非严格且可随意 | - |
-| 性能 | 一般，但安卓无延迟高效 | 渲染层与代码层分离 | 理论上蒸汽是JS通信渲染层有通信折损，非蒸汽纯原生高效跟手，如何看待就看各位实际感受了 |
-| 插件生态 | 无法使用NPM生态 | 可以使用（有限） | 蒸汽已经是JS了理论上所有NPM生态可用，但自己也考虑兼容，因为它也是有个V8层的 |
-| UTS插件 | 编译自各原生 | 编译自各原生 | 无区别，但非蒸汽没有通信折扣，蒸汽就是类似UNIAPP的JS调用原生API |
-| 平台兼容 | 5端 | 6端(未来有支付宝小程序) | 总体区别不大 |
-
 ## TMUI4x的2.0有哪些更新
 
 1. UI组件全部为样式隔离，及Setup模式。
@@ -32,14 +20,14 @@ TMUI4x 2.0即将到来了！蒸汽版本 C 渲染引擎 配上我的C 插件 相
 8. 推出一批纯C底层高性能的插件，比如离线Canvas渲染，这个Dcloud是没有的，可以用来处理图片，绘制，离线UI渲染来自Google Skia源自Flutter同版本核心引擎。不止这一个原生C引擎，还有其它更多C底层引擎插件，花费大量的时间C交叉编译，至三端。
 9. UI组件层尽量使用蒸汽下的最新属性和性能
 
-## 何时发布2.0？
+## 跟上AI时代
 
-这取决于我对Dcloud的蒸汽版本SDK的评估。
+新的版本将发布我已经验证很久的技能及系列MCP，打包编译协助工具（不是帮你打包，是协助你配置离线编译的工具包）帮助AI自动化。
+相关工具已经基本测试通过验证，之后你们写插件，页面，打包，发布都可以在对话框中命令AI帮你操作。
 
-## 未来如何走？
+你唯一要操作的是配置好环境，MCP，Skills等就可以在日后工作中使用AI处理这些繁杂事了。当然也可以手动。
 
-随着AI快速的发展，组件的层面意义被无限弱化，甚至可以说不太重要了，因此更新会越来越慢。因为ai可以搞定一切，组件的意义已经不大了。
 
-AI诊断，AI测试，AI编写需求及插件更为顺应时代，但它需要一个更称手SKILL约束及MCP工具。
+## 何时发布2.0？
 
-完整的自动化即将到来。
+2026-9底（22-30）即将发布。

package/data/tmui4x/10./346/217/222/344/273/266/345/272/223/xSkiaU Skia/347/224/273/345/270/203.md"

@@ -69,7 +69,7 @@ iOS 请用 `new XSkiaRecipe(...)`，不要用工厂函数返回的实例。
 
 | 名称 | 参数 | 说明 |
 | --- | --- | --- |
-| ready | 无 | 画布已可呈现。之后缓冲因尺寸重建被清空时会再发，应在回调里全量重绘 |
+| ready | 无 | 画布已可呈现。首次在业务组件挂载后发出（不会早于模板 ref 可用）；之后缓冲因尺寸重建被清空时会再发，应在回调里全量重绘 |
 
 ### 实时画布方法
 

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"

@@ -38,7 +38,7 @@
 | 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)` |
+| wifi | `生成wifi码`<br> | `Record` | `() : Record<string, any> => ({} as Record<string, any>)` |
 
 
 ## Events 事件
@@ -147,7 +147,7 @@
 	
 </template>
 
-<script setup>
+<script setup lang="ts">
 	const qxqr = ref<XQrcoderComponentPublicInstance|null>(null)
 	const logo = ref('')
 	const text = ref('https://tmui.design')
@@ -156,13 +156,13 @@
 	const auth = ref("WPA")
 	const password = ref("123456")
 	const hidnpassword = ref("true")
-	const wifiQr = computed(():UTSJSONObject=>{
+	const wifiQr = computed(():Record<string, any>=>{
 		return {
 			ssid:ssid.value,
 			auth:auth.value,
 			password:password.value,
 			hidden:hidnpassword.value
-		} as UTSJSONObject
+		} as Record<string, any>
 	})
 	const getImgQr = ()=> {
 		qxqr.value?.getQrImg?.((imgstr:string)=>{

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//345/233/276/347/211/207/350/243/201/345/211/252 xImageResizer.md"

@@ -3,7 +3,7 @@
 ## 介绍
 
 兼容PC操作，可双指缩放，单指平移，翻转，也可支持电脑端滚轮缩放，鼠标平移，裁剪框四角缩放，功能齐全，操作方便。
-web端裁剪后返回的是Base64数据，其它端是文件连接。
+裁剪绘制与导出使用 x-skia-u 画布（不再使用官方 canvas），确认时通过 toTempFilePath 返回临时文件路径。
 
 ## 平台兼容
 
@@ -37,7 +37,7 @@ web端裁剪后返回的是Base64数据，其它端是文件连接。
 
 | 名称 | 参数 | 说明 |
 | ------ | ---- | ---- |
-| confirm | `filepath: string<br>` | 确认时返回文件<br>ios,安卓返回的是缓存文件路径<br>web返回的是Bolb文件对象<br>微信返回的是base64图片数据 |
+| confirm | `filepath: string<br>` | 确认时返回文件<br>app端返回缓存文件路径(file://)，web/微信端返回 dataURL |
 | cancel | `-` | 取消裁剪时触 |
 
 

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//345/233/276/350/241/250 xEchart.md"

@@ -119,7 +119,7 @@
 			if (data!=null&& typeof data == 'object') {
 				uni.showModal({
 					title: "提醒",
-					content: JSON.stringify(data! as UTSJSONObject),
+					content: JSON.stringify(data! as Record<string, any>),
 					showCancel: false
 				})
 			}
@@ -145,7 +145,7 @@
 					data: [100, 50, 20, 70, 40, 600]
 				}
 			]
-		} as UTSJSONObject
+		} as Record<string, any>
 
 		echart.value?.setOptions?.(opts)
 		
@@ -194,7 +194,7 @@
 					}
 				}
 			]
-		} as UTSJSONObject;
+		} as Record<string, any>;
 
 		echart2.value?.setOptions?.(option)
 	}
@@ -221,7 +221,7 @@
 				}
 			]
 
-		} as UTSJSONObject
+		} as Record<string, any>
 		echart.value?.setOptions?.(opts)
 	}
 </script>

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//345/256/211/345/205/250/351/252/214/350/257/201 xSafeVerify.md"

@@ -0,0 +1,239 @@
+# 安全验证 xSafeVerify
+
+## 介绍
+
+全端 x-skia-u 绘制的人机安全验证。拼图模式：把用户图片画到画板上，随机位置挖出内置图形缺口，拖动随机图形与缺口重合即通过；字符模式：把一组字符随机渲染到用户图片上，按提示顺序点选（点选处圆形数字索引，再点一次取消），点满自动校验。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.9.9 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-safe-verify/x-safe-verify.uvue
+```
+
+## 使用
+
+```ts
+<x-safe-verify></x-safe-verify>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| mode | `验证模式`<br>`jigsaw：拖动随机图形与图片缺口重合`<br>`char：按顺序点选图中字符`<br> | `XSafeVerifyMode` | `'jigsaw'` |
+| src | `背景图片地址，支持网络图片和本地图片`<br>`网络图片在 App 端需要配置下载合法域名`<br> | `string` | `''` |
+| width | `宽，允许使用数字，百分比，带单位的字符串`<br> | `string` | `'100%'` |
+| height | `高，允许使用数字，带单位的字符串`<br> | `string` | `'180'` |
+| round | `圆角`<br> | `string` | `'10'` |
+| shape | `拼图模式的内置图形，random 为每次随机一种`<br>`puzzle 拼图块 / circle 圆形 / square 方形 / triangle 三角 / diamond 菱形`<br>`hexagon 六边形 / star 五角星 / heart 心形 / cross 十字`<br> | `XSafeVerifyShape` | `'random'` |
+| pieceSize | `拼图模式下图形边长，px，0 为按画板自动`<br> | `number` | `0` |
+| tolerance | `允许的误差 px，0 为按图形大小自动(图形边长 16%)`<br> | `number` | `0` |
+| chars | `字符模式下用户指定的按顺序字符组，例如 '天地玄黄'`<br>`为空时从内置字库中随机抽取 count 个不重复字符`<br> | `string` | `''` |
+| count | `字符模式随机字符数量，2-8，提供 chars 时以 chars 长度为准`<br> | `number` | `4` |
+| fontSize | `字符字号 px，0 为自动`<br> | `number` | `0` |
+| maskColor | `拼图缺口遮罩色`<br> | `string` | `'rgba(0,0,0,0.55)'` |
+| lineColor | `缺口和图形描边色`<br> | `string` | `'rgba(255,255,255,0.95)'` |
+| activeColor | `激活色，空取全局主题色，用于序号索引`<br> | `string` | `''` |
+| successColor | `验证通过色`<br> | `string` | `'success'` |
+| failColor | `验证失败色`<br> | `string` | `'error'` |
+| showTips | `是否显示底部提示`<br> | `boolean` | `true` |
+| tipsRender | `状态提示渲染位置`<br>`dom：渲染成组件底部小字提示层，可用 tips 插槽自定义，默认`<br>`canvas：画在画布上，不依赖 DOM 层级，DOM 会被原生画布遮住时用它`<br> | `union` | `'dom'` |
+| tips | `自定义未验证时的提示文本`<br> | `string` | `''` |
+| tipsSuccess | `自定义验证成功的提示文本`<br> | `string` | `''` |
+| tipsFail | `自定义验证失败的提示文本`<br> | `string` | `''` |
+| tipsColor | `提示文本颜色，空为白色`<br> | `string` | `''` |
+| resetAuto | `验证失败后是否自动重置（重新出题）`<br> | `boolean` | `true` |
+| resetDelay | `自动重置的延时毫秒`<br> | `number` | `900` |
+| autoVerify | `拼图模式松手后是否自动校验，false 时由 ref.verify() 手动校验`<br> | `boolean` | `true` |
+| disabled | `是否禁用交互`<br> | `boolean` | `false` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| ready | `-` | 题目已生成（首次就绪以及每次重新出题时触发） |
+| success | `mode: string<br>` | 验证通过 |
+| fail | `mode: string<br>reason: string<br>` | 验证失败 |
+| error | `message: string<br>` | 图片加载失败等错误 |
+| reset | `-` | 重置完成后触发 |
+| click | `char: string<br>order: number<br>` | 字符模式点选字符时触发 |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| tips | `底部提示插槽,文本随状态变化` | text: string<br> |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| reset | - | `-` | 重置，重新出题并清空操作 * |
+| refresh | - | `-` | 同reset，重新出题 * |
+| clear | - | `-` | 只清空当前操作，题目不变 * |
+| verify | - | `-` | 手动校验当前状态 * |
+| getStatus | - | `-` | 当前状态 load/ready/success/fail * |
+| getTries | - | `-` | 当前题目失败次数 * |
+| getAnswer | - | `-` | 当前题目答案 * |
+| getSelected | - | `-` | 用户当前操作结果 * |
+| getImage | - | `-` | 导出画板图片 * |
+
+
+## 示例文件路径
+
+```json
+/pages/qita/safe-verify
+```
+
+## 示例源码
+
+```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">安全验证 xSafeVerify</x-text>
+		<x-text color="#999999">
+			全端 x-skia-u 原生绘制。拼图模式：拖动随机图形与图片缺口重合；字符模式：按顺序点选图中字符，点选处显示圆形数字索引，再点一次取消。
+		</x-text>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">拼图拖动验证</x-text>
+		<x-text color="#999999" class="mb-8">拖动右侧的图形到左侧缺口处，重合即通过。松手自动校验，失败自动换题。</x-text>
+		<x-safe-verify ref="jigsawRef" src="https://cdn.tmui.design/xui/tmui4.0banner1.jpg" height="200"
+			@ready="onReady" @success="onSuccess" @fail="onFail" @error="onError"></x-safe-verify>
+		<x-button class="mt-20" :block="true" @click="resetJigsaw">重置/换题</x-button>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">拼图验证：指定图形与颜色</x-text>
+		<x-text color="#999999" class="mb-8">shape 指定内置图形（puzzle/circle/square/triangle/diamond/hexagon/star/heart/cross）。</x-text>
+		<x-safe-verify ref="starRef" shape="star" height="200" :piece-size="64" :tolerance="8" line-color="#F7B500"
+			src="/static/temqrcoderPicCanvas.jpg" @success="onSuccess" @fail="onFail"></x-safe-verify>
+		<x-button class="mt-20" :block="true" color="warn" @click="resetStar">重置/换题</x-button>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">拼图验证：自己控制校验</x-text>
+		<x-text color="#999999" class="mb-8">auto-verify 设为 false 后，松手不校验，由 ref.verify() 触发。</x-text>
+		<x-safe-verify ref="manualRef" height="200" :auto-verify="false" :piece-size="56"
+			src="https://cdn.tmui.design/xui/tmui4.0banner1.jpg" @success="onSuccess" @fail="onFail"></x-safe-verify>
+		<x-sheet class="flex flex-row mt-20">
+			<x-button width="48%" @click="doVerify">手动校验</x-button>
+			<x-button width="48%" class="mx-10" color="warn" @click="resetManual">重置</x-button>
+		</x-sheet>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">中文字符顺序验证（内置随机字符）</x-text>
+		<x-text color="#999999" class="mb-8">从内置字库随机取 4 个不重复字符随机渲染，按顶部提示顺序点选，点满自动校验。</x-text>
+		<x-safe-verify ref="charRef" mode="char" :count="4" height="220"
+			src="https://cdn.tmui.design/xui/tmui4.0banner1.jpg"
+			@success="onSuccess" @fail="onFail" @click="onCharClick"></x-safe-verify>
+		<x-button class="mt-20" :block="true" @click="resetChar">重置/换题</x-button>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">中文字符顺序验证（自定义字符组）</x-text>
+		<x-text color="#999999" class="mb-8">chars 传入按顺序的字符组，用它来控制答案顺序。</x-text>
+		<x-safe-verify ref="charsRef" mode="char" chars="天地玄黄" height="220" :font-size="30"
+			src="https://cdn.tmui.design/xui/tmui4.0banner1.jpg" @success="onSuccess" @fail="onFail"></x-safe-verify>
+		<x-sheet class="flex flex-row mt-20">
+			<x-button width="48%" @click="resetChars">重置/换题</x-button>
+			<x-button width="48%" class="mx-10" color="warn" @click="showResult">查看用户点选结果</x-button>
+		</x-sheet>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">弹层内使用</x-text>
+		<x-text color="#999999" class="mb-8">弹层动画结束后再挂画布，所以要在 @open 里 v-if。</x-text>
+		<x-modal @open="onModalOpen" @close="show=false" height="370">
+			<template v-slot:trigger>
+				<x-button :block="true">打开弹层验证</x-button>
+			</template>
+			<x-safe-verify v-if="show" ref="modalRef" mode="char" chars="上善若水" height="200"
+				src="https://cdn.tmui.design/xui/tmui4.0banner1.jpg" @success="onSuccess" @fail="onFail"></x-safe-verify>
+		</x-modal>
+	</x-sheet>
+
+</template>
+
+<script lang="ts" setup>
+	const jigsawRef = ref<XSafeVerifyComponentPublicInstance | null>(null)
+	const starRef = ref<XSafeVerifyComponentPublicInstance | null>(null)
+	const manualRef = ref<XSafeVerifyComponentPublicInstance | null>(null)
+	const charRef = ref<XSafeVerifyComponentPublicInstance | null>(null)
+	const charsRef = ref<XSafeVerifyComponentPublicInstance | null>(null)
+	const modalRef = ref<XSafeVerifyComponentPublicInstance | null>(null)
+
+	const onReady = () => {
+		console.log('x-safe-verify 题目已生成')
+	}
+	const onSuccess = (mode : string) => {
+		uni.showToast({ title: '验证通过:' + mode, icon: 'success' })
+	}
+	const onFail = (mode : string, reason : string) => {
+		uni.showToast({ title: '验证失败:' + reason, icon: 'error' })
+	}
+	const onError = (message : string) => {
+		uni.showToast({ title: message, icon: 'none' })
+	}
+	const onCharClick = (char : string, order : number) => {
+		console.log('点选字符', char, order)
+	}
+
+	const resetJigsaw = () => {
+		jigsawRef.value?.reset()
+	}
+	const resetStar = () => {
+		starRef.value?.reset()
+	}
+	const resetManual = () => {
+		manualRef.value?.clear()
+	}
+	const doVerify = () => {
+		manualRef.value?.verify()
+	}
+	const resetChar = () => {
+		charRef.value?.reset()
+	}
+	const resetChars = () => {
+		charsRef.value?.reset()
+	}
+	const showResult = () => {
+		const el = charsRef.value
+		if (el == null) return
+		uni.showToast({ title: '你点的顺序:' + el.getSelected() + ' 状态:' + el.getStatus(), icon: 'none' })
+	}
+
+	const show = ref(false)
+	const onModalOpen = () => {
+		show.value = true
+	}
+</script>
+
+<style>
+
+</style>
+
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)

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//346/200/235/347/273/264/345/257/274/345/233/276 xTreeFlat.md"

@@ -95,9 +95,9 @@
 
 </template>
 
-<script setup>
+<script setup lang="ts">
 	import { XTreeFlatOpts, XTREEFLAT_NODES } from '@/uni_modules/tmx-ui';
-	import { TestFlatData } from "./mock.uts"
+	import { TestFlatData } from "./mock"
 	const xmind = ref<XTreeFlatComponentPublicInstance | null>(null)
 	const layout = ref<'horizontal' | 'vertical'>('horizontal')
 	const lineType = ref<'straight' | 'curve'>('straight')
@@ -106,7 +106,7 @@
 	})
 	const oninit = () => {
 		console.warn("导图引擎启动成功，可以设置数据了")
-		xmind.value!.setData(JSON.parseArray<XTREEFLAT_NODES>(TestFlatData)!)
+		xmind.value!.setData(JSON.parse(TestFlatData) as XTREEFLAT_NODES[])
 	}
 </script>
 

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//346/211/213/345/212/277/345/272/223 xFinger.md"

@@ -135,7 +135,7 @@
 
 </template>
 
-<script lang="uts" setup>
+<script lang="ts" setup>
 	import { ref, onMounted } from 'vue'
 	// import {xOverflay} from "../../uni_modules/x-core"
 	// 响应式数据
@@ -152,40 +152,40 @@
 	
 	
 	// 方法
-	const mSwiper = (evt : UTSJSONObject) => {
+	const mSwiper = (evt : Record<string, any>) => {
 		swiperDiff.value = JSON.stringify(evt)
 	}
 	
-	const mStart = (evt : UTSJSONObject) => {
+	const mStart = (evt : Record<string, any>) => {
 		diff.value = JSON.stringify(evt)
 	}
 	
-	const mMove = (evt : UTSJSONObject) => {
+	const mMove = (evt : Record<string, any>) => {
 		diff.value = JSON.stringify(evt)
 	}
 	
-	const mEnd = (evt : UTSJSONObject) => {
+	const mEnd = (evt : Record<string, any>) => {
 		diff.value = JSON.stringify(evt)
 	}
 	
-	const mClick = (evt : UTSJSONObject) => {
+	const mClick = (evt : Record<string, any>) => {
 		diff.value = JSON.stringify(evt)
 	}
 	
-	const mdbClick = (evt : UTSJSONObject) => {
+	const mdbClick = (evt : Record<string, any>) => {
 		diff.value = JSON.stringify(evt)
 	}
 	
-	const mlongClick = (evt : UTSJSONObject) => {
+	const mlongClick = (evt : Record<string, any>) => {
 		diff.value = JSON.stringify(evt)
 	}
 	
-	const pinch = (evt : UTSJSONObject) => {
-		pinth.value = evt.getNumber('scale')!
+	const pinch = (evt : Record<string, any>) => {
+		pinth.value = evt['scale']!
 	}
 	
-	const rotate = (evt : UTSJSONObject) => {
-		rotaValue.value = evt.getNumber('angle')!
+	const rotate = (evt : Record<string, any>) => {
+		rotaValue.value = evt['angle']!
 	}
 </script>
 

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//346/217/220/345/217/212 xMention.md"

@@ -113,7 +113,7 @@
 
 </template>
 
-<script setup lang="uts">
+<script setup lang="ts">
 	import { ref } from "vue"
 	type PENGYOU_TYPE = {
 		name : string,

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//346/235/241/347/240/201 xBarcode.md"

@@ -98,7 +98,7 @@ ean13/ean8/upca 请按 GS1 位数与校验规则提供内容；codabar 须以 A/
 			<x-text color="#999999" >ean8 / upca / code39 / itf25 / codabar</x-text>
 		</x-sheet>
 		<x-sheet dark-color="#dcdcdc" :padding="['0']" >
-			<x-barcode style="background-color: red;" encode="ean8" text="96385074"></x-barcode>
+			<x-barcode encode="ean8" text="96385074"></x-barcode>
 		</x-sheet>
 		<x-sheet dark-color="#dcdcdc" :padding="['0']" >
 			<x-barcode encode="upca" text="012345678905"></x-barcode>

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//346/273/221/345/212/250/351/252/214/350/257/201 xSlideVerify.md"

@@ -112,7 +112,7 @@
 	</x-sheet>
 </template>
 
-<script setup lang="uts">
+<script setup lang="ts">
 	const verify = ref<XSlideVerifyComponentPublicInstance | null>(null)
 	const reset = () => {
 		if (verify.value == null) return;

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//347/255/276/345/220/215/346/235/277 xSignBoard.md"

@@ -116,7 +116,7 @@
 
 </template>
 
-<script lang="uts" setup >
+<script lang="ts" setup >
 	const img = ref("")
 	const width = ref(0)
 	const height = ref(0)
@@ -135,10 +135,10 @@
 	const saveImg = ()=>{
 		const board = boardRef.value
 		if (board == null) return
-		board.getImage().then((res:UTSJSONObject)=>{
-			img.value = res.getString('src') as string;
-			width.value  = res.getNumber('width') as number;
-			height.value  = res.getNumber('height') as number;
+		board.getImage().then((res:Record<string, any>)=>{
+			img.value = res['src'] as string;
+			width.value  = res['width'] as number;
+			height.value  = res['height'] as number;
 		})
 	}
 	const checkCount = ()=>{

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//351/242/234/350/211/262/351/200/211/346/213/251 xColorView.md"

@@ -86,7 +86,7 @@
 		</x-sheet>
 </template>
 
-<script setup>
+<script setup lang="ts">
 	import { ref } from "vue"
 	const value = ref('rgb(44, 76, 242)')
 </script>

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/217/215/351/246/210/347/273/204/344/273/266//344/270/213/346/213/211/345/210/267/346/226/260 xPullRefresh.md"

@@ -2,7 +2,7 @@
 
 ## 介绍
 
-常用下拉容器，不要虚拟切片。pulldown / refresh 用 Promise，组件自己收 refresher。listType 切换 scroll-view / list-view。#top / #sticky 和内容同一层滚动容器。不要原生子协商。scroll-view：App / Web #sticky 到达后 fixed，小程序 using-sticky。list-view：App / Web 用 sticky-header，小程序 list-item + sticky。
+常用下拉容器，不要虚拟切片。pulldown / refresh 用 Promise，组件自己收 refresher。listType 切换 scroll-view / list-view。#top / #sticky 和内容同一层滚动容器。不要原生子协商。scroll-view：App / Web #sticky 到达后 fixed，小程序 using-sticky。list-view：吸顶与 scroll-view 同一套逻辑，不要 sticky-section，App / Web hold + fixed，小程序 sticky。
 
 ## 平台兼容
 

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/217/215/351/246/210/347/273/204/344/273/266//345/212/250/344/275/234/350/217/234/345/215/225/351/235/242/346/235/277 xActionMenu.md"

@@ -113,7 +113,7 @@
 	</view>
 </template>
 
-<script setup>
+<script setup lang="ts">
 	import type { XACTION_MENU_ITEM_INFO } from "@/uni_modules/tmx-ui"
 	const list = [
 		{