{"id":19585601,"url":"https://github.com/tencentyun/iot-panel-component","last_synced_at":"2025-04-27T11:33:50.334Z","repository":{"id":40414984,"uuid":"409113824","full_name":"tencentyun/iot-panel-component","owner":"tencentyun","description":"腾讯连连标准面板组件库","archived":false,"fork":false,"pushed_at":"2023-04-23T09:50:34.000Z","size":1378,"stargazers_count":2,"open_issues_count":0,"forks_count":4,"subscribers_count":44,"default_branch":"master","last_synced_at":"2025-04-21T14:04:07.544Z","etag":null,"topics":["iot","panel","taro"],"latest_commit_sha":null,"homepage":"https://tencentyun.github.io/iot-panel-component/","language":"TypeScript","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/tencentyun.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":"2021-09-22T07:56:51.000Z","updated_at":"2024-11-15T06:25:50.000Z","dependencies_parsed_at":"2022-08-19T18:50:11.341Z","dependency_job_id":null,"html_url":"https://github.com/tencentyun/iot-panel-component","commit_stats":null,"previous_names":[],"tags_count":24,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tencentyun%2Fiot-panel-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tencentyun%2Fiot-panel-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tencentyun%2Fiot-panel-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tencentyun%2Fiot-panel-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tencentyun","download_url":"https://codeload.github.com/tencentyun/iot-panel-component/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251129763,"owners_count":21540715,"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":["iot","panel","taro"],"created_at":"2024-11-11T07:56:11.355Z","updated_at":"2025-04-27T11:33:49.864Z","avatar_url":"https://github.com/tencentyun.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# qcloud-iot-panel-component\n\n腾讯连连标准面板组件库，支持在 h5 面板和 Taro 小程序中使用。\n\n## H5 使用\n\n```bash\nyarn add qcloud-iot-panel-component\n```\n\n开始引用组件：\n\n```ts\n/* panel.tsx */\n\n// 引入组件库的css\nimport 'qcloud-iot-panel-component/lib/index.css';\n\nimport { BoolWidget } from 'qcloud-iot-panel-component';\n```\n\n## 小程序使用\n\n使用 [Taro](https://github.com/NervJS/taro) 的 [HTML编译功能](https://taro-docs.jd.com/taro/docs/use-h5)，我们可以将`qcloud-iot-panel-component`使用在小程序中，在这之前需要先将 Taro 版本升级到 3.3 以上。\n\n1. 在config中配置如下：\n\n```js\n  plugins: [\n    ['@tarojs/plugin-html', {\n      // 包含 `iotp-` 的类名选择器中的 px 单位不会被解析\n      pxtransformBlackList: [/iotp-/]\n    }]\n  ],\n```\n\n除了上述配置外，使用方法上与h5相同:\n\n```ts\n// 引入组件库的css\nimport 'qcloud-iot-panel-component/lib/index.css';\n\nimport { BoolWidget } from 'qcloud-iot-panel-component';\n\n```\n\n## 开发\n\n```bash\nyarn #安装依赖\nyarn dev #开发组件\nyarn build #打包组件\n\n# 最后执行 yarn docs 可以实时预览组件效果\nyarn docs\n```\n\n在小程序中使用本地包时，可以执行以下命令：\n\n```bash\n\n# 在组件库目录\nyarn build\nyarn pack # 生成 qcloud-iot-panel-component-v0.0.xx.tgz\n\n# 在小程序目录下\nyarn add path/to/qcloud-iot-panel-component-v0.0.xx.tgz\n\n```\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencentyun%2Fiot-panel-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftencentyun%2Fiot-panel-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftencentyun%2Fiot-panel-component/lists"}