{"id":21873308,"url":"https://github.com/monajs/mor","last_synced_at":"2025-04-15T01:12:01.342Z","repository":{"id":57302809,"uuid":"141572790","full_name":"monajs/mor","owner":"monajs","description":"React 移动端组件库","archived":false,"fork":false,"pushed_at":"2019-04-09T08:11:58.000Z","size":439,"stargazers_count":6,"open_issues_count":1,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-15T01:11:45.740Z","etag":null,"topics":["components","react","react-ui"],"latest_commit_sha":null,"homepage":"http://home.mor.monajs.cn","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/monajs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-07-19T11:56:16.000Z","updated_at":"2023-02-04T15:31:21.000Z","dependencies_parsed_at":"2022-09-20T16:42:42.992Z","dependency_job_id":null,"html_url":"https://github.com/monajs/mor","commit_stats":null,"previous_names":["func-star/mor-mobile"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monajs%2Fmor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monajs%2Fmor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monajs%2Fmor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/monajs%2Fmor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/monajs","download_url":"https://codeload.github.com/monajs/mor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248986315,"owners_count":21194025,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","react","react-ui"],"created_at":"2024-11-28T07:07:28.415Z","updated_at":"2025-04-15T01:12:01.318Z","avatar_url":"https://github.com/monajs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 一款让你感到幸福的 React 组件库\n\n✨✨这是 Mona 系列的 React 实现，服务于移动端 H5 产品。\n\n[![npm](https://img.shields.io/npm/v/mor-mobile.svg?style=flat-square)](https://www.npmjs.com/package/mor-mobile) [![npm](https://img.shields.io/npm/dt/mor-mobile.svg?style=flat-square)](https://www.npmjs.com/package/mor-mobile) \n\n- [主页](http://home.mor.monajs.cn)\n\n- [手机访问](http://mor.monajs.cn)\n\n## 大致介绍\n\n这是一款轻量级 React 组件库，拥有非常强的可扩展性和自定义功能。\n\n你完全可以根据自己的需要自定义主题样式、组件样式，你也可以根据业务需要扩展组件功能。\n\n可以满足你各种姿势，给你提供各种体位。\n\n\n### 依赖\n\n- [classnames](https://www.npmjs.com/package/classnames)\n- [jsx-control-statements](https://www.npmjs.com/package/jsx-control-statements)\n- [mona-events](https://www.npmjs.com/package/mona-events)\n\n## 安装\n\n### NPM\n\n```bash\nnpm i mor-mobile --save\n```\n\n### 按需加载\n\n- 使用 babel-plugin-import（推荐用法）\n\n`babel-plugin-import` 是一款 `babel` 插件，它会在编译过程中将 `import` 的写法自动转换为按需引入的方式\n\n```bash\n# 安装 babel-plugin-import 插件\nnpm i babel-plugin-import -dev\n```\n\n```js\n.babelrc or babel-loader option\n{\n  \"plugins\": [\n    [\"import\", {\n      \"libraryName\": \"mor-mobile\",\n      \"libraryDirectory\": \"lib\",\n      \"style\": true // 加载 less 文件\n    }]\n  ]\n}\n```\n\n- 手动引入\n\n```js\nimport DatePicker from 'mor-mobile/lib/modal';  // 加载 JS\nimport 'mor-mobile/lib/modal/style';         // 加载 LESS\n```\n\n✨✨你也可以为`mor-mobile` 起一个别名，让代码变的更好看一点\n\n```\n// webpack 添加解析配置\n...js\nresolve: {\n\textensions: ['.js', '.jsx'],\n\talias: {\n\t\t'mona': path.resolve('./node_modules/mor-mobile')\n\t}\n}\n...\n```\n\n```js\n.babelrc or babel-loader option\n{\n  \"plugins\": [\n    [\"import\", {\n      \"libraryName\": \"mona\",\n      \"libraryDirectory\": \"lib\",\n      \"style\": true // 加载 less 文件\n    }]\n  ]\n}\n```\n\n\n\n### 开始使用\n接着你可以在代码中直接引入 Mor-mobile 组件\n\n```js\nimport { Row, Col } from 'mona';\n```\n\n\n## 联系我\n\u003e 微信：yx12032331\n\n\n### TODO\n\n* toast，添加隐藏回调\n* listView添加头部尾部自定义\n* loading修改阴影样式\n* 通用修改动画\n\n* Row Col 支持一下offset\n\n* Toast 支持蒙层cancel，默认可点击\n* Toast 支持自定义图片\n* Toast 支持api方法\n* Toast 支持同时提示多个\n\n* ListView 支持自定义头部和底部\n\n* DatePicker 支持disable日期\n* DatePicker 支持api方法\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmonajs%2Fmor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmonajs%2Fmor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmonajs%2Fmor/lists"}