tmui-cli 2.0.0 → 2.0.2

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"

@@ -0,0 +1,173 @@
+# 动作菜单面板 xActionMenu
+
+## 介绍
+
+从底部弹出来的操作菜单。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-action-menu/x-action-menu.uvue
+```
+
+## 使用
+
+```ts
+<x-action-menu></x-action-menu>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| customStyle | `自定义遮罩样式`<br> | `string` | `""` |
+| title | `标题,请选择`<br> | `string` | `""` |
+| showTitle | `是否显示标题`<br> | `boolean` | `true` |
+| showClose | `是否显示关闭`<br> | `boolean` | `false` |
+| overlayClick | `遮罩是否允许点击被关闭`<br> | `boolean` | `true` |
+| cellClickClose | `选项点击时，是否允许关闭弹层。`<br> | `boolean` | `true` |
+| show | `显示可v-model:show双向绑定`<br> | `boolean` | `false` |
+| showCancel | `显示取消按钮`<br> | `boolean` | `true` |
+| duration | `动画时间`<br> | `number` | `350` |
+| round | `打开方向为上和下时的圆角`<br>`空值时，取全局配置的圆角。注意是取drawer的圆角，统一弹层的圆角`<br> | `string` | `""` |
+| maxHeight | `弹层最大的高度值，默认为屏幕的可视高`<br>`提供值时不能为百分比，可以是px,rpx单位数字。如果你不带单位，默认转换为rpx单位。`<br> | `string` | `""` |
+| list | `菜单条目`<br> | `Array` | `():XACTION_MENU_ITEM_INFO[] => [] as XACTION_MENU_ITEM_INFO[]` |
+| space | `弹层的层，两边是否留空白间隙，包括底部。`<br> | `boolean` | `true` |
+| watiDuration | `打开dom的延迟量，如果你打开 弹窗在ios正常。`<br>`请不要修改此值。如果遇到打不开，或者 打开 后没动画，关闭不了等可能是sdk bug导致 `<br>`此时需要加大值来避免。具体加多少以你弹窗内的节点复杂度有关，需要你自行压力测试。`<br>`此值仅在ios下生效。`<br> | `number` | `120` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| cancel | `-` | 取消时触发 |
+| click | `-` | 点击遮罩事件 |
+| close | `-` | 关闭是触发 |
+| open | `-` | 打开时触发 |
+| beforeOpen | `-` | 打开前执行 |
+| beforeClose | `-` | 关闭前执行 |
+| update:show | `-` | 等同v-model:show |
+| item-click | `index: Number<br>` | 项目被点击时触发 |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| trigger | `标签触发显示遮罩，免于使用变量控制` | show: Boolean<br> |
+| title | `标题插槽` | show: Boolean<br> |
+| default | `默认插槽` | - |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| open | - | `-` | 打开 * |
+| close | - | `-` | 关闭 * |
+
+
+## 示例文件路径
+
+```json
+/pages/fankui/action-menu
+```
+
+## 示例源码
+
+```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 -->
+	<view>
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b mb-8">动作菜单 ActionMenu</x-text>
+			<x-text color="#999999">
+				从底部弹出的菜单选项，自由度高。
+			</x-text>
+		</x-sheet>
+		<x-sheet>
+			<x-action-menu @item-click="itemclick" @cancel="oncancel" :list="list2" title="测试菜单">
+				<template v-slot:trigger="{show}">
+					<x-button :block="true">默认</x-button>
+				</template>
+			</x-action-menu>
+		</x-sheet>
+		<x-sheet>
+			<x-action-menu :list="list">
+				<template v-slot:trigger="{show}">
+					<x-button :block="true">可以定义颜色显示</x-button>
+				</template>
+			</x-action-menu>
+		</x-sheet>
+	</view>
+</template>
+
+<script setup>
+	import type { XACTION_MENU_ITEM_INFO } from "@/uni_modules/tmx-ui"
+	const list = [
+		{
+			icon: "notification-line",
+			text: "通知栏",
+			id: "1"
+		} as XACTION_MENU_ITEM_INFO,
+		{
+			icon: "notification-line",
+			text: "我被禁用",
+			id: "2",
+			disabled: true
+		} as XACTION_MENU_ITEM_INFO,
+		{
+			icon: "notification-line",
+			text: "我修改了颜色",
+			id: "3",
+			iconColor: 'red',
+			fontColor: 'red'
+		} as XACTION_MENU_ITEM_INFO,
+		{
+			text: "我没有图标",
+			id: "4"
+		} as XACTION_MENU_ITEM_INFO
+	] as XACTION_MENU_ITEM_INFO[]
+	const list2 = [
+		{
+			text: "我是菜单栏",
+			id: "1"
+		} as XACTION_MENU_ITEM_INFO,
+		{
+			text: "我是菜单栏",
+			id: "2",
+		} as XACTION_MENU_ITEM_INFO,
+		{
+			text: "我是菜单栏",
+			id: "3",
+		} as XACTION_MENU_ITEM_INFO
+	] as XACTION_MENU_ITEM_INFO[]
+	const itemclick = (index : number) => {
+		console.log(index)
+	}
+	const oncancel = () => {
+		console.log(4)
+	}
+</script>
+
+<style lang="scss">
+
+</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/217/215/351/246/210/347/273/204/344/273/266//345/257/271/350/257/235/346/241/206 xModal.md"

@@ -0,0 +1,244 @@
+# 对话框 xModal
+
+## 介绍
+
+可全局统一更改风格。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-modal/x-modal.uvue
+```
+
+## 使用
+
+```ts
+<x-modal></x-modal>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| customStyle | `自定义遮罩样式`<br> | `string` | `""` |
+| title | `标题`<br> | `string` | `""` |
+| showFooter | `显示底部操作栏`<br> | `boolean` | `true` |
+| showTitle | `是否显示底部关闭按钮`<br> | `boolean` | `true` |
+| showClose | `是否显示底部关闭按钮`<br> | `boolean` | `false` |
+| showCancel | `显示取消按钮`<br> | `boolean` | `true` |
+| overlayClick | `遮罩是否允许点击被关闭`<br> | `boolean` | `true` |
+| show | `显示可v-model:show双向绑定`<br> | `boolean` | `false` |
+| duration | `动画时间`<br> | `number` | `300` |
+| watiDuration | `打开dom的延迟量，如果你打开 弹窗在ios正常。`<br>`请不要修改此值。如果遇到打不开，或者 打开 后没动画，关闭不了等可能是sdk bug导致 `<br>`此时需要加大值来避免。具体加多少以你弹窗内的节点复杂度有关，需要你自行压力测试。`<br>`此值仅在ios下生效。`<br> | `number` | `50` |
+| cancelText | `取消按钮的文本`<br> | `string` | `""` |
+| confirmText | `确认按钮的文本`<br> | `string` | `""` |
+| round | `打开方向为上和下时的圆角`<br>`空值时，取全局配置的圆角。`<br> | `string` | `""` |
+| width | `宽，百分比，Px,rpx，auto都支持`<br> | `string` | `"84%"` |
+| height | `宽，百分比，Px,rpx，auto都支持`<br> | `string` | `"240px"` |
+| maxHeight | `可以是百分比,px,rpx单位数字。如果你不带单位，默认转换为rpx单位。`<br> | `string` | `"80%"` |
+| disabledScroll | `是否禁用内部的scroll标签`<br>`禁用后内容不会滚动，如果设定了指定高，内容超出指定高，会被裁切`<br>`但如果没有指定高，内容自动的话，高是自动的。`<br>`有这个属性是因为截止4.03scroll-view里面放input不会上推键盘，及内部的view touchMove会失效。`<br> | `boolean` | `false` |
+| bgColor | `容器背景色`<br> | `string` | `"white"` |
+| darkBgColor | `暗黑时的容器背景色，不填写的话取sheetDarkColor`<br> | `string` | `""` |
+| zIndex | `层级`<br> | `string` | `"1105"` |
+| contentPadding | `内容区域的间隙`<br> | `string` | `"16"` |
+| btnColor | `底部按钮操作的主题色，空取全局`<br> | `string` | `""` |
+| beforeClose | `关闭前异步执行的函数，如果返回false阻止关闭，返回true允许关闭`<br>`必须返回的是Promise异步函数，且类型返回值必须是Promise<boolean>，不然会报错。`<br> | `callbackType` | `() : Promise<boolean> => {return Promise.resolve(true)}` |
+| closeColor | `关闭图标的颜色`<br> | `string` | `"#e6e6e6"` |
+| closeDarkColor | `关闭图标的暗黑颜色`<br> | `string` | `"#545454"` |
+| disabled | `是否禁用弹出（它是禁用插槽内的弹出不是禁用你手动打开)`<br> | `boolean` | `false` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| click | `-` | 点击遮罩事件 |
+| close | `-` | 关闭是触发 |
+| open | `-` | 打开时触发 |
+| beforeOpen | `-` | 打开前执行 |
+| beforeClose | `-` | 关闭前执行 |
+| update:show | `-` | 等同v-model:show |
+| cancel | `-` | 取消时触发 |
+| confirm | `-` | 确认时触发 |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| trigger | `标签触发显示遮罩，免于使用变量控制` | - |
+| title | `标题插槽` | - |
+| default | `默认插槽` | - |
+| footer | `底部操作栏` | - |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| open | - | `-` | 打开 * |
+| close | - | `-` | 关闭 * |
+
+
+## 示例文件路径
+
+```json
+/pages/fankui/modal
+```
+
+## 示例源码
+
+```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">对话框 Modal</x-text>
+		<x-text color="#999999">
+			精致美观的对话框，可全局配置风格
+		</x-text>
+	</x-sheet>
+	<x-sheet class="flex flex-row flex-row-center-center">
+		<x-modal content-padding="24px 24px" @confirm="onconfirm" style="width:48%;margin-right:2%" height="auto">
+			<template #trigger><x-button :block="true">自动内容高</x-button></template>
+			<x-input dark-bg-color="" placeholder="请输入密码"></x-input>
+			<x-input dark-bg-color="" class="my-12" placeholder="请输入密码"></x-input>
+			<view class="flex flex-row flex-row-center-between">
+				<x-text class="text-size-m text-grey">同意协议</x-text>
+				<x-switch></x-switch>
+			</view>
+		</x-modal>
+
+		<x-modal style="width:48%" position="right" :show-close="true" :show-footer="false">
+			<template #trigger><x-button :block="true" color="warn">显示关闭</x-button></template>
+			<x-text color="#999999">
+				精致美观的对话框，可全局配置风格
+			</x-text>
+		</x-modal>
+
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">默认高度，禁用遮罩关闭</x-text>
+		<x-text color="#999999" class="mb-32">
+			点击遮罩禁用关闭弹跳提示
+		</x-text>
+
+		<x-modal :overlayClick="false" confirmText="我已阅读" position="right">
+			<template #trigger><x-button :block="true" color="error">默认高度,禁用遮罩</x-button></template>
+			<x-text color="#999999">
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+			</x-text>
+		</x-modal>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-16">嵌套</x-text>
+		<x-modal height="auto">
+			<template v-slot:trigger><x-button color="success" :block="true">打开嵌套</x-button></template>
+			<x-modal height="auto">
+				<template v-slot:trigger><x-button color="success" :block="true">打开嵌套1</x-button></template>
+				<x-text class="text-size-m text-grey  line-8">当前弹层内容为自动高度</x-text>
+				<x-modal height="auto">
+					<template v-slot:trigger><x-button color="success" :block="true">打开嵌套2</x-button></template>
+					<x-text class="text-size-m text-grey  line-8">当前弹层内容为自动高度</x-text>
+				</x-modal>
+			</x-modal>
+		</x-modal>
+
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-16">异步阻止关闭</x-text>
+		<x-modal :beforeClose="beforeClose" height="auto">
+			<template #trigger><x-button :block="true">打开异步关闭</x-button></template>
+			<x-text class="text-size-m text-grey  line-8">只能关闭或者取消关闭或者点遮罩关闭，点确认按钮会异步阻止关闭。</x-text>
+		</x-modal>
+
+	</x-sheet>
+
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-16">底部插槽及变量控制显示</x-text>
+		<x-button @click="show = true" :block="true">打开</x-button>
+		<x-modal v-model:show="show" position="bottom" :show-footer="true">
+			<x-text color="#999999">
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+				精致美观的对话框，可全局配置风格
+			</x-text>
+			<template #footer>
+				<x-button @click="show=false" :block="true" color="red" class="flex-1">定义底部插槽</x-button>
+			</template>
+		</x-modal>
+	</x-sheet>
+
+	<view style="height:50px"></view>
+
+</template>
+
+<script setup lang="ts">
+	import { ref } from 'vue'
+
+	const show = ref(false)
+	const show2 = ref(false)
+
+	const onconfirm = () => {
+		uni.navigateTo({
+			url: "/pages/fankui/overlay"
+		})
+	}
+
+	const beforeClose = () : Promise<boolean> => {
+		return new Promise(res => {
+			setTimeout(function () {
+				res(false)
+			}, 2000);
+		})
+	}
+</script>
+
+<style lang="scss">
+
+</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/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"

