tmui-cli 2.0.1 → 2.0.2

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/257/274/350/210/252/347/273/204/344/273/266//344/276/247/350/276/271/345/210/206/347/261/273 xSliderTree.md"

@@ -0,0 +1,242 @@
+# 侧边分类 xSliderTree
+
+## 介绍
+
+侧边分类选择，可多选，单选模式。左右列表走 x-virtual-list。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-slider-tree/x-slider-tree.uvue
+```
+
+## 使用
+
+```ts
+<x-slider-tree></x-slider-tree>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| width | `宽`<br> | `string` | `"auto"` |
+| height | `高是必填，不可为auto。`<br> | `string` | `"100%"` |
+| activeTextColor | `侧边选中的文字颜色，空值取全局主题`<br> | `string` | `""` |
+| textColor | `侧边未选中时的文字颜色`<br> | `string` | `"#888888"` |
+| itemTextColor | `选项项目未选中的文字颜色`<br> | `string` | `"#333333"` |
+| itemActiveColor | `选项项目选中的文字颜色，空值取全局主题`<br> | `string` | `""` |
+| sliderBgColor | `左侧边栏背景颜色`<br> | `string` | `"#f5f5f5"` |
+| darkSliderBgColor | `左侧边栏暗黑背景颜色`<br>`如果不提供，自动读取全局的backgroundColorContentDark背景色`<br> | `string` | `""` |
+| sliderContentBgColor | `右内容区域背景颜色`<br> | `string` | `"white"` |
+| darkSliderContentBgColor | `右内容区域暗黑背景颜色`<br>`如果不提供读取sheet窗口的暗黑背景`<br> | `string` | `""` |
+| sliderWidth | `侧边栏宽`<br> | `string` | `"100"` |
+| list | `数据列表`<br> | `Array` | `() : SLIDER_TREE_ITEM_INFO[] => []` |
+| modelValue | `当前选中项的id数组`<br> | `Array` | `() : string[] => []` |
+| multiple | `每级是否允许多选`<br> | `boolean` | `false` |
+| fontSize | `文字大小`<br> | `string` | `"16"` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| change | `ids: string[]<br>` | 选中变换时触发 |
+| update:modelValue | `-` | 等同v-model:modelValue |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| default | `-` | - |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| getSelected | - | `-` | 获取当前选中的项 * |
+| setSelected | - | `-` | 设置选中的项 * |
+
+
+## 示例文件路径
+
+```json
+/pages/daohang/slider-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">侧边分类 xSliderTree</x-text>
+			<x-text color="#999999">侧边分类选择，可多选，单选模式。数据项可自行挂额外字段。</x-text>
+		</x-sheet>
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b">单选（可无限级）</x-text>
+			<x-divider class="my-24"></x-divider>
+			<x-slider-tree :model-value="['ah-hf-ss']" height="280" :list="list"></x-slider-tree>
+		</x-sheet>
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b">多选（可无限级）</x-text>
+			<x-divider class="my-24"></x-divider>
+			<x-slider-tree v-model="selecteds" :multiple="true" height="280px"
+				:list="list"></x-slider-tree>
+			<x-button class="mt-24" @click="selecteds = ['gd-sz-ns-yh','js-sz']" :block="true">动态赋值</x-button>
+		</x-sheet>
+	
+</template>
+
+<script setup lang="ts">
+	import type { SLIDER_TREE_ITEM_INFO } from "@/uni_modules/tmx-ui"
+	const list = ref<SLIDER_TREE_ITEM_INFO[]>([
+		{
+			title: '安徽',
+			id: "ah",
+			code: 'AH',
+			extra: 1,
+			children: [
+				{
+					title: '合肥',
+					id: "ah-hf",
+					children: [
+						{ title: '蜀山区', id: "ah-hf-ss" },
+						{ title: '包河区', id: "ah-hf-bh" },
+						{ title: '瑶海区', id: "ah-hf-yh" }
+					]
+				},
+				{
+					title: '芜湖',
+					id: "ah-wh",
+					children: [
+						{ title: '镜湖区', id: "ah-wh-jh" },
+						{ title: '弋江区', id: "ah-wh-yj" }
+					]
+				},
+				{ title: '蚌埠', id: "ah-bb" },
+				{ title: '淮南', id: "ah-hn" },
+				{ title: '马鞍山', id: "ah-mas" },
+				{ title: '淮北', id: "ah-hb" },
+				{ title: '铜陵', id: "ah-tl" },
+				{ title: '安庆', id: "ah-aq" },
+				{ title: '黄山', id: "ah-hs" },
+				{ title: '滁州', id: "ah-cz" },
+				{ title: '阜阳', id: "ah-fy" },
+				{ title: '宿州', id: "ah-sz" },
+				{ title: '六安', id: "ah-la" },
+				{ title: '亳州', id: "ah-bz" },
+				{ title: '池州', id: "ah-chz" },
+				{ title: '宣城', id: "ah-xc" }
+			]
+		},
+		{
+			title: '江苏',
+			id: "js",
+			children: [
+				{ title: '南京', id: "js-nj" },
+				{ title: '苏州', id: "js-sz" },
+				{ title: '无锡', id: "js-wx" },
+				{ title: '常州', id: "js-cz" },
+				{ title: '南通', id: "js-nt" },
+				{ title: '扬州', id: "js-yz" },
+				{ title: '镇江', id: "js-zj" },
+				{ title: '泰州', id: "js-tz" },
+				{ title: '盐城', id: "js-yc" },
+				{ title: '淮安', id: "js-ha" },
+				{ title: '连云港', id: "js-lyg" },
+				{ title: '宿迁', id: "js-sq" },
+				{ title: '徐州', id: "js-xz" }
+			]
+		},
+		{ title: '湖南', id: "hn" },
+		{
+			title: '广东',
+			id: "gd",
+			children: [
+				{
+					title: '广州',
+					id: "gd-gz",
+					children: [
+						{
+							title: '天河区',
+							id: "gd-gz-th",
+							children: [
+								{ title: '五山街道', id: "gd-gz-th-ws" },
+								{ title: '猎德街道', id: "gd-gz-th-ld" },
+								{ title: '冼村街道', id: "gd-gz-th-xc" }
+							]
+						},
+						{ title: '越秀区', id: "gd-gz-yx" },
+						{ title: '海珠区', id: "gd-gz-hz" }
+					]
+				},
+				{
+					title: '深圳',
+					id: "gd-sz",
+					children: [
+						{
+							title: '南山区',
+							id: "gd-sz-ns",
+							children: [
+								{ title: '粤海街道', id: "gd-sz-ns-yh" },
+								{ title: '西丽街道', id: "gd-sz-ns-xl" }
+							]
+						},
+						{ title: '福田区', id: "gd-sz-ft" }
+					]
+				},
+				{ title: '珠海', id: "gd-zh" },
+				{ title: '佛山', id: "gd-fs" },
+				{ title: '东莞', id: "gd-dg" },
+				{ title: '中山', id: "gd-zs" },
+				{ title: '惠州', id: "gd-hz" },
+				{ title: '江门', id: "gd-jm" },
+				{ title: '湛江', id: "gd-zj" },
+				{ title: '茂名', id: "gd-mm" },
+				{ title: '韶关', id: "gd-sg" },
+				{ title: '汕头', id: "gd-st" }
+			]
+		},
+		{ title: '浙江', id: "zj" },
+		{ title: '四川', id: "sc" },
+		{ title: '湖北', id: "hb" },
+		{ title: '河南', id: "hen" },
+		{ title: '山东', id: "sd" },
+		{ title: '福建', id: "fj" },
+		{ title: '陕西', id: "sn" },
+		{ title: '山西', id: "sx" },
+		{ title: '河北', id: "heb" },
+		{ title: '辽宁', id: "ln" },
+		{ title: '江西', id: "jx" },
+		{ title: '云南', id: "yn" },
+		{ title: '广西', id: "gx" }
+	])
+	const selecteds = ref<string[]>([])
+</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/257/274/350/210/252/347/273/204/344/273/266//344/276/247/350/276/271/345/210/206/347/261/273/345/255/220/350/212/202/347/202/271 xSliderTreeChildren.md"

@@ -0,0 +1,238 @@
+# 侧边分类子节点 xSliderTreeChildren
+
+## 介绍
+
+xSliderTree内部子组件，不可引用
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-slider-children/x-slider-children.uvue
+```
+
+## 使用
+
+```ts
+<x-slider-children></x-slider-children>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| itemTextColor | `选项项目未选中的文字颜色`<br> | `string` | `"#333333"` |
+| itemActiveColor | `选项项目选中的文字颜色，空值取全局主题`<br> | `string` | `""` |
+| sliderContentBgColor | `右内容区域背景颜色`<br> | `string` | `"white"` |
+| list | `数据列表`<br> | `Array` | `() : SLIDER_TREE_ITEM[] => []` |
+| modelValue | `当前选中项的id数组`<br> | `Array` | `() : string[] => []` |
+| multiple | `是否允许多选`<br> | `boolean` | `false` |
+| index | `当前的索引`<br> | `number` | `0` |
+| nowSelecteds | `父级选中的项。`<br> | `Array` | `() : string[] => []` |
+| height | `高度`<br> | `string` | `'100%'` |
+| boxHeight | `容器高度`<br> | `number` | `0` |
+| fontSize | `文字大小`<br> | `string` | `"16"` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| back | `-` | 返回上级 |
+| itemClick | `ids: string[]<br>type: string<br>` | 项目点击事件 |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| default | `内部节点插槽，不对外` | - |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| getSelected | - | `-` | 获取当前选中的项 * |
+| setSelected | - | `-` | 设置选中的项 * |
+
+
+## 示例文件路径
+
+```json
+/pages/daohang/slider-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">侧边分类 xSliderTree</x-text>
+			<x-text color="#999999">侧边分类选择，可多选，单选模式。数据项可自行挂额外字段。</x-text>
+		</x-sheet>
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b">单选（可无限级）</x-text>
+			<x-divider class="my-24"></x-divider>
+			<x-slider-tree :model-value="['ah-hf-ss']" height="280" :list="list"></x-slider-tree>
+		</x-sheet>
+		<x-sheet>
+			<x-text font-size="18" class=" text-weight-b">多选（可无限级）</x-text>
+			<x-divider class="my-24"></x-divider>
+			<x-slider-tree v-model="selecteds" :multiple="true" height="280px"
+				:list="list"></x-slider-tree>
+			<x-button class="mt-24" @click="selecteds = ['gd-sz-ns-yh','js-sz']" :block="true">动态赋值</x-button>
+		</x-sheet>
+	
+</template>
+
+<script setup lang="ts">
+	import type { SLIDER_TREE_ITEM_INFO } from "@/uni_modules/tmx-ui"
+	const list = ref<SLIDER_TREE_ITEM_INFO[]>([
+		{
+			title: '安徽',
+			id: "ah",
+			code: 'AH',
+			extra: 1,
+			children: [
+				{
+					title: '合肥',
+					id: "ah-hf",
+					children: [
+						{ title: '蜀山区', id: "ah-hf-ss" },
+						{ title: '包河区', id: "ah-hf-bh" },
+						{ title: '瑶海区', id: "ah-hf-yh" }
+					]
+				},
+				{
+					title: '芜湖',
+					id: "ah-wh",
+					children: [
+						{ title: '镜湖区', id: "ah-wh-jh" },
+						{ title: '弋江区', id: "ah-wh-yj" }
+					]
+				},
+				{ title: '蚌埠', id: "ah-bb" },
+				{ title: '淮南', id: "ah-hn" },
+				{ title: '马鞍山', id: "ah-mas" },
+				{ title: '淮北', id: "ah-hb" },
+				{ title: '铜陵', id: "ah-tl" },
+				{ title: '安庆', id: "ah-aq" },
+				{ title: '黄山', id: "ah-hs" },
+				{ title: '滁州', id: "ah-cz" },
+				{ title: '阜阳', id: "ah-fy" },
+				{ title: '宿州', id: "ah-sz" },
+				{ title: '六安', id: "ah-la" },
+				{ title: '亳州', id: "ah-bz" },
+				{ title: '池州', id: "ah-chz" },
+				{ title: '宣城', id: "ah-xc" }
+			]
+		},
+		{
+			title: '江苏',
+			id: "js",
+			children: [
+				{ title: '南京', id: "js-nj" },
+				{ title: '苏州', id: "js-sz" },
+				{ title: '无锡', id: "js-wx" },
+				{ title: '常州', id: "js-cz" },
+				{ title: '南通', id: "js-nt" },
+				{ title: '扬州', id: "js-yz" },
+				{ title: '镇江', id: "js-zj" },
+				{ title: '泰州', id: "js-tz" },
+				{ title: '盐城', id: "js-yc" },
+				{ title: '淮安', id: "js-ha" },
+				{ title: '连云港', id: "js-lyg" },
+				{ title: '宿迁', id: "js-sq" },
+				{ title: '徐州', id: "js-xz" }
+			]
+		},
+		{ title: '湖南', id: "hn" },
+		{
+			title: '广东',
+			id: "gd",
+			children: [
+				{
+					title: '广州',
+					id: "gd-gz",
+					children: [
+						{
+							title: '天河区',
+							id: "gd-gz-th",
+							children: [
+								{ title: '五山街道', id: "gd-gz-th-ws" },
+								{ title: '猎德街道', id: "gd-gz-th-ld" },
+								{ title: '冼村街道', id: "gd-gz-th-xc" }
+							]
+						},
+						{ title: '越秀区', id: "gd-gz-yx" },
+						{ title: '海珠区', id: "gd-gz-hz" }
+					]
+				},
+				{
+					title: '深圳',
+					id: "gd-sz",
+					children: [
+						{
+							title: '南山区',
+							id: "gd-sz-ns",
+							children: [
+								{ title: '粤海街道', id: "gd-sz-ns-yh" },
+								{ title: '西丽街道', id: "gd-sz-ns-xl" }
+							]
+						},
+						{ title: '福田区', id: "gd-sz-ft" }
+					]
+				},
+				{ title: '珠海', id: "gd-zh" },
+				{ title: '佛山', id: "gd-fs" },
+				{ title: '东莞', id: "gd-dg" },
+				{ title: '中山', id: "gd-zs" },
+				{ title: '惠州', id: "gd-hz" },
+				{ title: '江门', id: "gd-jm" },
+				{ title: '湛江', id: "gd-zj" },
+				{ title: '茂名', id: "gd-mm" },
+				{ title: '韶关', id: "gd-sg" },
+				{ title: '汕头', id: "gd-st" }
+			]
+		},
+		{ title: '浙江', id: "zj" },
+		{ title: '四川', id: "sc" },
+		{ title: '湖北', id: "hb" },
+		{ title: '河南', id: "hen" },
+		{ title: '山东', id: "sd" },
+		{ title: '福建', id: "fj" },
+		{ title: '陕西', id: "sn" },
+		{ title: '山西', id: "sx" },
+		{ title: '河北', id: "heb" },
+		{ title: '辽宁', id: "ln" },
+		{ title: '江西', id: "jx" },
+		{ title: '云南', id: "yn" },
+		{ title: '广西', id: "gx" }
+	])
+	const selecteds = ref<string[]>([])
+</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/257/274/350/210/252/347/273/204/344/273/266//344/276/247/350/276/271/350/217/234/345/215/225 xSliderMenu.md"

