# uiik

**Repository Path**: holyhigh2/uiik

## Basic Information

- **Project Name**: uiik
- **Description**: Github同步仓库
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-03-28
- **Last Updated**: 2024-01-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

![npm](https://img.shields.io/npm/v/uiik?style=plastic)
![NPM](https://img.shields.io/npm/l/uiik)

# Uiik
一个UI交互工具库，提供了可拖动、可分隔、可旋转、可选择等交互控制
> 中文 | [English](./README.md)

- [📑 文档](https://holyhigh2.github.io/uiik/)
- [⚡ 在线体验](https://stackblitz.com/edit/uiik)

## 特性
- Draggable/Droppable/Splittable/rotatable/selectable/Resizable
- 可定制的CSS接口，如'uii-draggable-handle', 'uii-splittable-handle'...
- 丰富的配置选项
- SVG支持

## 快速上手
1. 安装
```sh
npm i uiik
```
2. 导入
```ts
import uiik from 'uiik'
//or
import {newSplittable} from 'uiik'
//or
import {Splittable} from 'uiik'
//or
import uiik from 'https://cdn.skypack.dev/uiik'
```
3. 导入模块
```ts
import {newSplittable} from 'uiik/splittable'
//or
import {newSortable} from 'uiik/sortable'
```

## 常见问题
1. draggable —— dom元素的offsetParent不是parentNode且中间元素产生边距时会影响光标定位

## 开发
1. 使用 `test` 执行jest测试 
2. 使用 `build` 进行打包
3. 使用 `doc` 生成tsdoc