vome-core 0.3.65 → 0.3.67

package/dist/admin/components/vm-page-tabs.vue

@@ -1,94 +1,94 @@
-<template>
-  <div class="vm-page-tabs" :class="[`is-${variant}`]" role="tablist">
-    <button
-      v-for="tab in tabs"
-      :key="tab.key"
-      type="button"
-      role="tab"
-      class="vm-page-tabs__item"
-      :class="{ 'is-active': modelValue === tab.key }"
-      :aria-selected="modelValue === tab.key"
-      @click="emit('update:modelValue', tab.key)"
-    >
-      {{ tab.label }}
-    </button>
-  </div>
-</template>
-
-<script setup lang="ts">
-defineOptions({ name: 'vm-page-tabs' })
-
-export type PageTab = { key: string; label: string }
-
-withDefaults(
-  defineProps<{
-    modelValue: string
-    tabs: PageTab[]
-    variant?: 'pill' | 'segmented'
-  }>(),
-  {
-    variant: 'pill',
-  },
-)
-
-const emit = defineEmits<{
-  'update:modelValue': [key: string]
-}>()
-</script>
-
-<style lang="scss" scoped>
-.vm-page-tabs {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-
-  &.is-segmented {
-    gap: 4px;
-    padding: 4px;
-    border-radius: 12px;
-    background: color-mix(in srgb, var(--foreground) 5%, var(--card));
-
-    .vm-page-tabs__item {
-      height: 32px;
-      padding: 0 14px;
-      border: none;
-      border-radius: 8px;
-      background: transparent;
-
-      &.is-active {
-        background: var(--card);
-        color: var(--brand);
-        box-shadow: var(--shadow-soft);
-      }
-    }
-  }
-}
-
-.vm-page-tabs__item {
-  height: 34px;
-  padding: 0 16px;
-  border: 1px solid color-mix(in srgb, var(--foreground) 12%, transparent);
-  border-radius: 999px;
-  background: var(--card);
-  color: var(--muted-foreground);
-  font-size: 13px;
-  font-weight: 600;
-  cursor: pointer;
-  transition:
-    border-color 0.15s ease,
-    background 0.15s ease,
-    color 0.15s ease;
-
-  &:hover:not(.is-active) {
-    border-color: color-mix(in srgb, var(--foreground) 22%, transparent);
-    background: var(--muted);
-    color: var(--foreground);
-  }
-
-  &.is-active {
-    border-color: var(--brand);
-    background: var(--brand);
-    color: #fff;
-  }
-}
-</style>
+<template>
+  <div class="vm-page-tabs" :class="[`is-${variant}`]" role="tablist">
+    <button
+      v-for="tab in tabs"
+      :key="tab.key"
+      type="button"
+      role="tab"
+      class="vm-page-tabs__item"
+      :class="{ 'is-active': modelValue === tab.key }"
+      :aria-selected="modelValue === tab.key"
+      @click="emit('update:modelValue', tab.key)"
+    >
+      {{ tab.label }}
+    </button>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'vm-page-tabs' })
+
+export type PageTab = { key: string; label: string }
+
+withDefaults(
+  defineProps<{
+    modelValue: string
+    tabs: PageTab[]
+    variant?: 'pill' | 'segmented'
+  }>(),
+  {
+    variant: 'pill',
+  },
+)
+
+const emit = defineEmits<{
+  'update:modelValue': [key: string]
+}>()
+</script>
+
+<style lang="scss" scoped>
+.vm-page-tabs {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+
+  &.is-segmented {
+    gap: 4px;
+    padding: 4px;
+    border-radius: 12px;
+    background: color-mix(in srgb, var(--foreground) 5%, var(--card));
+
+    .vm-page-tabs__item {
+      height: 32px;
+      padding: 0 14px;
+      border: none;
+      border-radius: 8px;
+      background: transparent;
+
+      &.is-active {
+        background: var(--card);
+        color: var(--brand);
+        box-shadow: var(--shadow-soft);
+      }
+    }
+  }
+}
+
+.vm-page-tabs__item {
+  height: 34px;
+  padding: 0 16px;
+  border: 1px solid color-mix(in srgb, var(--foreground) 12%, transparent);
+  border-radius: 999px;
+  background: var(--card);
+  color: var(--muted-foreground);
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  transition:
+    border-color 0.15s ease,
+    background 0.15s ease,
+    color 0.15s ease;
+
+  &:hover:not(.is-active) {
+    border-color: color-mix(in srgb, var(--foreground) 22%, transparent);
+    background: var(--muted);
+    color: var(--foreground);
+  }
+
+  &.is-active {
+    border-color: var(--brand);
+    background: var(--brand);
+    color: #fff;
+  }
+}
+</style>

