next-abstract-search-query

Abstract search query for next.

installation

1npm install -S @jswork/next-abstract-search-query

apis

api	params	description
get	-	Get qs like string.
set	(key,value)	Set key/value.
sets	(obj)	Set key/value use object.

usage

1import NxAbstractSearchQuery from '@jswork/next-abstract-search-query';
2
3const initialState = {
4  pageNo: 1,
5  pageSize: 10,
6  keyword: '',
7  types: [],
8  labels: []
9};
10
11const nxsq = new NxAbstractSearchQuery(initialState, {
12  set: function(data,key,value){
13    nx.set(data, key, value);
14    if (!key.includes('page')) {
15      data.pageNo = 1;
16    }
17  },
18  onChange: function(inEvent){
19    console.log(inEvent.target.value);
20  }
21});
22
23// set/get
24
25nxsq.set('pageNo', 2);
26nxsq.get()
27// 'pageNo=2&pageSize=10'
28
29nxsq.set('labels', ['lb1', 'lb2']);
30nxsq.get();
31// 'pageNo=1&pageSize=10&labels=lb1,lb2'
32
33// sets
34nxsq.sets({ pageNo:2, pageSize:20 });
35
36// get inner data
37console.log(nxsq.data);
38
39{
40  pageNo: 2,
41  pageSize: 10,
42  keyword: '',
43  types: [],
44  labels: ['lb1', 'lb2']
45}

defaults

1const defaults = {
2  url: null,
3  onChange: nx.noop,
4  onInit: nx.noop,
5  set: function (data, key, value) {
6    nx.set(data, key, value);
7  },
8  isEmpty: function (value) {
9    return !value || value.length === 0;
10  },
11  transform: function (key, value) {
12    var _value = Array.isArray(value) ? value.join() : value;
13    return key + '=' + _value;
14  }
15};

license

Code released under the MIT license.