@kestra-io/ui-libs 0.0.32 → 0.0.33
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/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
>
|
|
8
8
|
<div v-if="state" class="status-div" :class="[`bg-${stateColor}`]" />
|
|
9
9
|
<div class="icon rounded">
|
|
10
|
-
<TaskIcon :cls="cls" :class="taskIconBg" class="rounded bg-white" theme="light" :icons="icons" />
|
|
10
|
+
<component :is="iconComponent || TaskIcon" :cls="cls" :class="taskIconBg" class="rounded bg-white" theme="light" :icons="icons" />
|
|
11
11
|
</div>
|
|
12
12
|
<div class="node-content">
|
|
13
13
|
<div class="d-flex node-title">
|
|
@@ -59,8 +59,11 @@
|
|
|
59
59
|
</div>
|
|
60
60
|
</template>
|
|
61
61
|
|
|
62
|
-
<script>
|
|
62
|
+
<script setup>
|
|
63
63
|
import TaskIcon from "../misc/TaskIcon.vue";
|
|
64
|
+
</script>
|
|
65
|
+
|
|
66
|
+
<script>
|
|
64
67
|
import InformationOutline from "vue-material-design-icons/InformationOutline.vue";
|
|
65
68
|
import {EVENTS} from "../../utils/constants.js";
|
|
66
69
|
import ArrowExpand from "vue-material-design-icons/ArrowExpand.vue";
|
|
@@ -72,7 +75,6 @@
|
|
|
72
75
|
export default {
|
|
73
76
|
components: {
|
|
74
77
|
ArrowExpand,
|
|
75
|
-
TaskIcon,
|
|
76
78
|
InformationOutline,
|
|
77
79
|
OpenInNew,
|
|
78
80
|
Tooltip
|
|
@@ -115,6 +117,10 @@
|
|
|
115
117
|
icons: {
|
|
116
118
|
type: Object,
|
|
117
119
|
default: undefined
|
|
120
|
+
},
|
|
121
|
+
iconComponent: {
|
|
122
|
+
type: Object,
|
|
123
|
+
default: undefined
|
|
118
124
|
}
|
|
119
125
|
},
|
|
120
126
|
methods: {
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
:state="state"
|
|
7
7
|
:class="classes"
|
|
8
8
|
:icons="icons"
|
|
9
|
+
:icon-component="iconComponent"
|
|
9
10
|
@show-description="forwardEvent(EVENTS.SHOW_DESCRIPTION, $event)"
|
|
10
11
|
@expand="forwardEvent(EVENTS.EXPAND, expandData)"
|
|
11
12
|
@open-link="forwardEvent(EVENTS.OPEN_LINK, $event)"
|
|
@@ -211,6 +212,10 @@
|
|
|
211
212
|
type: Object,
|
|
212
213
|
default: undefined
|
|
213
214
|
},
|
|
215
|
+
iconComponent: {
|
|
216
|
+
type: Object,
|
|
217
|
+
default: undefined
|
|
218
|
+
},
|
|
214
219
|
enableSubflowInteraction: {
|
|
215
220
|
type: Boolean,
|
|
216
221
|
default: true
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
:data="data"
|
|
6
6
|
:color="color"
|
|
7
7
|
:icons="icons"
|
|
8
|
+
:icon-component="iconComponent"
|
|
8
9
|
@show-description="forwardEvent(EVENTS.SHOW_DESCRIPTION, $event)"
|
|
9
10
|
@expand="forwardEvent(EVENTS.EXPAND, {id})"
|
|
10
11
|
>
|
|
@@ -88,6 +89,10 @@
|
|
|
88
89
|
icons: {
|
|
89
90
|
type: Object,
|
|
90
91
|
default: undefined
|
|
92
|
+
},
|
|
93
|
+
iconComponent: {
|
|
94
|
+
type: Object,
|
|
95
|
+
default: undefined
|
|
91
96
|
}
|
|
92
97
|
},
|
|
93
98
|
methods: {
|
|
@@ -59,6 +59,10 @@
|
|
|
59
59
|
type: Object,
|
|
60
60
|
default: undefined
|
|
61
61
|
},
|
|
62
|
+
iconComponent: {
|
|
63
|
+
type: Object,
|
|
64
|
+
default: undefined
|
|
65
|
+
},
|
|
62
66
|
enableSubflowInteraction: {
|
|
63
67
|
type: Boolean,
|
|
64
68
|
default: true
|
|
@@ -325,6 +329,7 @@
|
|
|
325
329
|
<TaskNode
|
|
326
330
|
v-bind="taskProps"
|
|
327
331
|
:icons="icons"
|
|
332
|
+
:icon-component="iconComponent"
|
|
328
333
|
@edit="forwardEvent(EVENTS.EDIT, $event)"
|
|
329
334
|
@delete="forwardEvent(EVENTS.DELETE, $event)"
|
|
330
335
|
@expand="expand($event)"
|
|
@@ -342,6 +347,7 @@
|
|
|
342
347
|
<TriggerNode
|
|
343
348
|
v-bind="triggerProps"
|
|
344
349
|
:icons="icons"
|
|
350
|
+
:icon-component="iconComponent"
|
|
345
351
|
:is-read-only="isReadOnly"
|
|
346
352
|
:is-allowed-edit="isAllowedEdit"
|
|
347
353
|
@delete="forwardEvent(EVENTS.DELETE, $event)"
|