@tekkare/auriga 0.1.94 → 0.1.95
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/module.json
CHANGED
|
@@ -167,6 +167,10 @@ export default defineComponent({
|
|
|
167
167
|
customShortcuts: {
|
|
168
168
|
type: Array,
|
|
169
169
|
default: () => []
|
|
170
|
+
},
|
|
171
|
+
defaultInputs: {
|
|
172
|
+
type: Array,
|
|
173
|
+
default: () => []
|
|
170
174
|
}
|
|
171
175
|
},
|
|
172
176
|
emits: ["update:Value", "onClose"],
|
|
@@ -237,9 +241,14 @@ export default defineComponent({
|
|
|
237
241
|
} else
|
|
238
242
|
removeSelected.value = false;
|
|
239
243
|
});
|
|
240
|
-
|
|
244
|
+
const wordsLength = computed(() => {
|
|
245
|
+
return searchedWords.value.length;
|
|
246
|
+
});
|
|
247
|
+
watch(wordsLength, (newSearched) => {
|
|
241
248
|
setTimeout(() => {
|
|
242
|
-
tagsSection.value.
|
|
249
|
+
if (tagsSection.value.scrollWidth > 4) {
|
|
250
|
+
tagsSection.value.scrollLeft += tagsSection.value.scrollWidth;
|
|
251
|
+
}
|
|
243
252
|
}, 100);
|
|
244
253
|
});
|
|
245
254
|
onMounted(() => {
|
|
@@ -250,6 +259,16 @@ export default defineComponent({
|
|
|
250
259
|
shortcuts.value.push(props.customShortcuts[i]);
|
|
251
260
|
}
|
|
252
261
|
}
|
|
262
|
+
if (props.defaultInputs.length > 0) {
|
|
263
|
+
for (let i = 0; i < props.defaultInputs.length; i++) {
|
|
264
|
+
addToSearch(
|
|
265
|
+
props.defaultInputs[i].type,
|
|
266
|
+
props.defaultInputs[i].value,
|
|
267
|
+
true
|
|
268
|
+
);
|
|
269
|
+
}
|
|
270
|
+
searchedWords.value = props.defaultInputs;
|
|
271
|
+
}
|
|
253
272
|
});
|
|
254
273
|
function shortcutColor(shortcut) {
|
|
255
274
|
if (shortcut === selectedShortcut.value || shortcut === hoverShortcut.value) {
|
|
@@ -286,18 +305,20 @@ export default defineComponent({
|
|
|
286
305
|
}
|
|
287
306
|
searchBar.value.focus();
|
|
288
307
|
}
|
|
289
|
-
function addToSearch(search, textValue) {
|
|
308
|
+
function addToSearch(search, textValue, isDefault) {
|
|
290
309
|
searchedWords.value.push({ type: search, value: textValue });
|
|
291
310
|
closeIndex.value = searchedWords.value.length;
|
|
292
311
|
selectedTag.value = null;
|
|
293
|
-
|
|
312
|
+
if (!isDefault) {
|
|
313
|
+
emit("update:Value", searchedWords.value);
|
|
314
|
+
}
|
|
294
315
|
searchBar.value.focus();
|
|
295
316
|
resetSearch();
|
|
296
317
|
}
|
|
297
318
|
function selectTag(index, direction) {
|
|
298
319
|
let nextTag;
|
|
299
320
|
if (direction === 0) {
|
|
300
|
-
nextTag = document.getElementById(`tag${index
|
|
321
|
+
nextTag = document.getElementById(`tag${index + 1}`);
|
|
301
322
|
} else {
|
|
302
323
|
nextTag = document.getElementById(`tag${index + 1}`);
|
|
303
324
|
}
|
|
@@ -372,7 +393,7 @@ export default defineComponent({
|
|
|
372
393
|
}
|
|
373
394
|
if (searchValue.length > 0 && arrayValues.length === 0) {
|
|
374
395
|
if (searchedWords.value.filter((f) => f.value === searchValue).length === 0) {
|
|
375
|
-
addToSearch(search, searchValue);
|
|
396
|
+
addToSearch(search, searchValue, false);
|
|
376
397
|
selectedShortcut.value = "";
|
|
377
398
|
} else {
|
|
378
399
|
handleDuplicate(searchValue);
|
|
@@ -384,7 +405,7 @@ export default defineComponent({
|
|
|
384
405
|
if (searchedWords.value.filter(
|
|
385
406
|
(f) => f.value === arraySearchValue
|
|
386
407
|
).length === 0) {
|
|
387
|
-
addToSearch(search, arraySearchValue);
|
|
408
|
+
addToSearch(search, arraySearchValue, false);
|
|
388
409
|
selectedShortcut.value = "";
|
|
389
410
|
} else {
|
|
390
411
|
handleDuplicate(arraySearchValue);
|
|
@@ -410,7 +431,7 @@ export default defineComponent({
|
|
|
410
431
|
selectedShortcut.value = item.symbol;
|
|
411
432
|
if (searchValue.length > 0) {
|
|
412
433
|
if (searchedWords.value.filter((f) => f.value === searchValue).length === 0) {
|
|
413
|
-
addToSearch(getKeyword(item.symbol), searchValue);
|
|
434
|
+
addToSearch(getKeyword(item.symbol), searchValue, false);
|
|
414
435
|
} else {
|
|
415
436
|
handleDuplicate(searchValue);
|
|
416
437
|
}
|
|
@@ -492,5 +513,5 @@ export default defineComponent({
|
|
|
492
513
|
});
|
|
493
514
|
</script>
|
|
494
515
|
<style scoped>
|
|
495
|
-
.research_tags{align-items:center;display:flex;flex-direction:row;gap:8px;overflow-x:scroll}.research_tags::-webkit-scrollbar{display:none}.filters_input_search{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:12px;height:40px;padding:0 0 0 12px;width:calc(100% - 24px)}.filters_shortcuts_open{border-radius:8px 8px 8px 0}.filters_input_style{margin-right:8px;max-width:20%}.research_section{align-items:flex-start;background:var(--white);border:1.5px solid var(--light);border-radius:0 0 8px 8px;box-shadow:0 16px 40px rgba(62,63,94,.12);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding:0;width:340px}.research_title{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-grow:0;font-size:14px;font-weight:700;gap:8px;line-height:16px;order:0;padding:16px}.align_icon{margin-left:auto}.research_content{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:1;padding:0 8px;width:90%}.research_item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;padding:8px;width:100%}.research_item:hover{background:var(--lightest)!important}.research_item_selected{background:var(--lightest)}.research_keyword{font-size:16px;font-weight:500;line-height:19px}.research_value{color:var(--dark);font-size:16px;font-weight:400;line-height:19px}.research_item>svg{margin-left:auto}.research_footer{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:2;padding:16px 0 0}.research_separator{background:var(--light);height:1px;width:100%}.shortcuts_choice{align-self:stretch;font-size:14px;font-weight:400;gap:4px;line-height:16px;padding:12px 16px}.shortcut_tag,.shortcuts_choice{align-items:center;display:flex;flex:none;flex-direction:row;flex-grow:0;order:1}.shortcut_tag{background:var(--lightest);border-radius:4px;gap:2px;justify-content:center;padding:4px}.shortcut_keyword{font-size:14px;font-weight:400;line-height:16px;white-space:nowrap}.shortcut_symbol{font-size:14px;font-weight:500;line-height:16px}.tag_search_type{color:var(--dark);font-size:14px;line-height:16px;text-transform:uppercase}.input_shortcut_tag{align-items:center;background:var(--lightest);border-radius:8px;display:flex;flex-direction:row;gap:4px;isolation:isolate;padding:4px 12px;position:relative;width:auto}.input_shortcut_tag.selected_tag>.remove_search,.input_shortcut_tag:hover .remove_search{background:var(--lightest);left:calc(100% - 25px);opacity:1;position:absolute;transition:all .3s ease}.remove_search_section{margin-left:auto;padding:0 12px}.remove_search,.remove_search_section{align-items:center;border-left:1px solid var(--light);border-radius:0 8px 8px 0;cursor:pointer;display:flex;flex-direction:row;height:100%}.remove_search{background:var(--lightest);left:calc(100% - 15px);opacity:0;padding-left:4px;position:absolute;transition:all .2s ease}.search_error{color:var(--system-alert);font-size:14px}.selected_tag{border:1px solid var(--primary)}.input_shortcut_tag.duplicate_tag{animation:shake 1s;background:var(--lightest)!important}@keyframes shake{10%,90%{transform:scale(.9) translate3d(-1px,0,0)}20%,80%{transform:scale(.9) translate3d(2px,0,0)}30%,50%,70%{transform:scale(.9) translate3d(-4px,0,0)}40%,60%{transform:scale(.9) translate3d(4px,0,0)}}.search_icon{flex-shrink:0}.select-remove{
|
|
516
|
+
.research_tags{align-items:center;display:flex;flex-direction:row;gap:8px;overflow-x:scroll}.research_tags::-webkit-scrollbar{display:none}.filters_input_search{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;display:flex;flex-direction:row;gap:12px;height:40px;padding:0 0 0 12px;width:calc(100% - 24px)}.filters_shortcuts_open{border-radius:8px 8px 8px 0}.filters_input_style{margin-right:8px;max-width:20%}.research_section{align-items:flex-start;background:var(--white);border:1.5px solid var(--light);border-radius:0 0 8px 8px;box-shadow:0 16px 40px rgba(62,63,94,.12);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;padding:0;width:340px}.research_title{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-grow:0;font-size:14px;font-weight:700;gap:8px;line-height:16px;order:0;padding:16px}.align_icon{margin-left:auto}.research_content{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:1;padding:0 8px;width:90%}.research_item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;padding:8px;width:100%}.research_item:hover{background:var(--lightest)!important}.research_item_selected{background:var(--lightest)}.research_keyword{font-size:16px;font-weight:500;line-height:19px}.research_value{color:var(--dark);font-size:16px;font-weight:400;line-height:19px}.research_item>svg{margin-left:auto}.research_footer{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;order:2;padding:16px 0 0}.research_separator{background:var(--light);height:1px;width:100%}.shortcuts_choice{align-self:stretch;font-size:14px;font-weight:400;gap:4px;line-height:16px;padding:12px 16px}.shortcut_tag,.shortcuts_choice{align-items:center;display:flex;flex:none;flex-direction:row;flex-grow:0;order:1}.shortcut_tag{background:var(--lightest);border-radius:4px;gap:2px;justify-content:center;padding:4px}.shortcut_keyword{font-size:14px;font-weight:400;line-height:16px;white-space:nowrap}.shortcut_symbol{font-size:14px;font-weight:500;line-height:16px}.tag_search_type{color:var(--dark);font-size:14px;line-height:16px;text-transform:uppercase}.input_shortcut_tag{align-items:center;background:var(--lightest);border-radius:8px;display:flex;flex-direction:row;gap:4px;isolation:isolate;padding:4px 12px;position:relative;width:auto}.input_shortcut_tag.selected_tag>.remove_search,.input_shortcut_tag:hover .remove_search{background:var(--lightest);left:calc(100% - 25px);opacity:1;position:absolute;transition:all .3s ease}.remove_search_section{margin-left:auto;padding:0 12px}.remove_search,.remove_search_section{align-items:center;border-left:1px solid var(--light);border-radius:0 8px 8px 0;cursor:pointer;display:flex;flex-direction:row;height:100%}.remove_search{background:var(--lightest);left:calc(100% - 15px);opacity:0;padding-left:4px;position:absolute;transition:all .2s ease}.search_error{color:var(--system-alert);font-size:14px}.selected_tag{border:1px solid var(--primary)}.input_shortcut_tag.duplicate_tag{animation:shake 1s;background:var(--lightest)!important}@keyframes shake{10%,90%{transform:scale(.9) translate3d(-1px,0,0)}20%,80%{transform:scale(.9) translate3d(2px,0,0)}30%,50%,70%{transform:scale(.9) translate3d(-4px,0,0)}40%,60%{transform:scale(.9) translate3d(4px,0,0)}}.search_icon{flex-shrink:0}.select-remove{background:rgba(33,118,255,.1)!important}.select-remove svg{color:var(--primary)!important}.sub_input_section{align-items:flex-start;display:flex;flex-direction:row;position:absolute;z-index:3}@media screen and (max-width:700px){.sub_input_section{align-items:flex-start;display:flex;flex-direction:column-reverse}.searchbar_info{border-radius:0!important;height:100px;opacity:1!important;overflow-y:scroll;width:338px}}.searchbar_info{align-items:flex-start;background:var(--darkest);border:1px solid var(--darkest);border-radius:0 0 8px 8px;box-shadow:0 16px 40px rgba(62,63,94,.12);color:var(--white);display:flex;flex-direction:row;max-width:500px}.searchbar_shortcuts{padding:16px}.searchbar_info_title{font-size:14px;font-weight:700;text-decoration:underline}.searchbar_info_content{font-size:14px;list-style:inside;padding-inline-start:0!important}.close_info{padding:12px 16px 0 0}.close_info,.show_shortcuts{cursor:pointer}.filters_input_search:hover{border:1.5px solid rgba(33,118,255,.2)!important}.filters_input_search:focus-within{border:1.5px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(33,118,255,.1)!important}.filters_input_search:focus-within .search_icon,.filters_input_search:hover .search_icon{color:var(--primary)!important}.filters_input_style{width:100%}.filters_input_style,.filters_input_style:focus-visible{border:none;outline:none}.filters_input_style::-moz-placeholder{color:var(--medium)}.filters_input_style::placeholder{color:var(--medium)}
|
|
496
517
|
</style>
|
|
@@ -44,6 +44,41 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
44
44
|
};
|
|
45
45
|
default: () => never[];
|
|
46
46
|
};
|
|
47
|
+
defaultInputs: {
|
|
48
|
+
type: {
|
|
49
|
+
(arrayLength: number): {
|
|
50
|
+
type: "";
|
|
51
|
+
value: "";
|
|
52
|
+
}[];
|
|
53
|
+
(...items: {
|
|
54
|
+
type: "";
|
|
55
|
+
value: "";
|
|
56
|
+
}[]): {
|
|
57
|
+
type: "";
|
|
58
|
+
value: "";
|
|
59
|
+
}[];
|
|
60
|
+
new (arrayLength: number): {
|
|
61
|
+
type: "";
|
|
62
|
+
value: "";
|
|
63
|
+
}[];
|
|
64
|
+
new (...items: {
|
|
65
|
+
type: "";
|
|
66
|
+
value: "";
|
|
67
|
+
}[]): {
|
|
68
|
+
type: "";
|
|
69
|
+
value: "";
|
|
70
|
+
}[];
|
|
71
|
+
isArray(arg: any): arg is any[];
|
|
72
|
+
readonly prototype: any[];
|
|
73
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
74
|
+
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
75
|
+
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
76
|
+
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
77
|
+
of<T_4>(...items: T_4[]): T_4[];
|
|
78
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
79
|
+
};
|
|
80
|
+
default: () => never[];
|
|
81
|
+
};
|
|
47
82
|
}, {
|
|
48
83
|
close: () => void;
|
|
49
84
|
changeDisplay: () => void;
|
|
@@ -56,7 +91,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
56
91
|
addTag: () => void;
|
|
57
92
|
resetSearch: () => void;
|
|
58
93
|
selectTag: (index: number, direction: number) => void;
|
|
59
|
-
addToSearch: (search: string, textValue: string) => void;
|
|
94
|
+
addToSearch: (search: string, textValue: string, isDefault: boolean) => void;
|
|
60
95
|
shortcutColor: (shortcut: string) => "var(--darkest)" | "var(--white)";
|
|
61
96
|
shortcutSelect: (dir: string) => void;
|
|
62
97
|
typing: import("vue").Ref<boolean>;
|
|
@@ -128,6 +163,41 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
128
163
|
};
|
|
129
164
|
default: () => never[];
|
|
130
165
|
};
|
|
166
|
+
defaultInputs: {
|
|
167
|
+
type: {
|
|
168
|
+
(arrayLength: number): {
|
|
169
|
+
type: "";
|
|
170
|
+
value: "";
|
|
171
|
+
}[];
|
|
172
|
+
(...items: {
|
|
173
|
+
type: "";
|
|
174
|
+
value: "";
|
|
175
|
+
}[]): {
|
|
176
|
+
type: "";
|
|
177
|
+
value: "";
|
|
178
|
+
}[];
|
|
179
|
+
new (arrayLength: number): {
|
|
180
|
+
type: "";
|
|
181
|
+
value: "";
|
|
182
|
+
}[];
|
|
183
|
+
new (...items: {
|
|
184
|
+
type: "";
|
|
185
|
+
value: "";
|
|
186
|
+
}[]): {
|
|
187
|
+
type: "";
|
|
188
|
+
value: "";
|
|
189
|
+
}[];
|
|
190
|
+
isArray(arg: any): arg is any[];
|
|
191
|
+
readonly prototype: any[];
|
|
192
|
+
from<T>(arrayLike: ArrayLike<T>): T[];
|
|
193
|
+
from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
|
|
194
|
+
from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
|
|
195
|
+
from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
|
|
196
|
+
of<T_4>(...items: T_4[]): T_4[];
|
|
197
|
+
readonly [Symbol.species]: ArrayConstructor;
|
|
198
|
+
};
|
|
199
|
+
default: () => never[];
|
|
200
|
+
};
|
|
131
201
|
}>> & {
|
|
132
202
|
"onUpdate:Value"?: ((...args: any[]) => any) | undefined;
|
|
133
203
|
onOnClose?: ((...args: any[]) => any) | undefined;
|
|
@@ -138,5 +208,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
138
208
|
value: "";
|
|
139
209
|
symbol: "";
|
|
140
210
|
}[];
|
|
211
|
+
defaultInputs: {
|
|
212
|
+
type: "";
|
|
213
|
+
value: "";
|
|
214
|
+
}[];
|
|
141
215
|
}, {}>;
|
|
142
216
|
export default _default;
|
|
@@ -170,5 +170,5 @@ export default defineComponent({
|
|
|
170
170
|
</script>
|
|
171
171
|
|
|
172
172
|
<style scoped>
|
|
173
|
-
.oip_filter_card{align-items:flex-start;align-self:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--light);border-radius:8px;display:flex;flex-direction:column;position:sticky;position:-webkit-sticky;top:0;transition:gap .3s linear,max-height .4s ease,background-color .3s linear,padding .3s linear,top .3s linear;z-index:91}.filter_card{background-color:var(--white);gap:16px;max-height:1000px;overflow:visible;padding:24px}.filter_card_collapse{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(245,245,249,.8);gap:0;max-height:32px;overflow:hidden;padding:16px 24px}.full-width{width:100%}.filter-icon{transition:transform .3s}.icon-rotate{transform:rotate(180deg)}.filters_title{font-size:20px;font-weight:900}.filters_amount,.filters_title{font-style:normal;line-height:normal}.filters_amount{align-items:center;border:1px solid var(--light,#ececf2);border-radius:16px;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:8px;justify-content:center;padding:2px 8px}.filters_clear,.filters_save{cursor:pointer;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline}.filters_clear{color:var(--system-alert,#ef4444)}.filters_save{color:var(--primary-primary,#2176ff)}.filters_collapse{font-size:14px;font-style:normal;font-weight:400;line-height:160%}.filters_section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;transition:max-height .3s linear,opacity .3s linear,visibility .3s linear}.filters_section.open{max-height:100%;opacity:1;overflow:visible}.filters_section.closed{max-height:0;opacity:0;overflow:hidden}.toggle_filter_card{align-items:center;background:transparent;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:6px}.toggle_filter_card:hover{background:var(--light)!important}
|
|
173
|
+
.oip_filter_card{align-items:flex-start;align-self:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--light);border-radius:8px;display:flex;flex-direction:column;max-width:1032px;position:sticky;position:-webkit-sticky;top:0;transition:gap .3s linear,max-height .4s ease,background-color .3s linear,padding .3s linear,top .3s linear;z-index:91}.filter_card{background-color:var(--white);gap:16px;max-height:1000px;overflow:visible;padding:24px}.filter_card_collapse{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(245,245,249,.8);gap:0;max-height:32px;overflow:hidden;padding:16px 24px}.full-width{width:100%}.filter-icon{transition:transform .3s}.icon-rotate{transform:rotate(180deg)}.filters_title{font-size:20px;font-weight:900}.filters_amount,.filters_title{font-style:normal;line-height:normal}.filters_amount{align-items:center;border:1px solid var(--light,#ececf2);border-radius:16px;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:8px;justify-content:center;padding:2px 8px}.filters_clear,.filters_save{cursor:pointer;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline}.filters_clear{color:var(--system-alert,#ef4444)}.filters_save{color:var(--primary-primary,#2176ff)}.filters_collapse{font-size:14px;font-style:normal;font-weight:400;line-height:160%}.filters_section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:16px;transition:max-height .3s linear,opacity .3s linear,visibility .3s linear}.filters_section.open{max-height:100%;opacity:1;overflow:visible}.filters_section.closed{max-height:0;opacity:0;overflow:hidden}.toggle_filter_card{align-items:center;background:transparent;border-radius:4px;cursor:pointer;display:flex;gap:6px;padding:6px}.toggle_filter_card:hover{background:var(--light)!important}
|
|
174
174
|
</style>
|