{"id":27957874,"url":"https://github.com/tencentcloudbase/weda-custom-components","last_synced_at":"2025-05-07T18:15:03.660Z","repository":{"id":156153093,"uuid":"629896342","full_name":"TencentCloudBase/weda-custom-components","owner":"TencentCloudBase","description":"腾讯云微搭低代码平台自定义组件示例仓库","archived":false,"fork":false,"pushed_at":"2025-03-04T02:50:47.000Z","size":400,"stargazers_count":8,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-07T18:14:58.263Z","etag":null,"topics":["components-library","lowcode","miniprogram","react"],"latest_commit_sha":null,"homepage":"https://docs.cloudbase.net/lowcode/custom-components/quick-start/comps","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/TencentCloudBase.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-19T08:43:10.000Z","updated_at":"2025-04-30T06:11:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"efd8230a-c483-44b2-a252-29df73613dd5","html_url":"https://github.com/TencentCloudBase/weda-custom-components","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentCloudBase%2Fweda-custom-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentCloudBase%2Fweda-custom-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentCloudBase%2Fweda-custom-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TencentCloudBase%2Fweda-custom-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TencentCloudBase","download_url":"https://codeload.github.com/TencentCloudBase/weda-custom-components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252931507,"owners_count":21827112,"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-library","lowcode","miniprogram","react"],"created_at":"2025-05-07T18:15:02.994Z","updated_at":"2025-05-07T18:15:03.632Z","avatar_url":"https://github.com/TencentCloudBase.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/6f756dac-4323-42f5-932b-b1ca911b6693.png\" width=\"400\"\u003e\n\u003c/div\u003e\n\n\u003ch1 align=\"center\"\u003e微搭低代码自定义组件示例\u003c/h1\u003e\n\n## 项目介绍\n\n[腾讯云微搭低代码]平台支持自定义组件的方式来开发应用，支持引入第三方开源组件、集成已有代码等。\n\n本项目是腾讯云微搭低代码平台的自定义组件示例仓库，帮助开发者了解如何开发自定义组件，从而更好地搭建更加丰富的低代码应用。\n\n## 组件列表\n\n| 组件                                 | 介绍                                      |\n| ------------------------------------ | ----------------------------------------- |\n| [Button](src/web/components/button)  | 支持小程序和 web 的多端按钮组件示例       |\n| [Gantt](/src/web/components/gantt)   | 支持 web 端，甘特图组件示例               |\n| [Slider](/src/web/components/slider) | 支持 web 端，滑块组件，自定义表单组件示例 |\n| [Chart](/src/web/components/chart/)  | 支持小程序端，图表组件                    |\n\n## 使用指南\n\n### 前置依赖\n\n1.  确保拥有腾讯云账号、开通微搭低代码；\n2.  确保本地安装  [Node.js](https://nodejs.org/en/)\n3.  在微搭平台中[新建一个组件库](https://docs.cloudbase.net/lowcode/custom-components/quick-start/comps) ，组件库标识使用`wedaCustom`\n\n### 快速开始\n\n下载代码并进入项目根目录，执行以下命令\n\n```bash\nnpm install\nnpm install -g @cloudbase/cli\ntcb login\n```\n\n### 开发工作流\n\n#### 调试\n\n```bash\ntcb lowcode debug\n```\n\n打开微搭编辑器调试本地组件\n\n#### 添加组件\n\n```bash\nnpm run new\n```\n\n输入要创建的组件名，例如 `Image`, 会自动创建相关的组件初始配置和文件结构\n\n![](https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/75fe5c62-eaa6-4f4e-8329-7eac1cbf5cfa.png)\n\n#### 检查\n\n```bash\nnpm run lint\n```\n\n代码风格检查\n\n#### 发布\n\n```bash\ntcb lowcode publish\n```\n\n上传组件代码到账号下,上传完毕后，可以在微搭平台发布组件库，即可在应用中使用\n\n## 贡献指南\n\n如果您想要为这个项目做出贡献，可以参考以下步骤：\n\n1. Fork 这个仓库\n2. 创建一个新的分支\n3. 可参考[自定义组件实现](https://cloud.tencent.com/document/product/1301/72177),完成组件开发\n4. 提交您的更改\n5. 创建一个 Pull Request\n\n## 许可证\n\n开源协议文档请参阅  [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0)\n\n[腾讯云微搭低代码]: (https://cloud.tencent.com/product/weda)\n[小程序组件]: (https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/)\n[react]: (https://reactjs.org/)\n[storybook]: (https://storybook.js.org/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencentcloudbase%2Fweda-custom-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftencentcloudbase%2Fweda-custom-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencentcloudbase%2Fweda-custom-components/lists"}