[English](./README.md) | 简体中文

# @ray-js/components-ty

[![](https://img.shields.io/npm/v/@ray-js/components-ty/latest.svg)](https://www.npmjs.com/package/@ray-js/components-ty) [![download](https://img.shields.io/npm/dt/@ray-js/components-ty.svg)](https://www.npmjs.com/package/@ray-js/components-ty)

> 涂鸦风格跨端组件库

为了提供更优质的开发体验和更强大的功能支持，我们建议您从当前的拓展组件库切换到全新的 [SmartUI 组件库](https://developer.tuya.com/material/smartui?comId=help-getting-started)。SmartUI 不仅处于积极维护状态，还为小程序开发提供了诸多优势：

- **跨平台预览**：轻松查看组件在不同平台上的表现，确保一致性和高质量。
- **在线编辑**：通过 Codesandbox 实现实时在线编辑和预览，加速开发流程，提升效率。

## 安装

```sh
$ npm install @ray-js/components-ty
// 或者
$ yarn add @ray-js/components-ty
```

## 使用

<!--START_SECTION:txp-usage-->
```ts
import { TyDialog, TyTypography, TyAlert, TyPicker, TyTimePicker, TySwipeout, TyInput, TyActionsheet, TyCell, TyPopover, TySlider, TySwitch, TyProgressBar, TyProgressCircle } from '@ray-js/components-ty';
```
<!--END_SECTION:txp-usage-->

**注意事项：**部分组件存在子组件或方法，需通过静态属性或静态方法调用，如 `TyDialog.useDialog`、`TyPopover.Item`、`TyCell.Item` 等

## 设计资源

见 [小程序 UI 规范和组件](https://www.figma.com/file/z6TDUyCo2Q6ov9nhh3guSd/%E5%B0%8F%E7%A8%8B%E5%BA%8FUI%E8%A7%84%E8%8C%83%E5%92%8C%E7%BB%84%E4%BB%B6?node-id=1%3A2483)