tmui-cli 2.0.2 → 2.0.3

package/README.md

@@ -54,19 +54,6 @@ tmui
 }
 ```
 
-本仓库开发期可指向构建产物：
-
-```json
-{
-  "mcpServers": {
-    "tmui": {
-      "command": "node",
-      "args": ["xui-cli/dist/main.mjs", "mcp"]
-    }
-  }
-}
-```
-
 提供的工具：`create_uniapp_hbx_project`、`create_uniapp_cli_project`、`query_tmui_config`、`list_components`、`get_component_doc`、`query_tmui_doc`。
 
 ## MCP · tmui4x 2.0（蒸汽版文档）
@@ -87,29 +74,14 @@ tmui
 {
   "mcpServers": {
     "tmui": {
-      "command": "tmui",
-      "args": ["mcp"]
-    },
-    "tmui4x": {
-      "command": "tmui",
-      "args": ["mcp4x"]
+      "command": "npx",
+      "args": ["-y", "tmui-cli", "mcp4x"]
     }
   }
 }
 ```
 
-开发期：
 
-```json
-{
-  "mcpServers": {
-    "tmui4x": {
-      "command": "node",
-      "args": ["xui-cli/dist/main.mjs", "mcp4x"]
-    }
-  }
-}
-```
 
 发布前请先生成文档快照：
 

package/data/components.json

