@tekkare/auriga 0.1.152 → 0.1.154
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 {
|
|
@@ -251,10 +251,12 @@ import argBtn from "./argBtn.vue";
|
|
|
251
251
|
import argSortIcon from "./argSortIcon.vue";
|
|
252
252
|
import {
|
|
253
253
|
onMounted,
|
|
254
|
+
onUpdated,
|
|
254
255
|
ref,
|
|
255
256
|
computed,
|
|
256
257
|
watch,
|
|
257
|
-
defineComponent
|
|
258
|
+
defineComponent,
|
|
259
|
+
onUnmounted
|
|
258
260
|
} from "vue";
|
|
259
261
|
export default defineComponent({
|
|
260
262
|
name: "argTable",
|
|
@@ -376,12 +378,14 @@ export default defineComponent({
|
|
|
376
378
|
saveTable.value = Object.assign([], [...new Set(fillTable.value)]);
|
|
377
379
|
dataValues.value = fillTable.value;
|
|
378
380
|
currentPage.value = 1;
|
|
381
|
+
setCrop();
|
|
379
382
|
}
|
|
380
383
|
);
|
|
381
384
|
watch(
|
|
382
385
|
() => props.heads,
|
|
383
386
|
(newHeads) => {
|
|
384
387
|
getColumnTypes();
|
|
388
|
+
setCrop();
|
|
385
389
|
}
|
|
386
390
|
);
|
|
387
391
|
watch(searchKey, (newSearchKey) => {
|
|
@@ -669,8 +673,19 @@ export default defineComponent({
|
|
|
669
673
|
showToggle.value = props.toggleDisplay;
|
|
670
674
|
}
|
|
671
675
|
onMounted(() => {
|
|
676
|
+
setCrop();
|
|
677
|
+
document.addEventListener("resize", setCrop);
|
|
678
|
+
});
|
|
679
|
+
onUpdated(() => {
|
|
680
|
+
setCrop();
|
|
681
|
+
});
|
|
682
|
+
onUnmounted(() => {
|
|
683
|
+
document.removeEventListener("resize", setCrop);
|
|
684
|
+
});
|
|
685
|
+
function setCrop() {
|
|
672
686
|
setTimeout(() => {
|
|
673
687
|
if (props.autoCrop) {
|
|
688
|
+
hasReadMore.value = [];
|
|
674
689
|
const textCells = document.querySelectorAll(".text_cell");
|
|
675
690
|
textCells.forEach((cell) => {
|
|
676
691
|
cell.classList.remove("crop_text");
|
|
@@ -683,7 +698,7 @@ export default defineComponent({
|
|
|
683
698
|
});
|
|
684
699
|
}
|
|
685
700
|
}, 300);
|
|
686
|
-
}
|
|
701
|
+
}
|
|
687
702
|
function applyToggleCrop(index, value) {
|
|
688
703
|
if (toggleCrop.value !== null) {
|
|
689
704
|
if (toggleCrop.value.index === index && toggleCrop.value.value === value) {
|