# tingfeng

> UI包

Latest version **0.0.29** (published 2023-11-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install tingfeng
pnpm add tingfeng
yarn add tingfeng
bun add tingfeng
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.29 |
| Published | 2023-11-16 |
| First published | 2023-10-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 2.7 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | tingfeng |
| Maintainers | shisanlailin |
| Keywords | tingfeng, tf, tingfeng-ui, tingfeng-UI, TF |

## Links

- npm: https://www.npmjs.com/package/tingfeng
- npm.io page: https://npm.io/package/tingfeng

## Dependencies (6)

- [dayjs](https://npm.io/package/dayjs.md) ^1.11.10
- [motion](https://npm.io/package/motion.md) ^10.16.4
- [echarts](https://npm.io/package/echarts.md) ^5.4.3
- [vue-echarts](https://npm.io/package/vue-echarts.md) ^6.6.1
- [@vicons/utils](https://npm.io/package/@vicons/utils.md) ^0.1.4
- [@vicons/fluent](https://npm.io/package/@vicons/fluent.md) ^0.12.0

## Recent versions

- 0.0.29 (latest) — 2023-11-16
- 0.0.28 — 2023-11-16
- 0.0.27 — 2023-11-10
- 0.0.26 — 2023-11-07
- 0.0.25 — 2023-11-06
- 0.0.24 — 2023-11-06
- 0.0.23 — 2023-11-06
- 0.0.22 — 2023-11-06
- 0.0.21 — 2023-11-06
- 0.0.20 — 2023-11-06
- 0.0.19 — 2023-11-06
- 0.0.18 — 2023-11-02
- 0.0.17 — 2023-10-31
- 0.0.16 — 2023-10-30
- 0.0.15 — 2023-10-30
- … 10 more at https://npm.io/package/tingfeng/versions

## README

# 开始

## 1. 下载方式

你可以通过`npm`或`yarn`下载


```js

npm install tingfeng

```

```js

yarn add tingfeng

```


   

## 2. 引用

`main.ts`中引用

```ts
    
import TingFengUI from 'tingfeng'

import 'tingfeng/css';

app.use(TingFengUI)
    
```

## 3. 使用

`Tbutton`组件示例

```vue

<script lang="ts" setup>
const click = (e: MouseEvent) => {
  console.log(e);
};
</script>

<template>
  <Tbutton size="large" type="primary" @handleClick="click">测试组件</Tbutton>
</template>

<style lang="less" scoped></style>
    
```

## 4. TS类型支持
`tsconfig.json`中添加`types`字段
```json
{
  "compilerOptions": {
    "types": ["tingfeng/src/components.d.ts"]
  }
}
```

---
_Source: https://npm.io/package/tingfeng · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._