@@ -0,0 +1,222 @@
+# 左滑菜单 xSwitchSlider
+
+## 介绍
+
+常用于对话聊天，订单列表等一些隐藏式按钮设计场景。如果子菜单无法定宽或者被挤夺请写style:flex-shrink: 0;避免。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-switch-slider/x-switch-slider.uvue
+```
+
+## 使用
+
+```ts
+<x-switch-slider></x-switch-slider>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| custonmStyle | `被拖动层的自定义样式`<br> | `string` | `""` |
+| custonmMenuStyle | `菜单容器层自定义样式`<br> | `string` | `""` |
+| width | `宽度`<br> | `string` | `"100%"` |
+| height | `高度，单位随意`<br> | `string` | `"50"` |
+| disabled | `是否禁用`<br> | `boolean` | `false` |
+| threshold | `当滑动时小于此值，会回弹到原位`<br> | `number` | `15` |
+| duration | `当打开或者松开时的动画时间`<br> | `number` | `450` |
+| status | `当前打开状态`<br> | `boolean` | `false` |
+| borderColor | `下边线的颜色`<br> | `string` | `"#f5f5f5"` |
+| borderDarkColor | `下边线暗黑的颜色，不提供取全局borderDarkColor`<br> | `string` | `""` |
+| eventNone | `让拖动层内容失去响应`<br> | `boolean` | `true` |
+| showBottomBorder | `是否显示下边线`<br> | `boolean` | `true` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| disabledScrollChange | `-` | - |
+| click | `-` | - |
+| open | `-` | - |
+| close | `-` | - |
+| start | `-` | - |
+| end | `-` | - |
+| move | `-` | - |
+| update:status | `-` | - |
+| longTimePress | `-` | - |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| default | `默认插槽，你的顶层布局可以在这里。` | - |
+| menu | `菜单插槽` | status: boolean<br> |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| open | - | `-` | 打开 * |
+| close | - | `-` | 关闭 * |
+| setOpts | - | `-` | - |
+| callEmits | - | `-` | - |
+
+
+## 示例文件路径
+
+```json
+/pages/fankui/switch-slider
+```
+
+## 示例源码
+
+```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">左滑菜单 SwitchSlider</x-text>
+		<x-text color="#999999">
+			通过插槽可完全自定义布局，自由度非常高。如果子菜单无法定宽或者被挤夺请写style:flex-shrink: 0;避免。
+		</x-text>
+	</x-sheet>
+	<x-sheet :padding="['0px']">
+		<x-switch-slider :status="item.getBoolean('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')">
+			<x-cell leftSize='40' min-height="64" :showBottomBorder="false" :card="false"
+				:title="item.getString('title')" :desc="item.getString('subtext')" icon='F264'>
+
+				<template #avatar>
+					<x-sheet :margin="['0']" :round="['8']" :padding="['0']" color="primary" width="100%" height="100%"
+						class="felx flex-center">
+						<x-icon font-size="24" code="F264" color="white"></x-icon>
+					</x-sheet>
+				</template>
+
+			</x-cell>
+			<template #menu>
+				<view class="flex flex-row flex-row-center-end" style="height: 100%;">
+					<view @click="share" class="flex flex-row flex-row-center-center"
+						style="width:110px;background:black;height: 100%;">
+						<text class="text-white">分享</text>
+					</view>
+					<view @click="remvoe" class="flex flex-row flex-row-center-center"
+						style="width:110px;background:red;height: 100%;">
+						<text class="text-white">删除</text>
+					</view>
+				</view>
+			</template>
+		</x-switch-slider>
+	</x-sheet>
+
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b">双向绑定</x-text>
+	</x-sheet>
+
+	<x-sheet :padding="['0px']">
+		<x-switch-slider v-model:status="(showLeft as boolean)" height="64">
+			<x-sheet :round="['0']" :margin="['0']" :padding="['24','0']" height="64"
+				class="flex flex-row flex-row-center-start">
+				<x-text>
+					双向绑定{{showLeft}}
+				</x-text>
+
+			</x-sheet>
+
+			<template #menu>
+				<view class="flex flex-row flex-row-center-end" style="height: 100%;">
+					<view class="flex flex-row flex-row-center-center"
+						style="width:110px;background:black;height: 100%;">
+						<text class="text-white">分享</text>
+					</view>
+					<view class="flex flex-row flex-row-center-center" style="width:110px;background:red;height: 100%;">
+						<text class="text-white">删除</text>
+					</view>
+				</view>
+			</template>
+		</x-switch-slider>
+	</x-sheet>
+
+	<view style="height: 1500px;"></view>
+
+</template>
+
+<script setup lang="ts">
+	import { ref, onBeforeMount } from 'vue'
+	const showLeft = ref(false)
+	const disabledScoll = ref(false)
+	const testList = ref<UTSJSONObject[]>([])
+
+	onBeforeMount(() => {
+		for (let i = 0; i < 6; i++) {
+			testList.value.push({
+				id: Math.random().toString(16).substring(0, 12),
+				index: i,
+				disabled: i == 1,
+				title: i == 1 ? "被禁用" : ("我是对话标题+" + i.toString()),
+				subtext: "演示手动管理关闭状态",
+				opened: false
+			} as UTSJSONObject)
+		}
+	})
+
+	const onopen = (index : number) => {
+		let oldlist = testList.value.slice(0)
+		oldlist = oldlist.map((el : UTSJSONObject, from : number) : UTSJSONObject => {
+			if (from != index) {
+				el.set("opened", false)
+			} else {
+				el.set("opened", true)
+			}
+			return el;
+		})
+		testList.value = oldlist.slice(0)
+	}
+
+	const onclose = (index : number) => {
+		// 保留空实现与原逻辑一致
+	}
+
+	const remvoe = () => {
+		console.log('remove')
+	}
+
+	const share = () => {
+		console.log('share')
+	}
+
+	const onclick = (index : number) => {
+		uni.showToast({ title: "你点击了：" + index.toString() })
+	}
+
+	const disablechange = (disabled : boolean) => {
+		disabledScoll.value = disabled;
+	}
+</script>
+
+<style lang="scss">
+
+</style>
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)