Add node pack actions: install, uninstall, enable, disable, change version (#3016)

Co-authored-by: github-actions <github-actions@github.com>

src/components/dialog/content/manager/button/PackActionButton.vue

@@ -0,0 +1,52 @@
+<template>
+  <Button
+    outlined
+    class="m-0 p-0 rounded-lg border-neutral-700"
+    :class="{
+      'w-full': fullWidth,
+      'w-min-content': !fullWidth
+    }"
+    :disabled="isExecuted"
+    v-bind="$attrs"
+    @click="onClick"
+  >
+    <span class="py-2.5 px-3">
+      <template v-if="isExecuted">
+        {{ loadingMessage ?? $t('g.loading') }}
+      </template>
+      <template v-else>
+        {{ label }}
+      </template>
+    </span>
+  </Button>
+</template>
+
+<script setup lang="ts">
+import Button from 'primevue/button'
+import { ref } from 'vue'
+
+const {
+  label,
+  loadingMessage,
+  fullWidth = false
+} = defineProps<{
+  label: string
+  loadingMessage?: string
+  fullWidth?: boolean
+}>()
+
+const emit = defineEmits<{
+  action: []
+}>()
+
+defineOptions({
+  inheritAttrs: false
+})
+
+const isExecuted = ref(false)
+
+const onClick = (): void => {
+  isExecuted.value = true
+  emit('action')
+}
+</script>