vome-core 0.3.65 → 0.3.66

package/dist/admin/components/vm-card-grid.vue

@@ -1,37 +1,37 @@
-<template>
-  <div class="vm-card-grid" :style="gridStyle">
-    <slot />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { computed } from 'vue'
-
-defineOptions({ name: 'vm-card-grid' })
-
-const props = withDefaults(
-  defineProps<{
-    minWidth?: string
-    gap?: string
-  }>(),
-  {
-    minWidth: '280px',
-    gap: '16px',
-  },
-)
-
-const gridStyle = computed(() => ({
-  '--vm-card-min': props.minWidth,
-  '--vm-card-gap': props.gap,
-}))
-</script>
-
-<style lang="scss" scoped>
-.vm-card-grid {
-  display: grid;
-  width: 100%;
-  grid-template-columns: repeat(auto-fill, minmax(var(--vm-card-min, 280px), 1fr));
-  gap: var(--vm-card-gap, 16px);
-  align-content: start;
-}
-</style>
+<template>
+  <div class="vm-card-grid" :style="gridStyle">
+    <slot />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+
+defineOptions({ name: 'vm-card-grid' })
+
+const props = withDefaults(
+  defineProps<{
+    minWidth?: string
+    gap?: string
+  }>(),
+  {
+    minWidth: '280px',
+    gap: '16px',
+  },
+)
+
+const gridStyle = computed(() => ({
+  '--vm-card-min': props.minWidth,
+  '--vm-card-gap': props.gap,
+}))
+</script>
+
+<style lang="scss" scoped>
+.vm-card-grid {
+  display: grid;
+  width: 100%;
+  grid-template-columns: repeat(auto-fill, minmax(var(--vm-card-min, 280px), 1fr));
+  gap: var(--vm-card-gap, 16px);
+  align-content: start;
+}
+</style>

package/dist/admin/components/vm-card-head.vue

@@ -1,45 +1,45 @@
-<template>
-  <div class="vm-card-head">
-    <div v-if="$slots.media" class="vm-card-head__media">
-      <slot name="media" />
-    </div>
-    <div v-if="$slots.tags" class="vm-card-head__tags">
-      <slot name="tags" />
-    </div>
-    <div v-if="$slots.actions" class="vm-card-head__actions">
-      <slot name="actions" />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-defineOptions({ name: 'vm-card-head' })
-</script>
-
-<style lang="scss" scoped>
-.vm-card-head {
-  display: flex;
-  align-items: flex-start;
-  gap: 10px;
-  margin-bottom: 8px;
-}
-
-.vm-card-head__media {
-  flex-shrink: 0;
-}
-
-.vm-card-head__tags {
-  display: flex;
-  min-width: 0;
-  flex: 1;
-  flex-wrap: wrap;
-  gap: 4px;
-  padding-top: 2px;
-}
-
-.vm-card-head__actions {
-  display: flex;
-  flex-shrink: 0;
-  gap: 2px;
-}
-</style>
+<template>
+  <div class="vm-card-head">
+    <div v-if="$slots.media" class="vm-card-head__media">
+      <slot name="media" />
+    </div>
+    <div v-if="$slots.tags" class="vm-card-head__tags">
+      <slot name="tags" />
+    </div>
+    <div v-if="$slots.actions" class="vm-card-head__actions">
+      <slot name="actions" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'vm-card-head' })
+</script>
+
+<style lang="scss" scoped>
+.vm-card-head {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  margin-bottom: 8px;
+}
+
+.vm-card-head__media {
+  flex-shrink: 0;
+}
+
+.vm-card-head__tags {
+  display: flex;
+  min-width: 0;
+  flex: 1;
+  flex-wrap: wrap;
+  gap: 4px;
+  padding-top: 2px;
+}
+
+.vm-card-head__actions {
+  display: flex;
+  flex-shrink: 0;
+  gap: 2px;
+}
+</style>

package/dist/admin/components/vm-card-meta.vue

@@ -1,22 +1,22 @@
-<template>
-  <p class="vm-card-meta">
-    <slot>{{ text }}</slot>
-  </p>
-</template>
-
-<script setup lang="ts">
-defineOptions({ name: 'vm-card-meta' })
-
-defineProps<{
-  text?: string
-}>()
-</script>
-
-<style lang="scss" scoped>
-.vm-card-meta {
-  margin: 8px 0 0;
-  color: var(--muted-foreground);
-  font-size: 10px;
-  line-height: 1.45;
-}
-</style>
+<template>
+  <p class="vm-card-meta">
+    <slot>{{ text }}</slot>
+  </p>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'vm-card-meta' })
+
+defineProps<{
+  text?: string
+}>()
+</script>
+
+<style lang="scss" scoped>
+.vm-card-meta {
+  margin: 8px 0 0;
+  color: var(--muted-foreground);
+  font-size: 10px;
+  line-height: 1.45;
+}
+</style>

package/dist/admin/components/vm-card-title.vue

