@tekkare/auriga 0.1.9 → 0.1.10
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/allIcons.vue +1112 -0
- package/dist/runtime/components/allIcons.vue.d.ts +6 -0
- package/dist/runtime/components/argActions.vue +39 -9
- package/dist/runtime/components/argActions.vue.d.ts +15 -1
- package/dist/runtime/components/argAdvancedSearchBar.vue.d.ts +2 -2
- package/dist/runtime/components/argCheckbox.vue +35 -28
- package/dist/runtime/components/argCheckbox.vue.d.ts +9 -1
- package/dist/runtime/components/argCircleAmount.vue +37 -0
- package/dist/runtime/components/argCircleAmount.vue.d.ts +12 -0
- package/dist/runtime/components/argDropdownSelect.vue +5 -19
- package/dist/runtime/components/argEmoji.vue +34 -0
- package/dist/runtime/components/argEmoji.vue.d.ts +29 -0
- package/dist/runtime/components/argFileBtn.vue +10 -2
- package/dist/runtime/components/argFileBtn.vue.d.ts +9 -0
- package/dist/runtime/components/argFilterCard.vue +0 -1
- package/dist/runtime/components/argHeader.vue +15 -7
- package/dist/runtime/components/argHeader.vue.d.ts +9 -0
- package/dist/runtime/components/argMenuLink.vue +3 -2
- package/dist/runtime/components/argMultipleChoice.vue +1 -1
- package/dist/runtime/components/argMultipleSelect.vue +29 -17
- package/dist/runtime/components/argMultipleSelect.vue.d.ts +8 -0
- package/dist/runtime/components/argRadioButtons.vue +2 -1
- package/dist/runtime/components/argScopeCriteria.vue +91 -0
- package/dist/runtime/components/argScopeCriteria.vue.d.ts +35 -0
- package/dist/runtime/components/argScopeHeader.vue +90 -0
- package/dist/runtime/components/argScopeHeader.vue.d.ts +33 -0
- package/dist/runtime/components/argScopeLayout.vue +61 -0
- package/dist/runtime/components/argScopeLayout.vue.d.ts +14 -0
- package/dist/runtime/components/argSidebar.vue +10 -7
- package/dist/runtime/components/argSidebar.vue.d.ts +9 -0
- package/dist/runtime/components/argSimpleLabel.vue +1 -1
- package/dist/runtime/components/argStyle.vue +82 -65
- package/dist/runtime/components/argTags.vue +1 -1
- package/dist/runtime/components/argTipsBox.vue +153 -0
- package/dist/runtime/components/argTipsBox.vue.d.ts +37 -0
- package/package.json +2 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {
|
|
2
|
+
iconNames: string[];
|
|
3
|
+
searchIcon: import("vue").Ref<string>;
|
|
4
|
+
filteredIcon: import("vue").ComputedRef<string[]>;
|
|
5
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
6
|
+
export default _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
:class="
|
|
4
4
|
actionType === 'download' || actionType === 'see-analysis'
|
|
5
5
|
? 'download_action'
|
|
6
|
-
: actionType === 'cancel'
|
|
6
|
+
: actionType === 'cancel' || actionType === 'close'
|
|
7
7
|
? 'cancel_action'
|
|
8
8
|
: actionType === 'scope' || actionType === 'save-analysis'
|
|
9
9
|
? 'scope_action'
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"
|
|
12
12
|
@click="sendAction()"
|
|
13
13
|
>
|
|
14
|
-
{{ getActionText }}
|
|
14
|
+
<p>{{ getActionText }}</p>
|
|
15
15
|
</div>
|
|
16
16
|
</template>
|
|
17
17
|
|
|
@@ -30,28 +30,45 @@ export default defineComponent({
|
|
|
30
30
|
actionText: {
|
|
31
31
|
type: String,
|
|
32
32
|
default: null
|
|
33
|
+
},
|
|
34
|
+
lang: {
|
|
35
|
+
type: String,
|
|
36
|
+
default: "en",
|
|
37
|
+
validator: (value) => {
|
|
38
|
+
return ["en", "fr"].includes(value);
|
|
39
|
+
}
|
|
33
40
|
}
|
|
34
41
|
},
|
|
35
|
-
emits: [
|
|
42
|
+
emits: [
|
|
43
|
+
"onDownload",
|
|
44
|
+
"onScope",
|
|
45
|
+
"onCancel",
|
|
46
|
+
"onClose",
|
|
47
|
+
"onSeeAnalysis",
|
|
48
|
+
"onSaveAnalysis"
|
|
49
|
+
],
|
|
36
50
|
setup(props, { emit }) {
|
|
37
51
|
const getActionText = computed(() => {
|
|
38
52
|
if (!props.actionText) {
|
|
39
53
|
let finalText = "";
|
|
40
54
|
switch (props.actionType) {
|
|
41
55
|
case "cancel":
|
|
42
|
-
finalText = "Cancel";
|
|
56
|
+
finalText = props.lang === "fr" ? "Annuler" : "Cancel";
|
|
43
57
|
break;
|
|
44
58
|
case "scope":
|
|
45
|
-
finalText = "My scope";
|
|
59
|
+
finalText = props.lang === "fr" ? "Mon scope" : "My scope";
|
|
46
60
|
break;
|
|
47
61
|
case "see-analysis":
|
|
48
|
-
finalText = "Go to analysis";
|
|
62
|
+
finalText = props.lang === "fr" ? "Voir l'analyse" : "Go to analysis";
|
|
49
63
|
break;
|
|
50
64
|
case "save-analysis":
|
|
51
|
-
finalText = "Save and continue";
|
|
65
|
+
finalText = props.lang === "fr" ? "Sauvergader et continuer " : "Save and continue";
|
|
52
66
|
break;
|
|
53
67
|
case "download":
|
|
54
|
-
finalText = "Download all";
|
|
68
|
+
finalText = props.lang === "fr" ? "Tout t\xE9l\xE9charger" : "Download all";
|
|
69
|
+
break;
|
|
70
|
+
case "close":
|
|
71
|
+
finalText = props.lang === "fr" ? "Fermer" : "Close";
|
|
55
72
|
}
|
|
56
73
|
return finalText;
|
|
57
74
|
} else
|
|
@@ -67,6 +84,15 @@ export default defineComponent({
|
|
|
67
84
|
break;
|
|
68
85
|
case "download":
|
|
69
86
|
emit("onDownload");
|
|
87
|
+
break;
|
|
88
|
+
case "see-analysis":
|
|
89
|
+
emit("onSeeAnalysis");
|
|
90
|
+
break;
|
|
91
|
+
case "save-analysis":
|
|
92
|
+
emit("onSaveAnalysis");
|
|
93
|
+
break;
|
|
94
|
+
case "close":
|
|
95
|
+
emit("onClose");
|
|
70
96
|
}
|
|
71
97
|
}
|
|
72
98
|
return {
|
|
@@ -102,6 +128,10 @@ export default defineComponent({
|
|
|
102
128
|
cursor: pointer;
|
|
103
129
|
}
|
|
104
130
|
|
|
131
|
+
.cancel_action:hover {
|
|
132
|
+
background: var(--background) !important;
|
|
133
|
+
}
|
|
134
|
+
|
|
105
135
|
.scope_action {
|
|
106
136
|
cursor: pointer;
|
|
107
137
|
display: flex;
|
|
@@ -109,7 +139,7 @@ export default defineComponent({
|
|
|
109
139
|
justify-content: center;
|
|
110
140
|
align-items: center;
|
|
111
141
|
gap: var(--s, 8px);
|
|
112
|
-
border-radius:
|
|
142
|
+
border-radius: 8px;
|
|
113
143
|
background: var(--primary-primary, #2176ff);
|
|
114
144
|
font-size: 14px;
|
|
115
145
|
font-style: normal;
|
|
@@ -7,10 +7,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
7
7
|
type: StringConstructor;
|
|
8
8
|
default: null;
|
|
9
9
|
};
|
|
10
|
+
lang: {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
default: string;
|
|
13
|
+
validator: (value: string) => boolean;
|
|
14
|
+
};
|
|
10
15
|
}, {
|
|
11
16
|
getActionText: import("vue").ComputedRef<string>;
|
|
12
17
|
sendAction: () => void;
|
|
13
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onDownload" | "onScope" | "onCancel")[], "onDownload" | "onScope" | "onCancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onDownload" | "onScope" | "onCancel" | "onClose" | "onSeeAnalysis" | "onSaveAnalysis")[], "onDownload" | "onScope" | "onCancel" | "onClose" | "onSeeAnalysis" | "onSaveAnalysis", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
14
19
|
actionType: {
|
|
15
20
|
type: StringConstructor;
|
|
16
21
|
required: true;
|
|
@@ -19,11 +24,20 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
19
24
|
type: StringConstructor;
|
|
20
25
|
default: null;
|
|
21
26
|
};
|
|
27
|
+
lang: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
default: string;
|
|
30
|
+
validator: (value: string) => boolean;
|
|
31
|
+
};
|
|
22
32
|
}>> & {
|
|
23
33
|
onOnDownload?: ((...args: any[]) => any) | undefined;
|
|
24
34
|
onOnScope?: ((...args: any[]) => any) | undefined;
|
|
25
35
|
onOnCancel?: ((...args: any[]) => any) | undefined;
|
|
36
|
+
onOnClose?: ((...args: any[]) => any) | undefined;
|
|
37
|
+
onOnSeeAnalysis?: ((...args: any[]) => any) | undefined;
|
|
38
|
+
onOnSaveAnalysis?: ((...args: any[]) => any) | undefined;
|
|
26
39
|
}, {
|
|
27
40
|
actionText: string;
|
|
41
|
+
lang: string;
|
|
28
42
|
}, {}>;
|
|
29
43
|
export default _default;
|
|
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
58
58
|
iconColor: import("vue").ComputedRef<"var(--primary)" | "var(--wild-blue-yonder)">;
|
|
59
59
|
hasShortcut: import("vue").ComputedRef<boolean>;
|
|
60
60
|
infoHeight: import("vue").ComputedRef<boolean>;
|
|
61
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
61
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "update:Value")[], "onClose" | "update:Value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
62
62
|
placeHolderValue: {
|
|
63
63
|
type: StringConstructor;
|
|
64
64
|
default: string;
|
|
@@ -81,8 +81,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
81
81
|
default: () => never[];
|
|
82
82
|
};
|
|
83
83
|
}>> & {
|
|
84
|
-
"onUpdate:Value"?: ((...args: any[]) => any) | undefined;
|
|
85
84
|
onOnClose?: ((...args: any[]) => any) | undefined;
|
|
85
|
+
"onUpdate:Value"?: ((...args: any[]) => any) | undefined;
|
|
86
86
|
}, {
|
|
87
87
|
placeHolderValue: string;
|
|
88
88
|
customShortcuts: any[];
|
|
@@ -1,33 +1,36 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
3
|
-
class="
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<arg-icon
|
|
12
|
-
:name="iconFilter"
|
|
13
|
-
:class="[
|
|
14
|
-
'flex',
|
|
15
|
-
returnValue ? 'filter_icon_check' : 'filter_icon_select',
|
|
16
|
-
disable ? 'disable' : 'filter_icon_select',
|
|
17
|
-
]"
|
|
18
|
-
size="24"
|
|
19
|
-
:color="iconColor"
|
|
20
|
-
/>
|
|
21
|
-
</div>
|
|
22
|
-
<p>{{ filterTitle }}</p>
|
|
23
|
-
<arg-tooltip
|
|
24
|
-
v-if="infoIcon"
|
|
25
|
-
:tooltip-text="tooltipText"
|
|
26
|
-
:dir="tooltipDir"
|
|
27
|
-
class="filter_tooltip flex"
|
|
2
|
+
<div class="oip_select_display">
|
|
3
|
+
<p class="oip_filter_label">{{ checkbox_label }}</p>
|
|
4
|
+
<div
|
|
5
|
+
class="filter_box"
|
|
6
|
+
@focus="selectOption = true"
|
|
7
|
+
@focusout="selectOption = false"
|
|
8
|
+
tabindex="0"
|
|
9
|
+
:class="selectOption ? 'open' : ''"
|
|
10
|
+
@click="selectFilter()"
|
|
28
11
|
>
|
|
29
|
-
<
|
|
30
|
-
|
|
12
|
+
<div>
|
|
13
|
+
<arg-icon
|
|
14
|
+
:name="iconFilter"
|
|
15
|
+
:class="[
|
|
16
|
+
'flex',
|
|
17
|
+
returnValue ? 'filter_icon_check' : 'filter_icon_select',
|
|
18
|
+
disable ? 'disable' : 'filter_icon_select',
|
|
19
|
+
]"
|
|
20
|
+
size="24"
|
|
21
|
+
:color="iconColor"
|
|
22
|
+
/>
|
|
23
|
+
</div>
|
|
24
|
+
<p>{{ filterTitle }}</p>
|
|
25
|
+
<arg-tooltip
|
|
26
|
+
v-if="infoIcon"
|
|
27
|
+
:tooltip-text="tooltipText"
|
|
28
|
+
:dir="tooltipDir"
|
|
29
|
+
class="filter_tooltip flex"
|
|
30
|
+
>
|
|
31
|
+
<arg-icon name="QuestionFill" color="var(--cool-grey)" size="16" />
|
|
32
|
+
</arg-tooltip>
|
|
33
|
+
</div>
|
|
31
34
|
</div>
|
|
32
35
|
</template>
|
|
33
36
|
|
|
@@ -67,6 +70,10 @@ export default defineComponent({
|
|
|
67
70
|
tooltipDir: {
|
|
68
71
|
type: String,
|
|
69
72
|
default: "top"
|
|
73
|
+
},
|
|
74
|
+
checkbox_label: {
|
|
75
|
+
type: String,
|
|
76
|
+
required: true
|
|
70
77
|
}
|
|
71
78
|
},
|
|
72
79
|
emits: ["handleClick", "update:Check"],
|
|
@@ -23,8 +23,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
23
|
type: StringConstructor;
|
|
24
24
|
default: string;
|
|
25
25
|
};
|
|
26
|
+
checkbox_label: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
required: true;
|
|
29
|
+
};
|
|
26
30
|
}, {
|
|
27
|
-
iconFilter: import("vue").ComputedRef<"
|
|
31
|
+
iconFilter: import("vue").ComputedRef<"CheckSquareFill" | "MinusSquareDisable" | "Square">;
|
|
28
32
|
iconColor: import("vue").ComputedRef<"var(--wild-blue-yonder)" | "var(--independence)" | "var(--accent)">;
|
|
29
33
|
selectFilter: () => void;
|
|
30
34
|
selectOption: import("vue").Ref<boolean>;
|
|
@@ -54,6 +58,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
58
|
type: StringConstructor;
|
|
55
59
|
default: string;
|
|
56
60
|
};
|
|
61
|
+
checkbox_label: {
|
|
62
|
+
type: StringConstructor;
|
|
63
|
+
required: true;
|
|
64
|
+
};
|
|
57
65
|
}>> & {
|
|
58
66
|
onHandleClick?: ((...args: any[]) => any) | undefined;
|
|
59
67
|
"onUpdate:Check"?: ((...args: any[]) => any) | undefined;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="filters_amount">
|
|
3
|
+
{{ amount }}
|
|
4
|
+
</div>
|
|
5
|
+
</template>
|
|
6
|
+
|
|
7
|
+
<script>
|
|
8
|
+
import {
|
|
9
|
+
defineComponent
|
|
10
|
+
} from "vue";
|
|
11
|
+
export default defineComponent({
|
|
12
|
+
name: "argCircleAmount",
|
|
13
|
+
props: {
|
|
14
|
+
amount: {
|
|
15
|
+
type: [Number, String],
|
|
16
|
+
required: true
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
</script>
|
|
21
|
+
<style scoped>
|
|
22
|
+
.filters_amount {
|
|
23
|
+
display: flex;
|
|
24
|
+
padding: 2px 8px;
|
|
25
|
+
|
|
26
|
+
flex-direction: column;
|
|
27
|
+
justify-content: center;
|
|
28
|
+
align-items: center;
|
|
29
|
+
gap: 8px;
|
|
30
|
+
border-radius: 16px;
|
|
31
|
+
border: 1px solid var(--base-dividers, #ececf2);
|
|
32
|
+
font-size: 12px;
|
|
33
|
+
font-style: normal;
|
|
34
|
+
font-weight: 700;
|
|
35
|
+
line-height: normal;
|
|
36
|
+
}
|
|
37
|
+
</style>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
amount: {
|
|
3
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
7
|
+
amount: {
|
|
8
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
9
|
+
required: true;
|
|
10
|
+
};
|
|
11
|
+
}>>, {}, {}>;
|
|
12
|
+
export default _default;
|
|
@@ -10,11 +10,13 @@
|
|
|
10
10
|
>
|
|
11
11
|
<arg-tooltip
|
|
12
12
|
class="full_width"
|
|
13
|
-
:disable="
|
|
14
|
-
|
|
13
|
+
:disable="
|
|
14
|
+
selected_item !== null ? true : !isEllipsisActive ? true : false
|
|
15
|
+
"
|
|
16
|
+
:tooltipText="selected_item !== null ? selected_item : ''"
|
|
15
17
|
>
|
|
16
18
|
<span
|
|
17
|
-
:class="selected_item ? '' : 'oip_empty_select'"
|
|
19
|
+
:class="selected_item !== null ? '' : 'oip_empty_select'"
|
|
18
20
|
:id="`label_${selected_item}`"
|
|
19
21
|
>{{ selected_item === null ? empty_msg : selected_item }}</span
|
|
20
22
|
>
|
|
@@ -152,14 +154,6 @@ export default defineComponent({
|
|
|
152
154
|
if (props.watch_default_change) {
|
|
153
155
|
selected_item.value = new_element_table[props.default_select];
|
|
154
156
|
selected_number.value = props.default_select;
|
|
155
|
-
emit(
|
|
156
|
-
"changeElement",
|
|
157
|
-
props.return_value ? selected_item.value : selected_number.value
|
|
158
|
-
);
|
|
159
|
-
emit(
|
|
160
|
-
"update:Selection",
|
|
161
|
-
props.return_value ? selected_item.value : selected_number.value
|
|
162
|
-
);
|
|
163
157
|
}
|
|
164
158
|
}
|
|
165
159
|
);
|
|
@@ -169,14 +163,6 @@ export default defineComponent({
|
|
|
169
163
|
if (!props.values_disabled.includes(new_default_select)) {
|
|
170
164
|
selected_item.value = props.element_table[new_default_select];
|
|
171
165
|
selected_number.value = new_default_select;
|
|
172
|
-
emit(
|
|
173
|
-
"changeElement",
|
|
174
|
-
props.return_value ? selected_item.value : selected_number.value
|
|
175
|
-
);
|
|
176
|
-
emit(
|
|
177
|
-
"update:Selection",
|
|
178
|
-
props.return_value ? selected_item.value : selected_number.value
|
|
179
|
-
);
|
|
180
166
|
}
|
|
181
167
|
}
|
|
182
168
|
);
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<p :style="`font-size: ${emojiSize}px`" v-html="getEmojiCode"></p>
|
|
3
|
+
</template>
|
|
4
|
+
|
|
5
|
+
<script>
|
|
6
|
+
import {
|
|
7
|
+
computed,
|
|
8
|
+
defineComponent
|
|
9
|
+
} from "vue";
|
|
10
|
+
export default defineComponent({
|
|
11
|
+
name: "argEmoji",
|
|
12
|
+
props: {
|
|
13
|
+
emojiName: {
|
|
14
|
+
type: String,
|
|
15
|
+
required: true
|
|
16
|
+
},
|
|
17
|
+
emojiSize: {
|
|
18
|
+
type: [String, Number],
|
|
19
|
+
default: "20"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
setup(props) {
|
|
23
|
+
const allEmojis = {
|
|
24
|
+
Lightbulb: "💡",
|
|
25
|
+
Pin: "📍",
|
|
26
|
+
Television: "📺"
|
|
27
|
+
};
|
|
28
|
+
const getEmojiCode = computed(() => {
|
|
29
|
+
return allEmojis[props.emojiName];
|
|
30
|
+
});
|
|
31
|
+
return { allEmojis, getEmojiCode };
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
</script>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
emojiName: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
required: true;
|
|
5
|
+
};
|
|
6
|
+
emojiSize: {
|
|
7
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}, {
|
|
11
|
+
allEmojis: {
|
|
12
|
+
Lightbulb: string;
|
|
13
|
+
Pin: string;
|
|
14
|
+
Television: string;
|
|
15
|
+
};
|
|
16
|
+
getEmojiCode: import("vue").ComputedRef<any>;
|
|
17
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
18
|
+
emojiName: {
|
|
19
|
+
type: StringConstructor;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
emojiSize: {
|
|
23
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
}>>, {
|
|
27
|
+
emojiSize: string | number;
|
|
28
|
+
}, {}>;
|
|
29
|
+
export default _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<client-only><arg-style /></client-only>
|
|
4
4
|
<arg-icon :name="fileIcon.icon" :color="fileIcon.color" size="24" />
|
|
5
5
|
<div class="prmt_file_name_group">
|
|
6
|
-
<arg-tooltip :tooltipText="fileName">
|
|
6
|
+
<arg-tooltip :disable="tooltipDisable" :tooltipText="fileName">
|
|
7
7
|
<h1 class="prmt_file_name">
|
|
8
8
|
{{ fileName }}
|
|
9
9
|
</h1>
|
|
@@ -21,9 +21,11 @@ import {
|
|
|
21
21
|
defineComponent
|
|
22
22
|
} from "vue";
|
|
23
23
|
import argIcon from "./argIcon.vue";
|
|
24
|
+
import argTooltip from "./argTooltip.vue";
|
|
25
|
+
import argStyle from "./argStyle.vue";
|
|
24
26
|
export default defineComponent({
|
|
25
27
|
name: "argFileBtn",
|
|
26
|
-
components: { argIcon },
|
|
28
|
+
components: { argIcon, argTooltip, argStyle },
|
|
27
29
|
props: {
|
|
28
30
|
fileType: {
|
|
29
31
|
type: String,
|
|
@@ -46,6 +48,10 @@ export default defineComponent({
|
|
|
46
48
|
type: Boolean,
|
|
47
49
|
default: false,
|
|
48
50
|
required: false
|
|
51
|
+
},
|
|
52
|
+
tooltipDisable: {
|
|
53
|
+
type: Boolean,
|
|
54
|
+
default: false
|
|
49
55
|
}
|
|
50
56
|
},
|
|
51
57
|
emits: ["onPreview", "onDownload"],
|
|
@@ -66,6 +72,8 @@ export default defineComponent({
|
|
|
66
72
|
iconName = { icon: "FileJpg", color: "#3E3F5E" };
|
|
67
73
|
} else if (ft === "MP4" || ft === "AVI" || ft === "MOV") {
|
|
68
74
|
iconName = { icon: "FileVideo", color: "#3E3F5E" };
|
|
75
|
+
} else if (ft === "PPT" || ft == "PPTX") {
|
|
76
|
+
iconName = { icon: "FilePpt", color: "#3E3F5E" };
|
|
69
77
|
}
|
|
70
78
|
}
|
|
71
79
|
return iconName;
|
|
@@ -21,6 +21,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
21
21
|
default: boolean;
|
|
22
22
|
required: false;
|
|
23
23
|
};
|
|
24
|
+
tooltipDisable: {
|
|
25
|
+
type: BooleanConstructor;
|
|
26
|
+
default: boolean;
|
|
27
|
+
};
|
|
24
28
|
}, {
|
|
25
29
|
fileIcon: import("vue").ComputedRef<{
|
|
26
30
|
icon: string;
|
|
@@ -51,11 +55,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
51
55
|
default: boolean;
|
|
52
56
|
required: false;
|
|
53
57
|
};
|
|
58
|
+
tooltipDisable: {
|
|
59
|
+
type: BooleanConstructor;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
54
62
|
}>> & {
|
|
55
63
|
onOnDownload?: ((...args: any[]) => any) | undefined;
|
|
56
64
|
onOnPreview?: ((...args: any[]) => any) | undefined;
|
|
57
65
|
}, {
|
|
58
66
|
download: boolean;
|
|
59
67
|
preview: boolean;
|
|
68
|
+
tooltipDisable: boolean;
|
|
60
69
|
}, {}>;
|
|
61
70
|
export default _default;
|
|
@@ -5,12 +5,14 @@
|
|
|
5
5
|
id="arg_header"
|
|
6
6
|
>
|
|
7
7
|
<div class="arg_header_title_group">
|
|
8
|
-
<
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
<
|
|
13
|
-
|
|
8
|
+
<div v-if="haveReturn">
|
|
9
|
+
<nuxt-link :to="backTo" v-if="backTo" class="arg_header_back_button">
|
|
10
|
+
<arg-icon name="CaretLeft" size="20px" />
|
|
11
|
+
</nuxt-link>
|
|
12
|
+
<button @click="goBack()" v-else class="arg_header_back_button">
|
|
13
|
+
<arg-icon name="CaretLeft" size="20px" />
|
|
14
|
+
</button>
|
|
15
|
+
</div>
|
|
14
16
|
<h1 class="arg_header_title">
|
|
15
17
|
{{ title }}
|
|
16
18
|
</h1>
|
|
@@ -38,6 +40,7 @@ export default defineComponent({
|
|
|
38
40
|
props: {
|
|
39
41
|
title: { type: String, required: true },
|
|
40
42
|
backTo: { type: String, required: false },
|
|
43
|
+
haveReturn: { type: Boolean, default: false },
|
|
41
44
|
tabs: { type: Array, required: false },
|
|
42
45
|
index_menu: { type: [String, Number], default: 1 },
|
|
43
46
|
sidebarOpen: { type: Boolean, default: false }
|
|
@@ -75,7 +78,12 @@ export default defineComponent({
|
|
|
75
78
|
background: transparent;
|
|
76
79
|
width: 100%;
|
|
77
80
|
box-sizing: border-box;
|
|
78
|
-
|
|
81
|
+
}
|
|
82
|
+
.arg_header_with_sidebar {
|
|
83
|
+
left: 200px;
|
|
84
|
+
}
|
|
85
|
+
.arg_header_no_sidebar {
|
|
86
|
+
left: 52px;
|
|
79
87
|
}
|
|
80
88
|
.arg_header_title_group {
|
|
81
89
|
display: flex;
|
|
@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
7
7
|
type: StringConstructor;
|
|
8
8
|
required: false;
|
|
9
9
|
};
|
|
10
|
+
haveReturn: {
|
|
11
|
+
type: BooleanConstructor;
|
|
12
|
+
default: boolean;
|
|
13
|
+
};
|
|
10
14
|
tabs: {
|
|
11
15
|
type: ArrayConstructor;
|
|
12
16
|
required: false;
|
|
@@ -31,6 +35,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
31
35
|
type: StringConstructor;
|
|
32
36
|
required: false;
|
|
33
37
|
};
|
|
38
|
+
haveReturn: {
|
|
39
|
+
type: BooleanConstructor;
|
|
40
|
+
default: boolean;
|
|
41
|
+
};
|
|
34
42
|
tabs: {
|
|
35
43
|
type: ArrayConstructor;
|
|
36
44
|
required: false;
|
|
@@ -48,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
48
56
|
"onUpdate:Menu"?: ((...args: any[]) => any) | undefined;
|
|
49
57
|
}, {
|
|
50
58
|
index_menu: string | number;
|
|
59
|
+
haveReturn: boolean;
|
|
51
60
|
sidebarOpen: boolean;
|
|
52
61
|
}, {}>;
|
|
53
62
|
export default _default;
|
|
@@ -31,18 +31,19 @@ export default defineComponent({
|
|
|
31
31
|
<style>
|
|
32
32
|
.arg_menu_link {
|
|
33
33
|
display: flex;
|
|
34
|
-
height: 32px;
|
|
35
34
|
padding: 6px;
|
|
36
35
|
align-items: center;
|
|
37
36
|
gap: 6px;
|
|
38
37
|
align-self: stretch;
|
|
39
|
-
color: var(--
|
|
38
|
+
color: var(--independence);
|
|
40
39
|
font-size: 14px;
|
|
41
40
|
font-style: normal;
|
|
42
41
|
font-weight: 400;
|
|
43
42
|
line-height: 160%;
|
|
44
43
|
text-transform: capitalize;
|
|
45
44
|
cursor: pointer;
|
|
45
|
+
border-radius: 4px;
|
|
46
|
+
margin: 8px 0px;
|
|
46
47
|
}
|
|
47
48
|
|
|
48
49
|
.arg_menu_link:hover svg {
|