{"id":22572938,"url":"https://github.com/drinkjs/mojito","last_synced_at":"2025-04-10T14:47:51.030Z","repository":{"id":47025317,"uuid":"338276073","full_name":"drinkjs/mojito","owner":"drinkjs","description":"低代码可视化开发平台，支持使用react和vue3自定义组件库， 支持图层锁定、群组、对齐、排序，支持拖拽可视化布局、事件交互、动态脚本、样式隔离","archived":false,"fork":false,"pushed_at":"2023-10-21T14:04:39.000Z","size":26464,"stargazers_count":122,"open_issues_count":0,"forks_count":31,"subscribers_count":9,"default_branch":"main","last_synced_at":"2023-10-21T15:22:50.255Z","etag":null,"topics":["business-intelligence","dashboard","data-visualization","editor","low-code","nodejs","react","visualization","vue"],"latest_commit_sha":null,"homepage":"http://mojito.drinkjs.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/drinkjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2021-02-12T09:39:23.000Z","updated_at":"2023-10-21T15:22:56.311Z","dependencies_parsed_at":"2022-08-26T09:41:09.573Z","dependency_job_id":"3e7ab0a0-d4ee-479c-86cb-448a687b4835","html_url":"https://github.com/drinkjs/mojito","commit_stats":null,"previous_names":[],"tags_count":5,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drinkjs%2Fmojito","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drinkjs%2Fmojito/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drinkjs%2Fmojito/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/drinkjs%2Fmojito/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/drinkjs","download_url":"https://codeload.github.com/drinkjs/mojito/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228679015,"owners_count":17955980,"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":["business-intelligence","dashboard","data-visualization","editor","low-code","nodejs","react","visualization","vue"],"created_at":"2024-12-08T02:13:16.098Z","updated_at":"2024-12-08T02:13:16.736Z","avatar_url":"https://github.com/drinkjs.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n  \u003cimg height=\"200\" src=\"./public/logo-black.png\"\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003eMojito是一个低代码，可视化，可扩展开发平台\u003c/p\u003e\n\n##  🔥特性\n\n- 点选、拖拽、缩放的可视化操作\n- 群组/解散、撤销/重做、图层显示/隐藏、锁定/解锁、对齐和排序\n- 支持使用React和Vue3自定义组件库\n- 支持组件间样式隔离\n- 组件样式可视化配置\n- 组件间通讯、事件同步、动态脚本...\n\n\u003cp\u003e\n  \u003cimg width=\"800\" src=\"./public/demo.jpg\"\u003e\n\u003c/p\u003e\n\n## 👆🏼 事件同步\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./public/sync.webp\"\u003e\n\u003c/p\u003e\n\n## ✨ 组件通讯\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./public/message.webp\"\u003e\n\u003c/p\u003e\n\n## 🧪 测试组件库\n### Antd\n\n[http://mojito.drinkjs.com/public/mojito-antd@1.0.0/mojito-pack.json](http://mojito.drinkjs.com/public/mojito-antd@1.0.0/mojito-pack.json)\n\n### Echarts\n\n[http://mojito.drinkjs.com/public/mojito-echarts@1.0.0/mojito-pack.json](http://mojito.drinkjs.com/public/mojito-echarts@1.0.0/mojito-pack.json)\n\n### Element\n[http://mojito.drinkjs.com/public/mojito-element@1.0.0/mojito-pack.json](http://mojito.drinkjs.com/public/mojito-element@1.0.0/mojito-pack.json)\n\n## 🗄️ 后端代码\n\n[https://github.com/drinkjs/mojito-server](https://github.com/drinkjs/mojito-server)\n\n[https://gitee.com/drinkjs/mojito-server](https://gitee.com/drinkjs/mojito-server)\n\n## 📦 组件开发\n\n```bash\nnpx create-mojito-pack\n```\n\n定义组件\n\n```js\n\u003ctemplate\u003e\n\t\u003cdiv\u003e{{ text }}\u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript lang=\"ts\"\u003e\nimport { CreatePack } from \"@drinkjs/mojito-vue-pack\";\nimport { defineComponent } from \"vue\";\n\n// 常规vue组件定义\nconst Text = defineComponent({\n\tprops: {\n\t\ttext: String,\n\t},\n});\n\nexport default Text;\n\n// 定义Mojito组件\nexport const PackText = CreatePack(Text, {\n\tname: \"文本\", // 组件的名称\n\tcategory: \"基础组件\", // 组件分类\n    // 组件props定义\n\tprops: {\n\t\ttext: {  // 对应vue中props中的定义\n\t\t\tname: \"文字\", // 属性名称\n\t\t\ttype: \"string\", // 属性类型\n\t\t\tdefault: \"这里显示文本...\", // 默认值\n\t\t},\n        ... // 更多属性\n\t},\n});\n\u003c/script\u003e\n```\n\n编译组件库\n\n```bash\nmojito build\n```\n\n平台添加组件库\n\n![新增组件库](./public/add.jpg)\n\n## 🔩 系统组件库\n\n[https://github.com/drinkjs/mojito-pack](https://github.com/drinkjs/mojito-pack)\n\n\n\n## 📄 文档\n[http://mojito.drinkjs.com/document](http://mojito.drinkjs.com/document)\n\n##  👓 演示\n[http://mojito.drinkjs.com](http://mojito.drinkjs.com)\n\n\n## 🚀 未来\n\n- 更好的开发体验\n- 3D 编辑器\n- 动画编辑器\n- 组件市场\n- 原形图生成可编辑页面\n- ...\n\n## 技术交流\n\n\u003cimg src=\"./public/wx.jpg\" width=\"200\"\u003e","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrinkjs%2Fmojito","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdrinkjs%2Fmojito","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdrinkjs%2Fmojito/lists"}