{"id":13789825,"url":"https://github.com/chameleon-team/cml-ui","last_synced_at":"2025-05-12T07:31:11.510Z","repository":{"id":73249814,"uuid":"165105236","full_name":"chameleon-team/cml-ui","owner":"chameleon-team","description":"chameleon 扩展组件库","archived":false,"fork":false,"pushed_at":"2019-12-02T08:50:29.000Z","size":1310,"stargazers_count":27,"open_issues_count":0,"forks_count":15,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-21T07:02:15.334Z","etag":null,"topics":["chameleon","cml","miniprogram","mobile","mvvm"],"latest_commit_sha":null,"homepage":"https://CMLJS.org","language":"Vue","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/chameleon-team.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,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-01-10T17:47:23.000Z","updated_at":"2023-08-14T13:28:23.000Z","dependencies_parsed_at":"2024-01-07T04:47:57.239Z","dependency_job_id":null,"html_url":"https://github.com/chameleon-team/cml-ui","commit_stats":null,"previous_names":["beatles-chameleon/cml-ui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chameleon-team%2Fcml-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chameleon-team%2Fcml-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chameleon-team%2Fcml-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chameleon-team%2Fcml-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chameleon-team","download_url":"https://codeload.github.com/chameleon-team/cml-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253695075,"owners_count":21948807,"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":["chameleon","cml","miniprogram","mobile","mvvm"],"created_at":"2024-08-03T22:00:33.561Z","updated_at":"2025-05-12T07:31:10.199Z","avatar_url":"https://github.com/chameleon-team.png","language":"Vue","funding_links":[],"categories":["目录"],"sub_categories":["Chameleon官方仓库"],"readme":"# cml-ui [![version](https://img.shields.io/npm/v/chameleon-tool.svg?style=flat)](https://www.npmjs.com/package/cml-ui)\n本仓库为 `cml` 框架的扩展组件库，提供丰富的组件能力\n\n详细见[cml扩展组件文档](https://cmljs.org/doc/component/expand/expand.html)\n\n例如:\n```html\n\u003cscript cml-type=\"json\"\u003e\n{\n  \"base\": {\n      \"usingComponents\": {\n        \"c-dialog\": \"cml-ui/components/c-dialog/c-dialog\"\n      }\n  }\n}\n\u003c/script\u003e\n```\n### 1 如何开发\n```javascript\nnpm install\ncml dev  //开始开发\n```\n### 2 目录概述\n\n```javascript\n.\n├── README.md\n├── bin\n│   └── build.sh\n├── chameleon.config.js\n├── dist\n│   └── wx\n│       ├── app.js\n│       ├── app.json\n│       ├── app.wxss\n│       ├── components\n│       ├── pages\n│       ├── project.config.json\n│       └── static\n├── mock\n│   ├── api\n│   │   └── index.js\n│   └── template\n│       └── index.php\n├── package  // build.sh 结果，发布到npm\n│   ├── assets\n│   │   ├── css\n│   │   └── images\n│   ├── components\n│   │   ├── c-action-sheet\n│   │   └── c-dialog\n│   └── package.json\n├── package-lock.json\n├── package.json\n└── src  //开发目录\n    ├── app\n    │   ├── app.cml\n    │   └── app.interface\n    ├── assets\n    │   ├── css\n    │   └── images\n    ├── components //开发组件\n    │   ├── c-action-sheet\n    │   └── c-dialog\n    ├── entry\n    │   ├── entry.html\n    │   ├── entry.web.js\n    │   └── entry.weex.js\n    ├── pages  //组件示例demo页\n    │   ├── API // 相应api 接口demo示例\n    │   ├── COMP //相应组件demo示例；\n    │   └── index  //主页入口\n    │\n    ├── router.js\n    ├── router.config.json //路由配置\n    └── store\n        ├── action-types.js\n        ├── actions.js\n        ├── getter-types.js\n        ├── getters.js\n        ├── index.js\n        ├── mutation-types.js\n        ├── mutations.js\n        └── state.js\n\n```\n开发步骤\n1. 查看index.cml文件，大概了解主页的配置和生效路径；\n2. 配置：\n    只需要在 router.config.json 中配置对应路由页面\n3. 配置完毕之后 在 `src/pages/COMP`中书写你的demo组件\n4. 当前以上的工作都是为了可以实时查看开发的组件的效果做准备，接下来就需要去`src/components`中去开发我们对应的组件\n5. enjoy yourself\n\n### 4 多端预览效果\n\n| web   |      微信小程序      |  native-weex |\n|:----------:|:-------------:|:------:|\n| \u003cimg src=\"./preview/web.jpg\" width=\"200px\"/\u003e |  \u003cimg src=\"./preview/wx.png\" width=\"200px\"/\u003e| \u003cimg src=\"./preview/weex.jpg\" width=\"200px\"/\u003e |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchameleon-team%2Fcml-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchameleon-team%2Fcml-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchameleon-team%2Fcml-ui/lists"}