# no-focus-search

> ## Project setup ``` npm install no-focus-search ```

Latest version **1.0.8** (published 2022-11-22) · 0 weekly downloads

## Install

```sh
npm install no-focus-search
pnpm add no-focus-search
yarn add no-focus-search
bun add no-focus-search
```

## 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.8 |
| Published | 2022-11-22 |
| First published | 2022-11-22 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 40.4 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | darren-ma |
| Maintainers | darren-ma |

## Links

- npm: https://www.npmjs.com/package/no-focus-search
- Repository: https://github.com/darren-mmy/no-focus-search
- Homepage: https://github.com/darren-mmy/no-focus-search#readme
- Issues: https://github.com/darren-mmy/no-focus-search/issues
- npm.io page: https://npm.io/package/no-focus-search

## Dependencies (6)

- [vue](https://npm.io/package/vue.md) ^2.6.14
- [vuex](https://npm.io/package/vuex.md) ^3.6.2
- [core-js](https://npm.io/package/core-js.md) ^3.8.3
- [js-cookie](https://npm.io/package/js-cookie.md) ^3.0.1
- [vue-router](https://npm.io/package/vue-router.md) ^3.5.1
- [vue-grid-layout](https://npm.io/package/vue-grid-layout.md) ^2.4.0

## Recent versions

- 1.0.8 (latest) — 2022-11-22
- 1.0.7 — 2022-11-22
- 1.0.6 — 2022-11-22
- 1.0.3 — 2022-11-22
- 1.0.2 — 2022-11-22
- 1.0.1 — 2022-11-22
- 1.0.0 — 2022-11-22
- 0.1.0 — 2022-11-22

## README

# noFocusSearch

## Project setup
```
npm install no-focus-search
```

### How to use
```
<!-- main.js -->
import noFocusSearch from 'no-focus-search'
import 'no-focus-search/dist/no-focus-search.css'
Vue.use(noFocusSearch)
<!-- app.vue文件 -->
<template>
  <div>
    <noFocusSearch
      @getInput="getInput"
      @checkItem="checkItem"
      :dataList="dataList"
      :noData="'无匹配结果'"
    />
</template>
<script>

export default {
  data() {
    return {
      dataList: [
        { id: 1, name: 'array', age: 24 },
        { id: 2, name: 'array1', age: 24 },
        { id: 3, name: 'array12', age: 24 },
        { id: 4, name: 'array123', age: 24 },
        { id: 5, name: 'object', age: 24 },
        { id: 6, name: 'object1', age: 24 },
        { id: 7, name: 'object12', age: 24 },
        { id: 8, name: 'object123', age: 24 },
        { id: 9, name: 'string', age: 24 },
        { id: 10, name: 'string111', age: 24 },
        { id: 11, name: 'boolean', age: 24 },
        { id: 12, name: 'boolean1', age: 24 },
        { id: 13, name: 'boolean12', age: 24 },
        { id: 14, name: 'number', age: 24 },
        { id: 15, name: 'number1', age: 24 },
        { id: 16, name: 'number12', age: 24 },
        { id: 17, name: 'undefined', age: 24 },
        { id: 18, name: 'undefined1', age: 24 },
        { id: 19, name: 'undefined12', age: 24 }
      ]
    }
  },
  methods: {
    checkItem(item) {
      console.log(item)
    },
    getInput(val) {
      console.log(val)
    }
  }
}
</script>

```

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