# vue-expressions-baidu

> A Vue Component about Baidu Expressions.

Latest version **1.0.0** (published 2017-11-15) · ISC license · 0 weekly downloads

## Install

```sh
npm install vue-expressions-baidu
pnpm add vue-expressions-baidu
yarn add vue-expressions-baidu
bun add vue-expressions-baidu
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2017-11-15 |
| First published | 2017-11-15 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | Pwcong |
| Maintainers | pwcong |
| Keywords | Baidu-Expressions |

## Links

- npm: https://www.npmjs.com/package/vue-expressions-baidu
- Repository: https://github.com/pwcong/vue-expressions-baidu
- Homepage: https://github.com/pwcong/vue-expressions-baidu#readme
- Issues: https://github.com/pwcong/vue-expressions-baidu/issues
- npm.io page: https://npm.io/package/vue-expressions-baidu

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^2.5.3
- [rimraf](https://npm.io/package/rimraf.md) ^2.6.2
- [cross-env](https://npm.io/package/cross-env.md) ^5.1.0

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2017-11-15

## README

![preview](https://github.com/pwcong/SnapShot/blob/master/react-expressions/demo.gif?raw=true)

# vue-expressions-baidu
A Vue Component about Baidu Expressions.

## Install
```
npm install --save vue-expressions-baidu
```

## Usage

```html

<baidu-expressions-picker
pickerClass="picker"
symbolClass="symbol"
:onSymbolClick="handleSymbolClick"/>

<div class="symbols">

<baidu-expressions-symbol 
    v-for="(symbol, idx) in symbols"
    :key="'symbols-item-' + idx"
    :symbol="symbol"/>

</div>
```


```js
import {
  BaiduExpressionsPicker,
  BaiduExpressionsSymbol,
  isSymbol,
  SYMBOLS
} from "../../src/index";

export default {
  data() {
    return {
      symbols: []
    };
  },
  components: {
    BaiduExpressionsPicker,
    BaiduExpressionsSymbol
  },
  methods: {
    handleSymbolClick(symbol) {
      if (isSymbol(symbol)) {
        this.symbols.push(SYMBOLS[symbol]);
      }
    }
  }
};

```

## API

* BaiduExpressionsPicker [ vue component ]

    props:

    * pickerClass [ string ]
    * symbolClass [ string ]
    * onSymbolClick [ func ]

* BaiduExpressionsSymbol [ vue component ]

    props:

    * symbol [ string | required]
    * className [ string ]

* isSymbol [ func | str[string] -> bool ]

    check if `str` is a valid symbol.

* SYMBOLS [ object ]

    get symbol dataURL using key

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