npm - tmui-cli - Versions diffs - 2.0.0 → 2.0.2 - Mend

tmui-cli 2.0.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (409) hide show

package/data/tmui4x/70./346/267/267/345/220/210/345/274/200/345/217/221/06.CSS/345/217/230/351/207/217.md ADDED Viewed

@@ -0,0 +1,45 @@
+# 混合开发 - CSS变量
+## 前提
+在阅读本文前，你要先把你的网页应用嵌套在uniappx中的x-webview-u组件内浏览器应用，
+并在你的应用中引入好```tmuiJssdk.js```，才能继续往下看。
+## CSS变量
+你的网页在被载入后，会主动注入一个全局可用的var css变量.
+使用：
+```css
+background-color:var(--tmui-primary);
+height:var(--status-bar-height);
+```
+| 名称 | 说明 |
+| ------ | ---- |
+| `--status-bar-height` |  状态栏高 |
+| `--window-bottom` |  距离底部的安全高（就是手机下面的操作条高） |
+| `--window-top` |  距离顶部的安全高（一般为0，如果是异形屏会有让开那个黑条的距离） |
+| `--window-height` |  可用屏幕的容器高 |
+| `--window-width` |  可用屏幕的容器宽 |
+| `--screen-height` |  屏幕的高 |
+| `--screen-width` |  屏幕的宽 |
+| `--screen-pixelRatio` |  屏幕的密度 |
+| `--tmui-primary` |  tmui4x框架APP的主题色 |
+| `--tmui-dark` |  tmui4x框架APP的当前暗黑`dark\|light`,是直接注入到页面body属性上见下 |
+**`--tmui-dark`**还会被注入到body属性上 `<body tmui-dark="dark\light">`上，你在编写应用时可以根据body上的这个属性来切换页面的暗黑样式
+## JS变量
+为了方便计算，同时也把上述css变量注入到了一个全局是js 属性中。
+可以全局中```tmuiAppTheme['属性']```使用。
+如：
+```js
+const height = tmuiAppTheme['--window-width'];
+```

package/data/tmui4x/70./346/267/267/345/220/210/345/274/200/345/217/221/07.TMUI3.2/347/273/204/344/273/266/345/272/223.md ADDED Viewed

