@finema/core 1.4.124 → 1.4.126

package/dist/runtime/components/SimplePagination.vue

@@ -1,96 +1,96 @@
-<template>
-  <div>
-    <Button
-      :size="size"
-      :disabled="!canGoFirstOrPrev || disabled"
-      :class="[ui.base, ui.rounded]"
-      v-bind="{ ...((ui.default?.prevButton as object) || {}) }"
-      :ui="{ rounded: '' }"
-      aria-label="Prev"
-      @click="onClickPrev"
-    />
-
-    <Button
-      :size="size"
-      :disabled="!canGoLastOrNext || disabled"
-      :class="[ui.base, ui.rounded]"
-      v-bind="{ ...((ui.default?.nextButton as object) || {}) }"
-      :ui="{ rounded: '' }"
-      aria-label="Next"
-      @click="onClickNext"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { useUiConfig } from '../composables/useConfig'
-import { pagination } from '#core/ui.config'
-import { useUI, type PropType, toRef, computed } from '#imports'
-import type { ButtonSize } from '#ui/types/button'
-import type { Strategy } from '#ui/types'
-
-const config = useUiConfig<typeof pagination>(pagination, 'pagination')
-
-const emits = defineEmits(['update:modelValue'])
-
-const props = defineProps({
-  modelValue: {
-    type: Number,
-    required: true,
-  },
-  pageCount: {
-    type: Number,
-    default: 10,
-  },
-  total: {
-    type: Number,
-    required: true,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  size: {
-    type: String as PropType<ButtonSize>,
-    default: () => pagination.default?.size,
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: () => '',
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
-    default: () => ({}),
-  },
-})
-
-const { ui } = useUI('pagination', toRef(props, 'ui'), config, toRef(props, 'class'))
-
-const currentPage = computed({
-  get() {
-    return props.modelValue
-  },
-  set(value: number) {
-    emits('update:modelValue', value)
-  },
-})
-
-const pages = computed(() =>
-  Array.from({ length: Math.ceil(props.total / props.pageCount) }, (_, i) => i + 1)
-)
-
-const canGoFirstOrPrev = computed(() => currentPage.value > 1)
-const canGoLastOrNext = computed(() => currentPage.value < pages.value.length)
-
-const onClickPrev = () => {
-  if (canGoFirstOrPrev.value) {
-    currentPage.value--
-  }
-}
-
-const onClickNext = () => {
-  if (canGoLastOrNext.value) {
-    currentPage.value++
-  }
-}
-</script>
+<template>
+  <div>
+    <Button
+      :size="size"
+      :disabled="!canGoFirstOrPrev || disabled"
+      :class="[ui.base, ui.rounded]"
+      v-bind="{ ...((ui.default?.prevButton as object) || {}) }"
+      :ui="{ rounded: '' }"
+      aria-label="Prev"
+      @click="onClickPrev"
+    />
+
+    <Button
+      :size="size"
+      :disabled="!canGoLastOrNext || disabled"
+      :class="[ui.base, ui.rounded]"
+      v-bind="{ ...((ui.default?.nextButton as object) || {}) }"
+      :ui="{ rounded: '' }"
+      aria-label="Next"
+      @click="onClickNext"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useUiConfig } from '../composables/useConfig'
+import { pagination } from '#core/ui.config'
+import { useUI, type PropType, toRef, computed } from '#imports'
+import type { ButtonSize } from '#ui/types/button'
+import type { Strategy } from '#ui/types'
+
+const config = useUiConfig<typeof pagination>(pagination, 'pagination')
+
+const emits = defineEmits(['update:modelValue'])
+
+const props = defineProps({
+  modelValue: {
+    type: Number,
+    required: true,
+  },
+  pageCount: {
+    type: Number,
+    default: 10,
+  },
+  total: {
+    type: Number,
+    required: true,
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  size: {
+    type: String as PropType<ButtonSize>,
+    default: () => pagination.default?.size,
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+    default: () => '',
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+    default: () => ({}),
+  },
+})
+
+const { ui } = useUI('pagination', toRef(props, 'ui'), config, toRef(props, 'class'))
+
+const currentPage = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value: number) {
+    emits('update:modelValue', value)
+  },
+})
+
+const pages = computed(() =>
+  Array.from({ length: Math.ceil(props.total / props.pageCount) }, (_, i) => i + 1)
+)
+
+const canGoFirstOrPrev = computed(() => currentPage.value > 1)
+const canGoLastOrNext = computed(() => currentPage.value < pages.value.length)
+
+const onClickPrev = () => {
+  if (canGoFirstOrPrev.value) {
+    currentPage.value--
+  }
+}
+
+const onClickNext = () => {
+  if (canGoLastOrNext.value) {
+    currentPage.value++
+  }
+}
+</script>

package/dist/runtime/components/Slideover/index.vue

