鎴栫偣鍑讳笂浼?/div>\n \n\n```\n\n鐭╁舰瑁佸垏锛?\n```vue\n
\n```\n\n## 鏈湴寮€鍙?\n```bash\npnpm install\npnpm dev\n```\n\n## 鏋勫缓\n\n```bash\npnpm build\n```\n\n## 鍙戝竷鍓嶆鏌?\n```bash\npnpm release:dry\n```\n\n## Upload SDK\n\n`MoUpload` 默认只负责选择文件、预览、裁切和维护文件状态，不会在选择文件后自动上传，也不会执行模拟上传。需要上传时，由外部手动触发：\n\n```vue\n\n\n
\n \n\n 开始上传\n\n```\n\n如果业务需要完全接管上传请求，可以传 `request`：\n\n```vue\n
\n```\n\n```ts\nasync function customUpload({ file, onProgress }) {\n const formData = new FormData();\n formData.append(\"file\", file);\n\n await axios.post(\"/api/upload\", formData, {\n onUploadProgress(event) {\n if (event.total) {\n onProgress((event.loaded / event.total) * 100);\n }\n }\n });\n}\n```\n\n也可以独立使用上传 SDK：\n\n```ts\nimport { uploadFile } from \"@yymojo-tec/mojo-ui\";\n\nawait uploadFile({\n file,\n action: \"/api/upload\",\n headers: { Authorization: `Bearer ${token}` },\n data: { scene: \"avatar\" },\n onProgress(percent) {\n console.log(percent);\n }\n});\n```\n\n## Scrollbar\n\n`MoScrollbar` 绑定一个外部滚动容器，滚动条会显示在该容器右侧 border 内侧、padding 外侧，并使用外部容器的高度作为滚动轨道。\n\n```vue\n\n\n
\n \n\n \n\n\n\n```\n\n常用参数：\n\n- `target`: 外部滚动容器 ref 或元素\n- `size`: 滚动条宽度，默认 `6`\n- `minThumbSize`: 滑块最小高度，默认 `28`\n- `offset`: 距离右侧 border 的偏移量，默认 `0`\n- `always`: 是否常显\n- `hideNative`: 是否隐藏原生滚动条，默认 `true`\n\n## Dialog\n\n`MoDialog` 基于 Headless UI Dialog 封装，使用 `v-model` 控制显示，默认带标题和关闭按钮。\n\n```vue\n\n\n
\n 打开弹窗\n\n \n 这里放弹窗内容。
\n\n \n 取消\n 确认\n \n \n\n```\n\n隐藏右上角关闭按钮：\n\n```vue\n
\n 内容\n\n```\n\n常用参数：\n\n- `v-model`: 是否显示\n- `title`: 标题\n- `theme`: `light | dark`\n- `width`: 弹窗宽度，默认 `520`\n- `padding`: 内容和标题左右 padding，默认 `24`\n- `showClose`: 是否显示右上角关闭按钮，默认 `true`\n- `closeOnOverlay`: 点击遮罩或按 Esc 是否关闭，默认 `true`\n- `lockScroll`: 是否锁住页面滚动，默认 `false`\n\n## Tag\n\n`MoTag` 目前提供实心样式，默认颜色有 `purple`、`teal`、`orange`、`rose`，也可以传入自定义背景色。\n\n```vue\n
默认\n
已发布\n
待审核\n
推荐\n\n
自定义\n```\n\n常用参数：\n\n- `color`: `purple | teal | orange | rose`\n- `backgroundColor`: 自定义背景色\n- `textColor`: 自定义文字颜色，默认 `#ffffff`\n- `size`: `small | default | large`\n- `round`: 圆角胶囊样式\n\r\n## MoRadioGroup\n\n`MoRadioGroup` 基于 Headless UI RadioGroup 封装，当前提供分段实心样式。可以通过 `background-color` 修改外层背景，通过 `active-background-color` 修改选中项背景，图标使用 `icon` 插槽传入。\n\n```vue\n\n\n
\n \n \n \n \n \n \n \n \n\n```\n\n常用参数：\n\n- `v-model`: 当前选中的值\n- `options`: `{ label, value, disabled? }[]`\n- `theme`: `light | dark`\n- `size`: `small | default | large`\n- `backgroundColor`: 外层背景色\n- `activeBackgroundColor`: 选中项背景色\n- `textColor`: 默认文字和图标颜色\n- `activeTextColor`: 选中文字和图标颜色\n","readmeFilename":"README.md"}