@@ -1,5 +1,5 @@
 {
-  "updatedAt": "2026-08-26T09:17:13.710Z",
+  "updatedAt": "2026-09-07T11:56:19.744Z",
   "source": "/Volumes/app/myProjects/HBuilderProjects/tmui3.2\\src\\uni_modules\\tm-ui\\components",
   "count": 63,
   "components": [

package/data/config.json

@@ -1,5 +1,5 @@
 {
-  "updatedAt": "2026-08-26T09:17:13.716Z",
+  "updatedAt": "2026-09-07T11:56:19.751Z",
   "source": "/Volumes/app/myProjects/HBuilderProjects/tmui3.2\\src\\uni_modules\\tm-ui\\libs\\config.ts",
   "count": 29,
   "config": {
@@ -141,8 +141,8 @@
       "type": "Array<number|string>",
       "default": [
         0,
-        3,
-        5
+        2,
+        4
       ],
       "desc": "另外由于布局因此，投影它需要padding来空出投影值否则被裁剪"
     },
@@ -151,7 +151,7 @@
       "default": [
         0,
         2,
-        5
+        3
       ],
       "desc": "另外由于布局因此，投影它需要padding来空出投影值否则被裁剪"
     },

package/data/doc-index.json

@@ -1,5 +1,5 @@
 {
-  "updatedAt": "2026-08-26T09:17:13.723Z",
+  "updatedAt": "2026-09-07T11:56:19.757Z",
   "count": 11,
   "guides": [
     {

package/data/docs/badge.md

@@ -40,8 +40,8 @@ import headertips from '../components/headertips.vue'
 | fontColor | string | "white" | 字体颜色 | 
 | maxCount | string\|number | 99 | - | 
 | label | string\|number\|boolean | "" | 如果是boolean就显示角标小红点如果是string显示文本标签如果是数字显示数字并启用maxCount | 
-| position | string | "right" | 角标出现的位置 | 
-| offset | number[] | ():number[]=\>[0,0]asnumber[] | 角标偏移量 | 
+| position | string | "right" | 角标出现的位置right:右上角left:左上角bottomLeft:左下角bottomRight:右下角top:顶部居中bottom:底部居中 | 
+| offset | number[] | ():number[]=\>[0,0]asnumber[] | 角标偏移量[x,y]，单位px，可为负值，所有位置均生效 | 
 
 
 ## :rose: 事件

package/data/docs/between-time.md

@@ -55,7 +55,7 @@ import headertips from '../components/headertips.vue'
 | 事件名 | 参数 | 返回数据 | 描述 |
 | --- | --- | --- | --- |
 | cancel | - | - | 取消时触发 | 
-| confirm | 名称：date,当前选中时间, | - | 确认触发 | 
+| confirm | 名称：date,当前选中的开始与结束时间, | - | 确认触发 | 
 | change | 名称：date,当前选中时间, | - | 滑动变换时触发 | 
 | update:modelShow | - | - | 变量控制打开状态
 等同v-model:model-show | 

package/data/docs/cell.md

@@ -61,7 +61,7 @@ import headertips from '../components/headertips.vue'
 | minHeight | string\|number | "88" | 最小高度，主要是用来统一风格高度不至于让点击范围过小如果你需要紧凑型可以设置为auto | 
 | lrPadding | string\|number | "32" | 左右的间隙。 | 
 | linkIcon | string | "arrow-right-s-line" | - | 
-| tbPadding | string\|number | "32" | 上下间隙 | 
+| tbPadding | string\|number | "28" | 上下间隙 | 
 | rightWidth | string\|number | "50%" | 右侧最大宽 | 
 
 

package/data/docs/col.md

@@ -41,7 +41,7 @@ import headertips from '../components/headertips.vue'
 ## :rose: 事件
 | 事件名 | 参数 | 返回数据 | 描述 |
 | --- | --- | --- | --- |
-| click | - | - | 点击事件 | 
+| click | 名称：evt,事件参数, | - | 点击事件 | 
 
 
 ## :corn: slot插槽

package/data/docs/image.md

@@ -69,5 +69,6 @@ import headertips from '../components/headertips.vue'
 ## :green_salad: ref方法
 | 方法名 | 参数 | 返回值 | 描述 |
 | :--: | :--: | :--: | :-- |
+| resize | - | - | - | 
 
 

package/data/docs/row.md

@@ -35,17 +35,17 @@ import headertips from '../components/headertips.vue'
 ## :seedling: 参数
 | 参数名 | 类型 | 默认值 | 描述 |
 | :--: | :--: | :--: | :-- |
-| column | number\|string | 5 | 默认列数,请不要动态修改此值。 | 
+| column | number\|string | 5 | 默认列数 | 
 | justify | string | "flex-start" | 子元素左右对齐排列 | 
 | align | string | "flex-start" | 子元素上下对齐排列是align-items：值 | 
 | wrap | boolean | true | 是否自动断行. | 
-| gutter | string\|number\|Array\<string \| number\> | '0' | 上下左右间隙.[row,col]:x表示纵向间隙,y表示横向间隙col,[col]:表示横向和纵向之间的间隙. | 
+| gutter | string\|number\|Array\<string \| number\> | '0' | 列间距。[纵向,横向]，单项表示两个方向相同。 | 
 
 
 ## :rose: 事件
 | 事件名 | 参数 | 返回数据 | 描述 |
 | --- | --- | --- | --- |
-| click | - | - | 点击事件 | 
+| click | 名称：evt,事件参数, | - | 点击事件 | 
 
 
 ## :corn: slot插槽

package/data/docs/tabs.md

@@ -36,32 +36,32 @@ tabs标签导航组件,样式非常丰富可以完成你想要的自定义样式
 | 参数名 | 类型 | 默认值 | 描述 |
 | :--: | :--: | :--: | :-- |
 | round | string\|number | 0 | 圆角 | 
-| width | string\|number | "auto" | 宽 | 
-| height | string\|number | "88" | 高是必填，不可为auto。 | 
-| mode | string | "start" | 排版模式around:居中并且均分[数据多时会造成无法滚动]between:均分在整个宽上(如想相项目宽一样,你可以设置属性width比如你有3个可以设置为33%)[数据多时会造成无法滚动]start:左对齐[数据多时可滚动]end:右对齐[数据多时可滚动]center:中间对齐[数据多时会造成无法滚动] | 
-| color | string | "white" | 背景 | 
-| darkColor | string | "" | 暗黑时的背景,如果不填写读取sheetDark | 
-| activeTitleColor | string | "" | 文本激活时的颜色，空值默认取全局主题色 | 
-| titleColor | string | "#888888" | 文本默认颜色 | 
-| darkTitleColor | string | "#cacaca" | 文本默认的暗黑颜色，如果不填写取白色。 | 
-| lineColor | string | "" | 底部线条激活时的颜色，空值默认取全局主题色 | 
-| lineHeight | string | "3px" | - | 
+| width | string\|number | 'auto' | 宽 | 
+| height | string\|number | '88' | 高是必填，不可为auto。 | 
+| mode | string | 'start' | 排版模式around:居中并且均分[数据多时会造成无法滚动]between:均分在整个宽上(如想相项目宽一样,你可以设置属性width比如你有3个可以设置为33%)[数据多时会造成无法滚动]start:左对齐[数据多时可滚动]end:右对齐[数据多时可滚动]center:中间对齐[数据多时会造成无法滚动] | 
+| color | string | 'white' | 背景 | 
+| darkColor | string | '' | 暗黑时的背景,如果不填写读取sheetDark | 
+| activeTitleColor | string | '' | 文本激活时的颜色，空值默认取全局主题色 | 
+| titleColor | string | '#888888' | 文本默认颜色 | 
+| darkTitleColor | string | '#cacaca' | 文本默认的暗黑颜色，如果不填写取白色。 | 
+| lineColor | string | '' | 底部线条激活时的颜色，空值默认取全局主题色 | 
+| lineHeight | string | '3px' | - | 
 | lineFull | boolean | false | 底部的线条是与项目等宽还是固定默认的小宽度。 | 
 | showLine | boolean | true | 是否显示底部的线条 | 
 | modelValue | string\|number | 0 | id值，如果数据没有提供id属性，这里的id就是索引等同v-model | 
-| fontSize | string\|number | "30" | 标题字号 | 
-| activeFontSize | string\|number | "32" | 激活时的标题字号 | 
-| itemWidth | string\|number | "auto" | 项目宽度，默认是auto，即自动根据标题内容自动撑开宽度。如果你想均分（适合不超过一行），比如你有5个标签，那么你就可以设置为"20%" | 
-| titlePadding | string\|number | "12px" | 标题的padding是左右的间隙。 | 
-| moveCount | number | 2 | 选中当前项是，移动的差值个数。比如你要让选中的居中，你一屏内刚好显示5个，你就设置为2，如果你一屏显示3个，就设置为1，就是你一屏内里面要显示的是单数，才好控制选中的始终是在中间位置。 | 
+| fontSize | string\|number | '30' | 标题字号 | 
+| activeFontSize | string\|number | '32' | 激活时的标题字号 | 
+| itemWidth | string\|number | 'auto' | 项目宽度，默认是auto，即自动根据标题内容自动撑开宽度。如果你想均分（适合不超过一行），比如你有5个标签，那么你就可以设置为"20%" | 
+| titlePadding | string\|number | '12px' | 标题的padding是左右的间隙。 | 
+| moveCount | number | 2 | 已废弃：激活项会按可视区域自动居中（两端滚动量不足时不强制居中）。保留该属性仅为兼容旧用法，不再参与滚动计算。 | 
 | gap | string\|number | 20 | 项目之间的间隙.如果你设定了itemwidth一般会有富余宽,两边自然有间隙,此时你应该设置为0以免造成不居中的假象. | 
 | list | Array\<Record\<string, any\> \| string\> | ()=\>[] | 数据数组,可以混合类型可以是单类型数据格式比较灵活.如果数据是对象且出现了dot:true该项数组右上角出现角标红点如果dot:非boolean比如:dot:32会出现数字角标或者文本角标.如果为false或者空值为隐藏如果出现了disabled:可以true禁止项目 | 
-| rangKey | string | "title" | 当你的list为对象时可用如果数据是string会直接取数据本身 | 
-| rangId | string | "id" | id标识,用来vmodel双向绑定选中的值,如果你的list中不存在或者没有id标识那么取数组循环的索引值 | 
-| rangDot | string | "dot" | 读取角标的标识字段,默认是dot | 
-| dotBgColor | string | "" | 角标的背景,默认是等同激活的标题颜色如果填写使用本值,文字颜色始终是白的. | 
-| customItemStyle | string | "" | 默认的自定项目的style样式,可以用来完全覆盖默认的样式. | 
-| activeItemStyle | string | "" | 默认的激活自定项目的style样式,可以用来完全覆盖默认的样式. | 
+| rangKey | string | 'title' | 当你的list为对象时可用如果数据是string会直接取数据本身 | 
+| rangId | string | 'id' | id标识,用来vmodel双向绑定选中的值,如果你的list中不存在或者没有id标识那么取数组循环的索引值 | 
+| rangDot | string | 'dot' | 读取角标的标识字段,默认是dot | 
+| dotBgColor | string | '' | 角标的背景,默认是等同激活的标题颜色如果填写使用本值,文字颜色始终是白的. | 
+| customItemStyle | string | '' | 默认的自定项目的style样式,可以用来完全覆盖默认的样式. | 
+| activeItemStyle | string | '' | 默认的激活自定项目的style样式,可以用来完全覆盖默认的样式. | 
 
 
 ## :rose: 事件

package/data/examples/form.vue

@@ -65,11 +65,20 @@
                     </view>
                 </tm-form-item>
                 <tm-form-item name="textarea" label="备注">
-                    <tm-input v-model="form.textarea" align="right" :maxlength="100" placeholder="请输入" type="textarea" show-char-count color="transparent">
+                    <tm-input
+                    v-model="form.textarea"
+                    align="right"
+                    height="150"
+                    :maxlength="100"
+                    placeholder="请输入"
+                    type="textarea"
+                    show-char-count
+                    color="transparent"
+                    >
                     </tm-input>
                 </tm-form-item>
 
-                
+
                 <view class="flex flex-row flex-row-center-center mb-20 mt-n10">
                     <view class="flex-1">
 						<tm-button block form-type="reset" skin="thin">重置</tm-button>

package/data/examples/image.vue

@@ -14,19 +14,19 @@
 
         <tm-text font-size="36" class="text-weight-b d-block mb-n8">自动占位宽和高</tm-text>
         <view class="flex flex-row" style="justify-content: space-between;align-items: flex-start;">
-            <tm-image src="https://picsum.photos/200/200?random=1" width="18%"></tm-image>
-            <tm-image width="18%" src="https://picsum.photos/200/200?random=2"></tm-image>
-            <tm-image width="18%" src="https://picsum.photos/200/200?random=3"></tm-image>
-            <tm-image width="18%" src="https://picsum.photos/200/200?random=4"></tm-image>
-            <tm-image width="18%" src="https://picsum.photos/200/200?random=5"></tm-image>
+            <tm-image src="https://images.unsplash.com/photo-1506744038136-46273834b3fb?w=200&h=200&fit=crop" width="18%"></tm-image>
+            <tm-image width="18%" src="https://images.unsplash.com/photo-1469474968028-56623f02e42e?w=200&h=200&fit=crop"></tm-image>
+            <tm-image width="18%" src="https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=200&h=200&fit=crop"></tm-image>
+            <tm-image width="18%" src="https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=200&h=200&fit=crop"></tm-image>
+            <tm-image width="18%" src="https://images.unsplash.com/photo-1501854140801-50d01698950b?w=200&h=200&fit=crop"></tm-image>
         </view>
     </tm-sheet>
     <tm-sheet>
         <tm-text font-size="36" class="text-weight-b d-block mb-n8">指定高宽</tm-text>
-        <tm-image height="150" src="https://picsum.photos/400/150?random=6"></tm-image>
-        <tm-image width="100%" src="https://picsum.photos/800/400?random=7"></tm-image>
+        <tm-image height="150" src="https://images.unsplash.com/photo-1433086966358-54859d0ed716?w=600&h=225&fit=crop"></tm-image>
+        <tm-image width="100%" src="https://images.unsplash.com/photo-1465146344425-f00d5f5c8f07?w=800&h=400&fit=crop"></tm-image>
         <tm-image width="120" height="120"
-            src="https://picsum.photos/120/120?random=8"></tm-image>
+            src="https://images.unsplash.com/photo-1472214103451-9374bd1c798e?w=120&h=120&fit=crop"></tm-image>
     </tm-sheet>
     <view class="py-32"></view>
 </template>

package/data/examples/row.vue

@@ -8,45 +8,50 @@
         </tm-sheet>
         <tm-sheet>
             <tm-row>
-                <tm-col v-for="(index, item) in 5" :key="index"
-                    :style="{ backgroundColor: `rgb(21, ${135 - item * 20}, ${235 - item * 20})` }"
-                    class=" text-align-center py-24 text-white">{{ item }}</tm-col>
+                <tm-col v-for="item in 5" :key="item">
+                    <view class="text-align-center py-24 text-white"
+                        :style="{ backgroundColor: `rgb(21, ${135 - (item - 1) * 20}, ${235 - (item - 1) * 20})` }">{{ item }}</view>
+                </tm-col>
             </tm-row>
         </tm-sheet>
         <tm-sheet>
             <tm-text font-size="36" class="text-weight-b mb-n8 d-block">上下左右间隙</tm-text>
             <tm-row gutter="2">
-                <tm-col v-for="item in 10" :key="item" :style="{ backgroundColor: `rgb(230, ${item * 20}, ${165 - item * 20})` }"
-                    class=" text-align-center py-24 text-white">{{ item % 5 == 0 ? 5 : item % 5 }}</tm-col>
+                <tm-col v-for="item in 10" :key="item">
+                    <view class="text-align-center py-24 text-white"
+                        :style="{ backgroundColor: `rgb(230, ${item * 20}, ${165 - item * 20})` }">{{ item % 5 == 0 ? 5 : item % 5 }}</view>
+                </tm-col>
             </tm-row>
         </tm-sheet>
         <tm-sheet>
             <tm-text font-size="36" class="text-weight-b mb-n8 d-block">设置各自的栅格</tm-text>
             <tm-row>
-                <tm-col v-for="(item, index) in [2, 1, 2, 5]" :key="item" :span="item"
-                    :style="{ backgroundColor: `rgb(0, ${index * 20}, ${index * 20})` }"
-                    class=" text-align-center py-24 text-white">{{ item }}</tm-col>
+                <tm-col v-for="(item, index) in [2, 1, 2, 5]" :key="index" :span="item">
+                    <view class="text-align-center py-24 text-white"
+                        :style="{ backgroundColor: `rgb(0, ${index * 20}, ${index * 20})` }">{{ item }}</view>
+                </tm-col>
             </tm-row>
         </tm-sheet>
         <tm-sheet>
             <tm-text font-size="36" class="text-weight-b mb-n8 d-block">改为10栅格</tm-text>
             <tm-row column="10">
-                <tm-col v-for="(item, index) in [1, 3, 1, 5]" :key="item" :span="item"
-                    :style="{ backgroundColor: `rgb(${item * 20}, ${95 - item * 20}, ${165 - item * 10})` }"
-                    class=" text-align-center py-24 text-white">{{ item }}</tm-col>
+                <tm-col v-for="(item, index) in [1, 3, 1, 5]" :key="index" :span="item">
+                    <view class="text-align-center py-24 text-white"
+                        :style="{ backgroundColor: `rgb(${item * 20}, ${95 - item * 20}, ${165 - item * 10})` }">{{ item }}</view>
+                </tm-col>
             </tm-row>
         </tm-sheet>
         <tm-sheet>
             <tm-text font-size="36" class="text-weight-b mb-n8 d-block">向右对齐</tm-text>
             <tm-row column="10" justify="flex-end">
-                <tm-col v-for="(item, index) in [2, 5, 3, 3, 2]" :key="item" :span="item"
-                    :style="{ backgroundColor: `rgb(0, ${index * 20}, ${index * 10})` }"
-                    class=" text-align-center py-24 text-white">{{ item }}</tm-col>
+                <tm-col v-for="(item, index) in [2, 5, 3, 3, 2]" :key="index" :span="item">
+                    <view class="text-align-center py-24 text-white"
+                        :style="{ backgroundColor: `rgb(0, ${index * 20}, ${index * 10})` }">{{ item }}</view>
+                </tm-col>
             </tm-row>
         </tm-sheet>
     </view>
 </template>
 <script setup lang="ts">
-import { ref } from 'vue';
 </script>
 <style lang="scss" scoped></style>