npm package: @snail-js/vue
Description: vue components lib
Latest version: 0.1.16

## `Snail-js`Vue组件库

<p>
  <img src="https://img.shields.io/npm/v/%40snail-js%2Fvue?logo=data%3Aimage%2Fsvg%2Bxml%3Bcharset%3Dutf-8%3Bbase64%2CPHN2ZyB0PSIxNzM2NTc0NTAyNjY1IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjU0NzciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNOTI5LjI0OCAzMTAuODE2YzEuNTA0IDAuMjg4IDMuMDQgMC40NDggNC42MDggMC40NDggMTQuNDMyIDAgMjYuMTQ0LTEyLjQ0OCAyNi4xNDQtMjcuODA4cy0xMS43MTItMjcuODA4LTI2LjE0NC0yNy44MDhjLTE0LjQzMiAwLTI2LjE0NCAxMi40NDgtMjYuMTQ0IDI3LjgwOCAwIDkuMDg4IDQuMDk2IDE3LjE4NCAxMC40NjQgMjIuMjcyLTMuNDg4IDUuMzEyLTYuNTI4IDEwLjQ5Ni04LjE5MiAxNC42MjQtMS4yNDggMy4wNzItNC4xOTIgOS41MzYtOCAxNy43OTItNi4xNDQtMS44NTYtMTIuNjA4LTIuODgtMTkuMjk2LTIuOTc2LTkuMTItMTguOTQ0LTM4Ljc1Mi04MC43MzYtNDQuMTkyLTkzLjc5MiA1LjgyNC01LjA4OCA5LjUwNC0xMi44MzIgOS41MDQtMjEuNDcyIDAtMTUuMzYtMTEuNzEyLTI3LjgwOC0yNi4xNDQtMjcuODA4cy0yNi4xNDQgMTIuNDQ4LTI2LjE0NCAyNy44MDhjMCAxNS4zNiAxMS43MTIgMjcuODA4IDI2LjE0NCAyNy44MDggMC4wOTYgMCAwLjE5MiAwIDAuMjg4IDAgNC4yODggMjAuMTYgMTcuMTUyIDcyLjE2IDIzLjQyNCA5Ny4yOC0yMy4wNCAxMy41MzYtMzguNjU2IDM5LjY0OC0zOC42NTYgNjkuNjMyIDAgMjIuODgtMi43MiA0NS4wNTYtNy44MDggNjYuMjQtMTEuNzc2LTE2MC44LTE0MS41NjgtMjg3LjQ4OC0yOTkuOTM2LTI4Ny40ODgtMTY2LjExMiAwLTMwMC44IDEzOS4zOTItMzAwLjggMzExLjMyOCAwIDYzLjY4IDE4LjQ2NCAxMjIuOTEyIDUwLjE3NiAxNzIuMjI0bC0xNjkuOTg0IDBjLTE4LjIwOCAwLTE5LjIzMiA2LjAxNi0zLjI2NCAxMy40MDhsMjE0LjU2IDk5LjQ1NmMxNC40OTYgNi43MiAzMy4zMTIgMTIuODMyIDUyLjgzMiAxNy41MDQgMC41NzYgMC40MTYgMS4yMTYgMC44NjQgMS45MiAxLjMxMiAxNzMuNiAzMS44MDggMjYwLjY0IDIyLjAxNiAyNjAuNjQgMjIuMDE2IDI2MS41NjgtMzIuNDQ4IDM1MS4wNC0yMTEuMDA4IDM1MS4wNC00MTYgMC0yOC4yODgtMTMuODU2LTUzLjA4OC0zNC43NTItNjcuMiAzLjEwNC0xMy4xNTIgNS40MDgtMjMuNDg4IDUuOTItMjcuMTA0IDAuMzg0LTIuNjg4IDEuMDI0LTUuOTg0IDEuODI0LTkuNDcyek01NTUuMzI4IDI3OS4wMDhjMCAwLTEuMTIgMC4wMzItMy4yNjQgMC4xMjgtMS4wODggMC4wMzItMi40IDAuMDk2LTQgMC4xNnMtMy40MjQgMC4wNjQtNS41MDQgMC4yNTZjLTguMjU2IDAuNTEyLTIwLjM4NCAxLjc5Mi0zNS4zMjggNS4xMi0xLjg1NiAwLjQ0OC0zLjc3NiAwLjgzMi01LjcyOCAxLjMxMi0xLjk1MiAwLjU0NC0zLjkzNiAxLjA4OC01Ljk1MiAxLjY2NC00LjA5NiAxLjAyNC04LjIyNCAyLjU2LTEyLjU3NiAzLjkzNi0yLjE3NiAwLjczNi00LjMyIDEuNjMyLTYuNTYgMi40NjQtMS4xMiAwLjQxNi0yLjI0IDAuODMyLTMuMzYgMS4yOHMtMi4yNCAwLjk2LTMuMzYgMS40NC00LjU0NCAxLjk1Mi02Ljg4IDMuMDA4Yy0yLjI3MiAxLjEyLTQuNjA4IDIuMjcyLTYuOTQ0IDMuNDU2LTE4LjYyNCA5LjYtMzguMzA0IDIzLjA0LTU2IDQxLjM3Ni04LjgzMiA5LjEyLTE3LjI4IDE5LjM2LTI0Ljc2OCAzMC43MnMtMTQuMjQgMjMuNzEyLTE5LjUyIDM3LjA1NmMtNS4yOCAxMy4zNDQtOS40NzIgMjcuNDg4LTExLjkzNiA0Mi4yNzItMC4yODggMS44NTYtMC42NCAzLjY4LTAuOTI4IDUuNTY4LTAuMjI0IDEuODU2LTAuNDQ4IDMuNzQ0LTAuNjcyIDUuNjMyLTAuNTQ0IDMuNzQ0LTAuNzM2IDcuNTUyLTEuMDI0IDExLjM2bC0wLjIyNCAyLjg0OC0wLjA2NCAyLjY4OGMtMC4wMzIgMi4wNDgtMC4wOTYgNC4wOTYtMC4xMjggNi4xNDQgMC4xNiAzLjYxNiAwLjEyOCA3LjEwNCAwLjUxMiAxMC45NDRsMC4yMjQgMi44NDhjMC4wNjQgMC45NiAwLjE2IDEuODg4IDAuMjg4IDIuODQ4IDAuMjU2IDEuODg4IDAuNDggMy43NzYgMC43MzYgNS42NjRzMC42NzIgMy43NzYgMC45OTIgNS42MzJsMC41MTIgMi44MTYgMC42NCAyLjgxNmMxLjU2OCA3LjUyIDMuODcyIDE0LjkxMiA2LjYyNCAyMi4xNDQgMC43MzYgMS43OTIgMS4zNDQgMy42NDggMi4xNzYgNS40MDggMC44IDEuNzkyIDEuNTY4IDMuNTUyIDIuMzY4IDUuMzQ0IDEuNzYgMy40ODggMy40MjQgNy4wMDggNS40MDggMTAuNCAxLjg1NiAzLjQ1NiA0IDYuNzIgNi4xMTIgMTAuMDQ4bDMuMzYgNC44NjRjMS4xMiAxLjYzMiAyLjM2OCAzLjEzNiAzLjU1MiA0LjczNiA0Ljg2NCA2LjIwOCAxMC4xMTIgMTIuMTYgMTUuOTA0IDE3LjU2OHMxMS45MzYgMTAuNDY0IDE4LjQgMTUuMDcyYzEzLjA1NiA5LjA1NiAyNy40NTYgMTYuMjU2IDQyLjY4OCAyMC45MjggMS45MiAwLjU0NCAzLjc3NiAxLjI0OCA1LjcyOCAxLjY5Nmw1Ljc5MiAxLjQ3MmMxLjk1MiAwLjQ0OCAzLjkwNCAwLjggNS44NTYgMS4yMTYgMC45OTIgMC4xOTIgMS45NTIgMC40MTYgMi45NDQgMC41NzZsMi45NDQgMC40NDhjMy45MzYgMC42NzIgNy45MDQgMC45OTIgMTEuODcyIDEuNDA4LTAuMDY0IDAgMC42NzIgMC4wNjQtMC4wNjQgMGw3LjA0IDAuMzIgMC42NzIgMCAxLjM0NCAwIDIuNjg4IDBjMC44NjQgMC4wMzIgMS44NTYtMC4wNjQgMi44MTYtMC4wOTZsMi44OC0wLjE2YzAuOTYtMC4wMzIgMS45Mi0wLjEyOCAyLjg4LTAuMjI0bDIuODgtMC4yODhjMy44MDgtMC40NDggNy42MTYtMS4wMjQgMTEuMzkyLTEuODI0IDcuNTItMS41NjggMTQuODgtMy44NzIgMjEuOTItNi44NDhzMTMuNzkyLTYuNjI0IDIwLjEyOC0xMC44NDhjNi4zNjgtNC4xOTIgMTIuMjg4LTguOTYgMTcuNzI4LTE0LjIwOCAxMC44OC0xMC40OTYgMTkuNjE2LTIyLjk0NCAyNS45ODQtMzYuMjg4IDMuMTY4LTYuNjg4IDUuNjMyLTEzLjYzMiA3LjUyLTIwLjY3MiAwLjU0NC0xLjc2IDAuODk2LTMuNTIgMS4yOC01LjMxMmwwLjYwOC0yLjY1NiAwLjQ0OC0yLjY4OGMwLjMyLTEuNzkyIDAuNjcyLTMuNTUyIDAuODY0LTUuMzQ0bDAuMzUyLTIuNjg4IDAuMTYtMS4zNDQgMC4wMzItMC4zNTJjMC4wMzItMC4xOTItMC4wMzIgMC40NDggMCAwbDAuMDY0LTAuNzM2IDAuMzItNC41MTJjMC4wMzItMC40NDggMC4wMzItMC44MzIgMC4wMzItMS4yNDhsMC4wNjQtMi40YzAuMDMyLTAuNzY4IDAuMDMyLTEuNjMyIDAtMi41MjgtMC4wNjQtMS43MjgtMC4wNjQtMy40NTYtMC4yMjQtNS4xODRsLTAuMTkyLTIuNTZjLTAuMDY0LTAuODY0LTAuMTkyLTEuNjk2LTAuMzItMi41Ni0wLjgzMi02LjgxNi0yLjQzMi0xMy40NC00LjU3Ni0xOS44MDhzLTQuOTYtMTIuNDQ4LTguMzItMTguMTEyYy0zLjMyOC01LjY2NC03LjI2NC0xMC45MTItMTEuNTItMTUuNzQ0LTguNTEyLTkuNjMyLTE4LjY4OC0xNy4yOC0yOS40NzItMjIuNzUycy0yMi4xNDQtOC43NjgtMzMuMjgtMTAuMjRsLTAuNzY4LTAuMTI4YzAuMzUyIDAtMC4wNjQgMC0wLjA2NCAwbC0xLjEyLTAuMDk2Yy0wLjczNi0wLjA2NC0xLjUwNC0wLjEyOC0yLjI0LTAuMjI0LTAuOC0wLjA5Ni0xLjQwOC0wLjA5Ni0yLjA0OC0wLjEyOHMtMS4yOC0wLjA2NC0xLjkyLTAuMDk2Yy0yLjU5Mi0wLjA5Ni01LjMxMi0wLjAzMi03LjkzNiAwLjEyOC01LjI0OCAwLjM1Mi0xMC4zMDQgMS4yMTYtMTUuMTM2IDIuNDY0LTkuNjY0IDIuNTI4LTE4LjMzNiA2LjY4OC0yNS42MzIgMTEuNjQ4LTMuNjQ4IDIuNDk2LTcuMDA4IDUuMTUyLTEwLjAxNiA3LjkzNi0yLjk3NiAyLjgxNi01LjY5NiA1LjYzMi04LjA2NCA4LjU0NHMtNC40OCA1Ljc2LTYuMjQgOC42NGMtMC40NDggMC43MDQtMC44OTYgMS40MDgtMS4zNDQgMi4xMTJzLTAuOCAxLjQwOC0xLjE4NCAyLjA4Yy0wLjggMS4zNzYtMS40NzIgMi43Mi0yLjE0NCA0LjA2NC0yLjYyNCA1LjMxMi00LjMyIDEwLjExMi01LjUwNCAxNC4wNDgtMC41NDQgMS45ODQtMS4wNTYgMy43NDQtMS4zNzYgNS4zMTJzLTAuNjcyIDIuODQ4LTAuODMyIDMuOTA0Yy0wLjM4NCAyLjExMi0wLjU3NiAzLjIzMi0wLjU3NiAzLjIzMnMwLjAzMi0xLjEyIDAuMDMyLTMuMjY0YzAtMS4wODggMC4wOTYtMi40MzIgMC4xOTItNC4wMzIgMC4wNjQtMS42IDAuMzItMy40NTYgMC41NzYtNS41MzYgMC42NC00LjE2IDEuNjMyLTkuMzQ0IDMuNTUyLTE1LjIzMnM0LjgtMTIuNTQ0IDkuMTItMTkuMzkyYzIuMTQ0LTMuNDI0IDQuNjcyLTYuOTEyIDcuNTg0LTEwLjM2OHM2LjI3Mi02LjgxNiAxMC4wMTYtMTAuMDhjMy43NDQtMy4yNjQgNy45MzYtNi4zMzYgMTIuNTc2LTkuMTJzOS42OTYtNS4yOCAxNS4xMzYtNy4zNmM1LjQ0LTIuMDggMTEuMjk2LTMuNjggMTcuNDcyLTQuNzM2IDMuMTA0LTAuNTEyIDYuMjA4LTAuODk2IDkuNTA0LTEuMDg4IDAuODMyLTAuMDMyIDEuNjk2LTAuMDk2IDIuNTI4LTAuMTI4czEuNzI4LTAuMDk2IDIuNDMyLTAuMDY0YzAuNzM2IDAgMS41MDQgMCAyLjI0IDBsMS4xMiAwYzAuMTkyIDAtMC4wMzIgMCAwLjUxMiAwbDAuMzIgMCAwLjYwOCAwLjAzMmMxMy4wNTYgMC40MTYgMjYuODE2IDMuMTY4IDQwLjM1MiA4LjYwOHMyNi41NiAxMy44ODggMzcuOTg0IDI0LjkyOGMxMS40MjQgMTEuMDQgMjEuMDI0IDI0LjkyOCAyNy41ODQgNDAuNzY4IDMuMjk2IDcuOTA0IDUuNzYgMTYuMzIgNy4yOTYgMjUuMDI0IDAuMTkyIDEuMDg4IDAuNDE2IDIuMTc2IDAuNTc2IDMuMjY0bDAuNDQ4IDMuMjk2YzAuMzIgMi4yMDggMC40OCA0LjQ0OCAwLjY0IDYuNjU2IDAuMjI0IDIuMTc2IDAuMjI0IDQuNjcyIDAuMjg4IDcuMDA4bDAuMDMyIDEuNzYtMC4wMzIgMS41MDQtMC4wNjQgMy4wMDggMCAwLjc2OGMwLTAuMTkyLTAuMDMyIDAuNzA0LTAuMDMyIDAuNzY4bC0wLjAzMiAwLjQxNi0wLjEyOCAxLjY2NC0wLjIyNCAzLjMyOGMtMC4xMjggMi4yNC0wLjQ0OCA0LjQ0OC0wLjcwNCA2LjY4OGwtMC40MTYgMy4zNi0wLjYwOCAzLjMyOGMtMC40MTYgMi4yMDgtMC43NjggNC40NDgtMS4zMTIgNi42NTYtMS45NTIgOC44NjQtNC43MzYgMTcuNjk2LTguMzUyIDI2LjI0LTcuMiAxNy4xMi0xNy44NTYgMzMuMTg0LTMxLjIzMiA0Ni45MTItNi42ODggNi44OC0xNC4wOCAxMy4xNTItMjIuMDE2IDE4Ljc1Mi03Ljk2OCA1LjUzNi0xNi41NDQgMTAuMzY4LTI1LjUwNCAxNC4zMzYtMTcuOTg0IDcuOTM2LTM3LjU2OCAxMi41NDQtNTcuNjMyIDEzLjAyNGwtMy45MzYgMC4wMzItMi45NDQgMC03LjA0LTAuMjg4Yy0xLjAyNC0wLjA2NC0wLjU0NC0wLjAzMi0wLjg5Ni0wLjA2NC00LjgzMi0wLjQ0OC05LjY5Ni0wLjgzMi0xNC41MjgtMS42bC0zLjYxNi0wLjUxMmMtMS4yMTYtMC4xNi0yLjQtMC40NDgtMy42MTYtMC42NzItMi40LTAuNDgtNC44LTAuODk2LTcuMTY4LTEuNDRsLTcuMTA0LTEuNzZjLTEuMTg0LTAuMjg4LTIuMzY4LTAuNjQtMy41Mi0wLjk5MmwtMy41Mi0xLjA4OGMtMTguNjg4LTUuODI0LTM2LjM1Mi0xNC43ODQtNTIuMjU2LTI1Ljk4NC03LjkzNi01LjY2NC0xNS4zNi0xMS45MzYtMjIuMzA0LTE4LjY4OHMtMTMuMjE2LTE0LjExMi0xOS4wMDgtMjEuNzZjLTUuNzkyLTcuNjQ4LTEwLjkxMi0xNS43NzYtMTUuMzYtMjQuMTkyLTIuMzA0LTQuMTYtNC4yMjQtOC41MTItNi4yMDgtMTIuOC0wLjg5Ni0yLjE3Ni0xLjc5Mi00LjM4NC0yLjY4OC02LjU2cy0xLjYzMi00LjQxNi0yLjQzMi02LjYyNGMtMy4wNzItOC44NjQtNS41NjgtMTcuODg4LTcuMjMyLTI3LjAwOC0xLjcyOC05LjA4OC0yLjcyLTE4LjI3Mi0zLjAwOC0yNy4zNi0wLjI1Ni00LjQ0OC0wLjA2NC05LjMxMi0wLjAzMi0xMy45NTIgMC4xMjgtMi4wOCAwLjI1Ni00LjEyOCAwLjM4NC02LjIwOGwwLjIyNC0zLjQ1NiAwLjM4NC0zLjI2NGMwLjUxMi00LjM1MiAwLjg5Ni04LjY3MiAxLjcyOC0xMi45NiAwLjM1Mi0yLjE0NCAwLjczNi00LjI1NiAxLjA4OC02LjQgMC40MTYtMi4xMTIgMC45MjgtNC4xOTIgMS4zNzYtNi4zMDQgMy43NzYtMTYuNzA0IDkuMjE2LTMyLjY0IDE2LjE5Mi00Ny4yOTYgNi45NDQtMTQuNjU2IDE1LjI5Ni0yOC4xMjggMjQuNTc2LTQwLjEyOHMxOS4zNi0yMi42MjQgMjkuODg4LTMxLjgwOGMxMC41Ni05LjE1MiAyMS4zNzYtMTYuOTkyIDMyLjI4OC0yMy4zNnMyMS42OTYtMTEuNTUyIDMyLjA5Ni0xNS41ODRjMi42MjQtMC45NiA1LjE4NC0xLjkyIDcuNzEyLTIuODQ4IDIuNTYtMC44MzIgNS4wODgtMS42IDcuNTg0LTIuNCAxLjI0OC0wLjM4NCAyLjQ2NC0wLjggMy42OC0xLjEyczIuNDY0LTAuNjQgMy42OC0wLjk2IDQuOC0xLjI4IDcuMTM2LTEuNzZjNC43MDQtMC44OTYgOS4xODQtMS45ODQgMTMuNTM2LTIuNTI4IDIuMTc2LTAuMzIgNC4yODgtMC42NCA2LjMzNi0wLjkyOCAyLjA4LTAuMjU2IDQuMDk2LTAuNDE2IDYuMDgtMC42MDhzMy44NzItMC4zODQgNS43MjgtMC41MTJjMS44NTYtMC4wOTYgMy42OC0wLjE2IDUuNDQtMC4yMjRzMy40NTYtMC4xMjggNS4wODgtMC4xOTJjMS42MzIgMC4wMzIgMy4yMzIgMC4wMzIgNC43NjggMC4wNjQgNi4wOC0wLjAzMiAxMS4yOTYgMC40NDggMTUuNDU2IDAuNzA0IDIuMDggMC4wOTYgMy45MDQgMC4zODQgNS41MDQgMC41NzZzMi45MTIgMC4zNTIgMy45NjggMC41MTJjMi4xNDQgMC4yNTYgMy4yMzIgMC40MTYgMy4yMzIgMC40MTZ6IiBwLWlkPSI1NDc4Ij48L3BhdGg%2BPC9zdmc%2B&label=%40snail-js%2Fvue&labelColor=1e80ff&color=67C23A&link=https%3A%2F%2Fgitee.com%2Flimich%2Fsnail"></img>
  <img src="https://img.shields.io/badge/node-%20%3E%3D%2020-47c219"></img>
  <img src="https://img.shields.io/badge/TypeScript-1e80ff"></img>
  <img src="https://img.shields.io/npm/v/vue?label=vue&labelColor=1e80ff&color=67C23A"></img>
  <img src="https://img.shields.io/npm/v/element-plus?label=element-plus&labelColor=1e80ff&color=67C23A"></img>