@@ -1,110 +1,110 @@
-<template>
-  <USlideover
-    v-bind="attrs"
-    :model-value="modelValue"
-    :class="$props.class"
-    :prevent-close="preventClose"
-    :overlay="overlay"
-    :transition="transition"
-    :side="side"
-    :initial-focus="emptyFocusRef"
-    :ui="ui"
-    @update:model-value="$emit('update:modelValue', $event)"
-  >
-    <div v-if="!isHideCloseBtn && preventClose" class="absolute right-0 m-4">
-      <Icon
-        v-if="!isHideCloseBtn"
-        name="i-heroicons-x-mark"
-        class="size-6 cursor-pointer"
-        @click="close"
-      />
-    </div>
-
-    <div :class="['overflow-y-auto', ui.bodyWrapper]">
-      <slot />
-    </div>
-  </USlideover>
-
-  <div ref="emptyFocusRef" />
-</template>
-
-<script lang="ts" setup>
-import { ref, type PropType, toRef, defineShortcuts, watch } from '#imports'
-import { useUI } from '#ui/composables/useUI'
-import { slideover } from '#core/ui.config'
-import { useUiConfig } from '#core/composables/useConfig'
-import type { Strategy } from '#ui/types'
-
-const config = useUiConfig<typeof slideover>(slideover, 'slideover')
-
-const props = defineProps({
-  modelValue: {
-    type: Boolean as PropType<boolean>,
-    default: false,
-  },
-  side: {
-    type: String as PropType<'left' | 'right'>,
-    default: 'right',
-    validator: (value: string) => ['left', 'right'].includes(value),
-  },
-  overlay: {
-    type: Boolean,
-    default: true,
-  },
-  preventClose: {
-    type: Boolean,
-    default: false,
-  },
-  isHideCloseBtn: {
-    type: Boolean,
-    default: false,
-  },
-  transition: {
-    type: Boolean,
-    default: true,
-  },
-  size: {
-    type: String as PropType<keyof typeof slideover.size>,
-    default: () => slideover.default.size,
-  },
-  class: {
-    type: [String, Array, Object] as PropType<any>,
-    default: undefined,
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof config & { strategy?: Strategy }>>,
-    default: undefined,
-  },
-})
-
-const emits = defineEmits(['update:modelValue'])
-
-const emptyFocusRef = ref<HTMLElement | null>(null)
-
-defineShortcuts({
-  escape: {
-    usingInput: true,
-    handler: () => {
-      if (props.preventClose) return
-      emits('update:modelValue', false)
-    },
-  },
-})
-
-const close = () => {
-  emits('update:modelValue', false)
-}
-
-const { ui, attrs } = useUI('slideover', toRef(props, 'ui'), config, toRef(props, 'class'))
-
-watch(
-  () => props.modelValue,
-  () => {
-    if (props.modelValue) {
-      const size = config.size[props.size]
-
-      ui.value.width = size
-    }
-  }
-)
-</script>
+<template>
+  <USlideover
+    v-bind="attrs"
+    :model-value="modelValue"
+    :class="$props.class"
+    :prevent-close="preventClose"
+    :overlay="overlay"
+    :transition="transition"
+    :side="side"
+    :initial-focus="emptyFocusRef"
+    :ui="ui"
+    @update:model-value="$emit('update:modelValue', $event)"
+  >
+    <div v-if="!isHideCloseBtn && preventClose" class="absolute right-0 m-4">
+      <Icon
+        v-if="!isHideCloseBtn"
+        name="i-heroicons-x-mark"
+        class="size-6 cursor-pointer"
+        @click="close"
+      />
+    </div>
+
+    <div :class="['overflow-y-auto', ui.bodyWrapper]">
+      <slot />
+    </div>
+  </USlideover>
+
+  <div ref="emptyFocusRef" />
+</template>
+
+<script lang="ts" setup>
+import { ref, type PropType, toRef, defineShortcuts, watch } from '#imports'
+import { useUI } from '#ui/composables/useUI'
+import { slideover } from '#core/ui.config'
+import { useUiConfig } from '#core/composables/useConfig'
+import type { Strategy } from '#ui/types'
+
+const config = useUiConfig<typeof slideover>(slideover, 'slideover')
+
+const props = defineProps({
+  modelValue: {
+    type: Boolean as PropType<boolean>,
+    default: false,
+  },
+  side: {
+    type: String as PropType<'left' | 'right'>,
+    default: 'right',
+    validator: (value: string) => ['left', 'right'].includes(value),
+  },
+  overlay: {
+    type: Boolean,
+    default: true,
+  },
+  preventClose: {
+    type: Boolean,
+    default: false,
+  },
+  isHideCloseBtn: {
+    type: Boolean,
+    default: false,
+  },
+  transition: {
+    type: Boolean,
+    default: true,
+  },
+  size: {
+    type: String as PropType<keyof typeof slideover.size>,
+    default: () => slideover.default.size,
+  },
+  class: {
+    type: [String, Array, Object] as PropType<any>,
+    default: undefined,
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof config & { strategy?: Strategy }>>,
+    default: undefined,
+  },
+})
+
+const emits = defineEmits(['update:modelValue'])
+
+const emptyFocusRef = ref<HTMLElement | null>(null)
+
+defineShortcuts({
+  escape: {
+    usingInput: true,
+    handler: () => {
+      if (props.preventClose) return
+      emits('update:modelValue', false)
+    },
+  },
+})
+
+const close = () => {
+  emits('update:modelValue', false)
+}
+
+const { ui, attrs } = useUI('slideover', toRef(props, 'ui'), config, toRef(props, 'class'))
+
+watch(
+  () => props.modelValue,
+  () => {
+    if (props.modelValue) {
+      const size = config.size[props.size]
+
+      ui.value.width = size
+    }
+  }
+)
+</script>