@tekkare/auriga 0.1.73 → 0.1.74
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 +1 -1
- package/dist/runtime/components/argComplexSelect.vue +15 -8
- package/dist/runtime/components/argComplexSelect.vue.d.ts +1 -0
- package/dist/runtime/components/argSidebar.vue +5 -1
- package/dist/runtime/components/argToolbar.vue +1 -1
- package/dist/runtime/components/argToolbarContent.vue +1 -1
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
:disabled="disabled"
|
|
8
8
|
:show_amount="show_amount"
|
|
9
9
|
:amount_value="del_table.length"
|
|
10
|
-
id="simple-select-complex"
|
|
10
|
+
:id="`simple-select-complex-${complex_label}`"
|
|
11
11
|
@click="changeDisplay()"
|
|
12
12
|
:class="isDisplay ? 'open' : ''"
|
|
13
13
|
>
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
</div>
|
|
28
28
|
<!-- Complex select -->
|
|
29
29
|
<div
|
|
30
|
-
:style="isDisplay === false ? 'display : none' : ''"
|
|
31
|
-
id="select-complex"
|
|
30
|
+
:style="[isDisplay === false ? 'display : none' : '', `left: ${getLeft}`]"
|
|
31
|
+
:id="`select-complex-${complex_label}`"
|
|
32
32
|
class="oip_select_complex_block"
|
|
33
33
|
@click.stop
|
|
34
34
|
>
|
|
@@ -284,6 +284,7 @@ export default defineComponent({
|
|
|
284
284
|
const hoverAdd = ref(null);
|
|
285
285
|
const hoverRemove = ref(null);
|
|
286
286
|
const reachMax = ref(false);
|
|
287
|
+
const getLeft = ref("0");
|
|
287
288
|
onMounted(() => {
|
|
288
289
|
del_table.value = Object.assign([], [...new Set(props.already_selected)]);
|
|
289
290
|
add_table.value = Object.assign(
|
|
@@ -440,13 +441,18 @@ export default defineComponent({
|
|
|
440
441
|
document?.addEventListener("click", close);
|
|
441
442
|
}, 100);
|
|
442
443
|
}
|
|
443
|
-
const elem = document?.getElementById(
|
|
444
|
-
|
|
445
|
-
|
|
444
|
+
const elem = document?.getElementById(
|
|
445
|
+
`select-complex-${props.complex_label}`
|
|
446
|
+
);
|
|
447
|
+
const simpleElem = document?.getElementById(
|
|
448
|
+
`simple-select-complex-${props.complex_label}`
|
|
449
|
+
);
|
|
450
|
+
const sidebar = document?.getElementById("arg-sidebar");
|
|
451
|
+
if (elem !== null && simpleElem !== null && sidebar && sidebar !== null) {
|
|
446
452
|
elem.style.display = "";
|
|
447
453
|
elem.style.left = "";
|
|
448
454
|
const bounding = elem.getBoundingClientRect();
|
|
449
|
-
|
|
455
|
+
getLeft.value = !isInViewport(elem) ? `${simpleElem.getBoundingClientRect().right + window.scrollX - bounding.width}px` : "";
|
|
450
456
|
}
|
|
451
457
|
}
|
|
452
458
|
}
|
|
@@ -594,7 +600,8 @@ export default defineComponent({
|
|
|
594
600
|
getPlaceholderAdd,
|
|
595
601
|
getPlaceholderDel,
|
|
596
602
|
getMaxSelectMsg,
|
|
597
|
-
getEmptyContentMsg
|
|
603
|
+
getEmptyContentMsg,
|
|
604
|
+
getLeft
|
|
598
605
|
};
|
|
599
606
|
}
|
|
600
607
|
});
|
|
@@ -153,6 +153,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
153
153
|
getPlaceholderDel: import("vue").ComputedRef<string>;
|
|
154
154
|
getMaxSelectMsg: import("vue").ComputedRef<string>;
|
|
155
155
|
getEmptyContentMsg: import("vue").ComputedRef<string>;
|
|
156
|
+
getLeft: import("vue").Ref<string>;
|
|
156
157
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "changeAddInputValue" | "update:Selection")[], "changeElement" | "changeAddInputValue" | "update:Selection", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
157
158
|
element_table: {
|
|
158
159
|
type: {
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
<!-- eslint-disable vue/max-attributes-per-line -->
|
|
2
2
|
<template>
|
|
3
|
-
<div
|
|
3
|
+
<div
|
|
4
|
+
:class="sidebarOpen ? 'arg_sidebar_open' : ''"
|
|
5
|
+
class="arg_sidebar"
|
|
6
|
+
id="arg-sidebar"
|
|
7
|
+
>
|
|
4
8
|
<div
|
|
5
9
|
:class="
|
|
6
10
|
sidebarOpen ? 'arg_sidebar_header_full' : 'arg_sidebar_header_small'
|
|
@@ -63,5 +63,5 @@ export default defineComponent({
|
|
|
63
63
|
</script>
|
|
64
64
|
|
|
65
65
|
<style scoped>
|
|
66
|
-
.arg_source_nb{align-items:center;background:var(--system-alert,#ef4444);border-radius:30px;color:var(--white);display:flex;flex-direction:column;font-size:10px;font-style:normal;font-weight:900;height:var(--m,16px);justify-content:center;line-height:normal;position:absolute;right
|
|
66
|
+
.arg_source_nb{align-items:center;background:var(--system-alert,#ef4444);border-radius:30px;color:var(--white);display:flex;flex-direction:column;font-size:10px;font-style:normal;font-weight:900;height:var(--m,16px);justify-content:center;line-height:normal;position:absolute;right:-5px;top:-5px;width:var(--m,16px)}.oip_info_bar{align-items:flex-start;border:1px solid var(--light,#ececf2);border-radius:8px;display:inline-flex;flex-direction:column;gap:var(--xxs,4px);padding:var(--xxs,4px)}.oip_info_item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;justify-content:flex-end;padding:10px}.relative{position:relative!important}.oip_info_item svg{flex-basis:100%}.oip_info_item:hover{background:var(--light)}
|
|
67
67
|
</style>
|
|
@@ -126,5 +126,5 @@ export default defineComponent({
|
|
|
126
126
|
</script>
|
|
127
127
|
|
|
128
128
|
<style scoped>
|
|
129
|
-
.info_main_container{background-color:transparent;transition:all .5s ease}.info_main_container_open{background-color:rgba(0,0,0,.4);bottom:0;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.oip_info_menu{align-items:center;align-self:stretch;border-bottom:2px solid transparent;color:var(--dark);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:500;gap:4px;justify-content:space-between;line-height:normal;padding:0 16px 4px}.active_info_menu{border-bottom:2px solid var(--primary-primary,#2176ff)!important;color:var(--darkest)!important}.oip_info_item svg{flex-basis:100%}.oip_info_item:hover{background:rgba(237,237,243,.65)}.oip_info_close{align-items:center;background:var(--white);border-radius:var(--s,8px);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:400;gap:6px;line-height:160%;margin:24px;padding:6px 12px 6px 8px}.oip_info_close:hover{background:var(--light)!important}.oip_info_section{align-items:flex-start;display:flex;flex-direction:row;height:0;overflow:hidden;transition:all .5s ease;width:0}.oip_info_section_open{height:820px;width:620px}.oip_info_sidebar{background:var(--base-demi-fond,#f9f9fa);gap:16px;padding:24px 0;width:160px}.oip_info_content,.oip_info_sidebar{align-items:flex-start;align-self:stretch;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--light,#ececf2);display:flex;flex-direction:column}.oip_info_content{background:var(--base-white,#fff);border-radius:var(--None,0);gap:24px;padding:24px;width:460px}.oip_info_container{align-items:flex-start;display:inline-flex;position:fixed;right:0;top:0;z-index:999}.hide{display:none}.arg_source_amount{align-items:center;background:var(--system-alert,#ef4444);border-radius:30px;color:var(--white);display:flex;flex-direction:column;font-size:10px;font-style:normal;font-weight:900;height:var(--m,16px);justify-content:center;line-height:normal;width:var(--m,16px)}.toolbar_menu_content{align-self:stretch}
|
|
129
|
+
.info_main_container{background-color:transparent;transition:all .5s ease}.info_main_container_open{background-color:rgba(0,0,0,.4);bottom:0;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.oip_info_menu{align-items:center;align-self:stretch;border-bottom:2px solid transparent;color:var(--dark);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:500;gap:4px;justify-content:space-between;line-height:normal;padding:0 16px 4px}.active_info_menu{border-bottom:2px solid var(--primary-primary,#2176ff)!important;color:var(--darkest)!important}.oip_info_item svg{flex-basis:100%}.oip_info_item:hover{background:rgba(237,237,243,.65)}.oip_info_close{align-items:center;background:var(--white);border-radius:var(--s,8px);cursor:pointer;display:flex;font-size:14px;font-style:normal;font-weight:400;gap:6px;line-height:160%;margin:24px;padding:6px 12px 6px 8px}.oip_info_close:hover{background:var(--light)!important}.oip_info_section{align-items:flex-start;display:flex;flex-direction:row;height:0;overflow:hidden;transition:all .5s ease;width:0}.oip_info_section_open{height:820px;width:620px}.oip_info_sidebar{background:var(--base-demi-fond,#f9f9fa);gap:16px;padding:24px 0;width:160px}.oip_info_content,.oip_info_sidebar{align-items:flex-start;align-self:stretch;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--light,#ececf2);display:flex;flex-direction:column}.oip_info_content{background:var(--base-white,#fff);border-radius:var(--None,0);gap:24px;overflow-y:scroll;padding:24px;width:460px}.oip_info_content::-webkit-scrollbar{width:5px!important}.oip_info_content::-webkit-scrollbar-thumb{background:var(--medium);border-radius:12px!important}.oip_info_content::-webkit-scrollbar-thumb:hover{background:var(--medium)!important}.oip_info_container{align-items:flex-start;display:inline-flex;position:fixed;right:0;top:0;z-index:999}.hide{display:none}.arg_source_amount{align-items:center;background:var(--system-alert,#ef4444);border-radius:30px;color:var(--white);display:flex;flex-direction:column;font-size:10px;font-style:normal;font-weight:900;height:var(--m,16px);justify-content:center;line-height:normal;width:var(--m,16px)}.toolbar_menu_content{align-self:stretch}
|
|
130
130
|
</style>
|