Add OMS WMS ERP platform

2026-07-27 00:45:39 +09:00
parent 15dc3685df
commit b34b0dd7d6
163 changed files with 32596 additions and 0 deletions
@@ -0,0 +1,63 @@
+<template>
+  <button
+    :class="['btn', `btn-${variant}`, sizeClass, { disabled }]"
+    :disabled="disabled || loading"
+    :aria-label="ariaLabel"
+    @click="$emit('click')"
+  >
+    <span v-if="loading" class="spinner-border spinner-border-sm me-2"></span>
+    <slot />
+  </button>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+interface Props {
+  variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info'
+  size?: 'sm' | 'md' | 'lg'
+  disabled?: boolean
+  loading?: boolean
+  ariaLabel?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  variant: 'primary',
+  size: 'md',
+  disabled: false,
+  loading: false
+})
+
+const sizeClass = computed(() => {
+  switch (props.size) {
+    case 'sm':
+      return 'btn-sm'
+    case 'lg':
+      return 'btn-lg'
+    default:
+      return ''
+  }
+})
+
+defineEmits<{
+  click: []
+}>()
+</script>
+
+<style scoped>
+.btn {
+  border-radius: 6px;
+  font-weight: 500;
+  transition: all 0.2s ease-in-out;
+}
+
+.btn:focus-visible {
+  outline: 2px solid #0d6efd;
+  outline-offset: 2px;
+}
+
+.btn:disabled {
+  cursor: not-allowed;
+  opacity: 0.65;
+}
+</style>