@appbaseio/reactivesearch-vue 3.0.0 → 3.0.2
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 +100 -85
- 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/index.js +1 -1
- package/dist/cjs/{install-08b8d6e7.js → install-f7d9b812.js} +99 -84
- package/dist/cjs/install.js +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/es/index.js +2 -2
- package/dist/es/{install-e883f435.js → install-3af47936.js} +101 -86
- package/dist/es/install.js +1 -1
- package/dist/es/version.js +1 -1
- package/package.json +1 -1
|
@@ -26524,7 +26524,7 @@
|
|
|
26524
26524
|
|
|
26525
26525
|
var _templateObject$k, _templateObject2$8, _templateObject3$5, _templateObject4$2, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10, _templateObject11;
|
|
26526
26526
|
var Chatbox = styled('div')(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\tmargin: 0 auto;\n\tpadding: 10px;\n\tbackground-color: #fafafa;\n\twidth: 100%;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 0px 6px;\n\tborder-radius: 6px;\n\tmargin-bottom: 20px;\n\tbackground-color: ", ";\n\n\t.--trigger-message-wrapper {\n\t\tcursor: pointer;\n\t}\n"])), function (props) {
|
|
26527
|
-
return props.theme && props.theme.colors ? props.theme.colors.backgroundColor : '#fff';
|
|
26527
|
+
return props.theme && props.theme.colors && props.theme.colors.backgroundColor ? curriedLighten(0.1, props.theme.colors.backgroundColor) : '#fff';
|
|
26528
26528
|
});
|
|
26529
26529
|
var ChatContainer = styled('div')(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\tposition: relative;\n\t.--ai-answer-error-container {\n\t\ttext-align: center;\n\t\tposition: absolute;\n\t\tbottom: 0px;\n\t\t", ";\n\t\tz-index: 1;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\twidth: 100%;\n\n\t\t.--default-error-element {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tpadding: 10px;\n\t\t\tbackground-color: ", ";\n\t\t\tbox-shadow: 0 -5px 5px -2px\n\t\t\t\t", ";\n\n\t\t\tspan {\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\n\t\t\tbutton {\n\t\t\t}\n\t\t}\n\t}\n\n\t", ";\n"])), function (props) {
|
|
26530
26530
|
return props.showInput ? 'bottom: 48px;' : '';
|
|
@@ -26556,7 +26556,7 @@
|
|
|
26556
26556
|
// eslint-disable-next-line no-nested-ternary
|
|
26557
26557
|
props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\tborder-radius: 3px;\n\t\tfont-size: 85%;\n\t\tpadding: 0.2em 0.4em;\n\t\tmargin-top: 5px;\n\t\tdisplay: inline-block;\n\t\toverflow: auto;\n\t\twidth: fit-content;\n\t\tmax-width: 100%;\n\t}\n\ncode[class*='language-'],\n\tpre[class*='language-'] {\n\t\tcolor: " + (
|
|
26558
26558
|
// eslint-disable-next-line no-nested-ternary
|
|
26559
|
-
props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\ttext-shadow: none;\n\t}\n\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\t\tpadding-left: 10px;\n\n\t}\n\n\tli{\n\t\tdisplay: list-item;\n\t\tcursor: default;\n\t\tpadding: initial;\n\n\t\t&:hover{\n\t\t\tbackground-color: initial;\n\t\t}\n\t}\n\tp {\n\t\tmargin: inherit;\n\t}\n";
|
|
26559
|
+
props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\ttext-shadow: none;\n\t}\n\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\t\tpadding-left: 10px;\n\n\t}\n\n\tli{\n\t\tdisplay: list-item;\n\t\tcursor: default;\n\t\tpadding: initial;\n\n\t\t&:hover{\n\t\t\tbackground-color: initial;\n\t\t}\n\t}\n\tp {\n\t\tmargin: inherit;\n\t}\n\n\t" + (props.themePreset === 'dark' && "a{\n\t\tcolor: cornflowerblue\n\t\t}") + ";\n";
|
|
26560
26560
|
};
|
|
26561
26561
|
var messageBGColor = function messageBGColor(props) {
|
|
26562
26562
|
var finalBGColor;
|
|
@@ -26839,7 +26839,8 @@
|
|
|
26839
26839
|
showFeedbackComponent: false,
|
|
26840
26840
|
feedbackState: null,
|
|
26841
26841
|
faqAnswer: '',
|
|
26842
|
-
faqQuestion: ''
|
|
26842
|
+
faqQuestion: '',
|
|
26843
|
+
initialHits: null
|
|
26843
26844
|
};
|
|
26844
26845
|
this.internalComponent = props.componentId + "__internal";
|
|
26845
26846
|
return this.__state;
|
|
@@ -26895,7 +26896,7 @@
|
|
|
26895
26896
|
if (Array.isArray(this.suggestions) && this.suggestions.length) {
|
|
26896
26897
|
suggestionsArray = [].concat(withClickIds(this.suggestions));
|
|
26897
26898
|
}
|
|
26898
|
-
if (this.renderTriggerMessage() && this.currentValue
|
|
26899
|
+
if (this.renderTriggerMessage() && this.currentValue) {
|
|
26899
26900
|
suggestionsArray.unshift({
|
|
26900
26901
|
label: this.renderTriggerMessage(),
|
|
26901
26902
|
value: 'AI_TRIGGER_MESSAGE',
|
|
@@ -27028,6 +27029,17 @@
|
|
|
27028
27029
|
this.listenForFocusShortcuts();
|
|
27029
27030
|
},
|
|
27030
27031
|
watch: {
|
|
27032
|
+
AIResponse: function AIResponse(newVal) {
|
|
27033
|
+
if (newVal) {
|
|
27034
|
+
if (this.$props.AIUIConfig && this.$props.AIUIConfig.showSourceDocuments && newVal.response && newVal.response.answer && Array.isArray(newVal.response.answer.documentIds)) {
|
|
27035
|
+
this.sourceDocIds = newVal.response.answer.documentIds;
|
|
27036
|
+
var localCache = helper_2(constants_8$1) && helper_2(constants_8$1)[this.$props.componentId];
|
|
27037
|
+
if (localCache && localCache.meta && localCache.meta.hits && localCache.meta.hits.hits) {
|
|
27038
|
+
this.initialHits = localCache.meta.hits.hits;
|
|
27039
|
+
}
|
|
27040
|
+
}
|
|
27041
|
+
}
|
|
27042
|
+
},
|
|
27031
27043
|
dataField: function dataField(newVal, oldVal) {
|
|
27032
27044
|
if (!isEqual$4(newVal, oldVal)) {
|
|
27033
27045
|
this.triggerCustomQuery(this.$data.currentValue);
|
|
@@ -27102,6 +27114,9 @@
|
|
|
27102
27114
|
loading: this.isLoading,
|
|
27103
27115
|
error: this.isError
|
|
27104
27116
|
});
|
|
27117
|
+
if (newVal && newVal.hits && newVal.hits.hits) {
|
|
27118
|
+
this.initialHits = newVal.hits.hits;
|
|
27119
|
+
}
|
|
27105
27120
|
},
|
|
27106
27121
|
aggregationData: function aggregationData(newVal) {
|
|
27107
27122
|
this.$emit('on-data', {
|
|
@@ -27974,13 +27989,13 @@
|
|
|
27974
27989
|
});
|
|
27975
27990
|
},
|
|
27976
27991
|
getAISourceObjects: function getAISourceObjects() {
|
|
27977
|
-
var
|
|
27992
|
+
var _this13 = this;
|
|
27978
27993
|
var sourceObjects = [];
|
|
27979
27994
|
if (!this.AIResponse) return sourceObjects;
|
|
27980
27995
|
var docIds = this.AIResponse && this.AIResponse.response && this.AIResponse.response.answer && this.AIResponse.response.answer.documentIds || [];
|
|
27981
|
-
if (
|
|
27996
|
+
if (this.initialHits) {
|
|
27982
27997
|
docIds.forEach(function (id) {
|
|
27983
|
-
var foundSourceObj =
|
|
27998
|
+
var foundSourceObj = _this13.initialHits.find(function (hit) {
|
|
27984
27999
|
return hit._id === id;
|
|
27985
28000
|
}) || {};
|
|
27986
28001
|
if (foundSourceObj) {
|
|
@@ -28014,7 +28029,7 @@
|
|
|
28014
28029
|
},
|
|
28015
28030
|
renderAIScreenFooter: function renderAIScreenFooter() {
|
|
28016
28031
|
var _slot8;
|
|
28017
|
-
var
|
|
28032
|
+
var _this14 = this;
|
|
28018
28033
|
var _this$$props$AIUIConf2 = this.$props.AIUIConfig,
|
|
28019
28034
|
AIUIConfig = _this$$props$AIUIConf2 === void 0 ? {} : _this$$props$AIUIConf2;
|
|
28020
28035
|
var _ref6 = AIUIConfig || {},
|
|
@@ -28023,11 +28038,11 @@
|
|
|
28023
28038
|
_ref6$onSourceClick = _ref6.onSourceClick,
|
|
28024
28039
|
onSourceClick = _ref6$onSourceClick === void 0 ? function () {} : _ref6$onSourceClick;
|
|
28025
28040
|
var renderSourceDocumentLabel = function renderSourceDocumentLabel(sourceObj) {
|
|
28026
|
-
if (
|
|
28027
|
-
return
|
|
28041
|
+
if (_this14.$props.AIUIConfig && _this14.$props.AIUIConfig.renderSourceDocument) {
|
|
28042
|
+
return _this14.$props.AIUIConfig.renderSourceDocument(sourceObj);
|
|
28028
28043
|
}
|
|
28029
|
-
if (
|
|
28030
|
-
return
|
|
28044
|
+
if (_this14.$slots.renderSourceDocument) {
|
|
28045
|
+
return _this14.$slots.renderSourceDocument(sourceObj);
|
|
28031
28046
|
}
|
|
28032
28047
|
return sourceObj._id;
|
|
28033
28048
|
};
|
|
@@ -28035,10 +28050,10 @@
|
|
|
28035
28050
|
"themePreset": this.$props.themePreset
|
|
28036
28051
|
}, {
|
|
28037
28052
|
"default": function _default() {
|
|
28038
|
-
return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot8 =
|
|
28053
|
+
return [vue.createTextVNode("Summary generated using the following sources:"), ' ', vue.createVNode(SourceTags, null, _isSlot$5(_slot8 = _this14.getAISourceObjects().map(function (el) {
|
|
28039
28054
|
var _slot7;
|
|
28040
28055
|
return vue.createVNode(Button, {
|
|
28041
|
-
"class": "--ai-source-tag " + (getClassName$3(
|
|
28056
|
+
"class": "--ai-source-tag " + (getClassName$3(_this14.$props.innerClass, 'ai-source-tag') || ''),
|
|
28042
28057
|
"info": true,
|
|
28043
28058
|
"onClick": function onClick() {
|
|
28044
28059
|
return onSourceClick && onSourceClick(el);
|
|
@@ -28057,7 +28072,7 @@
|
|
|
28057
28072
|
}) : null;
|
|
28058
28073
|
},
|
|
28059
28074
|
renderAIScreen: function renderAIScreen() {
|
|
28060
|
-
var
|
|
28075
|
+
var _this15 = this;
|
|
28061
28076
|
var customAIRenderer = this.$props.renderAIAnswer || this.$slots.renderAIAnswer;
|
|
28062
28077
|
if (customAIRenderer) {
|
|
28063
28078
|
return customAIRenderer({
|
|
@@ -28081,11 +28096,11 @@
|
|
|
28081
28096
|
"hideUI": this.isAIResponseLoading || this.isLoading || !this.sessionIdFromStore,
|
|
28082
28097
|
"key": this.sessionIdFromStore,
|
|
28083
28098
|
"onFeedbackSubmit": function onFeedbackSubmit(useful, reason) {
|
|
28084
|
-
|
|
28099
|
+
_this15.feedbackState = {
|
|
28085
28100
|
isRecorded: true,
|
|
28086
28101
|
feedbackType: useful ? 'positive' : 'negative'
|
|
28087
28102
|
};
|
|
28088
|
-
|
|
28103
|
+
_this15.recordAISessionUsefulness(_this15.sessionIdFromStore, {
|
|
28089
28104
|
useful: useful,
|
|
28090
28105
|
reason: reason
|
|
28091
28106
|
});
|
|
@@ -28120,7 +28135,7 @@
|
|
|
28120
28135
|
});
|
|
28121
28136
|
},
|
|
28122
28137
|
renderAskButtonElement: function renderAskButtonElement() {
|
|
28123
|
-
var
|
|
28138
|
+
var _this16 = this;
|
|
28124
28139
|
var _this$$props5 = this.$props,
|
|
28125
28140
|
AIUIConfig = _this$$props5.AIUIConfig,
|
|
28126
28141
|
innerClass = _this$$props5.innerClass;
|
|
@@ -28130,12 +28145,12 @@
|
|
|
28130
28145
|
if (askButton) {
|
|
28131
28146
|
var getEnterButtonMarkup = function getEnterButtonMarkup() {
|
|
28132
28147
|
if (renderAskButton) {
|
|
28133
|
-
return renderAskButton(
|
|
28148
|
+
return renderAskButton(_this16.askButtonOnClick);
|
|
28134
28149
|
}
|
|
28135
28150
|
return vue.createVNode(Button, {
|
|
28136
28151
|
"class": "enter-btn " + getClassName$3(innerClass, 'ask-button'),
|
|
28137
28152
|
"info": true,
|
|
28138
|
-
"onClick":
|
|
28153
|
+
"onClick": _this16.askButtonOnClick
|
|
28139
28154
|
}, {
|
|
28140
28155
|
"default": function _default() {
|
|
28141
28156
|
return [vue.createTextVNode("Ask")];
|
|
@@ -28150,7 +28165,7 @@
|
|
|
28150
28165
|
}
|
|
28151
28166
|
},
|
|
28152
28167
|
render: function render() {
|
|
28153
|
-
var
|
|
28168
|
+
var _this17 = this;
|
|
28154
28169
|
var expandSuggestionsContainer = this.$props.expandSuggestionsContainer;
|
|
28155
28170
|
var _this$$slots = this.$slots,
|
|
28156
28171
|
recentSearchesIcon = _this$$slots.recentSearchesIcon,
|
|
@@ -28161,17 +28176,17 @@
|
|
|
28161
28176
|
"class": this.$props.className
|
|
28162
28177
|
}, {
|
|
28163
28178
|
"default": function _default() {
|
|
28164
|
-
return [
|
|
28165
|
-
"class": getClassName$3(
|
|
28179
|
+
return [_this17.$props.title && vue.createVNode(Title, {
|
|
28180
|
+
"class": getClassName$3(_this17.$props.innerClass, 'title') || ''
|
|
28166
28181
|
}, {
|
|
28167
28182
|
"default": function _default() {
|
|
28168
|
-
return [
|
|
28183
|
+
return [_this17.$props.title];
|
|
28169
28184
|
}
|
|
28170
|
-
}),
|
|
28171
|
-
"id":
|
|
28172
|
-
"handleChange":
|
|
28173
|
-
"handleMouseup":
|
|
28174
|
-
"isOpen":
|
|
28185
|
+
}), _this17.$props.autosuggest ? vue.createVNode(Downshift, {
|
|
28186
|
+
"id": _this17.$props.componentId + "-downshift",
|
|
28187
|
+
"handleChange": _this17.onSuggestionSelected,
|
|
28188
|
+
"handleMouseup": _this17.handleStateChange,
|
|
28189
|
+
"isOpen": _this17.$data.isOpen
|
|
28175
28190
|
}, {
|
|
28176
28191
|
"default": function _default(_ref8) {
|
|
28177
28192
|
var getInputEvents = _ref8.getInputEvents,
|
|
@@ -28227,21 +28242,21 @@
|
|
|
28227
28242
|
}
|
|
28228
28243
|
};
|
|
28229
28244
|
var indexOffset = 0;
|
|
28230
|
-
return vue.createVNode("div", null, [
|
|
28245
|
+
return vue.createVNode("div", null, [_this17.hasCustomRenderer && _this17.getComponent({
|
|
28231
28246
|
isOpen: isOpen,
|
|
28232
28247
|
getItemProps: getItemProps,
|
|
28233
28248
|
getItemEvents: getItemEvents,
|
|
28234
28249
|
highlightedIndex: highlightedIndex
|
|
28235
|
-
}),
|
|
28236
|
-
"class": suggestions$1(
|
|
28250
|
+
}), _this17.renderErrorComponent(), !_this17.hasCustomRenderer && isOpen && hasSuggestions ? vue.createVNode("ul", {
|
|
28251
|
+
"class": suggestions$1(_this17.themePreset, _this17.theme) + " " + getClassName$3(_this17.$props.innerClass, 'list') + " " + searchboxSuggestions(_this17.themePreset, _this17.theme) + "\n\t\t\t\t\t\t\t\t\t\t\t\t\t",
|
|
28237
28252
|
"ref": _dropdownULRef
|
|
28238
|
-
}, [
|
|
28239
|
-
"themePreset":
|
|
28253
|
+
}, [_this17.showAIScreen && vue.createVNode(SearchBoxAISection, {
|
|
28254
|
+
"themePreset": _this17.$props.themePreset
|
|
28240
28255
|
}, {
|
|
28241
28256
|
"default": function _default() {
|
|
28242
|
-
return [
|
|
28257
|
+
return [_this17.renderAIScreen(), ' ', _this17.renderErrorComponent(true)];
|
|
28243
28258
|
}
|
|
28244
|
-
}), !
|
|
28259
|
+
}), !_this17.showAIScreen && _this17.parsedSuggestions.map(function (item, itemIndex) {
|
|
28245
28260
|
var index = indexOffset + itemIndex;
|
|
28246
28261
|
if (Array.isArray(item)) {
|
|
28247
28262
|
var sectionHtml = lib$2(item[0].sectionLabel);
|
|
@@ -28250,7 +28265,7 @@
|
|
|
28250
28265
|
"key": "section-" + itemIndex,
|
|
28251
28266
|
"class": "section-container"
|
|
28252
28267
|
}, [sectionHtml ? vue.createVNode("div", {
|
|
28253
|
-
"class": "section-header " + getClassName$3(
|
|
28268
|
+
"class": "section-header " + getClassName$3(_this17.$props.innerClass, 'section-label'),
|
|
28254
28269
|
"key": "" + item[0].sectionId,
|
|
28255
28270
|
"innerHTML": sectionHtml
|
|
28256
28271
|
}, null) : null, vue.createVNode("ul", {
|
|
@@ -28270,7 +28285,7 @@
|
|
|
28270
28285
|
justifyContent: 'flex-start',
|
|
28271
28286
|
alignItems: 'center'
|
|
28272
28287
|
},
|
|
28273
|
-
"class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(
|
|
28288
|
+
"class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this17.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this17.$props.innerClass, 'suggestion-item'))
|
|
28274
28289
|
}), [renderItem(sectionItem)]);
|
|
28275
28290
|
}
|
|
28276
28291
|
if (sectionItem._suggestion_type === '_internal_a_i_trigger') {
|
|
@@ -28284,9 +28299,9 @@
|
|
|
28284
28299
|
justifyContent: 'flex-start',
|
|
28285
28300
|
alignItems: 'center'
|
|
28286
28301
|
},
|
|
28287
|
-
"class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(
|
|
28302
|
+
"class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this17.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this17.$props.innerClass, 'suggestion-item'))
|
|
28288
28303
|
}), [vue.createVNode(SuggestionItem, {
|
|
28289
|
-
"currentValue":
|
|
28304
|
+
"currentValue": _this17.currentValue,
|
|
28290
28305
|
"suggestion": sectionItem
|
|
28291
28306
|
}, null)]);
|
|
28292
28307
|
}
|
|
@@ -28300,7 +28315,7 @@
|
|
|
28300
28315
|
justifyContent: 'flex-start',
|
|
28301
28316
|
alignItems: 'center'
|
|
28302
28317
|
},
|
|
28303
|
-
"class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(
|
|
28318
|
+
"class": "" + (highlightedIndex === index + sectionIndex ? "active-li-item " + getClassName$3(_this17.$props.innerClass, 'active-suggestion-item') : "li-item " + getClassName$3(_this17.$props.innerClass, 'suggestion-item'))
|
|
28304
28319
|
}), [vue.createVNode("div", {
|
|
28305
28320
|
"style": {
|
|
28306
28321
|
padding: '0 10px 0 0',
|
|
@@ -28308,74 +28323,74 @@
|
|
|
28308
28323
|
}
|
|
28309
28324
|
}, [vue.createVNode(CustomSvg, {
|
|
28310
28325
|
"key": sectionItem._suggestion_type + "-" + sectionIndex,
|
|
28311
|
-
"className": getClassName$3(
|
|
28326
|
+
"className": getClassName$3(_this17.$props.innerClass, sectionItem._suggestion_type + "-search-icon") || null,
|
|
28312
28327
|
"icon": getIcon(sectionItem._suggestion_type, sectionItem, suggestionsHaveIcon),
|
|
28313
28328
|
"type": sectionItem._suggestion_type + "-search-icon"
|
|
28314
28329
|
}, null)]), vue.createVNode(SuggestionItem, {
|
|
28315
|
-
"currentValue":
|
|
28330
|
+
"currentValue": _this17.currentValue,
|
|
28316
28331
|
"suggestion": sectionItem
|
|
28317
|
-
}, null),
|
|
28332
|
+
}, null), _this17.renderActionIcon(sectionItem)]);
|
|
28318
28333
|
})])]);
|
|
28319
28334
|
}
|
|
28320
28335
|
return vue.createVNode("div", null, [vue.createTextVNode("No suggestions")]);
|
|
28321
|
-
}), !
|
|
28336
|
+
}), !_this17.showAIScreen && _this17.parsedSuggestions.length && _this17.$props.showSuggestionsFooter ? _this17.suggestionsFooter() : null]) : _this17.renderNoSuggestions(_this17.normalizedSuggestions)]);
|
|
28322
28337
|
};
|
|
28323
28338
|
return vue.createVNode("div", {
|
|
28324
28339
|
"class": suggestionsContainer
|
|
28325
28340
|
}, [vue.createVNode(InputGroup, {
|
|
28326
28341
|
"searchBox": true,
|
|
28327
28342
|
"ref": _inputGroupRef,
|
|
28328
|
-
"isOpen":
|
|
28343
|
+
"isOpen": _this17.$data.isOpen
|
|
28329
28344
|
}, {
|
|
28330
28345
|
"default": function _default() {
|
|
28331
28346
|
return [vue.createVNode(Actions, null, {
|
|
28332
28347
|
"default": function _default() {
|
|
28333
|
-
return [
|
|
28348
|
+
return [_this17.renderInputAddonBefore(), _this17.renderLeftIcons()];
|
|
28334
28349
|
}
|
|
28335
28350
|
}), vue.createVNode(InputWrapper, null, {
|
|
28336
28351
|
"default": function _default() {
|
|
28337
28352
|
return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn(getInputEvents({
|
|
28338
|
-
onInput:
|
|
28353
|
+
onInput: _this17.onInputChange,
|
|
28339
28354
|
onBlur: function onBlur(e) {
|
|
28340
|
-
|
|
28355
|
+
_this17.$emit('blur', e, _this17.triggerQuery);
|
|
28341
28356
|
},
|
|
28342
|
-
onFocus:
|
|
28357
|
+
onFocus: _this17.handleFocus,
|
|
28343
28358
|
onKeyPress: function onKeyPress(e) {
|
|
28344
|
-
|
|
28345
|
-
|
|
28359
|
+
_this17.$emit('keyPress', e, _this17.triggerQuery);
|
|
28360
|
+
_this17.$emit('key-press', e, _this17.triggerQuery);
|
|
28346
28361
|
},
|
|
28347
28362
|
onKeyDown: function onKeyDown(e) {
|
|
28348
|
-
return
|
|
28363
|
+
return _this17.handleKeyDown(e, highlightedIndex);
|
|
28349
28364
|
},
|
|
28350
28365
|
onKeyUp: function onKeyUp(e) {
|
|
28351
|
-
|
|
28352
|
-
|
|
28366
|
+
_this17.$emit('keyUp', e, _this17.triggerQuery);
|
|
28367
|
+
_this17.$emit('key-up', e, _this17.triggerQuery);
|
|
28353
28368
|
},
|
|
28354
28369
|
onClick: function onClick() {
|
|
28355
28370
|
setHighlightedIndex(null);
|
|
28356
28371
|
}
|
|
28357
28372
|
})), {
|
|
28358
28373
|
"searchBox": true,
|
|
28359
|
-
"isOpen":
|
|
28360
|
-
"id":
|
|
28361
|
-
"ref":
|
|
28362
|
-
"class": getClassName$3(
|
|
28363
|
-
"placeholder":
|
|
28364
|
-
"autoFocus":
|
|
28374
|
+
"isOpen": _this17.$data.isOpen,
|
|
28375
|
+
"id": _this17.$props.componentId + "-input",
|
|
28376
|
+
"ref": _this17.$props.innerRef,
|
|
28377
|
+
"class": getClassName$3(_this17.$props.innerClass, 'input'),
|
|
28378
|
+
"placeholder": _this17.$props.placeholder,
|
|
28379
|
+
"autoFocus": _this17.$props.autoFocus
|
|
28365
28380
|
}, getInputProps({
|
|
28366
|
-
value:
|
|
28381
|
+
value: _this17.$data.currentValue === null ? '' : _this17.$data.currentValue
|
|
28367
28382
|
}), {
|
|
28368
|
-
"themePreset":
|
|
28383
|
+
"themePreset": _this17.themePreset,
|
|
28369
28384
|
"autocomplete": "off"
|
|
28370
28385
|
}), null), !expandSuggestionsContainer && renderSuggestionsDropdown()];
|
|
28371
28386
|
}
|
|
28372
28387
|
}), vue.createVNode(Actions, null, {
|
|
28373
28388
|
"default": function _default() {
|
|
28374
|
-
return [
|
|
28389
|
+
return [_this17.renderRightIcons(), _this17.renderInputAddonAfter(), _this17.renderAskButtonElement(), _this17.renderEnterButtonElement()];
|
|
28375
28390
|
}
|
|
28376
28391
|
})];
|
|
28377
28392
|
}
|
|
28378
|
-
}), expandSuggestionsContainer && renderSuggestionsDropdown(),
|
|
28393
|
+
}), expandSuggestionsContainer && renderSuggestionsDropdown(), _this17.renderTags()]);
|
|
28379
28394
|
}
|
|
28380
28395
|
}) : vue.createVNode("div", {
|
|
28381
28396
|
"class": suggestionsContainer
|
|
@@ -28386,43 +28401,43 @@
|
|
|
28386
28401
|
"default": function _default() {
|
|
28387
28402
|
return [vue.createVNode(Actions, null, {
|
|
28388
28403
|
"default": function _default() {
|
|
28389
|
-
return [
|
|
28404
|
+
return [_this17.renderInputAddonBefore(), _this17.renderLeftIcons()];
|
|
28390
28405
|
}
|
|
28391
28406
|
}), vue.createVNode(InputWrapper, null, {
|
|
28392
28407
|
"default": function _default() {
|
|
28393
28408
|
return [vue.createVNode(TextArea, vue.mergeProps(babelHelperVueTransformOn({
|
|
28394
28409
|
blur: function blur(e) {
|
|
28395
|
-
|
|
28410
|
+
_this17.$emit('blur', e, _this17.triggerQuery);
|
|
28396
28411
|
},
|
|
28397
28412
|
keypress: function keypress(e) {
|
|
28398
|
-
|
|
28399
|
-
|
|
28413
|
+
_this17.$emit('keyPress', e, _this17.triggerQuery);
|
|
28414
|
+
_this17.$emit('key-press', e, _this17.triggerQuery);
|
|
28400
28415
|
},
|
|
28401
|
-
input:
|
|
28416
|
+
input: _this17.onInputChange,
|
|
28402
28417
|
focus: function focus(e) {
|
|
28403
|
-
|
|
28418
|
+
_this17.$emit('focus', e, _this17.triggerQuery);
|
|
28404
28419
|
},
|
|
28405
|
-
keydown:
|
|
28420
|
+
keydown: _this17.handleKeyDown,
|
|
28406
28421
|
keyup: function keyup(e) {
|
|
28407
|
-
|
|
28408
|
-
|
|
28422
|
+
_this17.$emit('keyUp', e, _this17.triggerQuery);
|
|
28423
|
+
_this17.$emit('key-up', e, _this17.triggerQuery);
|
|
28409
28424
|
}
|
|
28410
28425
|
}), {
|
|
28411
28426
|
"searchBox": true,
|
|
28412
|
-
"class": getClassName$3(
|
|
28413
|
-
"placeholder":
|
|
28414
|
-
"autofocus":
|
|
28415
|
-
"value":
|
|
28416
|
-
"iconPosition":
|
|
28417
|
-
"showIcon":
|
|
28418
|
-
"showClear":
|
|
28419
|
-
"ref":
|
|
28420
|
-
"themePreset":
|
|
28427
|
+
"class": getClassName$3(_this17.$props.innerClass, 'input') || '',
|
|
28428
|
+
"placeholder": _this17.$props.placeholder,
|
|
28429
|
+
"autofocus": _this17.$props.autoFocus,
|
|
28430
|
+
"value": _this17.$data.currentValue ? _this17.$data.currentValue : '',
|
|
28431
|
+
"iconPosition": _this17.$props.iconPosition,
|
|
28432
|
+
"showIcon": _this17.$props.showIcon,
|
|
28433
|
+
"showClear": _this17.$props.showClear,
|
|
28434
|
+
"ref": _this17.$props.innerRef,
|
|
28435
|
+
"themePreset": _this17.themePreset
|
|
28421
28436
|
}), null)];
|
|
28422
28437
|
}
|
|
28423
28438
|
}), vue.createVNode(Actions, null, {
|
|
28424
28439
|
"default": function _default() {
|
|
28425
|
-
return [
|
|
28440
|
+
return [_this17.renderRightIcons(), _this17.renderInputAddonAfter(), _this17.renderEnterButtonElement()];
|
|
28426
28441
|
}
|
|
28427
28442
|
})];
|
|
28428
28443
|
}
|
|
@@ -44213,7 +44228,7 @@
|
|
|
44213
44228
|
}, queryString, renderFunction);
|
|
44214
44229
|
}
|
|
44215
44230
|
|
|
44216
|
-
var version = "3.0.
|
|
44231
|
+
var version = "3.0.2";
|
|
44217
44232
|
|
|
44218
44233
|
var components = [RLConnected, ResultCard, ResultList, ReactiveBase, SBConnected, ListConnected, ListConnected$1, RangeConnected$1, RangeConnected$2, RangeConnected$3, RangeConnected, RcConnected, RcConnected$1, RcConnected$2, TBConnected, ListConnected$2, ListConnected$3, StateProviderConnected, RangeConnected$4, TreeListConnected, AIConnected];
|
|
44219
44234
|
function install$1 (Vue) {
|