tmui-cli 2.0.2 → 2.0.4

package/data/tmui4x/60.AI/350/207/252/345/212/250/345/214/226/01.Agent.md

@@ -1,17 +1,40 @@
 # Agent
 
-随着技术变革的ai快速演进。
+## MCP 工具
 
-当前的LLMS和文档集SKILL方法支持AI编译已经越来越独立的落后。
+在使用AI时可以优先使用MCP工具查询文档，精确 了解组件用法及示例。
 
-未来是Agent自动化时代，因此作者已经调整了规划方向和进展，将全速推进Agent自动化解决方案进程。
-不再是现在有Vibe Coding状态下的Ide模式，未来是多Agent协作开发项目从：
+```json
+"tmui4x": {
+    "command": "npx",
+    "args": ["-y", "tmui-cli", "mcp4x"]
+}
+```
 
-产品讨论，体验，规划，测试，设计，前端落地，后端对接规划，全由Agent员工执行
+接着在项目及的rules中创建文档```uvue-dev.mdc```的规则
+让你的AI优先使用MCP工具了解和查询用法及示例。
 
-而我们仅作为验收者。
 
-时代在变，不变的是我的初心。
+```
+---
+description: 编写 .uvue 文件（页面或组件）时必须遵循的规范
+globs: ["**/*.uvue", "pages.json"]
+alwaysApply: false
+---
 
-请持续关注我的后续Agent时代的Tmui4x 2.0的全智能时代。
+# UVue 开发强制规范
 
+编写任何 .uvue 文件前，先读 `.cursor/skills/tmui4x-dev/SKILL.md`。
+
+## 强制执行清单
+
+1. **读 SKILL.md**：编码规则以 skill 为准。
+2. **查文档用 MCP**：使用任何 `<x-xxx>`、插件、Pinia、请求库前，调用 tmui4x MCP（`query_tmui4x_doc` / `search_tmui4x_doc` / `list_tmui4x_docs`）。禁止猜 Props，禁止用 tmui 3.2 的 `get_component_doc` / `query_tmui_doc`。
+3. **注册路由**：新建页面必须写入 `pages.json`。
+4. **优先 x- 组件**：按钮 `x-button`，输入 `x-input`，容器 `x-sheet`，表单 `x-form`，导航 `x-navbar`。不要用原生 `button`/`input` 替代。
+5. **优先 CSS 工具类**：间距 `pa-12`/`mt-8`，布局 `flex-row`/`flex-center`，圆角 `round-12`。完整清单见 `css-system.md`。
+6. **CSS 禁用**：禁止 `background` 简写；渐变只能 `linear-gradient(to xxx, 色1, 色2)`；禁止 `display:block/inline/grid`、`float`、`animation`、`@keyframes`、`calc()`；仅 class 选择器，样式不继承。
+7. **UTS**：只用 `type`，所有 ref/computed/函数显式标注，用 `==` 不用 `===`。被调用的函数/变量必须写在调用处之前。
+8. **条件编译**：APP 端 `scroll-view` 用 `#ifdef APP` 包裹。
+
+```

package/data/tmui4x-doc-index.json

@@ -1,7 +1,7 @@
 {
-  "updatedAt": "2026-08-26T09:17:13.830Z",
+  "updatedAt": "2026-09-09T09:08:52.559Z",
   "source": "/Volumes/app/myProjects/tmui4xV2/doc/docs",
-  "count": 274,
+  "count": 276,
   "sections": [
     {
       "key": "01.教程",
@@ -11,7 +11,7 @@
     {
       "key": "10.插件库",
       "name": "插件库",
-      "count": 65
+      "count": 67
     },
     {
       "key": "30.组件库",
@@ -655,6 +655,17 @@
         "对话框"
       ]
     },
+    {
+      "id": "10.插件库/xModel3dU",
+      "section": "插件库",
+      "sectionKey": "10.插件库",
+      "title": "x-model3d-u",
+      "file": "tmui4x/10.插件库/xModel3dU.md",
+      "aliases": [
+        "xModel3dU",
+        "x-model3d-u"
+      ]
+    },
     {
       "id": "10.插件库/xMoreshareS 更多分享面板",
       "section": "插件库",
@@ -811,6 +822,19 @@
         "图片水印"
       ]
     },
+    {
+      "id": "10.插件库/xPreviewMediaS 图片视频混合预览",
+      "section": "插件库",
+      "sectionKey": "10.插件库",
+      "title": "x-previewMedia-s 图片视频混合预览",
+      "file": "tmui4x/10.插件库/xPreviewMediaS 图片视频混合预览.md",
+      "aliases": [
+        "xPreviewMediaS 图片视频混合预览",
+        "xPreviewMediaS",
+        "x-preview-media-s",
+        "图片视频混合预览"
+      ]
+    },
     {
       "id": "10.插件库/xPrintS 系统打印",
       "section": "插件库",

package/data/uni-app-x-docs/.vuepress/components/md/banner.vue

@@ -0,0 +1,241 @@
+<template>
+	<div class="banner">
+		<div class="slider">
+			<span class="slider-btn slider-btn-left"></span>
+			<span class="slider-btn slider-btn-right"></span>
+			<div class="slider-group">
+				<template v-for="item in images">
+					<div class="slider-item" :key="item">
+						<img :src="item" />
+					</div>
+				</template>
+			</div>
+		</div>
+	</div>
+</template>
+<script>
+	var sliderTime;
+
+	export default {
+		data() {
+			return {
+				images: [
+					'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/case6.png',
+					'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/case2.png',
+					'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/case1.png',
+					'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/case3.png',
+					'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/case4.png',
+				],
+			};
+		},
+		mounted() {
+			this.StartBanner();
+		},
+		beforeDestroy() {
+			clearInterval(sliderTime);
+		},
+		methods: {
+			StartBanner() {
+				var banner = document.querySelector('.banner'),
+					slider = document.querySelector('.slider-group'),
+					sliderItems = document.querySelectorAll('.slider-item'),
+					sliderLength = sliderItems.length;
+				var bannerWidth = null,
+					index = 1; //slider下标
+				var arrowLeft = document.querySelector('.slider-btn-left'),
+					arrowRight = document.querySelector('.slider-btn-right');
+
+				//创建dots
+				var sliderDots = document.createElement('div');
+				sliderDots.className = 'slider-dots';
+				var dots = '<span class="dot active" data-num="0"></span>';
+				for (var i = 1; i < sliderLength; i++) {
+					dots += '<span class="dot" data-num="' + i + '"></span>';
+				}
+				sliderDots.innerHTML = dots;
+				document.querySelector('.slider').appendChild(sliderDots);
+
+				//在第一个前、最后一个后各加一个item
+				var last_item = document.createElement('div'),
+					next_item = document.createElement('div');
+				last_item.className = 'slider-item';
+				last_item.innerHTML = sliderItems[sliderItems.length - 1].innerHTML;
+				slider.insertBefore(last_item, sliderItems[0]);
+				next_item.className = 'slider-item';
+				next_item.innerHTML = sliderItems[0].innerHTML;
+				slider.appendChild(next_item);
+
+				sliderItems = document.querySelectorAll('.slider-item');
+
+				function setSlider() {
+					bannerWidth = banner.offsetWidth;
+					for (var i = 0, length = sliderItems.length; i < length; i++) {
+						sliderItems[i].style.width = bannerWidth + 'px';
+					}
+					slider.style.width = sliderItems.length * bannerWidth + 'px';
+					slider.style.transition = 'transform 0ms';
+					slider.style.transform = 'translate(' + -index * bannerWidth + 'px, 0px)';
+				}
+				setSlider();
+				window.onresize = setSlider;
+				sliderTime = setInterval(sliderStart, 5000);
+
+				function sliderStart() {
+					//开始轮播)
+					/* if(!~location.pathname.indexOf($docsify.banner)){
+							clearInterval(sliderTime);
+							return;
+					} */
+					index += 1;
+					if (index < 0 || index > sliderLength + 1) {
+						index = index < 0 ? 0 : sliderLength + 1;
+					}
+					slider.style.transition = 'transform 300ms';
+					document.querySelector('.active.dot').classList.remove('active');
+					var dotIndex = index > sliderLength ? 0 : index < 1 ? sliderLength - 1 : index - 1;
+					sliderDots.children[dotIndex].classList.add('active');
+					slider.style.transform = 'translate(' + -index * bannerWidth + 'px, 0px)';
+					setTimeout(function () {
+						if (index > sliderLength || index < 1) {
+							index = index > sliderLength ? 1 : sliderLength;
+							slider.style.transition = 'transform 0ms';
+							slider.style.transform = 'translate(' + -index * bannerWidth + 'px, 0px)';
+						}
+					}, 300);
+				}
+				var mouseClearSlider = false;
+				sliderDots.addEventListener('mouseover', function (e) {
+					showArrow();
+					if (e.target.tagName === 'SPAN') {
+						mouseClearSlider = true;
+						clearInterval(sliderTime);
+						if (e.target.className === 'dot') {
+							slider.style.transition = 'transform 300ms';
+							document.querySelector('.active.dot').classList.remove('active');
+							e.target.classList.add('active');
+							index = Number(e.target.dataset.num) + 1;
+							slider.style.transform = 'translate(' + -index * bannerWidth + 'px, 0px)';
+						}
+						return;
+					}
+					if (mouseClearSlider) {
+						mouseClearSlider = false;
+						clearInterval(sliderTime);
+						sliderTime = setInterval(sliderStart, 5000);
+					}
+				});
+				sliderDots.addEventListener('mouseout', function (e) {
+					hideArrow();
+					if (mouseClearSlider) {
+						mouseClearSlider = false;
+						clearInterval(sliderTime);
+						sliderTime = setInterval(sliderStart, 5000);
+					}
+				});
+				// 处理 banner 的两个箭头
+				document.querySelector('.slider').addEventListener('mouseover', showArrow);
+				document.querySelector('.slider').addEventListener('mouseout', hideArrow);
+				arrowLeft.addEventListener('mouseover', showArrow);
+				arrowLeft.addEventListener('mouseout', hideArrow);
+				arrowRight.addEventListener('mouseover', showArrow);
+				arrowRight.addEventListener('mouseout', hideArrow);
+
+				function showArrow() {
+					//显示箭头
+					arrowLeft.style.display = 'block';
+					arrowRight.style.display = 'block';
+					// 		var scroll_left = document.documentElement.scrollLeft;
+					// 		arrowLeft.style.left = scroll_left + "px";
+					// 		arrowRight.style.right = document.documentElement.scrollWidth - document.documentElement.clientWidth - scroll_left +
+					// 			'px';
+				}
+
+				function hideArrow() {
+					//隐藏箭头
+					arrowLeft.style.display = 'none';
+					arrowRight.style.display = 'none';
+				}
+				arrowLeft.addEventListener('click', function () {
+					index -= 2;
+					clearInterval(sliderTime);
+					sliderStart();
+					sliderTime = setInterval(sliderStart, 5000);
+				});
+				arrowRight.addEventListener('click', function () {
+					clearInterval(sliderTime);
+					sliderStart();
+					sliderTime = setInterval(sliderStart, 5000);
+				});
+			},
+		},
+	};
+</script>
+<style>
+	/* banner */
+	.banner {
+		width: 100%;
+		margin: 0 auto;
+		overflow: hidden;
+	}
+
+	.banner .slider {
+		position: relative;
+		width: 100%;
+		overflow: hidden;
+	}
+
+	.banner .slider-btn {
+		position: absolute;
+		cursor: pointer;
+		width: 41px;
+		height: 69px;
+		top: 50%;
+		transform: translateY(-50%);
+		-webkit-transform: translateY(-50%);
+		z-index: 20;
+		display: none;
+		background-image: url(https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/arrow.png);
+	}
+
+	.banner .slider-btn.slider-btn-left {
+		left: 0;
+	}
+
+	.banner .slider-btn.slider-btn-right {
+		right: 0;
+		background-position-x: 41px;
+	}
+
+	.banner .slider-item {
+		float: left;
+		width: 100%;
+	}
+
+	.banner .slider .slider-dots {
+		display: none;
+		position: absolute;
+		line-height: 0;
+		left: 50%;
+		bottom: 5px;
+		transform: translateX(-50%);
+		-webkit-transform: translateX(-50%);
+		text-align: center;
+		font-size: 0;
+	}
+
+	.banner .slider .dot {
+		display: inline-block;
+		margin: 0 5px;
+		width: 10px;
+		height: 10px;
+		border-radius: 50%;
+		background: #ccc;
+		cursor: pointer;
+	}
+
+	.banner .slider .dot.active {
+		width: 30px;
+		border-radius: 10px;
+		background: rgb(225, 114, 0);
+	}
+</style>

package/data/uni-app-x-docs/.vuepress/components/md/hperm.vue

@@ -0,0 +1,59 @@
+<template>
+<div>
+	<ul v-if="isString(permissions)">
+		<li>鸿蒙平台权限设置 此接口需要权限 <code>{{ permissions }}</code>。具体配置方法请参考<a target="_blank" :href="guideLink">鸿蒙权限配置指南</a></li>
+	</ul>
+	<ul v-if="isArray(permissions)">
+		<li>鸿蒙平台权限设置 此接口需要如下权限：具体配置方法请参考<a target="_blank" :href="guideLink">鸿蒙权限配置指南</a></li>
+		<ul>
+			<li v-for="perm in permissions">
+				<template v-if="isObject(perm)">
+					<code>{{ perm.name }}</code>: {{ perm.desc }}
+				</template>
+				<code v-else>{{ perm }}</code>
+			</li>
+		</ul>
+	</ul>
+</div>
+</template>
+
+<script>
+	export default {
+		props: {
+			permissions: {
+				type: [String, Array],
+				default() {
+					return [];
+				},
+				validator(value) {
+					return typeof value === 'string' || value.every(item => {
+						return typeof item === 'string' || (
+							item &&
+							typeof item === 'object' &&
+							typeof item.name === 'string' &&
+							typeof item.desc === 'string'
+						);
+					});
+				},
+			},
+		},
+		methods: {
+			isString(val) {
+				return typeof val === 'string';
+			},
+			isArray(val) {
+				return Array.isArray(val);
+			},
+			isObject(val) {
+				return val && typeof val === 'object';
+			},
+		},
+		data() {
+			return {
+				guideLink: 'https://uniapp.dcloud.net.cn/tutorial/harmony/runbuild.html#permission'
+			};
+		},
+		mounted() {
+		},
+	};
+</script>

package/data/uni-app-x-docs/.vuepress/components/md/virtual.vue

@@ -0,0 +1,49 @@
+<template>
+	<div></div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				contentFrame: [],
+			};
+		},
+		mounted() {
+			if (this.$isServer) return;
+			const visibleHeight =
+				document.documentElement.clientHeight - document.querySelector('.sub-navbar').clientHeight;
+			const contentRef = document.querySelector('.page .theme-default-content');
+
+			const renderUl = () => {
+				const contentChildren = contentRef.children;
+				[...contentChildren].forEach((child, index) => {
+					if (child.nodeName === 'UL') {
+						const ulHeight = child.clientHeight;
+						const ulOffsetTop = child.offsetTop;
+						const isVisible = visibleHeight + window.scrollY > ulOffsetTop - 500;
+						const isOver = window.scrollY > ulOffsetTop + ulHeight
+						child.style.height = `${ulHeight}px`;
+
+						if (!isVisible || isOver) {
+							const _ul = document.createDocumentFragment();
+							[...child.children].forEach(item => _ul.appendChild(item));
+							(!this.contentFrame[index] || !this.contentFrame[index].children.length) &&
+								(this.contentFrame[index] = _ul);
+						} else {
+							if (this.contentFrame[index]) {
+								[...this.contentFrame[index].children].forEach(item => child.appendChild(item));
+							}
+						}
+					}
+				});
+			};
+
+			if (contentRef) {
+				contentRef.style.height = contentRef.clientHeight;
+				renderUl();
+				window.addEventListener('scroll', renderUl);
+			}
+		},
+	};
+</script>

package/data/uni-app-x-docs/.vuepress/config/copy.js

@@ -0,0 +1,7 @@
+// 此处需要使用 commonjs
+
+module.exports = {
+  copyText: '复制代码',
+  tip: { content: "复制成功", title: "" },
+  visibleTip: true,
+}