@tekkare/auriga 0.1.152 → 0.1.153
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
|
@@ -70,33 +70,45 @@
|
|
|
70
70
|
<div
|
|
71
71
|
v-for="(element, index) of filterName"
|
|
72
72
|
:key="index"
|
|
73
|
-
class="
|
|
73
|
+
class="dropdown_option_display"
|
|
74
74
|
:class="values_disabled.includes(index) ? 'disabled_option' : ''"
|
|
75
75
|
@click="add_element(element, index)"
|
|
76
76
|
>
|
|
77
|
-
<
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
77
|
+
<div class="oip_select_complex_selection_loop">
|
|
78
|
+
<arg-icon
|
|
79
|
+
v-if="values_disabled.includes(index)"
|
|
80
|
+
name="MinusCircleDisable"
|
|
81
|
+
size="16"
|
|
82
|
+
color="var(--darkest)"
|
|
83
|
+
class="disable"
|
|
84
|
+
/>
|
|
85
|
+
<arg-icon
|
|
86
|
+
v-else
|
|
87
|
+
:class="selected_item === element ? 'add' : ''"
|
|
88
|
+
:color="
|
|
89
|
+
selected_item === element ? 'var(--primary)' : 'var(--medium)'
|
|
90
|
+
"
|
|
91
|
+
size="16"
|
|
92
|
+
:name="selected_item === element ? 'CircleSelectFill' : 'Circle'"
|
|
93
|
+
/>
|
|
94
|
+
<div
|
|
95
|
+
:class="[
|
|
96
|
+
'oip_select_complex_selection_loop_name',
|
|
97
|
+
selected_item === element ? 'add' : 'del',
|
|
98
|
+
]"
|
|
99
|
+
>
|
|
100
|
+
{{ element }}
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
93
103
|
<div
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
104
|
+
v-if="
|
|
105
|
+
categories !== null &&
|
|
106
|
+
getSepPositions.includes(index) &&
|
|
107
|
+
index < filterName.length - 1
|
|
108
|
+
"
|
|
109
|
+
class="separator"
|
|
98
110
|
>
|
|
99
|
-
|
|
111
|
+
|
|
100
112
|
</div>
|
|
101
113
|
</div>
|
|
102
114
|
</div>
|
|
@@ -146,7 +158,8 @@ export default defineComponent({
|
|
|
146
158
|
},
|
|
147
159
|
loader_text: { type: Array, default: null },
|
|
148
160
|
empty_content_msg: { type: String, default: null },
|
|
149
|
-
is_sort: { type: Boolean, default: false }
|
|
161
|
+
is_sort: { type: Boolean, default: false },
|
|
162
|
+
categories: { type: Array, default: null }
|
|
150
163
|
},
|
|
151
164
|
emits: ["changeElement", "update:Selection", "changeInputValue"],
|
|
152
165
|
setup(props, { emit }) {
|
|
@@ -157,10 +170,20 @@ export default defineComponent({
|
|
|
157
170
|
const table_values = ref([]);
|
|
158
171
|
const selected_item = ref(null);
|
|
159
172
|
const selected_number = ref(null);
|
|
173
|
+
const getSepPositions = ref([]);
|
|
160
174
|
onMounted(() => {
|
|
161
175
|
table_values.value = props.element_table;
|
|
162
176
|
selected_item.value = props.default_select !== null ? props.element_table[props.default_select] : null;
|
|
163
177
|
selected_number.value = props.default_select !== null ? props.default_select : null;
|
|
178
|
+
if (props.categories !== null) {
|
|
179
|
+
props.categories.forEach((element) => {
|
|
180
|
+
getSepPositions.value.push(
|
|
181
|
+
table_values.value.indexOf(
|
|
182
|
+
element.values[element.values.length - 1]
|
|
183
|
+
)
|
|
184
|
+
);
|
|
185
|
+
});
|
|
186
|
+
}
|
|
164
187
|
});
|
|
165
188
|
watch(
|
|
166
189
|
() => props.element_table,
|
|
@@ -170,6 +193,31 @@ export default defineComponent({
|
|
|
170
193
|
selected_item.value = new_element_table[props.default_select];
|
|
171
194
|
selected_number.value = props.default_select;
|
|
172
195
|
}
|
|
196
|
+
if (props.categories !== null) {
|
|
197
|
+
props.categories.forEach((element) => {
|
|
198
|
+
getSepPositions.value.push(
|
|
199
|
+
table_values.value.indexOf(
|
|
200
|
+
element.values[element.values.length - 1]
|
|
201
|
+
)
|
|
202
|
+
);
|
|
203
|
+
});
|
|
204
|
+
} else
|
|
205
|
+
getSepPositions.value = [];
|
|
206
|
+
}
|
|
207
|
+
);
|
|
208
|
+
watch(
|
|
209
|
+
() => props.categories,
|
|
210
|
+
() => {
|
|
211
|
+
if (props.categories !== null) {
|
|
212
|
+
props.categories.forEach((element) => {
|
|
213
|
+
getSepPositions.value.push(
|
|
214
|
+
table_values.value.indexOf(
|
|
215
|
+
element.values[element.values.length - 1]
|
|
216
|
+
)
|
|
217
|
+
);
|
|
218
|
+
});
|
|
219
|
+
} else
|
|
220
|
+
getSepPositions.value = [];
|
|
173
221
|
}
|
|
174
222
|
);
|
|
175
223
|
watch(
|
|
@@ -318,12 +366,13 @@ export default defineComponent({
|
|
|
318
366
|
getEmptyMsg,
|
|
319
367
|
getLoaderText,
|
|
320
368
|
getPlaceholder,
|
|
321
|
-
getEmptyContentMsg
|
|
369
|
+
getEmptyContentMsg,
|
|
370
|
+
getSepPositions
|
|
322
371
|
};
|
|
323
372
|
}
|
|
324
373
|
});
|
|
325
374
|
</script>
|
|
326
375
|
|
|
327
376
|
<style scoped>
|
|
328
|
-
.disabled_option{cursor:auto!important}.disabled_option .oip_select_complex_selection_loop_name{color:var(--medium)}.oip_select_complex_selection_loop.disabled_option:hover svg{color:var(--light)!important}.oip_select_complex_selection_loop>svg.add{color:var(--primary)!important}.oip_select_complex_selection_loop.disabled_option:hover svg,.oip_select_complex_selection_loop>svg.disable{color:var(--darkest)!important}.oip_select_complex_selection_loop:hover>svg.add{color:var(--primary-hover)!important}.oip_select_complex_selection_loop:hover svg{color:var(--primary)!important}.oip_select_complex_selection_loop .add{font-weight:700!important}.oip_select_complex_selection_loop:hover{background:rgba(33,118,255,.05)!important;border-radius:4px!important}.oip_select_complex_selection_loop{padding:2px 4px}.oip_select_complex_selection_loop.disabled_option:hover{background:transparent!important}.oip_select_complex_selection_loop{margin:4px 0!important}svg.add{flex-shrink:0}.full_width{width:100%}
|
|
377
|
+
.disabled_option{cursor:auto!important}.disabled_option .oip_select_complex_selection_loop_name{color:var(--medium)}.oip_select_complex_selection_loop.disabled_option:hover svg{color:var(--light)!important}.oip_select_complex_selection_loop>svg.add{color:var(--primary)!important}.oip_select_complex_selection_loop.disabled_option:hover svg,.oip_select_complex_selection_loop>svg.disable{color:var(--darkest)!important}.oip_select_complex_selection_loop:hover>svg.add{color:var(--primary-hover)!important}.oip_select_complex_selection_loop:hover svg{color:var(--primary)!important}.oip_select_complex_selection_loop .add{font-weight:700!important}.oip_select_complex_selection_loop:hover{background:rgba(33,118,255,.05)!important;border-radius:4px!important}.oip_select_complex_selection_loop{padding:2px 4px}.oip_select_complex_selection_loop.disabled_option:hover{background:transparent!important}.oip_select_complex_selection_loop{margin:4px 0!important}svg.add{flex-shrink:0}.full_width{width:100%}.separator{background:var(--light);height:1px;margin:8px 0;max-width:100%}.dropdown_option_display{display:flex;flex-direction:column}
|
|
329
378
|
</style>
|
|
@@ -91,6 +91,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
91
91
|
type: BooleanConstructor;
|
|
92
92
|
default: boolean;
|
|
93
93
|
};
|
|
94
|
+
categories: {
|
|
95
|
+
type: ArrayConstructor;
|
|
96
|
+
default: null;
|
|
97
|
+
};
|
|
94
98
|
}, {
|
|
95
99
|
isDisplay: import("vue").Ref<boolean>;
|
|
96
100
|
searchName: import("vue").Ref<string>;
|
|
@@ -109,6 +113,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
109
113
|
getLoaderText: import("vue").ComputedRef<string[]>;
|
|
110
114
|
getPlaceholder: import("vue").ComputedRef<string>;
|
|
111
115
|
getEmptyContentMsg: import("vue").ComputedRef<string>;
|
|
116
|
+
getSepPositions: import("vue").Ref<any>;
|
|
112
117
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "update:Selection" | "changeInputValue")[], "changeElement" | "update:Selection" | "changeInputValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
113
118
|
element_table: {
|
|
114
119
|
type: {
|
|
@@ -202,6 +207,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
202
207
|
type: BooleanConstructor;
|
|
203
208
|
default: boolean;
|
|
204
209
|
};
|
|
210
|
+
categories: {
|
|
211
|
+
type: ArrayConstructor;
|
|
212
|
+
default: null;
|
|
213
|
+
};
|
|
205
214
|
}>> & {
|
|
206
215
|
onChangeElement?: ((...args: any[]) => any) | undefined;
|
|
207
216
|
"onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
|
|
@@ -209,6 +218,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
209
218
|
}, {
|
|
210
219
|
lang: string;
|
|
211
220
|
loading: boolean;
|
|
221
|
+
categories: unknown[];
|
|
212
222
|
return_value: boolean;
|
|
213
223
|
disabled: boolean;
|
|
214
224
|
empty_msg: string;
|
|
@@ -52,7 +52,7 @@ const drawSquircle=(ctx,geom,radii,smooth,lineWidth,color)=>{const defaultFill=c
|
|
|
52
52
|
</script>
|
|
53
53
|
|
|
54
54
|
<style>
|
|
55
|
-
.oip_select_dropdown_block{background:var(--demi-fond);border:1.5px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;margin-top:15px;max-height:500px;min-width:
|
|
55
|
+
.oip_select_dropdown_block{background:var(--demi-fond);border:1.5px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);display:flex;flex-direction:column;margin-top:15px;max-height:500px;min-width:200px;padding:16px;position:absolute;z-index:12}.oip_select_block{align-items:center;background:var(--white);border:1.5px solid var(--light);border-radius:8px;cursor:pointer;display:flex;gap:4px;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:12px;position:relative;width:202px;--squircle-radius:8px;--squircle-smooth:1}.filter_box:hover,.filter_wrap:hover>.filter_box:not(.open),.oip_select_block:hover,.oip_select_dropdown_block:hover,.prmt_parent_switch:hover{border:1.5px solid var(--primary-primary-20,#d3e4ff)!important}.filter_box.open,.oip_select_dropdown_block.open,.oip_select_wrap.open>.oip_select_block,.prmt_parent_switch.open{border:1.5px solid var(--primary)!important;filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.filter_wrap.open,.oip_select_wrap.open,.switch_wrapper.open{filter:drop-shadow(0 0 4px rgba(33,118,255,.3))!important}.oip_select_block.open>svg{color:var(--primary)!important}.oip_select_block.disabled{background:var(--light)!important;cursor:not-allowed}.oip_select_label .prmt_tooltip{display:flex}.oip_select_label .prmt_tooltip span,.oip_select_label>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:98%}.oip_select_label{color:var(--darkest);font-size:14px;font-weight:700;line-height:16px;max-height:16px;width:90%}.oip_select_block svg{flex-shrink:0!important}.oip_select_label.disabled{color:var(--dark)}.oip_select_caret_down{float:right;margin-left:auto}.oip_select_complex_selection_loop_name{width:-moz-fit-content;width:fit-content}.oip_select_complex_selection_loop.del>svg{color:var(--system-alert)!important;flex-shrink:0}.oip_select_complex_selection_loop.add>svg{color:var(--primary)!important;flex-shrink:0}.oip_select_complex_selection_loop{flex-grow:1;margin:8px 0}.oip_select_complex_selection_container{margin:8px 0;max-height:350px;overflow-y:auto}.oip_select_complex_selection_loop_name{font-size:14px;font-weight:400;line-height:16px}.oip_select_complex_selection_loop{cursor:pointer;display:flex;gap:8px;margin:4px 0}.oip_search_container>svg{color:var(--medium)!important}.oip_search_name:focus-visible{outline:none}.oip_search_name::-moz-placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name::placeholder{color:var(--medium);font-size:12px;font-weight:400;line-height:20px}.oip_search_name{border:none;padding-left:8px;width:100%}.oip_search_container{background:var(--white);border:1px solid var(--light);border-radius:10px;display:flex;gap:0;padding:8px 12px}.oip_select_dropdown_title{color:var(--darkest);font-size:14px;font-weight:500;margin-bottom:8px}.oip_select_dropdown_selection_container{display:flex;flex:1 1 auto;flex-direction:column;gap:0;margin-top:16px;min-height:10px;overflow-y:auto}.oip_select_dropdown_selection_container:only-child{margin-top:0}.oip_empty_dropdown{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:16px;padding-top:16px;text-align:center}.oip_select_complex_selection_loop>svg.add{fill:var(--accent)!important;color:var(--white)!important}.arg-circle-amount{align-items:center;background:#e9f1ff;border-radius:50%;color:var(--primary);display:flex;flex-direction:column;flex-shrink:0;font-size:14px;font-style:normal;font-weight:600;gap:10px;height:20px;justify-content:center;padding:4px;position:absolute;right:34px;width:20px}.oip_empty_select{color:var(--dark);font-size:14px;font-style:italic;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oip_select_display{align-items:flex-start;display:flex;flex-direction:column;gap:4px}
|
|
56
56
|
</style>
|
|
57
57
|
<style scoped>
|
|
58
58
|
.oip_select_complex_selection_loop > svg.add {
|