@@ -0,0 +1,158 @@
+# 侧边菜单 xSliderMenu
+
+## 介绍
+
+左边菜单选择，右边内容区域
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-slider-menu/x-slider-menu.uvue
+```
+
+## 使用
+
+```ts
+<x-slider-menu></x-slider-menu>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| width | `宽`<br> | `string` | `"auto"` |
+| height | `高是必填，不可为auto。`<br> | `string` | `"100%"` |
+| showScrollbar | `是否显示滚动条`<br> | `boolean` | `false` |
+| activeTextColor | `侧边选中的文字颜色，空值取全局主题`<br> | `string` | `""` |
+| textColor | `侧边未选中时的文字颜色`<br> | `string` | `"#888888"` |
+| fontSize | `侧边菜单文字大小`<br> | `string` | `"16"` |
+| itemTextColor | `选项项目未选中的文字颜色`<br> | `string` | `"#333333"` |
+| itemActiveColor | `选项项目选中的文字颜色，空值取全局主题`<br> | `string` | `""` |
+| sliderBgColor | `左侧边栏背景颜色`<br> | `string` | `"#f5f5f5"` |
+| darkSliderBgColor | `左侧边栏暗黑背景颜色`<br>`如果不提供，自动读取全局的backgroundColorContentDark背景色`<br> | `string` | `""` |
+| sliderContentBgColor | `右内容区域背景颜色`<br> | `string` | `"white"` |
+| darkSliderContentBgColor | `右内容区域暗黑背景颜色`<br>`如果不提供读取sheet窗口的暗黑背景`<br> | `string` | `""` |
+| sliderWidth | `侧边栏宽`<br> | `string` | `"100"` |
+| list | ``<br> | `Array` | `() : SLIDER_TREE_ITEM_INFO[] => [] as SLIDER_TREE_ITEM_INFO[]` |
+| modelValue | `当前选中项的id数组`<br> | `string` | `""` |
+| showToggleMenu | `是否允许侧边菜单收起和打开(会在菜单顶部出现一个收缩按钮)`<br>`这里需要你的菜单项中提供icon图标,不然收起后左侧就取项目的第一个字符.`<br> | `boolean` | `false` |
+| menuPosition | `菜单位置,left或者right`<br>`默认在左侧,不可以动态更改.`<br> | `string` | `"left"` |
+| itemHeight | `左侧菜单项目的高,默认44,不能为百分比,auto这种`<br>`只能是如:'44','44px','88rpx'`<br> | `string` | `"44"` |
+| itemSelectedStyle | `左侧菜单项目被选中时的style样式对象,可以覆盖默认的样式-`<br>`改成自己的设计稿样式.`<br> | `UTSJSONObject` | `() : UTSJSONObject => ({} as UTSJSONObject)` |
+| layoutMode | `右侧布局模式,=scroll时,右侧为动态循环的scroll-view,item插槽`<br>`上方的插槽数据启用,你需要自己在循环内布局内容.如果为default默认就是之前的`<br>`模式右侧就是一个空view,内容需要自己写滚动.`<br>`default,scroll`<br> | `string` | `"default"` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| change | `id: string<br>index: number<br>` | 手动切换时触发 |
+| update:modelValue | `-` | - |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| default | `默认右边插槽内容` | height: string<br>height: string<br>menuid: string<br>menuid: string<br> |
+| item | `左边动态菜单插槽项目` | item: Object<br> |
+| toggle | `开启收缩菜单时,显示的顶部菜单指示项目插槽,可过这里可以自定义你自己的关闭和展开的菜单指示样式.` | opened: Boolean<br> |
+| menu | `左边动态菜单插槽项目` | item: Object<br> |
+
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/daohang/slider-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 -->
+	<x-slider-menu sliderWidth="110" :showToggleMenu="true" :list="list" layout-mode="scroll" v-model="modelvalue"
+		:item-selected-style="itemStyle">
+		<!-- <template v-slot:menu="{item}">
+				<view :style="{
+					width:'100%',height:'100%',
+					backgroundColor:modelvalue==(item.id)?'red':'white',
+					borderLeft:modelvalue==(item.id)?'2px solid yellow':'none'
+				}">
+					<text :style="{color:modelvalue==(item.id)?'white':'#333333'}">{{item.title}}</text>
+				</view>
+			</template> -->
+		<template v-slot:item="{item}">
+			<view style="height: 220px;">
+				<view style="height: 20px;"></view>
+				<x-sheet height="200" color="info">
+					<x-text>{{item.title}}</x-text>
+				</x-sheet>
+			</view>
+		</template>
+	</x-slider-menu>
+
+</template>
+
+<script setup lang="ts">
+	import { SLIDER_TREE_ITEM_INFO } from "@/uni_modules/tmx-ui/interface.uts"
+	import { xConfig, xDate } from "@/uni_modules/tmx-ui"
+	const modelvalue = ref("1-3-1")
+	const itemStyle = ref(xConfig.dark == 'dark' ? ({ backgroundColor: '#181a1b', border: 'none' } as UTSJSONObject) : ({ backgroundColor: '#ccd8e6', border: 'none' } as UTSJSONObject))
+	const list = ref<SLIDER_TREE_ITEM_INFO[]>([
+		{ title: '江西省1', id: "1-2-1", icon: 'cloud-fill' } as SLIDER_TREE_ITEM_INFO,
+		{ title: '安徽2', id: "1-3-1", icon: 'archive-2-fill' } as SLIDER_TREE_ITEM_INFO,
+		{ title: '福建3', id: "1-4-9", icon: 'verified-badge-fill' } as SLIDER_TREE_ITEM_INFO,
+		{ title: '北京4', id: "1-5-2", icon: 'attachment-fill' } as SLIDER_TREE_ITEM_INFO,
+		{ title: '山东5', id: "1-5-3", icon: 'bar-chart-2-fill' } as SLIDER_TREE_ITEM_INFO,
+		{ title: '广东6', id: "1-5-4", icon: 'mail-unread-fill' } as SLIDER_TREE_ITEM_INFO,
+		{ title: '深圳7', id: "1-5-5", icon: 'home-4-fill' } as SLIDER_TREE_ITEM_INFO,
+		{ title: '广西8', id: "1-5-6", icon: 'global-fill' } as SLIDER_TREE_ITEM_INFO,
+
+		{ title: '江西省9', id: "2-2-1" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '安徽10', id: "2-3-1" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '福建11', id: "2-4-9" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '北京12', id: "2-5-2" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '山东13', id: "2-5-3" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '广东14', id: "2-5-4" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '深圳15', id: "2-5-5" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '广西16', id: "2-5-6" } as SLIDER_TREE_ITEM_INFO,
+
+		{ title: '江西省17', id: "3-2-1" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '安徽18', id: "3-3-1" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '福建19', id: "3-4-9" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '北京20', id: "3-5-2" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '山东21', id: "3-5-3" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '广东22', id: "3-5-4" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '深圳23', id: "3-5-5" } as SLIDER_TREE_ITEM_INFO,
+		{ title: '广西24', id: "3-5-6" } as SLIDER_TREE_ITEM_INFO
+	])
+</script>
+
+<style lang="scss">
+
+</style>
+```
+
+---
+
+## 版权
+
+@2026 tmui4x [https://xui.tmui.design](https://xui.tmui.design)