@@ -0,0 +1,126 @@
+# 混合开发 - 组件库
+## 介绍
+为了让你开发的web应用更加的与tmui4x开发的uniappx应用融合。我开发了`tmui3.2 web vue组件库`
+它与uniapp版本的tmui3.2一样，文档可以共同查阅，但不同的是经过了改造后可以在web vue使用。
+它不依赖于uniapp可以在任意vue环境中使用开发移动端应用。
+它的风格与tmui4x一样，如果采用本组件库开发与tmui4x一起混合开发，风格一致，并且主题上会自动使用tmui4x开发的app中的主题色
+当你打开web应用时，它的主题色就是你宿主app中的主题色，完美的融合在一起，让你的web混合开与和原生融合在了一起。
+## 下载
+只有是tmui4x的会员才可以下载使用见代码仓库
+[tmui3.2vue版本](https://codeup.aliyun.com/618b8db538b0ff04d2a40d3a/tmui3.2vue.git)
+[文档同tmui3.2](https://tmui.design/)
+## 在混合开发中使用
+请直接从我的demo仓库开始吧，已经为你配置好了类型，插件等一切就绪。
+## 单独使用
+如果你不是在uniappx混合开发中使用，仅作为你web 移动端使用。
+一、复制tmui3.2 vue组件
+从demo代码仓库中下载好tm-ui vue组件包。复制到你的项目目录`根目录/src/components/tm-ui`位置即可。
+二、引用
+在你的`src/main.ts`中如下配置
+```ts
+import { createApp } from 'vue'
+// @ts-ignore
+import './style.css'
+import App from './App.vue'
+//必须安装
+import { createPinia } from 'pinia'
+//必须安装
+import router from './router'
+// 引入组件包
+import tmui from './components/tm-ui'
+const app = createApp(App)
+app.use(createPinia())
+app.use(router)
+// 最后引用安装好。
+app.use(tmui)
+app.mount('#app')
+```
+三、配置tsconfig
+为了有类型提示，你还需要配置tsconfig来获得类型提示
+```ts
+{
+ ...
+  "compilerOptions": {
+	...
+    // 包含类型定义文件
+    "typeRoots": ["./components/tm-ui"],
+	...
+  },
+  "include": [
+    "components/tm-ui/*.ts",
+    "components/tm-ui/**/*.ts",
+  ]
+}
+```
+四、配置vite.config.ts
+为了让组件内可以使用view,rpx,uni.方法标签你需要配置我开发的vite插件以此来适配。tmui3.2
+```ts
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+//引入tmui中的插件
+import tmuiVitePlugin from './src/components/tm-ui/vitePlugin'
+// https://vite.dev/config/
+export default defineConfig({
+  server:{
+    port:3000,
+  },
+  plugins: [
+	vue(),
+	// 配置插件,兼容rpx，view标签或者单位。
+	muiVitePlugin()
+  ],
+  resolve: {
+    alias: {
+      // 配置 Vue 别名为包含模板编译器的版本，主要是兼容编译tmui3.2
+      'vue': 'vue/dist/vue.esm-bundler.js'
+    }
+  }
+})
+```
+## 自带的全局方法
+可以在引用组件库后可全局使用
+```uni.方法```使用有关方法，只是部分映射了，注意里面有两个方法是特殊的。
+uni.chooseImage和uni.chooseVideo。这两个法，如果你是单独在web中使用，就是input file选择器。
+如果你是在混合开发中使用，它是自动调用uniappx中的系统安卓api，会返回文件信息。可以上传。
+同样的，```<input type="file" />```如果在混合中使用它也会自动调用宿主应用的选择器。它是按照w3c规范，可以使用相机或者相册
+得到媒体文件，也可以选择仅相机或者仅相册获取媒体文件。

package/data/tmui4x/70./346/267/267/345/220/210/345/274/200/345/217/221/10./345/274/200/345/217/221/345/256/236/346/210/230.md ADDED Viewed

@@ -0,0 +1,69 @@
+# 混合开发 - 综合案例
+## APP体验
+| 平台 | 链接 | 说明 |
+| ------ | ---- | ---- |
+| 安卓 | [下载](https://gitee.com/LYTB/tmui4.0/releases/download/1.1.19/tmuiJssdk.apk) | 安装apk到手机体验 |
+| 鸿蒙 | - | 请自行下载示例项目编译 |
+| IOS | - | 请自行下载示例项目编译 |
+| Web | [预览](https://tmui.design/tmuiJssdk/#/) | web适配体验，部分app接口无法完整体验 |
+其它鸿蒙和ios需要开发证书需要自行编译
+因此无法分发给大家体验，但体验是一致的。
+### 示例下载
+混合开发需要app端和web端，两个项目配合才可以。下面是示例项目下载的地址。
+####  一、APP示例项目
+可以在仓库下载APP端，需要搭配web应用。
+[下载APP端](https://codeup.aliyun.com/618b8db538b0ff04d2a40d3a/tmui4xHybrid.git)
+克隆后，使用hbx导入至少要4.86+，然后编译到安卓即可。
+```x-webview-u```组件在代码仓库中```uni_modules/x-webview-u```需要复制到插件目录内。
+####  二、web示例项目
+在app端中x-webview-u中展示的web应用示例
+[下载WEB端](https://codeup.aliyun.com/618b8db538b0ff04d2a40d3a/tmui3.2vue.git)
+## 本地调试
+混合开发，肯定是要先在本地调试好后，再编译打包发到服务器后再拿链接给app端面浏览展示。
+但在开发期间不可能使用服务上的web远程连接，我们肯定需要边开发边调试本地的web内容。
+#### 1、准备一个服务器
+在你的服务器中安装配置好frps服务器端并配置好端口密钥，如果你是宝塔用户可以在应用中搜索到，
+可以直接启用。
+#### 2、本地服务器
+下载好前面的web应用端后安装好依赖直接`npm run dev`后会打开web应用页面端口默认是3000
+#### 3、配置端口转发
+vue应用启动后，需要把内容转发到外网供app端使用，需要配置frpc需要对应你服务器端的frps端口及密钥。
+然后再使用远程地址给app中的x-webview-u组件上的属性src用。
+例如:`https://你的远程服务器ip或者网址:888`
+这个地址就会直接映射访问你本地的web vue应用了。
+这样在app中直接打开就可以调试开发了。你本地保存编译更新，app内也会动态刷新了。
+## 日志捕获
+开发期间如果调试查看web中的日志呢？我已经为你准备好了，直接在hbx中查看。
+日志的开头前缀为：``` [Log][tmui4xJssdk][时间] ```,此在源码中可以看到，
+请保持不要变，这是对版权的尊重，不可自己修改源码前缀为你的前缀。然后再分发出去。

package/data/tmui4x/80.Flutter/01./345/205/263/344/272/216.md ADDED Viewed

@@ -0,0 +1,68 @@
+# Flutter - 关于
+## 平台兼容
+| Web/H5 | Android | iOS | macOS | Windows | Linux | Flutter |
+| --- | --- | --- | --- | --- | --- | --- |
+| ☑ | ☑ | ☑ | ☑ | ☑ | ☑ | 3.24+ |
+注意：本版本是 Alpha1.0.0版本，后续通过使用发现问题逐步更新维护。
+**建议使用AI辅助写页面，获取源码后可使用AI修改组件需求及bug**
+## 源码获取
+本Flutter版本为付费购买。
+- 原价：599 元。tmui4x会员仅需要399元。
+- 授权一个主体（个人或者公司）可以无限项目中使用，但只能交付成品给对方，如果对方要求源码，需要为对方再授权付费（价格是599），如果你是tmui4x会员，但对方不是，为对方的授权费保持不变。
+- 侵权必究，如今法律建全，如果未经授权，被排查到赔偿费用高昂，请不要以身试法。
+- 授权支付费用后：会提供源码包及DEMO包。
+- 获取源码后建议自身要有优质的AI Tokens及高阶Ai模型，方便自行维护修改功能和bug，总比我维护更新的要快。
+## 如何购买？
+**购买前建议浏览演示DEMO再做决定**见下方演示下载，功能样式和UNIAPPX版本几乎相同。
+请在文档中找到微信群联系我支付，Flutter版本不是UNIAPPX市场版本因此不走市场通道。它是独立的版本。
+如果你要先购买Tmui4x的UNIAPPX版本请先在市场购买，然后再联系我购买Flutter版本享受优惠200元的方案。如果仅需要Flutter版本则不享受优惠。
+请谨慎购买Flutter版本，这要求你需要一定的使用基础和自有高阶AI，具体见下面使用说明和技术支持说明。
+## 介绍
+`tmui4x Flutter` 是 `tmui4x` 的 Flutter 版实现，组件源码位于 `tmui4xFlutter/packages/tmx_ui`，当前文档目录用于说明组件能力、使用方式和维护规则。
+## 演示下载
+里面含有win,macos,android版本，其它的ios,web获取源码后请自行编译
+链接: https://pan.baidu.com/s/1BEqnBFb1NSJ0i6aAAN7-0w?pwd=snjc 提取码: snjc
+## 技术支持说明
+使用时请使用编译器自动通过编译器的提示获取提示。或者通过学习demo页面了解如何使用。它的属性几乎与tmui4x uniappx版本一致。
+因此文档上的属性几乎可以互相查阅和理解。
+像一些没有的插件/组件等请通过ai自行实现。
+特别说明：我不承担开发帮助
+1. 如何运行flutter?
+2. 如何开发flutter?
+3. 各种依赖安装，下载，异常，等可能需要你配置开发环境源依赖等，各个平台环境安装不一样，和电脑系统也有关系，因此我不会提供这些方面的帮助，请自行通过ai解答来搭建环境。
+4. 如何运行到各个平台？我不提供协助，请自行ai解答和百度解决
+5. 提供flutter版本文档？我不提供，根据ide提示和tmui4x文本对照属性理解。
+总的来说：你购买flutter版本是可以得到后续更新维护，和bug提交等，但不会提供聊天群技术支持，仅可通过issue提问的方式。
+版本后续的维护会同主tmui4x版本维护更新，Flutter uikit市场几乎没有经常更新维护的ui库，连腾讯的td库也是频率非常低。如果主版本一直在更新那么flutter也会同步更新维护和修复问题。
+## 目录说明
+| 文档 | 说明 |
+| --- | --- |
+| [组件目录](./02.组件目录) | 按分类列出当前已实现组件（含源码路径与功能说明） |
+## 使用建议
+1. 先查组件目录确定是否已有现成组件；
+2. 再到 `tmui4xFlutter/lib/pages/` 对应 demo 查看实际用法；
+3. 新增组件时保持 `tmx_` 前缀与分类目录一致，便于同步维护文档。

package/data/tmui4x/80.Flutter/02./347/273/204/344/273/266/347/233/256/345/275/225.md ADDED Viewed

@@ -0,0 +1,155 @@
+# Flutter - 组件目录
+> 数据来源：`tmui4xFlutter/packages/tmx_ui/lib/src/components`
+> 统计时间：当前仓库版本，共 **122** 项（含少量辅助文件）。
+## 分类统计
+| 分类 | 数量 | 说明 |
+| --- | ---: | --- |
+| basic | 9 | 基础组件 |
+| calendar | 4 | 日历与日期视图 |
+| chart | 2 | 图表组件 |
+| data_display | 27 | 数据展示组件 |
+| feedback | 12 | 反馈与弹层 |
+| form | 18 | 表单输入组件 |
+| gesture | 8 | 手势交互 |
+| layout | 2 | 布局组件 |
+| media | 4 | 媒体能力 |
+| navigation | 3 | 导航组件 |
+| other | 20 | 其它扩展 |
+| picker | 8 | 选择器组件 |
+| rich_text | 2 | 富文本组件 |
+| swiper | 3 | 轮播组件 |
+## 组件清单
+| 组件标识 | 分类 | 源码路径 | 说明 |
+| --- | --- | --- | --- |
+| `tmx_badge` | basic | `basic/tmx_badge.dart` | 角标 |
+| `tmx_button` | basic | `basic/tmx_button.dart` | 按钮 |
+| `tmx_divider` | basic | `basic/tmx_divider.dart` | 分割线 |
+| `tmx_icon` | basic | `basic/tmx_icon.dart` | 图标 |
+| `tmx_loading` | basic | `basic/tmx_loading.dart` | 加载态 |
+| `tmx_sheet` | basic | `basic/tmx_sheet.dart` | 容器面板 |
+| `tmx_tag` | basic | `basic/tmx_tag.dart` | 标签 |
+| `tmx_text` | basic | `basic/tmx_text.dart` | 文本 |
+| `remixicon_data` | basic | `basic/remixicon_data.dart` | 图标数据（辅助） |
+| `tmx_calendar_multiple` | calendar | `calendar/tmx_calendar_multiple.dart` | 多选日历 |
+| `tmx_calendar_view` | calendar | `calendar/tmx_calendar_view.dart` | 日历视图 |
+| `tmx_date_view` | calendar | `calendar/tmx_date_view.dart` | 嵌入日期面板 |
+| `tmx_weekbar` | calendar | `calendar/tmx_weekbar.dart` | 周视图导航 |
+| `tmx_chart` | chart | `chart/tmx_chart.dart` | 原生图表容器 |
+| `tmx_echart` | chart | `chart/tmx_echart.dart` | ECharts 封装 |
+| `tmx_avatar_group` | data_display | `data_display/tmx_avatar_group.dart` | 头像组 |
+| `tmx_barrage` | data_display | `data_display/tmx_barrage.dart` | 弹幕 |
+| `tmx_barrage_item` | data_display | `data_display/tmx_barrage_item.dart` | 弹幕项 |
+| `tmx_card` | data_display | `data_display/tmx_card.dart` | 卡片 |
+| `tmx_cascader` | data_display | `data_display/tmx_cascader.dart` | 级联展示 |
+| `tmx_cell` | data_display | `data_display/tmx_cell.dart` | 列表单元格 |
+| `tmx_circle_progress` | data_display | `data_display/tmx_circle_progress.dart` | 圆形进度 |
+| `tmx_collapse` | data_display | `data_display/tmx_collapse.dart` | 折叠面板 |
+| `tmx_collapse_item` | data_display | `data_display/tmx_collapse_item.dart` | 折叠项 |
+| `tmx_countdown` | data_display | `data_display/tmx_countdown.dart` | 倒计时 |
+| `tmx_image` | data_display | `data_display/tmx_image.dart` | 图片 |
+| `tmx_image_group` | data_display | `data_display/tmx_image_group.dart` | 图集 |
+| `tmx_indexbar` | data_display | `data_display/tmx_indexbar.dart` | 索引列表 |
+| `tmx_money` | data_display | `data_display/tmx_money.dart` | 金额格式化 |
+| `tmx_pagination` | data_display | `data_display/tmx_pagination.dart` | 分页 |
+| `tmx_progress` | data_display | `data_display/tmx_progress.dart` | 进度条 |
+| `tmx_rolling_number` | data_display | `data_display/tmx_rolling_number.dart` | 数字翻滚 |
+| `tmx_skeleton` | data_display | `data_display/tmx_skeleton.dart` | 骨架屏 |
+| `tmx_steps` | data_display | `data_display/tmx_steps.dart` | 步骤条 |
+| `tmx_steps_item` | data_display | `data_display/tmx_steps_item.dart` | 步骤子项 |
+| `tmx_table` | data_display | `data_display/tmx_table.dart` | 表格 |
+| `tmx_tree` | data_display | `data_display/tmx_tree.dart` | 树形结构 |
+| `tmx_tree_flat` | data_display | `data_display/tmx_tree_flat.dart` | 平铺树 |
+| `tmx_video` | data_display | `data_display/tmx_video.dart` | 视频展示 |
+| `tmx_virtual_list` | data_display | `data_display/tmx_virtual_list.dart` | 虚拟列表 |
+| `tmx_waterfall` | data_display | `data_display/tmx_waterfall.dart` | 瀑布流 |
+| `tmx_waterfall_item` | data_display | `data_display/tmx_waterfall_item.dart` | 瀑布流项 |
+| `tmx_action_menu` | feedback | `feedback/tmx_action_menu.dart` | 动作菜单 |
+| `tmx_action_modal` | feedback | `feedback/tmx_action_modal.dart` | 动作面板 |
+| `tmx_alert` | feedback | `feedback/tmx_alert.dart` | 提示弹窗 |
+| `tmx_drawer` | feedback | `feedback/tmx_drawer.dart` | 抽屉 |
+| `tmx_empty` | feedback | `feedback/tmx_empty.dart` | 空状态 |
+| `tmx_float_drawer` | feedback | `feedback/tmx_float_drawer.dart` | 浮动抽屉 |
+| `tmx_modal` | feedback | `feedback/tmx_modal.dart` | 模态框 |
+| `tmx_msg_notice` | feedback | `feedback/tmx_msg_notice.dart` | 消息提示 |
+| `tmx_notice` | feedback | `feedback/tmx_notice.dart` | 通知条 |
+| `tmx_overlay` | feedback | `feedback/tmx_overlay.dart` | 遮罩 |
+| `tmx_popover` | feedback | `feedback/tmx_popover.dart` | 气泡菜单 |
+| `tmx_snackbar` | feedback | `feedback/tmx_snackbar.dart` | 消息条 |
+| `tmx_checkbox` | form | `form/tmx_checkbox.dart` | 复选框 |
+| `tmx_code_input` | form | `form/tmx_code_input.dart` | 验证码输入 |
+| `tmx_form` | form | `form/tmx_form.dart` | 表单容器 |
+| `tmx_input` | form | `form/tmx_input.dart` | 输入框 |
+| `tmx_input_number` | form | `form/tmx_input_number.dart` | 数字输入框 |
+| `tmx_input_tag` | form | `form/tmx_input_tag.dart` | 标签输入 |
+| `tmx_keyboard` | form | `form/tmx_keyboard.dart` | 自定义键盘 |
+| `tmx_keyboard_car` | form | `form/tmx_keyboard_car.dart` | 车牌键盘 |
+| `tmx_keyboard_dismisser` | form | `form/tmx_keyboard_dismisser.dart` | 键盘收起控制 |
+| `tmx_keyboard_idcard` | form | `form/tmx_keyboard_idcard.dart` | 身份证键盘 |
+| `tmx_keyboard_number` | form | `form/tmx_keyboard_number.dart` | 数字键盘 |
+| `tmx_mention` | form | `form/tmx_mention.dart` | Mention 输入 |
+| `tmx_radio` | form | `form/tmx_radio.dart` | 单选框 |
+| `tmx_search` | form | `form/tmx_search.dart` | 搜索框 |
+| `tmx_slider` | form | `form/tmx_slider.dart` | 单滑块 |
+| `tmx_slider_double` | form | `form/tmx_slider_double.dart` | 双向滑块 |
+| `tmx_stepper` | form | `form/tmx_stepper.dart` | 步进器 |
+| `tmx_switch` | form | `form/tmx_switch.dart` | 开关 |
+| `tmx_backtop` | gesture | `gesture/tmx_backtop.dart` | 返回顶部 |
+| `tmx_drag` | gesture | `gesture/tmx_drag.dart` | 拖拽容器 |
+| `tmx_drag_item` | gesture | `gesture/tmx_drag_item.dart` | 拖拽项 |
+| `tmx_finger` | gesture | `gesture/tmx_finger.dart` | 手势识别 |
+| `tmx_float_button` | gesture | `gesture/tmx_float_button.dart` | 浮动按钮 |
+| `tmx_pull_refresh` | gesture | `gesture/tmx_pull_refresh.dart` | 下拉刷新 |
+| `tmx_slide_verify` | gesture | `gesture/tmx_slide_verify.dart` | 滑动验证 |
+| `tmx_switch_slider` | gesture | `gesture/tmx_switch_slider.dart` | 左滑菜单 |
+| `tmx_col` | layout | `layout/tmx_col.dart` | 栅格列 |
+| `tmx_row` | layout | `layout/tmx_row.dart` | 栅格行 |
+| `tmx_image_resizer` | media | `media/tmx_image_resizer.dart` | 图片裁剪/压缩 |
+| `tmx_sign_board` | media | `media/tmx_sign_board.dart` | 签名板 |
+| `tmx_upload_file` | media | `media/tmx_upload_file.dart` | 文件上传 |
+| `tmx_upload_media` | media | `media/tmx_upload_media.dart` | 多媒体上传 |
+| `tmx_navbar` | navigation | `navigation/tmx_navbar.dart` | 顶部导航 |
+| `tmx_radio_button` | navigation | `navigation/tmx_radio_button.dart` | 单选按钮组 |
+| `tmx_tabbar` | navigation | `navigation/tmx_tabbar.dart` | 底部导航栏 |
+| `tmx_animation` | other | `other/tmx_animation.dart` | 动画封装 |
+| `tmx_barcode` | other | `other/tmx_barcode.dart` | 条码 |
+| `tmx_devtool` | other | `other/tmx_devtool.dart` | 开发调试工具 |
+| `tmx_dropdown_item` | other | `other/tmx_dropdown_item.dart` | 下拉菜单项 |
+| `tmx_dropdown_menu` | other | `other/tmx_dropdown_menu.dart` | 下拉菜单 |
+| `tmx_grid` | other | `other/tmx_grid.dart` | 宫格 |
+| `tmx_grid_item` | other | `other/tmx_grid_item.dart` | 宫格项 |
+| `tmx_link` | other | `other/tmx_link.dart` | 链接组件 |
+| `tmx_more` | other | `other/tmx_more.dart` | 更多操作 |
+| `tmx_qrcoder` | other | `other/tmx_qrcoder.dart` | 二维码 |
+| `tmx_scrollx` | other | `other/tmx_scrollx.dart` | 横向滚动 |
+| `tmx_slider_menu` | other | `other/tmx_slider_menu.dart` | 滑动菜单 |
+| `tmx_slider_tree` | other | `other/tmx_slider_tree.dart` | 树形滑动菜单 |
+| `tmx_sticky` | other | `other/tmx_sticky.dart` | 吸顶 |
+| `tmx_tabs` | other | `other/tmx_tabs.dart` | Tabs 导航 |
+| `tmx_text_cloud` | other | `other/tmx_text_cloud.dart` | 词云 |
+| `tmx_view_tofull` | other | `other/tmx_view_tofull.dart` | 动态全屏 |
+| `tmx_watermark` | other | `other/tmx_watermark.dart` | 水印 |
+| `barcode_encoders` | other | `other/barcode_encoders.dart` | 条码编码器（辅助） |
+| `qrcode_generator` | other | `other/qrcode_generator.dart` | 二维码生成器（辅助） |
+| `tmx_between_time` | picker | `picker/tmx_between_time.dart` | 时间区间选择 |
+| `tmx_color_view` | picker | `picker/tmx_color_view.dart` | 颜色选择 |
+| `tmx_picker` | picker | `picker/tmx_picker.dart` | 通用选择器 |
+| `tmx_picker_city` | picker | `picker/tmx_picker_city.dart` | 城市选择 |
+| `tmx_picker_date` | picker | `picker/tmx_picker_date.dart` | 日期选择 |
+| `tmx_picker_selected` | picker | `picker/tmx_picker_selected.dart` | 搜索选择 |
+| `tmx_picker_time` | picker | `picker/tmx_picker_time.dart` | 时间选择 |
+| `tmx_picker_view` | picker | `picker/tmx_picker_view.dart` | 选择器容器 |
+| `tmx_editor` | rich_text | `rich_text/tmx_editor.dart` | 富文本编辑器 |
+| `tmx_markdown` | rich_text | `rich_text/tmx_markdown.dart` | Markdown 渲染 |
+| `tmx_swiper` | swiper | `swiper/tmx_swiper.dart` | 轮播 |
+| `tmx_swiper_item` | swiper | `swiper/tmx_swiper_item.dart` | 轮播项 |
+## 维护规则
+1. 新增组件后，需同步更新本表；
+2. 组件名统一采用 `tmx_` 前缀；
+3. 说明字段应保持“功能性短句”，便于快速检索。