tmui-cli 2.0.6 → 5.3.2

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"

@@ -2,7 +2,7 @@
 
 ## 介绍
 
-平面树 / 思维导图。x-skia-u 绘制：App 整帧 SkiaRecorder 一次 renderFrame；节点 roundRect + fillTextBox；native-view 上手势覆盖层。大数据量时布局缓存子树高/宽与节点尺寸，连线按 id 索引；请保证各节点 id 全局唯一。
+平面树 / 思维导图。画布等于视口，x-skia-u 绘制。单指或鼠标拖动平移，双指或滚轮缩放，双击恢复初始视图。不使用 scroll-view。App 整帧 SkiaRecorder 一次 renderFrame。请保证各节点 id 全局唯一。
 
 ## 平台兼容
 
@@ -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"

@@ -2,7 +2,7 @@
 
 ## 介绍
 
-精致且方便用户操作移动颜色选择容器,为你的APP增彩,兼容PC端操作。光谱/网格用 x-skia-u 绘制（静态只画一次，拖动按公式/色表取色）。嵌在弹层内时，展示后再挂本组件。
+精致且方便用户操作移动颜色选择容器,为你的APP增彩,兼容PC端操作。色相面板是饱和度×明度方块+色相条（Chrome 同款布局，任何颜色都能精确落点），与网格一起用 x-skia-u 绘制（色相条/网格只画一次，方块随色相重画，拖动按公式/色表取色）。嵌在弹层内时，展示后再挂本组件。
 
 ## 平台兼容
 
@@ -28,7 +28,7 @@
 | ------ | ---- | ---- | ---- |
 | modelValue | `当前显示的颜色值,可以是合法的值,可以v-model双向绑定`<br>`如:颜色名称,hex,rgb,rgba,hsl,hsla等值`<br> | `string` | `""` |
 | format | `输出格式:hex,rgba,hsla`<br>`如果输出hex,那么透明度将丢失`<br> | `string` | `'rgba'` |
-| panel | `默认显示的面板`<br>`hue:光谱,rgb:rgb拖动条,grid:网格面板`<br> | `string` | `'hue'` |
+| panel | `默认显示的面板`<br>`hue:色相方块+色相条,rgb:rgb拖动条,grid:网格面板`<br> | `string` | `'hue'` |
 | showAlpha | `是否展示透明度设置`<br> | `boolean` | `true` |
 | colorList | `默认的底部颜色快速选择.`<br> | `string[]` | `() : string[] => [] as string[]` |
 
