@appbaseio/reactivesearch-vue 1.36.2 → 1.36.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@appbaseio/reactivesearch-vue.umd.js +111 -80
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +2 -2
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
- package/dist/cjs/DataSearch.js +110 -79
- package/dist/cjs/version.js +1 -1
- package/dist/es/DataSearch.js +110 -79
- package/dist/es/version.js +1 -1
- package/package.json +87 -87
package/dist/es/DataSearch.js
CHANGED
|
@@ -53,7 +53,8 @@ var DataSearch = {
|
|
|
53
53
|
selectedTags: [],
|
|
54
54
|
isOpen: false,
|
|
55
55
|
normalizedSuggestions: [],
|
|
56
|
-
isPending: false
|
|
56
|
+
isPending: false,
|
|
57
|
+
isSuggestionSelected: false
|
|
57
58
|
};
|
|
58
59
|
this.internalComponent = props.componentId + "__internal";
|
|
59
60
|
return this.__state;
|
|
@@ -431,13 +432,13 @@ var DataSearch = {
|
|
|
431
432
|
if (isTagsMode && isEqual(value, _this.selectedTags)) {
|
|
432
433
|
return;
|
|
433
434
|
}
|
|
434
|
-
// Refresh recent searches when value becomes empty
|
|
435
435
|
if (!value && props.enableDefaultSuggestions === false) {
|
|
436
436
|
_this.resetStoreForComponent(props.componentId);
|
|
437
437
|
} else if (!value && _this.currentValue && _this.enableRecentSearches) {
|
|
438
438
|
_this.getRecentSearches();
|
|
439
439
|
}
|
|
440
440
|
if (isTagsMode) {
|
|
441
|
+
var isTagAdded = false;
|
|
441
442
|
if (Array.isArray(_this.selectedTags) && _this.selectedTags.length) {
|
|
442
443
|
// check if value already present in selectedTags
|
|
443
444
|
if (typeof value === 'string' && _this.selectedTags.includes(value)) {
|
|
@@ -446,14 +447,36 @@ var DataSearch = {
|
|
|
446
447
|
}
|
|
447
448
|
_this.selectedTags = [].concat(_this.selectedTags);
|
|
448
449
|
if (typeof value === 'string' && !!value) {
|
|
449
|
-
|
|
450
|
+
if (props.strictSelection && cause === causes.SUGGESTION_SELECT) {
|
|
451
|
+
_this.selectedTags.push(value);
|
|
452
|
+
isTagAdded = true;
|
|
453
|
+
} else if (!props.strictSelection) {
|
|
454
|
+
_this.selectedTags.push(value);
|
|
455
|
+
isTagAdded = true;
|
|
456
|
+
}
|
|
450
457
|
} else if (Array.isArray(value) && !isEqual(_this.selectedTags, value)) {
|
|
451
|
-
|
|
458
|
+
if (props.strictSelection && cause === causes.SUGGESTION_SELECT) {
|
|
459
|
+
_this.selectedTags = value;
|
|
460
|
+
isTagAdded = true;
|
|
461
|
+
} else if (!props.strictSelection) {
|
|
462
|
+
_this.selectedTags.push(value);
|
|
463
|
+
isTagAdded = true;
|
|
464
|
+
}
|
|
452
465
|
}
|
|
453
466
|
} else if (value) {
|
|
454
|
-
|
|
467
|
+
if (props.strictSelection && cause === causes.SUGGESTION_SELECT) {
|
|
468
|
+
_this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
|
|
469
|
+
isTagAdded = true;
|
|
470
|
+
} else if (!props.strictSelection) {
|
|
471
|
+
_this.selectedTags = typeof value !== 'string' ? value : [].concat(value);
|
|
472
|
+
isTagAdded = true;
|
|
473
|
+
}
|
|
474
|
+
}
|
|
475
|
+
if (props.strictSelection && !isTagAdded) {
|
|
476
|
+
_this.currentValue = value;
|
|
477
|
+
} else {
|
|
478
|
+
_this.currentValue = '';
|
|
455
479
|
}
|
|
456
|
-
_this.currentValue = '';
|
|
457
480
|
} else {
|
|
458
481
|
_this.currentValue = value;
|
|
459
482
|
}
|
|
@@ -473,7 +496,7 @@ var DataSearch = {
|
|
|
473
496
|
if (props.strictSelection && props.autosuggest) {
|
|
474
497
|
if (cause === causes.SUGGESTION_SELECT || props.value !== undefined) {
|
|
475
498
|
_this.updateQueryHandler(props.componentId, queryHandlerValue, props);
|
|
476
|
-
} else if (_this.currentValue !== '') {
|
|
499
|
+
} else if (_this.currentValue !== '' && !props.strictSelection) {
|
|
477
500
|
_this.setValue('', true);
|
|
478
501
|
}
|
|
479
502
|
} else {
|
|
@@ -503,11 +526,6 @@ var DataSearch = {
|
|
|
503
526
|
if (props === void 0) {
|
|
504
527
|
props = this.$props;
|
|
505
528
|
}
|
|
506
|
-
if (!value && props.enableDefaultSuggestions === false) {
|
|
507
|
-
// clear Component data from store
|
|
508
|
-
this.resetStoreForComponent(props.componentId);
|
|
509
|
-
return;
|
|
510
|
-
}
|
|
511
529
|
var defaultQueryOptions;
|
|
512
530
|
var query = DataSearch.defaultQuery(value, props);
|
|
513
531
|
if (this.defaultQuery) {
|
|
@@ -520,13 +538,18 @@ var DataSearch = {
|
|
|
520
538
|
// Update calculated default query in store
|
|
521
539
|
updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
|
|
522
540
|
}
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
541
|
+
if (!value && props.enableDefaultSuggestions === false) {
|
|
542
|
+
// clear Component data from store
|
|
543
|
+
this.resetStoreForComponent(props.componentId);
|
|
544
|
+
} else {
|
|
545
|
+
this.setQueryOptions(this.internalComponent, _extends({}, this.queryOptions, defaultQueryOptions), execute);
|
|
546
|
+
this.updateQuery({
|
|
547
|
+
componentId: this.internalComponent,
|
|
548
|
+
query: query,
|
|
549
|
+
value: value,
|
|
550
|
+
componentType: componentTypes.dataSearch
|
|
551
|
+
}, execute);
|
|
552
|
+
}
|
|
530
553
|
},
|
|
531
554
|
updateQueryHandler: function updateQueryHandler(componentId, value, props) {
|
|
532
555
|
var customQuery = props.customQuery,
|
|
@@ -595,24 +618,27 @@ var DataSearch = {
|
|
|
595
618
|
},
|
|
596
619
|
clearValue: function clearValue() {
|
|
597
620
|
this.isPending = false;
|
|
598
|
-
this.
|
|
621
|
+
if (!this.$props.enableDefaultSuggestions) {
|
|
622
|
+
this.isOpen = false;
|
|
623
|
+
}
|
|
624
|
+
this.setValue('', false);
|
|
599
625
|
this.onValueSelectedHandler('', causes.CLEAR_VALUE);
|
|
600
626
|
},
|
|
601
627
|
handleKeyDown: function handleKeyDown(event, highlightedIndex) {
|
|
602
628
|
var targetValue = event.target.value;
|
|
603
629
|
var _this$$props2 = this.$props,
|
|
604
630
|
value = _this$$props2.value,
|
|
605
|
-
|
|
606
|
-
size = _this$$props2.size,
|
|
607
|
-
autosuggest = _this$$props2.autosuggest;
|
|
631
|
+
size = _this$$props2.size;
|
|
608
632
|
if (value !== undefined) {
|
|
609
633
|
this.isPending = true;
|
|
610
634
|
}
|
|
611
635
|
// if a suggestion was selected, delegate the handling to suggestion handler
|
|
612
636
|
if (event.key === 'Enter' && (highlightedIndex === null || highlightedIndex < 0 || highlightedIndex === [].concat([].concat(this.suggestionsList).slice(0, size || 10), this.defaultSearchSuggestions, this.topSuggestions).length)) {
|
|
613
637
|
this.isPending = false;
|
|
614
|
-
|
|
615
|
-
|
|
638
|
+
if (!this.isSuggestionSelected) {
|
|
639
|
+
this.setValue(targetValue, true, this.$props, undefined, false);
|
|
640
|
+
this.onValueSelectedHandler(targetValue, causes.ENTER_PRESS);
|
|
641
|
+
}
|
|
616
642
|
}
|
|
617
643
|
// Need to review
|
|
618
644
|
this.$emit('keyDown', event, this.triggerQuery);
|
|
@@ -648,11 +674,16 @@ var DataSearch = {
|
|
|
648
674
|
}
|
|
649
675
|
},
|
|
650
676
|
onSuggestionSelected: function onSuggestionSelected(suggestion) {
|
|
677
|
+
var _this3 = this;
|
|
651
678
|
var value = this.$props.value;
|
|
652
679
|
// Record analytics for selected suggestions
|
|
653
680
|
this.triggerClickAnalytics(suggestion._click_id);
|
|
654
681
|
if (value === undefined) {
|
|
655
682
|
this.setValue(suggestion.value, true, this.$props, causes.SUGGESTION_SELECT);
|
|
683
|
+
this.isSuggestionSelected = true;
|
|
684
|
+
setTimeout(function () {
|
|
685
|
+
_this3.isSuggestionSelected = false;
|
|
686
|
+
}, 50);
|
|
656
687
|
} else if (this.$options.isTagsMode) {
|
|
657
688
|
var emitValue = Array.isArray(this.selectedTags) ? [].concat(this.selectedTags) : [];
|
|
658
689
|
if (this.selectedTags.includes(suggestion.value)) {
|
|
@@ -758,7 +789,7 @@ var DataSearch = {
|
|
|
758
789
|
return null;
|
|
759
790
|
},
|
|
760
791
|
renderTag: function renderTag(item) {
|
|
761
|
-
var
|
|
792
|
+
var _this4 = this;
|
|
762
793
|
var h = this.$createElement;
|
|
763
794
|
var innerClass = this.$props.innerClass;
|
|
764
795
|
return h(TagItem, {
|
|
@@ -771,7 +802,7 @@ var DataSearch = {
|
|
|
771
802
|
"class": "close-icon",
|
|
772
803
|
"on": {
|
|
773
804
|
"click": function click() {
|
|
774
|
-
return
|
|
805
|
+
return _this4.clearTag(item);
|
|
775
806
|
}
|
|
776
807
|
}
|
|
777
808
|
}, [h(CancelSvg)])]);
|
|
@@ -793,7 +824,7 @@ var DataSearch = {
|
|
|
793
824
|
}
|
|
794
825
|
},
|
|
795
826
|
renderTags: function renderTags() {
|
|
796
|
-
var
|
|
827
|
+
var _this5 = this;
|
|
797
828
|
var h = this.$createElement;
|
|
798
829
|
if (!Array.isArray(this.selectedTags)) {
|
|
799
830
|
return null;
|
|
@@ -806,7 +837,7 @@ var DataSearch = {
|
|
|
806
837
|
handleClear: this.clearTag,
|
|
807
838
|
handleClearAll: this.clearAllTags
|
|
808
839
|
}) : h(TagsContainer, [tagsList.map(function (item) {
|
|
809
|
-
return
|
|
840
|
+
return _this5.renderTag(item);
|
|
810
841
|
}), shouldRenderClearAllTag && h(TagItem, {
|
|
811
842
|
"class": getClassName(this.$props.innerClass, 'selected-tag') || ''
|
|
812
843
|
}, [h("span", ["Clear All"]), h("span", {
|
|
@@ -885,7 +916,7 @@ var DataSearch = {
|
|
|
885
916
|
(_this$$refs = this.$refs) == null || (_this$$refs = _this$$refs[this.$props.innerRef]) == null ? void 0 : _this$$refs.focus(); // eslint-disable-line
|
|
886
917
|
},
|
|
887
918
|
listenForFocusShortcuts: function listenForFocusShortcuts() {
|
|
888
|
-
var
|
|
919
|
+
var _this6 = this;
|
|
889
920
|
var _this$$props$focusSho = this.$props.focusShortcuts,
|
|
890
921
|
focusShortcuts = _this$$props$focusSho === void 0 ? ['/'] : _this$$props$focusSho;
|
|
891
922
|
if (isEmpty(focusShortcuts)) {
|
|
@@ -900,7 +931,7 @@ var DataSearch = {
|
|
|
900
931
|
function (event, handler) {
|
|
901
932
|
// Prevent the default refresh event under WINDOWS system
|
|
902
933
|
event.preventDefault();
|
|
903
|
-
|
|
934
|
+
_this6.focusSearchBox(event);
|
|
904
935
|
});
|
|
905
936
|
|
|
906
937
|
// if one of modifier keys are used, they are handled below
|
|
@@ -910,7 +941,7 @@ var DataSearch = {
|
|
|
910
941
|
for (var index = 0; index < modifierKeys.length; index += 1) {
|
|
911
942
|
var element = modifierKeys[index];
|
|
912
943
|
if (hotkeys[element]) {
|
|
913
|
-
|
|
944
|
+
_this6.focusSearchBox(event);
|
|
914
945
|
break;
|
|
915
946
|
}
|
|
916
947
|
}
|
|
@@ -918,7 +949,7 @@ var DataSearch = {
|
|
|
918
949
|
}
|
|
919
950
|
},
|
|
920
951
|
render: function render() {
|
|
921
|
-
var
|
|
952
|
+
var _this7 = this;
|
|
922
953
|
var h = arguments[0];
|
|
923
954
|
var _this$$props6 = this.$props,
|
|
924
955
|
theme = _this$$props6.theme,
|
|
@@ -953,14 +984,14 @@ var DataSearch = {
|
|
|
953
984
|
highlightedIndex = _ref4.highlightedIndex,
|
|
954
985
|
setHighlightedIndex = _ref4.setHighlightedIndex;
|
|
955
986
|
var renderSuggestionsContainer = function renderSuggestionsContainer() {
|
|
956
|
-
return h("div", [
|
|
987
|
+
return h("div", [_this7.hasCustomRenderer && _this7.getComponent({
|
|
957
988
|
isOpen: isOpen,
|
|
958
989
|
getItemProps: getItemProps,
|
|
959
990
|
getItemEvents: getItemEvents,
|
|
960
991
|
highlightedIndex: highlightedIndex
|
|
961
|
-
}),
|
|
962
|
-
"class": suggestions(
|
|
963
|
-
}, [
|
|
992
|
+
}), _this7.renderErrorComponent(), !_this7.hasCustomRenderer && isOpen && hasSuggestions ? h("ul", {
|
|
993
|
+
"class": suggestions(_this7.themePreset, theme) + " " + getClassName(_this7.$props.innerClass, 'list')
|
|
994
|
+
}, [_this7.suggestionsList.slice(0, size || 10).map(function (item, index) {
|
|
964
995
|
return h("li", {
|
|
965
996
|
"domProps": _extends({}, getItemProps({
|
|
966
997
|
item: item
|
|
@@ -970,15 +1001,15 @@ var DataSearch = {
|
|
|
970
1001
|
})),
|
|
971
1002
|
"key": index + 1 + "-" + item.value,
|
|
972
1003
|
"style": {
|
|
973
|
-
backgroundColor:
|
|
1004
|
+
backgroundColor: _this7.getBackgroundColor(highlightedIndex, index)
|
|
974
1005
|
}
|
|
975
1006
|
}, [h(SuggestionItem, {
|
|
976
1007
|
"attrs": {
|
|
977
|
-
"currentValue":
|
|
1008
|
+
"currentValue": _this7.currentValue,
|
|
978
1009
|
"suggestion": item
|
|
979
1010
|
}
|
|
980
1011
|
})]);
|
|
981
|
-
}),
|
|
1012
|
+
}), _this7.defaultSearchSuggestions.map(function (sugg, index) {
|
|
982
1013
|
return h("li", {
|
|
983
1014
|
"domProps": _extends({}, getItemProps({
|
|
984
1015
|
item: sugg
|
|
@@ -986,9 +1017,9 @@ var DataSearch = {
|
|
|
986
1017
|
"on": _extends({}, getItemEvents({
|
|
987
1018
|
item: sugg
|
|
988
1019
|
})),
|
|
989
|
-
"key":
|
|
1020
|
+
"key": _this7.suggestionsList.length + index + 1 + "-" + sugg.value,
|
|
990
1021
|
"style": {
|
|
991
|
-
backgroundColor:
|
|
1022
|
+
backgroundColor: _this7.getBackgroundColor(highlightedIndex, _this7.suggestionsList.length + index),
|
|
992
1023
|
justifyContent: 'flex-start'
|
|
993
1024
|
}
|
|
994
1025
|
}, [h("div", {
|
|
@@ -997,28 +1028,28 @@ var DataSearch = {
|
|
|
997
1028
|
}
|
|
998
1029
|
}, [sugg.source && sugg.source._recent_search && h(CustomSvg, {
|
|
999
1030
|
"attrs": {
|
|
1000
|
-
"className": getClassName(
|
|
1031
|
+
"className": getClassName(_this7.$props.innerClass, 'recent-search-icon') || null,
|
|
1001
1032
|
"icon": recentSearchesIcon,
|
|
1002
1033
|
"type": "recent-search-icon"
|
|
1003
1034
|
}
|
|
1004
1035
|
}), sugg.source && sugg.source._popular_suggestion && h(CustomSvg, {
|
|
1005
1036
|
"attrs": {
|
|
1006
|
-
"className": getClassName(
|
|
1037
|
+
"className": getClassName(_this7.$props.innerClass, 'popular-search-icon') || null,
|
|
1007
1038
|
"icon": popularSearchesIcon,
|
|
1008
1039
|
"type": "popular-search-icon"
|
|
1009
1040
|
}
|
|
1010
1041
|
})]), h(SuggestionItem, {
|
|
1011
1042
|
"attrs": {
|
|
1012
|
-
"currentValue":
|
|
1043
|
+
"currentValue": _this7.currentValue,
|
|
1013
1044
|
"suggestion": sugg
|
|
1014
1045
|
}
|
|
1015
1046
|
})]);
|
|
1016
|
-
}), hasQuerySuggestionsRenderer(
|
|
1047
|
+
}), hasQuerySuggestionsRenderer(_this7) ? _this7.getComponent({
|
|
1017
1048
|
isOpen: isOpen,
|
|
1018
1049
|
getItemProps: getItemProps,
|
|
1019
1050
|
getItemEvents: getItemEvents,
|
|
1020
1051
|
highlightedIndex: highlightedIndex
|
|
1021
|
-
}, true) :
|
|
1052
|
+
}, true) : _this7.topSuggestions.map(function (sugg, index) {
|
|
1022
1053
|
return h("li", {
|
|
1023
1054
|
"domProps": _extends({}, getItemProps({
|
|
1024
1055
|
item: sugg
|
|
@@ -1026,9 +1057,9 @@ var DataSearch = {
|
|
|
1026
1057
|
"on": _extends({}, getItemEvents({
|
|
1027
1058
|
item: sugg
|
|
1028
1059
|
})),
|
|
1029
|
-
"key":
|
|
1060
|
+
"key": _this7.suggestionsList.length + index + 1 + "-" + sugg.value,
|
|
1030
1061
|
"style": {
|
|
1031
|
-
backgroundColor:
|
|
1062
|
+
backgroundColor: _this7.getBackgroundColor(highlightedIndex, _this7.suggestionsList.length + index),
|
|
1032
1063
|
justifyContent: 'flex-start'
|
|
1033
1064
|
}
|
|
1034
1065
|
}, [h("div", {
|
|
@@ -1037,58 +1068,58 @@ var DataSearch = {
|
|
|
1037
1068
|
}
|
|
1038
1069
|
}, [h(CustomSvg, {
|
|
1039
1070
|
"attrs": {
|
|
1040
|
-
"className": getClassName(
|
|
1071
|
+
"className": getClassName(_this7.$props.innerClass, 'popular-search-icon') || null,
|
|
1041
1072
|
"icon": popularSearchesIcon,
|
|
1042
1073
|
"type": "popular-search-icon"
|
|
1043
1074
|
}
|
|
1044
1075
|
})]), h(SuggestionItem, {
|
|
1045
1076
|
"attrs": {
|
|
1046
|
-
"currentValue":
|
|
1077
|
+
"currentValue": _this7.currentValue,
|
|
1047
1078
|
"suggestion": sugg
|
|
1048
1079
|
}
|
|
1049
1080
|
})]);
|
|
1050
|
-
})]) :
|
|
1081
|
+
})]) : _this7.renderNoSuggestions(_this7.suggestionsList)]);
|
|
1051
1082
|
};
|
|
1052
1083
|
return h("div", {
|
|
1053
1084
|
"class": suggestionsContainer
|
|
1054
|
-
}, [h(InputGroup, [
|
|
1085
|
+
}, [h(InputGroup, [_this7.renderInputAddonBefore(), h(InputWrapper, [h(Input, {
|
|
1055
1086
|
"attrs": {
|
|
1056
|
-
"id":
|
|
1057
|
-
"showIcon":
|
|
1058
|
-
"showClear":
|
|
1059
|
-
"iconPosition":
|
|
1060
|
-
"placeholder":
|
|
1061
|
-
"autoFocus":
|
|
1062
|
-
"themePreset":
|
|
1087
|
+
"id": _this7.$props.componentId + "-input",
|
|
1088
|
+
"showIcon": _this7.$props.showIcon,
|
|
1089
|
+
"showClear": _this7.$props.showClear,
|
|
1090
|
+
"iconPosition": _this7.$props.iconPosition,
|
|
1091
|
+
"placeholder": _this7.$props.placeholder,
|
|
1092
|
+
"autoFocus": _this7.$props.autoFocus,
|
|
1093
|
+
"themePreset": _this7.themePreset,
|
|
1063
1094
|
"autocomplete": "off"
|
|
1064
1095
|
},
|
|
1065
|
-
"ref":
|
|
1066
|
-
"class": getClassName(
|
|
1096
|
+
"ref": _this7.$props.innerRef,
|
|
1097
|
+
"class": getClassName(_this7.$props.innerClass, 'input'),
|
|
1067
1098
|
"on": _extends({}, getInputEvents({
|
|
1068
|
-
onInput:
|
|
1099
|
+
onInput: _this7.onInputChange,
|
|
1069
1100
|
onBlur: function onBlur(e) {
|
|
1070
|
-
|
|
1101
|
+
_this7.$emit('blur', e, _this7.triggerQuery);
|
|
1071
1102
|
},
|
|
1072
|
-
onFocus:
|
|
1103
|
+
onFocus: _this7.handleFocus,
|
|
1073
1104
|
onKeyPress: function onKeyPress(e) {
|
|
1074
|
-
|
|
1075
|
-
|
|
1105
|
+
_this7.$emit('keyPress', e, _this7.triggerQuery);
|
|
1106
|
+
_this7.$emit('key-press', e, _this7.triggerQuery);
|
|
1076
1107
|
},
|
|
1077
1108
|
onKeyDown: function onKeyDown(e) {
|
|
1078
|
-
return
|
|
1109
|
+
return _this7.handleKeyDown(e, highlightedIndex);
|
|
1079
1110
|
},
|
|
1080
1111
|
onKeyUp: function onKeyUp(e) {
|
|
1081
|
-
|
|
1082
|
-
|
|
1112
|
+
_this7.$emit('keyUp', e, _this7.triggerQuery);
|
|
1113
|
+
_this7.$emit('key-up', e, _this7.triggerQuery);
|
|
1083
1114
|
},
|
|
1084
1115
|
onClick: function onClick() {
|
|
1085
1116
|
setHighlightedIndex(null);
|
|
1086
1117
|
}
|
|
1087
1118
|
})),
|
|
1088
1119
|
"domProps": _extends({}, getInputProps({
|
|
1089
|
-
value:
|
|
1120
|
+
value: _this7.$data.currentValue === null || typeof _this7.$data.currentValue !== 'string' ? '' : _this7.$data.currentValue
|
|
1090
1121
|
}))
|
|
1091
|
-
}),
|
|
1122
|
+
}), _this7.renderIcons(), !expandSuggestionsContainer && renderSuggestionsContainer()]), ' ', _this7.renderInputAddonAfter()]), expandSuggestionsContainer && renderSuggestionsContainer(), _this7.renderTags()]);
|
|
1092
1123
|
}
|
|
1093
1124
|
}
|
|
1094
1125
|
}) : h("div", {
|
|
@@ -1104,22 +1135,22 @@ var DataSearch = {
|
|
|
1104
1135
|
},
|
|
1105
1136
|
"on": _extends({}, {
|
|
1106
1137
|
blur: function blur(e) {
|
|
1107
|
-
|
|
1138
|
+
_this7.$emit('blur', e, _this7.triggerQuery);
|
|
1108
1139
|
},
|
|
1109
1140
|
keypress: function keypress(e) {
|
|
1110
|
-
|
|
1111
|
-
|
|
1141
|
+
_this7.$emit('keyPress', e, _this7.triggerQuery);
|
|
1142
|
+
_this7.$emit('key-press', e, _this7.triggerQuery);
|
|
1112
1143
|
},
|
|
1113
1144
|
input: this.onInputChange,
|
|
1114
1145
|
focus: function focus(e) {
|
|
1115
|
-
|
|
1146
|
+
_this7.$emit('focus', e, _this7.triggerQuery);
|
|
1116
1147
|
},
|
|
1117
1148
|
keydown: function keydown(e) {
|
|
1118
|
-
|
|
1149
|
+
_this7.handleKeyDown(e, null);
|
|
1119
1150
|
},
|
|
1120
1151
|
keyup: function keyup(e) {
|
|
1121
|
-
|
|
1122
|
-
|
|
1152
|
+
_this7.$emit('keyUp', e, _this7.triggerQuery);
|
|
1153
|
+
_this7.$emit('key-up', e, _this7.triggerQuery);
|
|
1123
1154
|
}
|
|
1124
1155
|
}),
|
|
1125
1156
|
"domProps": _extends({}, {
|
package/dist/es/version.js
CHANGED
package/package.json
CHANGED
|
@@ -1,89 +1,89 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
2
|
+
"name": "@appbaseio/reactivesearch-vue",
|
|
3
|
+
"version": "1.36.4",
|
|
4
|
+
"private": false,
|
|
5
|
+
"main": "dist/cjs/index.js",
|
|
6
|
+
"jsnext:main": "dist/es/index.js",
|
|
7
|
+
"module": "dist/es/index.js",
|
|
8
|
+
"description": "A Vue UI components library for building search experiences",
|
|
9
|
+
"keywords": [
|
|
10
|
+
"appbase",
|
|
11
|
+
"elasticsearch",
|
|
12
|
+
"search"
|
|
13
|
+
],
|
|
14
|
+
"repository": {
|
|
15
|
+
"type": "git",
|
|
16
|
+
"url": "https://github.com/appbaseio/reactivesearch.git"
|
|
17
|
+
},
|
|
18
|
+
"author": "Kuldeep Saxena <kuldepsaxena155@gmail.com>",
|
|
19
|
+
"license": "Apache-2.0",
|
|
20
|
+
"scripts": {
|
|
21
|
+
"watch": "nps watch",
|
|
22
|
+
"serve": "vue-cli-service serve",
|
|
23
|
+
"build": "vue-cli-service build",
|
|
24
|
+
"start": "nps",
|
|
25
|
+
"pretest": "nps build",
|
|
26
|
+
"test": "nps test",
|
|
27
|
+
"precommit": "lint-staged",
|
|
28
|
+
"prepare": "npm start validate",
|
|
29
|
+
"version-upgrade": "nps upgrade-vue -c ../../package-scripts.js",
|
|
30
|
+
"postpublish": "yarn run version-upgrade"
|
|
31
|
+
},
|
|
32
|
+
"files": [
|
|
33
|
+
"dist"
|
|
34
|
+
],
|
|
35
|
+
"sideEffects": false,
|
|
36
|
+
"dependencies": {
|
|
37
|
+
"@appbaseio/analytics": "^1.1.1",
|
|
38
|
+
"@appbaseio/reactivecore": "9.15.2",
|
|
39
|
+
"@appbaseio/vue-emotion": "0.4.4",
|
|
40
|
+
"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
|
|
41
|
+
"appbase-js": "^5.3.4",
|
|
42
|
+
"compute-scroll-into-view": "^1.0.11",
|
|
43
|
+
"emotion": "9.2.12",
|
|
44
|
+
"gmap-vue": "^3.5.4",
|
|
45
|
+
"hotkeys-js": "^3.8.7",
|
|
46
|
+
"ngeohash": "^0.6.3",
|
|
47
|
+
"polished": "^2.2.0",
|
|
48
|
+
"redux": "^4.0.0",
|
|
49
|
+
"url-search-params-polyfill": "^7.0.0",
|
|
50
|
+
"vue-highlight-words": "^1.2.0",
|
|
51
|
+
"vue-no-ssr": "^1.1.0",
|
|
52
|
+
"vue-slider-component": "^3.2.15",
|
|
53
|
+
"vue-types": "^1.7.0"
|
|
54
|
+
},
|
|
55
|
+
"peerDependencies": {
|
|
56
|
+
"vue": "^2.6.10"
|
|
57
|
+
},
|
|
58
|
+
"devDependencies": {
|
|
59
|
+
"@babel/plugin-external-helpers": "^7.2.0",
|
|
60
|
+
"@babel/plugin-proposal-class-properties": "^7.5.5",
|
|
61
|
+
"@babel/plugin-proposal-json-strings": "^7.2.0",
|
|
62
|
+
"@babel/plugin-syntax-dynamic-import": "^7.2.0",
|
|
63
|
+
"@babel/plugin-syntax-import-meta": "^7.2.0",
|
|
64
|
+
"@babel/plugin-syntax-jsx": "^7.2.0",
|
|
65
|
+
"@babel/preset-env": "^7.5.5",
|
|
66
|
+
"@babel/preset-stage-2": "^7.0.0",
|
|
67
|
+
"@vue/babel-preset-jsx": "^1.1.0",
|
|
68
|
+
"@vue/compiler-sfc": "^3.0.11",
|
|
69
|
+
"eslint": "^4.12.0",
|
|
70
|
+
"eslint-config-airbnb-base": "^13.1.0",
|
|
71
|
+
"eslint-config-prettier": "^3.1.0",
|
|
72
|
+
"eslint-plugin-vue": "^4.7.1",
|
|
73
|
+
"nps": "^5.9.3",
|
|
74
|
+
"nps-utils": "^1.7.0",
|
|
75
|
+
"postcss": "^8.3.0",
|
|
76
|
+
"rollup": "^1.20.3",
|
|
77
|
+
"rollup-plugin-babel": "^4.3.3",
|
|
78
|
+
"rollup-plugin-commonjs": "^10.1.0",
|
|
79
|
+
"rollup-plugin-json": "^4.0.0",
|
|
80
|
+
"rollup-plugin-node-builtins": "^2.1.2",
|
|
81
|
+
"rollup-plugin-node-globals": "^1.4.0",
|
|
82
|
+
"rollup-plugin-node-resolve": "^5.2.0",
|
|
83
|
+
"rollup-plugin-postcss": "^4.0.0",
|
|
84
|
+
"rollup-plugin-replace": "^2.2.0",
|
|
85
|
+
"rollup-plugin-terser": "^5.1.1",
|
|
86
|
+
"rollup-plugin-vue": "^6.0.0",
|
|
87
|
+
"vue-eslint-parser": "^3.2.2"
|
|
88
|
+
}
|
|
89
89
|
}
|