tmui-cli 2.0.1 → 2.0.2

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//346/236/201/350/201/224/345/231/250 xCascader.md"

@@ -0,0 +1,170 @@
+# 极联器 xCascader
+
+## 介绍
+
+极联选择器。v-model 为单个 id 是单选，为数组是多选。列表面板走 x-virtual-list。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-cascader/x-cascader.uvue
+```
+
+## 使用
+
+```ts
+<x-cascader></x-cascader>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| width | `宽,可以为auto`<br> | `string` | `'auto'` |
+| height | `高，不可为auto。`<br> | `string` | `'150'` |
+| list | `数据结构`<br> | `Array` | `():CASCADER_ITEM_INFO[] => [] as CASCADER_ITEM_INFO[]` |
+| modelValue | `当前选中。单个 id（string\`<br>`number）为单选，数组为多选。`<br> | `CASCADER_VALUE` | `'' as CASCADER_VALUE` |
+| fontSize | `项目文字大小id`<br> | `string` | `"16"` |
+| itemTextColor | `选项项目未选中的文字颜色`<br> | `string` | `"#333333"` |
+| darkItemTextColor | `选项项目未选中的暗黑文字颜色，空值是取白色`<br> | `string` | `""` |
+| itemActiveColor | `选项项目选中的文字颜色，空值取全局主题`<br> | `string` | `""` |
+| sliderContentBgColor | `内容区域背景颜色`<br> | `string` | `'rgba(0,0,0,0)'` |
+| showCurrentBtn | `有下级时是否显示本级勾选图标。点图标选中本级，点行仍进入下一级。`<br> | `boolean` | `false` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| change | `ids: CASCADER_ID[]|CASCADER_ID<br>` | 选中触发时变化，只要路径变化了就会触发 |
+| cellClick | `item: CASCADER_ITEM_INFO<br>parentIndex: number<br>childrenIndex: number<br>` | 点击项目时触发 |
+| confirm | `id: union<br>ids: CASCADER_ID[]<br>` | 选中叶子或勾选本级时触发 |
+| update:modelValue | `-` | 等同v-model。单选为 id，多选为 id 数组 |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| header | `顶部头菜单导航插槽,你可以完全写自己的导航样式` | menus: CASCADER_ITEM_INFO[]<br> |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/biaodan/cascader
+```
+
+## 示例源码
+
+```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">极联器 xCascader</x-text>
+			<x-text color="#999999" >v-model 传单个 id 是单选，传数组是多选。数据项可自行挂额外字段。</x-text>
+		</x-sheet>
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b mb-8">单选（可无限级）</x-text>
+			<x-divider ></x-divider>
+			<x-cascader :showCurrentBtn="true" v-model="selecteds1" :list="list" height="200"></x-cascader>
+			<x-sheet color="#f5f5f5" dark-color="#333" :margin="['0','16']">
+				<x-text color="#999999">选中的值：{{selecteds1}}</x-text>
+			</x-sheet>
+			<x-button class="mt-32" @click="selecteds1 = '1-4-1'" :block="true">动态赋值</x-button>
+		</x-sheet>
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b mb-8">多选（v-model 传数组）</x-text>
+			<x-divider ></x-divider>
+			<x-cascader :showCurrentBtn="true" v-model="selecteds2" :list="list" height="220"></x-cascader>
+			<x-sheet color="#f5f5f5" dark-color="#333" :margin="['0','16']">
+				<x-text color="#999999">选中的值：{{selecteds2}}</x-text>
+			</x-sheet>
+			<x-button class="mt-32" @click="selecteds2 = ['1-2', '4']" :block="true">动态赋值</x-button>
+		</x-sheet>
+		
+</template>
+
+<script setup lang="ts">
+	import { ref } from 'vue'
+	import type { CASCADER_ID, CASCADER_ITEM_INFO } from "@/uni_modules/tmx-ui"
+	
+	const items = [
+		{ title: '广东省', id: "199", code: 'GD', extra: 1 } as CASCADER_ITEM_INFO,
+		{
+			title: '江西',
+			id: "1-1",
+			children: [
+				{
+					title: '南昌',
+					id: "1",
+					children: [
+						{ title: '青山湖区', id: "1-2" } as CASCADER_ITEM_INFO,
+						{ title: '高新区', id: "1-3" } as CASCADER_ITEM_INFO,
+						{ title: '红谷滩区', id: "1-4" } as CASCADER_ITEM_INFO,
+						{
+
+							title: '东湖区', id: "1-5",
+
+							children: [
+								{ title: '三级-青山湖区', id: "1-2-1" } as CASCADER_ITEM_INFO,
+								{ title: '三级-高新区', id: "1-3-1" } as CASCADER_ITEM_INFO,
+								{ title: '三级-红谷滩区', id: "1-4-1" } as CASCADER_ITEM_INFO,
+								{ title: '三级-东湖区', id: "1-5-1" } as CASCADER_ITEM_INFO,
+							] as CASCADER_ITEM_INFO[],
+
+						} as CASCADER_ITEM_INFO,
+					] as CASCADER_ITEM_INFO[],
+
+				} as CASCADER_ITEM_INFO,
+				{ title: '九江', id: "2" } as CASCADER_ITEM_INFO,
+				{ title: '赣州', id: "8", disabled: true } as CASCADER_ITEM_INFO,
+				{ title: '吉安', id: "9" } as CASCADER_ITEM_INFO,
+				{ title: '抚州', id: "10" } as CASCADER_ITEM_INFO,
+			] as CASCADER_ITEM_INFO[],
+		} as CASCADER_ITEM_INFO,
+		{
+			title: '江苏',
+			id: "4-1",
+			children: [
+				{ title: '常熟', id: "4" } as CASCADER_ITEM_INFO,
+				{ title: '苏州', id: "5" } as CASCADER_ITEM_INFO,
+				{ title: '小上海', id: "6" } as CASCADER_ITEM_INFO,
+			] as CASCADER_ITEM_INFO[],
+		} as CASCADER_ITEM_INFO,
+		{ title: '安徽(被禁用)', disabled: true, id: "7" } as CASCADER_ITEM_INFO,
+		{ title: '湖南', id: "99" } as CASCADER_ITEM_INFO,
+	] as CASCADER_ITEM_INFO[];
+	
+	const list = ref<CASCADER_ITEM_INFO[]>(items)
+	const selecteds1 = ref<CASCADER_ID>("")
+	const selecteds2 = ref<CASCADER_ID[]>([])
+	
+</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//350/241/250/345/215/225/347/273/204/344/273/266//346/240/207/347/255/276/350/276/223/345/205/245/346/241/206 xInputTag.md"

@@ -0,0 +1,111 @@
+# 标签输入框 xInputTag
+
+## 介绍
+
+可通过键盘或者按钮，输入框输入字段回车保存标签词
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-input-tag/x-input-tag.uvue
+```
+
+## 使用
+
+```ts
+<x-input-tag></x-input-tag>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| bgColor | `输入框背景及标签背景`<br> | `string` | `"#f5f5f5"` |
+| darkBgColor | `输入框的暗黑背景色`<br>`空值读取全局的Input暗黑背景色`<br> | `string` | `""` |
+| btnColor | `右边按钮主题色，空取全局主题色`<br> | `string` | `""` |
+| fontSize | `文本大小`<br> | `string` | `"16"` |
+| fontColor | `文本颜色，暗黑时取白`<br> | `string` | `"#1d1d1f"` |
+| width | `宽`<br> | `string` | `"auto"` |
+| height | `高`<br> | `string` | `"40"` |
+| round | `圆角`<br> | `string` | `""` |
+| placeholder | `输入提示词，默认：请输入并回车`<br> | `string` | `""` |
+| modelValue | `双向绑定`<br> | `Array` | `(): string[] => [] as string[]` |
+| postion | `标签在内还是在外`<br> | `POSITIONTYPE` | `"out"` |
+| showBtn | `postion为in时,可以控制隐藏按钮.`<br> | `boolean` | `true` |
+| btnText | `添加按钮的文本,默认：添加标签`<br> | `string` | `""` |
+| confirmType | `设置键盘右下角按钮的文字，仅在 type为text 时生效。`<br> | `string` | `"done"` |
+| maxCount | `最佳输入标签数量,只有用户主动输入才会触发此限制`<br>`你代码赋值不会限制.-1表示不限制`<br> | `number` | `-1` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| change | `value: mixed<br>` | 标签变化时触发 |
+| update:modelValue | `value: mixed<br>` | 等同v-model |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| tag | `标签插槽，如果对标签样式不喜欢可通过此修改。` | tags: string[]<br> |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/biaodan/input-tag
+```
+
+## 示例源码
+
+```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">标签输入框 xInputTag</x-text>
+		<x-text color="#999999">用来自定分类时使用</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">默认标签在输入框内</x-text>
+		<x-input-tag v-model="keywords"></x-input-tag>
+	</x-sheet>
+	<x-sheet>
+		<x-text font-size="18" class=" text-weight-b mb-8">让标签在输入框内</x-text>
+		<x-input-tag postion="in" v-model="keywords"></x-input-tag>
+	</x-sheet>
+</template>
+
+<script setup lang="ts">
+	import { ref } from 'vue'
+	const keywords = ref(['测试标签', '权限设置', '产品销售'])
+</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//350/241/250/345/215/225/347/273/204/344/273/266//346/240/221 xTree.md"

@@ -0,0 +1,373 @@
+# 树 xTree
+
+## 介绍
+
+无限嵌套，可以异步加载。可以单独控制展开和关闭。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-tree/x-tree.uvue
+```
+
+## 使用
+
+```ts
+<x-tree></x-tree>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| modelValue | `等同v-model，当前选中的id`<br> | `Array` | `() : string[] => [] as string[]` |
+| folderId | `需要默认展开的父级id`<br>`如果这个id在深层等级，那它的所有父级都会被展开。`<br>`比如["1-2"]，此时1-2在最深级，那么它的父"1","1-1"会全部被默认打开`<br>`因此["1-2"]与["1","1-1","1-2"]其实没有区别`<br> | `Array` | `() : string[] => [] as string[]` |
+| parentSelectedFullChildren | `是否允许选中父级的时候把它的所有子级也选上。`<br>`注意这个属性的区别,如果你打开,那么意味着你无法控制父框选中状态,它的状态由它的子集来控制`<br>`比如子集全选中时,它自动选中,如果部分选中(它还是不会选中,但会有半选中状态),如果子集没有全选中,它会自动取消选中.点击本身时会取消或者选中所有子.`<br>`如果你设置为false,那就表示所有节点可以单独选择,它不受子节点控制.点击自己时,也不会选中子节点.`<br> | `boolean` | `false` |
+| disabledParentBox | `是否禁用父框选中,如果不禁用，但你的数据禁用了，还是会禁用。`<br>`但不影响你赋值选中`<br> | `boolean` | `false` |
+| disabled | `是否停用选中功能，只能是已读状态了`<br>`但不影响你赋值选中`<br> | `boolean` | `false` |
+| list | `列表数据,请一定要包含children字段代表子级。`<br>`如果需要异步加载需要包含一个children:[]空数组，如果没有子级`<br>`就不要包含children字段。字段:showEdite 显示编辑按钮,字段:showRemove显示删除节点按钮`<br>`showAdd 增加下级`<br> | `Array` | `() : UTSJSONObject[] => [] as UTSJSONObject[]` |
+| idKey | `id字段名称`<br> | `string` | `"id"` |
+| labelKey | `标题名称`<br> | `string` | `"text"` |
+| color | `选中时的高亮颜色或者主题`<br> | `string` | `""` |
+| beforeOpenFloder | `异步选项时执行的异步加载`<br>`需要返回 Promise<UTSJSONObject[]>来自动填充到当前级别中的数据。`<br> | `callbackType` | `(itemId : string) : Promise<UTSJSONObject[]> => {     return Promise.resolve([] as UTSJSONObject[]) }` |
+| floaderIcon | `关闭和打开时图标/图片地址`<br>`必须为长度2,第一项关闭时图标,第2项关闭时图标`<br> | `Array` | `() : string[] => ['add-circle-line','indeterminate-circle-line'] as string[]` |
+| showFloaderIcon | `是否显示默认前置开和关的图标`<br> | `boolean` | `true` |
+| showChecked | `是否显示选中的box图标`<br> | `boolean` | `true` |
+| checkedIcon | `选中与未选中时的图标/图片地址`<br>`必须为长度2,第一项未选中,第二项选中时图标`<br> | `Array` | `() : string[] => ['checkbox-blank-circle-line','checkbox-circle-fill'] as string[]` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| change | `ids: string[]<br>allParent: string[]<br>allChildrenId: string[]<br>allIdsAndInd: string[]<br>` | 选中切换时触发 |
+| childrenClick | `-` | 节点标签被点击<br>@@param {UTSJSONObject} item - 打开的id数组 |
+| openFolderChange | `-` | 父节点展开和关闭<br>@@param {string[]} ids - 打开的id数组 |
+| update:folderId | `-` | 等同v-model:folder-id |
+| update:modelValue | `-` | - |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| - | - | - |
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/biaodan/tree
+```
+
+## 示例源码
+
+```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">树 xTree</x-text>
+		<x-text color="#999999" class="mb-20">可允许父是否选中，子禁用状态，全局禁用，指定打开的id层级,打开子父关联后会半选状态及子父状态联动</x-text>
+
+	</x-sheet>
+
+	<x-sheet>
+		<x-sheet color="info" dark-color="#333" :margin="['0','16']">
+			<x-text color="#999999">打开的id：{{folderids.join(',')}}</x-text>
+			<x-text color="#999999">选中的id：{{nowValue.join(',')}}</x-text>
+		</x-sheet>
+		<view class="flex flex-row flex-row-top-start">
+			<x-button width="32%" class="mr-5 mb-5" @click="openFolder('2-1')">展开2-2</x-button>
+			<x-button width="32%" class="mr-5 mb-5" @click="closeAll">关闭所有</x-button>
+			<x-button width="32%" class="mr-5 mb-5" @click="setListData">添加数据</x-button>
+		</view>
+		<view class="flex flex-row flex-row-top-start">
+			<x-button width="32%" class="mr-5 mb-5" @click="clearALl">清空数据</x-button>
+			<x-button color="success" width="32%"
+				:icon="disabledParentBox?'indeterminate-circle-fill':'checkbox-blank-circle-line'" class="mr-5 mb-5"
+				@click="disabledParentBox=!disabledParentBox">禁父框</x-button>
+			<x-button color="warn" width="32%"
+				:icon="parentSelectedFullChildren?'checkbox-circle-fill':'checkbox-blank-circle-line'" class="mr-5 mb-5"
+				@click="parentSelectedFullChildren=!parentSelectedFullChildren">子父关联</x-button>
+		</view>
+		<x-loading v-if="loading"></x-loading>
+		<x-tree @change="change" :before-open-floder="asyncFun" v-else
+			:parentSelectedFullChildren="parentSelectedFullChildren" :disabledParentBox="disabledParentBox"
+			v-model="nowValue" v-model:folder-id="folderids" :list="list"></x-tree>
+	</x-sheet>
+
+</template>
+
+<script setup lang="ts">
+	import { ref, onMounted } from 'vue'
+	const loading = ref(true)
+	const folderids = ref<string[]>(['2-1', '1-3'])
+	const nowValue = ref<string[]>(['1', '3', '2-1-1'])
+	const disabledParentBox = ref(false)
+	const parentSelectedFullChildren = ref(true)
+	const id = ref(4)
+
+	const list = ref<UTSJSONObject[]>([
+		{
+			id: "1",
+			text: "节点1",
+			disabled: false,
+			children: [
+				{
+					id: "1-1",
+					text: "节点1-1",
+					disabled: true,
+					children: [
+						{
+							id: "1-1-1",
+							text: "异步加载",
+							disabled: false,
+							children: [] as UTSJSONObject[]
+						} as UTSJSONObject,
+						{
+							id: "1-1-2",
+							text: "节点1-1-2",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: "1-1-3",
+							text: "节点1-1-3",
+							disabled: false,
+						} as UTSJSONObject,
+					] as UTSJSONObject[],
+				} as UTSJSONObject,
+				{
+					id: "1-2",
+					text: "节点1-2",
+					disabled: false,
+					showEdite: true,
+					showAdd: true,
+					children: [
+						{
+							id: "1-2-1",
+							text: "节点1-2-1",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: "1-2-2",
+							text: "节点1-2-2",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: "1-2-3",
+							text: "节点1-2-3",
+							disabled: false,
+						} as UTSJSONObject,
+					] as UTSJSONObject[],
+				} as UTSJSONObject,
+				{
+					id: "1-3",
+					text: "节点1-3",
+					disabled: false,
+					showRemove: true,
+					children: [
+						{
+							id: "1-3-1",
+							text: "节点1-3-1",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: "1-3-2",
+							text: "节点1-3-2",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: "1-3-3",
+							text: "节点1-3-3",
+							disabled: false,
+						} as UTSJSONObject,
+					] as UTSJSONObject[],
+				} as UTSJSONObject,
+			] as UTSJSONObject[],
+		} as UTSJSONObject,
+		{
+			id: "2",
+			text: "节点2",
+			disabled: false,
+			showEdite: true,
+			children: [
+				{
+					id: "2-1",
+					text: "节点2-1",
+					disabled: false,
+					children: [
+						{
+							id: "2-1-1",
+							text: "节点2-1-1",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: "2-1-2",
+							text: "节点2-1-2",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: "2-1-3",
+							text: "节点2-1-3",
+							disabled: false,
+						} as UTSJSONObject,
+					] as UTSJSONObject[],
+				} as UTSJSONObject,
+				{
+					id: "2-2",
+					text: "节点2-2",
+					disabled: false,
+					children: [
+						{
+							id: "2-2-1",
+							text: "节点2-2-1",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: "2-2-2",
+							text: "节点2-2-2",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: "2-2-3",
+							text: "节点2-2-3",
+							disabled: false,
+						} as UTSJSONObject,
+					] as UTSJSONObject[],
+				} as UTSJSONObject,
+				{
+					id: "2-3",
+					text: "节点2-3",
+					disabled: false,
+					children: [
+						{
+							id: "2-3-1",
+							text: "节点2-3-1",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: "2-3-2",
+							text: "节点2-3-2",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: "2-3-3",
+							text: "节点2-3-3",
+							disabled: false,
+						} as UTSJSONObject,
+					] as UTSJSONObject[],
+				} as UTSJSONObject,
+			] as UTSJSONObject[],
+		} as UTSJSONObject,
+		{
+			id: "3",
+			text: "异步加载",
+			disabled: false,
+			children: [] as UTSJSONObject[]
+		} as UTSJSONObject
+	])
+
+	onMounted(() => {
+		setTimeout(() => {
+			loading.value = false
+		}, 500)
+	})
+
+	const change = (ids : string[], allParent : string[], allChildrenId : string[], allIdsAndInd : string[]) => {
+		console.log("所有节点,不含半选", ids)
+		console.log("所有父节点,不含半选", allParent)
+		console.log("所有子节点,不含半选", allChildrenId)
+		console.log("所有节点+半选状态节点", allIdsAndInd)
+	}
+
+	const closeAll = () => {
+		folderids.value = [] as string[]
+	}
+
+	const openFolder = (id : string) => {
+		folderids.value = [id] as string[]
+	}
+
+	const clearALl = () => {
+		nowValue.value = [] as string[]
+	}
+
+	const asyncFun = (nodeId : string) : Promise<UTSJSONObject[]> => {
+		uni.showLoading({ title: '加载中', mask: true })
+		return new Promise((res, rej) => {
+			setTimeout(() => {
+				id.value += 1
+				let idtest = id.value + '-' + Math.random().toString(16).substring(2, 6)
+				res([
+					{
+						id: idtest,
+						text: "节点1" + idtest,
+						disabled: false,
+					} as UTSJSONObject
+				] as UTSJSONObject[])
+				uni.hideLoading()
+			}, 800)
+		})
+	}
+
+	const setListData = () => {
+		id.value += 1
+		let ids = id.value.toString()
+		list.value = list.value.concat([{
+			id: ids,
+			text: "节点" + ids,
+			disabled: false,
+			children: [
+				{
+					id: ids + "-4-1",
+					text: ids + "节点4-1",
+					disabled: false,
+					children: [
+						{
+							id: ids + "-4-1-1",
+							text: ids + "节点4-1-1",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: ids + "-4-1-2",
+							text: ids + "节点4-1-2",
+							disabled: false,
+						} as UTSJSONObject,
+						{
+							id: ids + "-4-1-3",
+							text: ids + "节点4-1-3",
+							disabled: false,
+						} as UTSJSONObject,
+					] as UTSJSONObject[],
+				} as UTSJSONObject,
+			] as UTSJSONObject[],
+		} as UTSJSONObject] as UTSJSONObject[])
+	}
+</script>
+
+<style lang="scss">
+
+</style>
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)