@@ -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 = [
 		{

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/267/246/346/273/221/350/217/234/345/215/225 xSwitchSlider.md"

@@ -96,11 +96,11 @@
 		</x-text>
 	</x-sheet>
 	<x-sheet :padding="['0px']">
-		<x-switch-slider :status="item.getBoolean('opened')" @open="onopen(index)" @close="onclose(index)" height="64"
+		<x-switch-slider :status="item['opened']" @open="onopen(index)" @close="onclose(index)" height="64"
 			@disabledScrollChange="disablechange" @click="onclick(index)" v-for="(item,index) in testList" :key="index"
-			:disabled="item.getBoolean('disabled')">
+			:disabled="item['disabled']">
 			<x-cell leftSize='40' min-height="64" :showBottomBorder="false" :card="false"
-				:title="item.getString('title')" :desc="item.getString('subtext')" icon='F264'>
+				:title="item['title']" :desc="item['subtext']" icon='F264'>
 
 				<template #avatar>
 					<x-sheet :margin="['0']" :round="['8']" :padding="['0']" color="primary" width="100%" height="100%"
@@ -161,7 +161,7 @@
 	import { ref, onBeforeMount } from 'vue'
 	const showLeft = ref(false)
 	const disabledScoll = ref(false)
-	const testList = ref<UTSJSONObject[]>([])
+	const testList = ref<Record<string, any>[]>([])
 
 	onBeforeMount(() => {
 		for (let i = 0; i < 6; i++) {
@@ -172,17 +172,17 @@
 				title: i == 1 ? "被禁用" : ("我是对话标题+" + i.toString()),
 				subtext: "演示手动管理关闭状态",
 				opened: false
-			} as UTSJSONObject)
+			} as Record<string, any>)
 		}
 	})
 
 	const onopen = (index : number) => {
 		let oldlist = testList.value.slice(0)
-		oldlist = oldlist.map((el : UTSJSONObject, from : number) : UTSJSONObject => {
+		oldlist = oldlist.map((el : Record<string, any>, from : number) : Record<string, any> => {
 			if (from != index) {
-				el.set("opened", false)
+				el['opened'] = false
 			} else {
-				el.set("opened", true)
+				el['opened'] = true
 			}
 			return el;
 		})

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//346/212/275/345/261/211 xDrawer.md"

@@ -61,6 +61,7 @@
 | beforeClose | `关闭前异步执行的函数，如果返回false阻止关闭，返回true允许关闭`<br>`必须返回的是Promise异步函数，且类型返回值必须是Promise<boolean>，不然会报错。`<br> | `callbackType` | `() : Promise<boolean> => {     return Promise.resolve(true) }` |
 | closeColor | `关闭图标的颜色`<br> | `string` | `"#e6e6e6"` |
 | closeDarkColor | `关闭图标的暗黑颜色`<br> | `string` | `"#545454"` |
+| destroyOnClose | `关闭后是否销毁内容。`<br>`日期时间滚轮反复创建会把页面留在共享数据里，这种场景请设为 false，只隐藏不销毁。`<br> | `boolean` | `true` |
 
 
 ## Events 事件

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//346/213/226/346/213/275/346/216/222/345/272/217 xDrag.md"

@@ -30,7 +30,7 @@
 | ------ | ---- | ---- | ---- |
 | itemHeight | `项目的高度,不要动态更改`<br> | `string` | `'50'` |
 | col | `列数，默认1即列表布局,不要动态更改。1以上为宫格布局`<br> | `number` | `1` |
-| list | `排序数据list，变动后通过change事件取得`<br> | `Array` | `() : UTSJSONObject[] => [] as UTSJSONObject[]` |
+| list | `排序数据list，变动后通过change事件取得`<br> | `Array` | `() : Record<string, any>[] => [] as Record<string, any>[]` |
 | scrollDiff | `拖动时滚动进步值`<br> | `number` | `25` |
 
 
@@ -93,7 +93,7 @@
 						backgroundColor: bgColor,
 						opacity:index==1?'0.6':'1'
 					}">
-						<x-text>{{index==1?'我被固定在2':`长按${item.getNumber('id')}排序`}}</x-text>
+						<x-text>{{index==1?'我被固定在2':`长按${item['id']}排序`}}</x-text>
 					</view>
 				</x-drag-item>
 			</x-drag>
@@ -111,7 +111,7 @@
 						backgroundColor: bgColor,
 						opacity:index==2?'0.6':'1'
 					}">
-						<x-text>长按{{item.getNumber('id')}}排序</x-text>
+						<x-text>长按{{item['id']}}排序</x-text>
 					</view>
 				</x-drag-item>
 			</x-drag>
@@ -162,33 +162,33 @@
 
 <script setup lang="ts">
 	import { xConfig } from "@/uni_modules/tmx-ui"
-	const list = ref<UTSJSONObject[]>([])
-	const list2 = ref<UTSJSONObject[]>([
-		{ id: 1 } as UTSJSONObject,
-		{ id: 2 } as UTSJSONObject,
-		{ id: 3 } as UTSJSONObject,
-		{ id: 4 } as UTSJSONObject,
-		{ id: 5 } as UTSJSONObject,
-		{ id: 6 } as UTSJSONObject
+	const list = ref<Record<string, any>[]>([])
+	const list2 = ref<Record<string, any>[]>([
+		{ id: 1 } as Record<string, any>,
+		{ id: 2 } as Record<string, any>,
+		{ id: 3 } as Record<string, any>,
+		{ id: 4 } as Record<string, any>,
+		{ id: 5 } as Record<string, any>,
+		{ id: 6 } as Record<string, any>
 	])
-	const list3 = ref<UTSJSONObject[]>([
-		{ id: 1 } as UTSJSONObject,
-		{ id: 2 } as UTSJSONObject,
-		{ id: 3 } as UTSJSONObject,
-		{ id: 4 } as UTSJSONObject,
-		{ id: 5 } as UTSJSONObject,
-		{ id: 6 } as UTSJSONObject,
-		{ id: 7 } as UTSJSONObject,
-		{ id: 8 } as UTSJSONObject,
-		{ id: 9 } as UTSJSONObject
+	const list3 = ref<Record<string, any>[]>([
+		{ id: 1 } as Record<string, any>,
+		{ id: 2 } as Record<string, any>,
+		{ id: 3 } as Record<string, any>,
+		{ id: 4 } as Record<string, any>,
+		{ id: 5 } as Record<string, any>,
+		{ id: 6 } as Record<string, any>,
+		{ id: 7 } as Record<string, any>,
+		{ id: 8 } as Record<string, any>,
+		{ id: 9 } as Record<string, any>
 	])
-	const list4 = ref<UTSJSONObject[]>([
-		{ id: 1 } as UTSJSONObject,
-		{ id: 2 } as UTSJSONObject,
-		{ id: 3 } as UTSJSONObject,
-		{ id: 4 } as UTSJSONObject,
-		{ id: 5 } as UTSJSONObject,
-		{ id: 6 } as UTSJSONObject
+	const list4 = ref<Record<string, any>[]>([
+		{ id: 1 } as Record<string, any>,
+		{ id: 2 } as Record<string, any>,
+		{ id: 3 } as Record<string, any>,
+		{ id: 4 } as Record<string, any>,
+		{ id: 5 } as Record<string, any>,
+		{ id: 6 } as Record<string, any>
 	])
 	let tid = 0
 	let nowPageScrollY = ref(0)
@@ -201,13 +201,13 @@
 	onReady(() => {
 		tid = setTimeout(function () {
 			list.value = [
-				{ id: 1 } as UTSJSONObject,
-				{ id: 2 } as UTSJSONObject,
-				{ id: 3 } as UTSJSONObject,
-				{ id: 4 } as UTSJSONObject,
-				{ id: 5 } as UTSJSONObject,
-				{ id: 6 } as UTSJSONObject
-			] as UTSJSONObject[]
+				{ id: 1 } as Record<string, any>,
+				{ id: 2 } as Record<string, any>,
+				{ id: 3 } as Record<string, any>,
+				{ id: 4 } as Record<string, any>,
+				{ id: 5 } as Record<string, any>,
+				{ id: 6 } as Record<string, any>
+			] as Record<string, any>[]
 		}, 500);
 	})
 	onUnload(() => {
@@ -237,7 +237,7 @@
 	function onclick(index : number) {
 		uni.showToast({ title: `点击了:${index}`, icon: 'none' })
 	}
-	function onchange(list : UTSJSONObject[]) {
+	function onchange(list : Record<string, any>[]) {
 		console.warn("变动的数据：", list)
 	}