照明色温圆环组件源码及介绍 ray-lamp-circle-picker

muhai · 2024年 Aug 15日 11:14

物料地址：https://developer.tuya.com/material/lib ... rclePicker

效果图

源码下载

ray-lamp-circle-picker.zip: (547.45 KiB) Downloaded 102 times

源码目录介绍

├── README-zh_CN.md
├── README.md
├── commitlint.config.js
├── example # 组件自带的 demo 示例
│   ├── project.tuya.json
│   ├── ray.config.ts
│   └── src
├── package.json
├── project.tuya.json
├── src # 组件源码
│   ├── component
│   │   ├── index.config.js
│   │   ├── index.module.less
│   │   ├── index.tsx
│   │   ├── props.ts
│   │   └── rjs # canvas绘制逻辑部分，这里定义了圆环的背景色及拖动事件
│   │       ├── index.js
│   │       ├── index.json
│   │       ├── index.rjs
│   │       ├── index.tyml
│   │       └── index.tyss
│   ├── i18n
│   ├── index.config.js
│   ├── index.module.less
│   ├── index.tsx
│   ├── props.ts
│   ├── res
│   ├── typings
│   └── utils
├── tsconfig.json
└── yarn.lock

本地运行命令

Code: Select all

yarn watch # 组件实时编译
yarn start:tuya # 启动example编译

IDE导入example目录即可预览