tmui-cli 2.0.6 → 5.3.2

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//345/215/241/347/211/207 xCard.md"

@@ -87,14 +87,14 @@
 			:front-color="xThemeConfigNavFontColor"></navigation-bar>
 	</page-meta>
 	<!-- #endif -->
-	<x-card class="mx-16 my-8" image="https://store.tmui.design/api/randomImg?random=183" title="我就是无法将你移除脑海"
+	<x-card class="mx-16 my-8" image="https://picsum.photos/600/340?random=183" title="我就是无法将你移除脑海"
 		subtitle="Girl it's more than I dare to think about" :btns="['付款','详细']"
 		content="女孩 我奢望的远不止于此 There's a dark secret in me 我还有个不为人知的秘密 Don't leave me locked in your heart 不要将我锁入你的心里">
 	</x-card>
 	<x-card class="mx-16 mb-8" dark-bg-color="#333" title="我就是无法将你移除脑海" subtitle="自定义暗黑背景" :btns="['操作']">
 	</x-card>
 	<x-card class="mx-16 mb-8" title="我就是无法将你移除脑海" subtitle="Girl it's more than I dare to think about" :btns="['操作']">
-		<x-image src="https://store.tmui.design/api/randomImg?random=18366"></x-image>
+		<x-image height="300" src="https://picsum.photos/600/340?random=18366"></x-image>
 		<x-text>
 			Girl it's more than I dare to think about
 			女孩 我奢望的远不止于此

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//345/233/276/351/233/206 xImageGroup.md"

@@ -26,7 +26,7 @@
 
 | 名称 | 说明 | 类型 | 默认值 |
 | ------ | ---- | ---- | ---- |
-| list | `图片列表`<br>`只要包含有url字段即可。`<br>`label需要在图片显示的文本字段，如果没有不要出现此字段`<br>`如果提供了temp缩略图，会优先展示temp字段，预览时采用url原图`<br>`{url:string,label?:string,temp?:string}`<br> | `Array` | `():UTSJSONObject[] => [] as UTSJSONObject[]` |
+| list | `图片列表`<br>`只要包含有url字段即可。`<br>`label需要在图片显示的文本字段，如果没有不要出现此字段`<br>`如果提供了temp缩略图，会优先展示temp字段，预览时采用url原图`<br>`{url:string,label?:string,temp?:string}`<br> | `Array` | `():Record<string, any>[] => [] as Record<string, any>[]` |
 | model | `显示的模式见：https://doc.dcloud.net.cn/uni-app-x/component/image.html`<br> | `string` | `"scaleToFill"` |
 | height | `图片高,不要使用auto，%，`<br> | `string` | `"100"` |
 | width | `图片宽,不要使用auto，可以%值`<br> | `string` | `"33.33%"` |
@@ -79,25 +79,51 @@
 	<x-sheet>
 		<x-text font-size="18" class=" text-weight-b mb-8">图集 xImageGroup</x-text>
 		<x-text color="#999999" class="mb-12">主要是为了一些需要快速图片排版集的展示，比如评论图集，详情列表图集等，快速开发时使用。方便快捷</x-text>
-		<x-image-group round="6" :list="list"></x-image-group>
+		<x-image-group round="6" :preview="false" :list="list" @click="openPreview(list, $event as Record<string, any>)"></x-image-group>
 	</x-sheet>
 
 	<x-sheet>
 		<x-text font-size="18" class=" text-weight-b mb-8">宽允许百分比，方便响应式</x-text>
-		<x-image-group round="6" width="50%" :list="list3"></x-image-group>
+		<x-image-group round="6" :preview="false" width="50%" :list="list3"
+			@click="openPreview(list3, $event as Record<string, any>)"></x-image-group>
 	</x-sheet>
 	<x-sheet>
 		<x-text font-size="18" class=" text-weight-b mb-8">允许显示label在图片上</x-text>
-		<x-image-group round="6" :list="list2"></x-image-group>
+		<x-image-group round="6" :preview="false" :list="list2" @click="openPreview(list2, $event as Record<string, any>)"></x-image-group>
 	</x-sheet>
 	<x-sheet>
 		<x-text font-size="18" class=" text-weight-b mb-8">label在图片下上</x-text>
 		<x-image-group height="140" labelModel="outter" label-font-color="#333" dark-label-font-color="#afafaf"
-			:list="list2"></x-image-group>
+			:list="list2" :preview="false" @click="openPreview(list2, $event as Record<string, any>)"></x-image-group>
 	</x-sheet>
 </template>
 
 <script setup lang="ts">