</p>

### Why it's snail?
- Is it slow?
- no! because it's my son's nickname!
- He always give me the motivation to programing.

### 介绍
- 基于Vue3开发的组件库
- 主要用于个人项目开发

### 安装
- npm 安装
`npm install @snail-js/vue`
- pnpm 安装
`pnpm install @snail-js/vue`


### 使用
- main.ts
```ts
// 在main.ts中添加样式库
import "@snail-js/vue/index.css"

```


#### 或在页面中添加样式库
```html
<!-- App.vue -->
<style lang="scss">
@use "@snail-js/vue/index.css";
</style>
```

### 组件列表
- AliCaptcha 阿里图形验证码
- SIcon 图标组件,兼容Element Plus图标，可传入Element Plus图标/图标组件，也可使用主题库图标
- SClickCopy 复制组件
- SPopupMenu 弹出菜单组件(函数式)
- SWordCloud 3D旋转立体词云组件


### 代码仓库
- ![Static Badge](https://img.shields.io/badge/snail-js?style=flat&label=gitee&labelColor=F56C6C&link=https%3A%2F%2Fgitee.com%2Flimich%2Fsnail)
- ![Static Badge](https://img.shields.io/badge/snail-js?style=flat&label=github&labelColor=F56C6C&link=https%3A%2F%2Fgihub.com%2Flimingchang%2Fsnail)


### 组件库文档
- 已发布，待部署

### 作者
- mc.lee