package/dist/admin/components/vm-perm-section.vue

@@ -1,57 +1,57 @@
-<template>
-  <div class="vm-perm-section">
-    <div v-if="title || $slots.extra" class="vm-perm-section__head">
-      <div v-if="title" class="vm-perm-section__title">{{ title }}</div>
-      <div v-if="$slots.extra" class="vm-perm-section__extra">
-        <slot name="extra" />
-      </div>
-    </div>
-    <div class="vm-perm-section__body">
-      <slot />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-defineOptions({ name: 'vm-perm-section' })
-
-defineProps<{
-  title?: string
-}>()
-</script>
-
-<style lang="scss" scoped>
-.vm-perm-section {
-  grid-column: span 12;
-  display: grid;
-  gap: 8px;
-  min-width: 0;
-  min-height: 0;
-}
-
-.vm-perm-section__head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.vm-perm-section__title {
-  font-size: 13px;
-  font-weight: 650;
-  color: var(--foreground);
-}
-
-.vm-perm-section__extra {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 12px;
-  color: var(--muted-foreground);
-}
-
-.vm-perm-section__body {
-  min-width: 0;
-  min-height: 0;
-}
-</style>
+<template>
+  <div class="vm-perm-section">
+    <div v-if="title || $slots.extra" class="vm-perm-section__head">
+      <div v-if="title" class="vm-perm-section__title">{{ title }}</div>
+      <div v-if="$slots.extra" class="vm-perm-section__extra">
+        <slot name="extra" />
+      </div>
+    </div>
+    <div class="vm-perm-section__body">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'vm-perm-section' })
+
+defineProps<{
+  title?: string
+}>()
+</script>
+
+<style lang="scss" scoped>
+.vm-perm-section {
+  grid-column: span 12;
+  display: grid;
+  gap: 8px;
+  min-width: 0;
+  min-height: 0;
+}
+
+.vm-perm-section__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.vm-perm-section__title {
+  font-size: 13px;
+  font-weight: 650;
+  color: var(--foreground);
+}
+
+.vm-perm-section__extra {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+
+.vm-perm-section__body {
+  min-width: 0;
+  min-height: 0;
+}
+</style>

package/dist/admin/components/vm-ri-icon.vue

@@ -1,23 +1,23 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-import { cn } from '../lib/cn'
-defineOptions({ name: 'vm-ri-icon' })
-
-const props = withDefaults(
-  defineProps<{
-    /** remixicon 名，如 ri-home-line；可省略 ri- 前缀 */
-    name: string
-    class?: string
-  }>(),
-  {},
-)
-
-const cls = computed(() => {
-  const n = props.name.startsWith('ri-') ? props.name : `ri-${props.name}`
-  return cn(n, props.class)
-})
-</script>
-
-<template>
-  <i :class="cls" aria-hidden="true" />
-</template>
+<script setup lang="ts">
+import { computed } from 'vue'
+import { cn } from '../lib/cn'
+defineOptions({ name: 'vm-ri-icon' })
+
+const props = withDefaults(
+  defineProps<{
+    /** remixicon 名，如 ri-home-line；可省略 ri- 前缀 */
+    name: string
+    class?: string
+  }>(),
+  {},
+)
+
+const cls = computed(() => {
+  const n = props.name.startsWith('ri-') ? props.name : `ri-${props.name}`
+  return cn(n, props.class)
+})
+</script>
+
+<template>
+  <i :class="cls" aria-hidden="true" />
+</template>