+	import { previewMedia } from "@/uni_modules/x-previewMedia-s"
+	import type { XPreviewMediaSource, XPreviewMediaOptions } from "@/uni_modules/x-previewMedia-s"
+
+	type ImgItem = {
+		url : string,
+		label ?: string
+	}
+
+	/** 点击图集里的图片，用 x-previewMedia-s 插件打开全屏预览，定位到被点击的那张 */
+	function openPreview(list : ImgItem[], item : Record<string, any>) {
+		const url = item["url"] ?? ""
+		const sources = [] as XPreviewMediaSource[]
+		let current = 0
+		list.forEach((el : ImgItem, index : number) : void => {
+			sources.push({ url: el.url } as XPreviewMediaSource)
+			if (el.url == url) current = index
+		})
+		previewMedia({
+			sources: sources,
+			current: current,
+			indicator: "number",
+			loop: true,
+		} as XPreviewMediaOptions)
+	}
+
 	const list = [
 		{ url: 'https://picsum.photos/id/15/400/300' },
 		{ url: 'https://picsum.photos/id/25/400/300' },

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//345/244/264/345/203/217/347/273/204 xAvatarGroup.md"

@@ -128,7 +128,7 @@
 
 </template>
 
-<script setup>
+<script setup lang="ts">
 	const list = [
 		"https://picsum.photos/id/64/100/100",
 		"https://picsum.photos/id/65/100/100",

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//345/257/214/346/226/207/346/234/254 xHtml.md"

@@ -0,0 +1,186 @@
+# 富文本 xHtml
+
+## 介绍
+
+HTML 渲染组件（我同时也提供了一个原生渲染HTML的插件x-html-u，类似头条，如果你有更高需要需求，比如安全控制和定义渲染，渲染为页面图片请使用此原生插件，如果只是普通需要可以用本页面组件）。App 端基于官方 rich-text 原生渲染，Web / 小程序基于 htmlparser2 节点渲染。只支持 HTML，不解析 Markdown。
+App 端使用官方 rich-text 原生渲染，默认 mode="native"。
+Web / MP-WEIXIN 使用条件编译：htmlparser2 解析 HTML 为节点树，再由全局子组件 x-html-node 递归渲染，支持链接和图片点击等扩展能力。
+htmlparser2 只在 Web / 小程序分支引入，App 端不会编译 x-html-node 和解析库。
+支持的标签和样式以官方 rich-text 文档为准：br、p、ul、li、span、strong、i、big、small、a、u、del、h1-h6、img；Web/小程序节点渲染额外支持表格、pre、blockquote 等常见标签。
+官方文档：https://doc.dcloud.net.cn/uni-app-x/component/rich-text.html
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑️ | ☑️ | ☑️ | ☑️ | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-html/x-html.uvue
+```
+
+## 使用
+
+```ts
+<x-html></x-html>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| value | `需要渲染的 HTML 字符串，只支持 HTML，不解析 Markdown`<br> | `string` | `""` |
+| mode | `渲染模式。仅 App 端生效：native 使用原生 rich-text，web 使用 webview；Web/小程序端固定走节点渲染`<br> | `union` | `'native'` |
+| space | `显示连续空格的方式：ensp / emsp / nbsp`<br> | `string` | `''` |
+| userSelect | `文本是否可选`<br> | `boolean` | `true` |
+| contentStyle | `App：rich-text 的全局样式，支持 font-size / font-family / line-height / color；Web/小程序：作为节点的基础文本样式，暗黑模式下未指定 color 时默认 #ffffff`<br> | `string` | `"line-height:1.6;"` |
+| selectionHandleColor | `选择区域高亮手柄颜色（仅 App native）`<br> | `string` | `"#4285F4FF"` |
+| selectionBackgroundColor | `选择区域高亮背景颜色（仅 App native）`<br> | `string` | `"#33B5E566"` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| itemClick | `<br>` | 点击 a 或 img 时触发。 |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| - | - | - |
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/zhanshi/html
+```
+
+## 示例源码
+
+```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">富文本 HTML xHtml</x-text>
+		<x-text color="#999999">
+			App 端基于官方 rich-text，Web / 小程序走节点渲染；只支持 HTML，不解析 Markdown。
+			App 端使用官方 rich-text 原生渲染；Web/小程序通过条件编译使用 htmlparser2 解析节点，再由 x-html-node 递归渲染，支持链接和图片点击。
+			App 端支持的标签以官方 rich-text 为准，Web/小程序额外支持表格、pre、blockquote、ol 等。
+		</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-html :value="html" @itemClick="onItemClick"></x-html>
+		<x-button class="mt-20" @click="appendHtml" :block="true">追加一段 HTML</x-button>
+	</x-sheet>
+
+	<!-- #ifdef WEB || MP-WEIXIN -->
+	<x-sheet>
+		<x-text font-size="16" class="text-weight-b mb-8">Web / 小程序扩展标签</x-text>
+		<x-text color="#999999" class="mb-12">
+			App 端以官方 rich-text 支持范围为准；Web/小程序节点渲染额外支持表格、引用、代码块和有序列表。
+		</x-text>
+		<x-html :value="richHtml" @itemClick="onItemClick"></x-html>
+	</x-sheet>
+	<!-- #endif -->
+
+</template>
+
+<script setup lang="ts">
+	import { ref } from "vue"
+
+	const html = ref<string>(`<h1>富文本 HTML</h1>
+<p style="line-height:1.8;">
+	这是 <strong>加粗</strong>、<i>斜体</i>、<u>下划线</u>、<del>删除线</del> 和
+	<span style="color:#ff6600;">彩色文字</span> 的示例。
+	<br/>第二行还可以放 <big>大号文字</big> 和 <small>小号文字</small>。
+</p>
+<h2>列表</h2>
+<ul>
+	<li>第一项</li>
+	<li>第二项</li>
+	<li>第三项</li>
+</ul>
+<h2>链接和图片</h2>
+<p>
+	<a href="https://xui.tmui.design">点击打开 TMUI 官网</a>
+</p>
+<p>
+	<img src="https://xui.tmui.design/assets/logo-a483vlZl.png" style="width:120px;height:auto;" />
+</p>
+顶层行内混排（没有 p 包裹）：<strong>加粗</strong>、<a href="https://xui.tmui.design">链接</a>和普通文字应该保持在同一行。
+`)
+
+	// #ifdef WEB || MP-WEIXIN
+	const richHtml = ref<string>(`<h2>表格</h2>
+<table>
+	<caption>组件对照</caption>
+	<thead>
+		<tr><th>组件</th><th>说明</th></tr>
+	</thead>
+	<tbody>
+		<tr><td>x-html</td><td>HTML 渲染入口</td></tr>
+		<tr><td>x-html-node</td><td>内部递归节点渲染器，不单独使用</td></tr>
+	</tbody>
+</table>
+<h2>引用和代码</h2>
+<blockquote>Web / 小程序节点渲染支持 blockquote。</blockquote>
+<pre><code>const html = "&lt;strong&gt;hello&lt;/strong&gt;";
+console.log(html);</code></pre>
+<h2>有序列表</h2>
+<ol start="3">
+	<li>第三项</li>
+	<li>第四项</li>
+</ol>
+`)
+	// #endif
+
+	function onItemClick(detail : Record<string, any>) : void {
+		const href = detail['href'] as string
+		const src = detail['src'] as string
+		let text = ''
+		if (href != null && href != '') {
+			text = href
+		} else if (src != null && src != '') {
+			text = src
+		}
+		if (text == '') return
+		uni.showToast({
+			title: text,
+			icon: 'none'
+		})
+	}
+
+	function appendHtml() : void {
+		html.value = html.value + `<p style="line-height:1.8;">
+	追加的一段 HTML：<strong>动态更新</strong>、<span style="color:#007aff;">蓝色文字</span>。
+</p>`
+	}
+</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/261/225/347/244/272/347/273/204/344/273/266//345/257/214/346/226/207/346/234/254/345/255/220/347/273/204/344/273/266 xHtmlNode.md"

@@ -0,0 +1,183 @@
+# 富文本子组件 xHtmlNode
+
+## 介绍
+
+x-html 在 Web / 小程序端的递归节点渲染器。只能作为 x-html 的内部子节点使用，不要单独引用或自行挂载。
+App 端不使用本组件：x-html 在 App 走官方 rich-text；本组件仅在 Web / MP-WEIXIN 条件编译分支中由 x-html 引用并渲染。
+负责把 htmlparser2 解析出的节点树递归渲染为 text / image / view，并向上抛出链接、图片点击。
+示例与能力说明见同页 xHtml。
+
+## 平台兼容
+
+| Harmony | H5 | andriod | IOS | 小程序 | UTS | UNIAPP-X SDK | version |
+| --- | --- | --- | --- | --- | --- | --- | --- |
+|  | ☑ |  |  | ☑️ |  | 4.76+ | 1.1.18 |
+
+## 文件路径
+
+```ts
+@/uni_modules/tmx-ui/components/x-html-node/x-html-node.uvue
+```
+
+## 使用
+
+```ts
+<x-html-node></x-html-node>
+```
+
+## Props 属性
+
+| 名称 | 说明 | 类型 | 默认值 |
+| ------ | ---- | ---- | ---- |
+| node | `当前 HTML 解析节点`<br> | `HtmlNode` | `` |
+| parentStyle | `继承自父级的文本样式`<br> | `TextStyle` | `` |
+| depth | `递归深度，由 x-html 传入，一般从 0 开始`<br> | `number` | `0` |
+| userSelect | `文本是否可选，透传自 x-html`<br> | `boolean` | `true` |
+| space | `连续空格显示方式：ensp / emsp / nbsp，透传自 x-html`<br> | `string` | `''` |
+
+
+## Events 事件
+
+| 名称 | 参数 | 说明 |
+| ------ | ---- | ---- |
+| linkclick | `<br><br>` | 链接点击 |
+| imageclick | `<br>` | 图片点击 |
+
+
+## Slots 插槽
+
+| 名称 | 说明 | 数据 |
+| ------ | ---- | ---- |
+| - | - | - |
+
+## Ref 方法
+
+| 名称 | 参数 | 返回值 | 说明 |
+| ------ | ---- | ---- | ---- |
+| - | - | - | - |
+
+## 示例文件路径
+
+```json
+/pages/zhanshi/html
+```
+
+## 示例源码
+
+```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">富文本 HTML xHtml</x-text>
+		<x-text color="#999999">
+			App 端基于官方 rich-text，Web / 小程序走节点渲染；只支持 HTML，不解析 Markdown。
+			App 端使用官方 rich-text 原生渲染；Web/小程序通过条件编译使用 htmlparser2 解析节点，再由 x-html-node 递归渲染，支持链接和图片点击。
+			App 端支持的标签以官方 rich-text 为准，Web/小程序额外支持表格、pre、blockquote、ol 等。
+		</x-text>
+	</x-sheet>
+	<x-sheet>
+		<x-html :value="html" @itemClick="onItemClick"></x-html>
+		<x-button class="mt-20" @click="appendHtml" :block="true">追加一段 HTML</x-button>
+	</x-sheet>
+
+	<!-- #ifdef WEB || MP-WEIXIN -->
+	<x-sheet>
+		<x-text font-size="16" class="text-weight-b mb-8">Web / 小程序扩展标签</x-text>
+		<x-text color="#999999" class="mb-12">
+			App 端以官方 rich-text 支持范围为准；Web/小程序节点渲染额外支持表格、引用、代码块和有序列表。
+		</x-text>
+		<x-html :value="richHtml" @itemClick="onItemClick"></x-html>
+	</x-sheet>
+	<!-- #endif -->
+
+</template>
+
+<script setup lang="ts">
+	import { ref } from "vue"
+
+	const html = ref<string>(`<h1>富文本 HTML</h1>
+<p style="line-height:1.8;">
+	这是 <strong>加粗</strong>、<i>斜体</i>、<u>下划线</u>、<del>删除线</del> 和
+	<span style="color:#ff6600;">彩色文字</span> 的示例。
+	<br/>第二行还可以放 <big>大号文字</big> 和 <small>小号文字</small>。
+</p>
+<h2>列表</h2>
+<ul>
+	<li>第一项</li>
+	<li>第二项</li>
+	<li>第三项</li>
+</ul>
+<h2>链接和图片</h2>
+<p>
+	<a href="https://xui.tmui.design">点击打开 TMUI 官网</a>
+</p>
+<p>
+	<img src="https://xui.tmui.design/assets/logo-a483vlZl.png" style="width:120px;height:auto;" />
+</p>
+顶层行内混排（没有 p 包裹）：<strong>加粗</strong>、<a href="https://xui.tmui.design">链接</a>和普通文字应该保持在同一行。
+`)
+
+	// #ifdef WEB || MP-WEIXIN
+	const richHtml = ref<string>(`<h2>表格</h2>
+<table>
+	<caption>组件对照</caption>
+	<thead>
+		<tr><th>组件</th><th>说明</th></tr>
+	</thead>
+	<tbody>
+		<tr><td>x-html</td><td>HTML 渲染入口</td></tr>
+		<tr><td>x-html-node</td><td>内部递归节点渲染器，不单独使用</td></tr>
+	</tbody>
+</table>
+<h2>引用和代码</h2>
+<blockquote>Web / 小程序节点渲染支持 blockquote。</blockquote>
+<pre><code>const html = "&lt;strong&gt;hello&lt;/strong&gt;";
+console.log(html);</code></pre>
+<h2>有序列表</h2>
+<ol start="3">
+	<li>第三项</li>
+	<li>第四项</li>
+</ol>
+`)
+	// #endif
+
+	function onItemClick(detail : Record<string, any>) : void {
+		const href = detail['href'] as string
+		const src = detail['src'] as string
+		let text = ''
+		if (href != null && href != '') {
+			text = href
+		} else if (src != null && src != '') {
+			text = src
+		}
+		if (text == '') return
+		uni.showToast({
+			title: text,
+			icon: 'none'
+		})
+	}
+
+	function appendHtml() : void {
+		html.value = html.value + `<p style="line-height:1.8;">
+	追加的一段 HTML：<strong>动态更新</strong>、<span style="color:#007aff;">蓝色文字</span>。
+</p>`
+	}
+</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/261/225/347/244/272/347/273/204/344/273/266//346/212/230/345/217/240/351/235/242/346/235/277 xCollapse.md"

@@ -80,7 +80,7 @@
 					根据光大证券研究所数据，2018年-2021年，阿宽销售额复合增长率在行业前十厂商中排名第1，2021年的方便面销售额已位居内资品牌前3。
 				</x-text>
 				<view class="flex-1">
-					<x-image width="100%" src="https://store.tmui.design/api/randomImg?random=993"></x-image>
+					<x-image width="100%" src="https://picsum.photos/id/10/200/200"></x-image>
 				</view>
 			</x-collapse-item>
 			<x-collapse-item :showBottomLine="false" left-icon="question-line" name="2"

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//346/212/230/345/217/240/351/235/242/346/235/277/345/255/220/347/273/204/344/273/266 xCollapseItem.md"

@@ -95,7 +95,7 @@
 					根据光大证券研究所数据，2018年-2021年，阿宽销售额复合增长率在行业前十厂商中排名第1，2021年的方便面销售额已位居内资品牌前3。
 				</x-text>
 				<view class="flex-1">
-					<x-image width="100%" src="https://store.tmui.design/api/randomImg?random=993"></x-image>
+					<x-image width="100%" src="https://picsum.photos/id/10/200/200"></x-image>
 				</view>
 			</x-collapse-item>
 			<x-collapse-item :showBottomLine="false" left-icon="question-line" name="2"

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//347/251/272/347/212/266/346/200/201 xEmpty.md"

@@ -85,9 +85,9 @@
 	
 			<view class="mt-32 flex flex-row">
 				<x-button class="flex-1" @click="loading=true;empty=false;error=false;more=false" >加载中</x-button>
-				<x-button class="ml-12 flex-1 " @click="loading=false;empty=true;error=false;more=false" >空时</x-button>
-				<x-button class="ml-12 flex-1" @click="loading=false;empty=false;error=true;more=false" >出错时</x-button>
-				<x-button class="ml-12 flex-1" @click="loading=false;empty=false;error=false;more=true" >没有了</x-button>
+				<x-button class="ml-5 flex-1 " @click="loading=false;empty=true;error=false;more=false" >空时</x-button>
+				<x-button class="ml-5 flex-1" @click="loading=false;empty=false;error=true;more=false" >出错时</x-button>
+				<x-button class="ml-5 flex-1" @click="loading=false;empty=false;error=false;more=true" >没有了</x-button>
 			</view>
 		</x-sheet>
 
@@ -95,7 +95,7 @@
 
 </template>
 
-<script setup>
+<script setup lang="ts">
 	import {ref} from "vue"
 	const loading = ref(true)
 	const empty = ref(true)

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//350/241/250/346/240/274 xTable.md"

@@ -2,7 +2,7 @@
 
 ## 介绍
 
-列定义用 columns 或 x-table-col。表头与 pin 行钉在滚动区外（top 表头下 / bottom 表底）；冻结列 left 写死，中间列只 translateX；#cell 每行只循环一次。
+列定义用 columns 或 x-table-col。表头与 pin 行钉在滚动区外（top 表头下 / bottom 表底）；冻结列 left 写死，中间列只 translateX；#cell 每行只循环一次。表格自带 1px 外框并按 round 剪圆角，最右一列的右边线和最底一行的下边线都不画，避免和外框凑成双线。行不够填满总高时，表底补一条空行把列线连到下边线。
 
 ## 平台兼容
 
@@ -50,6 +50,7 @@
 | hideHead | ``<br> | `boolean` | `false` |
 | showCheck | ``<br> | `boolean` | `false` |
 | checkValue | ``<br> | `Array` | `() : string[] => [] as string[]` |
+| round | `表格外框的圆角，空值取全局卡片圆角。写 "0" 就是直角`<br> | `string` | `""` |
 
 
 ## Events 事件
@@ -163,6 +164,14 @@
 		<x-table :list="listMore" :columns="columnsMore" row-key="key" max-height="220px" :refresh="loadMore"></x-table>
 	</x-sheet>
 
+	<x-sheet>
+		<x-text font-size="16" class=" text-weight-b mb-8">外框与圆角</x-text>
+		<x-text color="#999999" class="mb-12">表格自带 1px 外框，四边都是单线。圆角由 round 控制，不写取全局卡片圆角；下面这张写 round="0" 是直角。</x-text>
+	</x-sheet>
+	<x-sheet :padding="['0']">
+		<x-table :list="listGroup" :columns="columnsGroup" row-key="key" round="0"></x-table>
+	</x-sheet>
+
 	<x-modal v-model:show="showEdit">
 		<x-input v-model="editName"></x-input>
 		<x-text class="mt-12" color="#999999">演示用，确认后不写回列表。</x-text>
@@ -176,7 +185,7 @@
 
 <script lang="ts" setup>
 	import { ref } from "vue"
-	import { xTableColumns } from "@/uni_modules/tmx-ui/interface.uts"
+	import { xTableColumns } from "@/uni_modules/tmx-ui/interface"
 
 	type DemoMergeCell = {
 		colspan : number

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//350/241/250/346/240/274/345/210/227 xTableCol.md"

@@ -138,6 +138,14 @@ x-table 的列定义。通过 provide/inject 向父表登记列元数据，不
 		<x-table :list="listMore" :columns="columnsMore" row-key="key" max-height="220px" :refresh="loadMore"></x-table>
 	</x-sheet>
 
+	<x-sheet>
+		<x-text font-size="16" class=" text-weight-b mb-8">外框与圆角</x-text>
+		<x-text color="#999999" class="mb-12">表格自带 1px 外框，四边都是单线。圆角由 round 控制，不写取全局卡片圆角；下面这张写 round="0" 是直角。</x-text>
+	</x-sheet>
+	<x-sheet :padding="['0']">
+		<x-table :list="listGroup" :columns="columnsGroup" row-key="key" round="0"></x-table>
+	</x-sheet>
+
 	<x-modal v-model:show="showEdit">
 		<x-input v-model="editName"></x-input>
 		<x-text class="mt-12" color="#999999">演示用，确认后不写回列表。</x-text>
@@ -151,7 +159,7 @@ x-table 的列定义。通过 provide/inject 向父表登记列元数据，不
 
 <script lang="ts" setup>
 	import { ref } from "vue"
-	import { xTableColumns } from "@/uni_modules/tmx-ui/interface.uts"
+	import { xTableColumns } from "@/uni_modules/tmx-ui/interface"
 
 	type DemoMergeCell = {
 		colspan : number

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//350/257/215/344/272/221 xTextCloud.md"

@@ -89,7 +89,7 @@
 
 <script lang="ts" setup>
 	import { ref } from "vue"
-	import { TEXTCLOUD_ITEM_INFO, RADIO_BUTTON } from "@/uni_modules/tmx-ui/interface.uts"
+	import { TEXTCLOUD_ITEM_INFO, RADIO_BUTTON } from "@/uni_modules/tmx-ui/interface"
 
 	type xTextCloudRotate = "none" | "cross"
 

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//350/277/233/345/272/246/346/235/241 xProgress.md"

@@ -133,7 +133,7 @@
 
 </template>
 
-<script lang="uts" setup>
+<script lang="ts" setup>
 	const val = ref(50)
 </script>
 

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//345/261/225/347/244/272/347/273/204/344/273/266//351/223/276/346/216/245 xLink.md"

@@ -96,7 +96,7 @@
 		</x-sheet>
 </template>
 
-<script setup>
+<script setup lang="ts">
 		
 </script>