adata-ui 2.1.40-beta.12 → 2.1.40-beta.13

package/components/navigation/header/HeaderUsage.vue

@@ -30,17 +30,33 @@ watch(percent, (value) => {
   displayPercent.value = value
 })
 
-const isLow = computed(() => percent.value < 20)
+const usageLevel = computed<'normal' | 'warning' | 'critical'>(() => {
+  if (percent.value < 20) return 'critical'
+  if (percent.value < 40) return 'warning'
+  return 'normal'
+})
 
-const barColorClass = computed(() =>
-  isLow.value
-    ? 'bg-red-500 dark:bg-red-400'
-    : 'bg-blue-600 dark:bg-blue-500',
-)
+const barColorClass = computed(() => {
+  switch (usageLevel.value) {
+    case 'critical':
+      return 'bg-red-500 dark:bg-red-400'
+    case 'warning':
+      return 'bg-yellow-500 dark:bg-yellow-400'
+    default:
+      return 'bg-blue-600 dark:bg-blue-500'
+  }
+})
 
-const valueColorClass = computed(() =>
-  isLow.value ? 'text-red-600 dark:text-red-400' : 'text-gray-900 dark:text-gray-100',
-)
+const valueColorClass = computed(() => {
+  switch (usageLevel.value) {
+    case 'critical':
+      return 'text-red-600 dark:text-red-400'
+    case 'warning':
+      return 'text-yellow-600 dark:text-yellow-400'
+    default:
+      return 'text-gray-900 dark:text-gray-100'
+  }
+})
 </script>
 
 <template>

package/components/overlays/modal/AModalV2.vue

@@ -20,6 +20,8 @@ const props = withDefaults(defineProps<{
   swipeToClose?: boolean
   swipeThreshold?: number
   showDragHandle?: boolean
+  dataTestId?: string
+  iconXMarkTestId?: string
 }>(), {
   size: 'md',
   closeOnOverlay: true,
@@ -34,6 +36,8 @@ const props = withDefaults(defineProps<{
   swipeToClose: true,
   swipeThreshold: 65,
   showDragHandle: true,
+  dataTestId: undefined,
+  iconXMarkTestId: undefined,
 })
 
 const emit = defineEmits<{
@@ -286,6 +290,7 @@ function onTouchEnd() {
               ref="contentRef"
               :class="contentBaseClass"
               :style="sizeStyle"
+              :data-test-id="dataTestId"
               @mousedown.stop
             >
               <div
@@ -316,6 +321,7 @@ function onTouchEnd() {
                   v-if="!hideClose"
                   type="button"
                   class="ml-auto rounded-sm p-1 transition hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-gray-200"
+                  :data-test-id="iconXMarkTestId"
                   @click="closeIfAllowed"
                 >
                   <a-icon-x-mark class="size-4" />

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "adata-ui",
   "type": "module",
-  "version": "2.1.40-beta.12",
+  "version": "2.1.40-beta.13",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",