@@ -1,56 +1,56 @@
-<template>
-  <component
-    :is="clickable ? 'button' : 'h3'"
-    class="vm-card-title"
-    :type="clickable ? 'button' : undefined"
-    :title="title"
-    @click="clickable ? emit('click', $event) : undefined"
-  >
-    <slot>{{ text }}</slot>
-  </component>
-</template>
-
-<script setup lang="ts">
-defineOptions({ name: 'vm-card-title' })
-
-withDefaults(
-  defineProps<{
-    text?: string
-    title?: string
-    clickable?: boolean
-  }>(),
-  {
-    clickable: false,
-  },
-)
-
-const emit = defineEmits<{
-  click: [e: MouseEvent]
-}>()
-</script>
-
-<style lang="scss" scoped>
-.vm-card-title {
-  margin: 0 0 4px;
-  overflow: hidden;
-  border: none;
-  background: transparent;
-  color: var(--foreground);
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 1.35;
-  text-align: left;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-button.vm-card-title {
-  width: 100%;
-  padding: 0;
-  cursor: pointer;
-
-  &:hover {
-    color: var(--brand);
-  }
-}
-</style>
+<template>
+  <component
+    :is="clickable ? 'button' : 'h3'"
+    class="vm-card-title"
+    :type="clickable ? 'button' : undefined"
+    :title="title"
+    @click="clickable ? emit('click', $event) : undefined"
+  >
+    <slot>{{ text }}</slot>
+  </component>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'vm-card-title' })
+
+withDefaults(
+  defineProps<{
+    text?: string
+    title?: string
+    clickable?: boolean
+  }>(),
+  {
+    clickable: false,
+  },
+)
+
+const emit = defineEmits<{
+  click: [e: MouseEvent]
+}>()
+</script>
+
+<style lang="scss" scoped>
+.vm-card-title {
+  margin: 0 0 4px;
+  overflow: hidden;
+  border: none;
+  background: transparent;
+  color: var(--foreground);
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 1.35;
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+button.vm-card-title {
+  width: 100%;
+  padding: 0;
+  cursor: pointer;
+
+  &:hover {
+    color: var(--brand);
+  }
+}
+</style>

package/dist/admin/components/vm-card.vue

@@ -1,176 +1,176 @@
-<template>
-  <article
-    class="vm-card"
-    :class="{ 'is-add': add, 'is-bordered': bordered, 'is-compact': compact }"
-  >
-    <div v-if="$slots.toolbar" class="vm-card__toolbar">
-      <slot name="toolbar" />
-    </div>
-    <component
-      :is="add ? 'button' : 'div'"
-      class="vm-card__inner"
-      :type="add ? 'button' : undefined"
-      :disabled="add && disabled"
-      @click="add ? emit('click', $event) : undefined"
-    >
-      <slot />
-    </component>
-    <footer
-      v-if="$slots.footer"
-      class="vm-card__foot"
-      :class="{ 'is-end': footerEnd }"
-    >
-      <slot name="footer" />
-    </footer>
-  </article>
-</template>
-
-<script setup lang="ts">
-defineOptions({ name: 'vm-card' })
-
-withDefaults(
-  defineProps<{
-    add?: boolean
-    bordered?: boolean
-    compact?: boolean
-    footerEnd?: boolean
-    disabled?: boolean
-  }>(),
-  {
-    add: false,
-    bordered: false,
-    compact: false,
-    footerEnd: false,
-    disabled: false,
-  },
-)
-
-const emit = defineEmits<{
-  click: [e: MouseEvent]
-}>()
-</script>
-
-<style lang="scss" scoped>
-.vm-card {
-  position: relative;
-  display: flex;
-  min-height: 168px;
-  flex-direction: column;
-  border-radius: 16px;
-  background: var(--card);
-  box-shadow: var(--shadow-soft);
-  overflow: hidden;
-  text-align: left;
-
-  &.is-bordered {
-    border: 1px solid color-mix(in srgb, var(--foreground) 6%, transparent);
-  }
-
-  &.is-compact {
-    min-height: 180px;
-    border-radius: 14px;
-
-    .vm-card__inner {
-      padding: 12px;
-    }
-
-    .vm-card__foot {
-      padding: 10px 12px 12px;
-    }
-  }
-
-  &.is-add {
-    border: 1px dashed color-mix(in srgb, var(--brand) 36%, transparent);
-    background: color-mix(in srgb, var(--brand) 4%, var(--card));
-    box-shadow: none;
-
-    &.is-compact {
-      min-height: 180px;
-      border-style: solid;
-      border-color: color-mix(in srgb, var(--foreground) 6%, transparent);
-      background: var(--card);
-
-      .vm-card__inner {
-        align-items: center;
-        justify-content: center;
-        gap: 6px;
-        color: color-mix(in srgb, var(--foreground) 62%, transparent);
-        font-size: 12px;
-        font-weight: 600;
-
-        i {
-          font-size: 32px;
-          line-height: 1;
-        }
-
-        &:hover:not(:disabled) {
-          border-color: color-mix(in srgb, var(--foreground) 18%, transparent);
-          background: var(--muted);
-          color: var(--foreground);
-        }
-
-        &:disabled {
-          opacity: 1;
-          color: color-mix(in srgb, var(--foreground) 55%, transparent);
-        }
-      }
-    }
-  }
-}
-
-.vm-card__toolbar {
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  z-index: 1;
-}
-
-.vm-card__inner {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  min-height: 0;
-  padding: 16px;
-  border: none;
-  background: transparent;
-  text-align: left;
-  color: inherit;
-
-  .is-add & {
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    cursor: pointer;
-    color: var(--brand);
-    font-size: 14px;
-    font-weight: 650;
-
-    &:hover:not(:disabled) {
-      background: color-mix(in srgb, var(--foreground) 5%, transparent);
-    }
-
-    i {
-      font-size: 28px;
-    }
-
-    &:disabled {
-      opacity: 0.85;
-      cursor: not-allowed;
-    }
-  }
-}
-
-.vm-card__foot {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  margin-top: auto;
-  padding: 10px 16px 14px;
-  border-top: 1px solid color-mix(in srgb, var(--foreground) 6%, transparent);
-
-  &.is-end {
-    justify-content: flex-end;
-  }
-}
-</style>
+<template>
+  <article
+    class="vm-card"
+    :class="{ 'is-add': add, 'is-bordered': bordered, 'is-compact': compact }"
+  >
+    <div v-if="$slots.toolbar" class="vm-card__toolbar">
+      <slot name="toolbar" />
+    </div>
+    <component
+      :is="add ? 'button' : 'div'"
+      class="vm-card__inner"
+      :type="add ? 'button' : undefined"
+      :disabled="add && disabled"
+      @click="add ? emit('click', $event) : undefined"
+    >
+      <slot />
+    </component>
+    <footer
+      v-if="$slots.footer"
+      class="vm-card__foot"
+      :class="{ 'is-end': footerEnd }"
+    >
+      <slot name="footer" />
+    </footer>
+  </article>
+</template>
+
+<script setup lang="ts">
+defineOptions({ name: 'vm-card' })
+
+withDefaults(
+  defineProps<{
+    add?: boolean
+    bordered?: boolean
+    compact?: boolean
+    footerEnd?: boolean
+    disabled?: boolean
+  }>(),
+  {
+    add: false,
+    bordered: false,
+    compact: false,
+    footerEnd: false,
+    disabled: false,
+  },
+)
+
+const emit = defineEmits<{
+  click: [e: MouseEvent]
+}>()
+</script>
+
+<style lang="scss" scoped>
+.vm-card {
+  position: relative;
+  display: flex;
+  min-height: 168px;
+  flex-direction: column;
+  border-radius: 16px;
+  background: var(--card);
+  box-shadow: var(--shadow-soft);
+  overflow: hidden;
+  text-align: left;
+
+  &.is-bordered {
+    border: 1px solid color-mix(in srgb, var(--foreground) 6%, transparent);
+  }
+
+  &.is-compact {
+    min-height: 180px;
+    border-radius: 14px;
+
+    .vm-card__inner {
+      padding: 12px;
+    }
+
+    .vm-card__foot {
+      padding: 10px 12px 12px;
+    }
+  }
+
+  &.is-add {
+    border: 1px dashed color-mix(in srgb, var(--brand) 36%, transparent);
+    background: color-mix(in srgb, var(--brand) 4%, var(--card));
+    box-shadow: none;
+
+    &.is-compact {
+      min-height: 180px;
+      border-style: solid;
+      border-color: color-mix(in srgb, var(--foreground) 6%, transparent);
+      background: var(--card);
+
+      .vm-card__inner {
+        align-items: center;
+        justify-content: center;
+        gap: 6px;
+        color: color-mix(in srgb, var(--foreground) 62%, transparent);
+        font-size: 12px;
+        font-weight: 600;
+
+        i {
+          font-size: 32px;
+          line-height: 1;
+        }
+
+        &:hover:not(:disabled) {
+          border-color: color-mix(in srgb, var(--foreground) 18%, transparent);
+          background: var(--muted);
+          color: var(--foreground);
+        }
+
+        &:disabled {
+          opacity: 1;
+          color: color-mix(in srgb, var(--foreground) 55%, transparent);
+        }
+      }
+    }
+  }
+}
+
+.vm-card__toolbar {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  z-index: 1;
+}
+
+.vm-card__inner {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  padding: 16px;
+  border: none;
+  background: transparent;
+  text-align: left;
+  color: inherit;
+
+  .is-add & {
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    cursor: pointer;
+    color: var(--brand);
+    font-size: 14px;
+    font-weight: 650;
+
+    &:hover:not(:disabled) {
+      background: color-mix(in srgb, var(--foreground) 5%, transparent);
+    }
+
+    i {
+      font-size: 28px;
+    }
+
+    &:disabled {
+      opacity: 0.85;
+      cursor: not-allowed;
+    }
+  }
+}
+
+.vm-card__foot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-top: auto;
+  padding: 10px 16px 14px;
+  border-top: 1px solid color-mix(in srgb, var(--foreground) 6%, transparent);
+
+  &.is-end {
+    justify-content: flex-end;
+  }
+}
+</style>