mot-ui

基于 React 18 + TypeScript + antd 5 的业务组件库，沉淀国际化、主题定制、可配置表格等通用能力。

组件列表

| 组件 | 说明 | | --- | --- | | ResizableTable | 可配置表格：列宽拖拽、固定前 N 列、列显示/隐藏、列顺序拖拽排序，详见示例页文档 | | ColumnSettings | 表格列设置面板（固定列 / 显隐 / 排序），可脱离表格独立使用 | | IntlApp | 国际化示例应用（react-intl） | | ThemePicker / themeList | 主题色选择器 | | LocalePicker / localeList | 语言选择器 | | CommonLocales | 内置国际化文案（zh-CN / en-US / zh-TW） | | DrivingSchool | 3D 驾校应用组件 |

安装

yarn add mot-ui

组件依赖 react、react-dom、antd、react-intl 等作为 peer dependencies，请确保宿主项目已安装：

yarn add react react-dom antd react-intl react-router react-router-dom

使用示例

import { ResizableTable, ThemePicker, LocalePicker } from 'mot-ui'

// ResizableTable：拖拽列头右边缘调整列宽，右上角设置按钮支持固定前1/2列、
// 列显示/隐藏勾选（Shift 批量）、列顺序拖拽排序
<ResizableTable
    columns={columns}
    dataSource={dataSource}
    defaultFixedCount={1}
    title="用户列表"
/>

本地开发

# 启动 demo 开发服务（左侧组件目录 + 右侧示例 + 组件文档）
yarn start

# 打包组件库（输出 dist/mot-ui.js）
yarn build

src/demo 目录为组件示例与文档，不会打进 npm 包；src/components 为组件源码，新增组件后在 src/index.ts 中导出。

发布

npm 账号登录后，一键完成版本号升级、git commit + tag、打包、发布：

npm login                # 首次发布前登录一次
npm run release          # patch：x.y.z+1，日常修复迭代
npm run release:minor    # minor：x.y+1.0，新增功能
npm run release:major    # major：x+1.0.0，破坏性变更

发布完成后记得同步远程仓库（含 tag）：git push && git push --tags