@finema/core 1.4.124 → 1.4.126

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

@@ -1,65 +1,65 @@
-<template>
-  <div>
-    <div v-if="options.isEnabledSearch" class="mb-4 flex justify-end">
-      <UInput
-        v-model="q"
-        icon="i-heroicons-magnifying-glass"
-        :placeholder="options.searchPlaceholder || 'ค้นหา...'"
-      />
-    </div>
-    <Base
-      v-bind="$attrs"
-      :columns="options.columns"
-      :raw-data="options.rawData"
-      :status="options.status"
-      :page-options="options.pageOptions"
-      :is-simple-pagination="isShowSimplePagination"
-      :is-hide-bottom-pagination="options.isHideBottomPagination"
-      @page-change="onPageChange"
-    >
-      <template v-for="(_, slot) of $slots" #[slot]="slotProps">
-        <slot :name="slot" v-bind="slotProps || {}" />
-      </template>
-    </Base>
-  </div>
-</template>
-<script lang="ts" setup>
-import { type PropType } from 'vue'
-import { type ITableOptions } from '#core/components/Table/types'
-import { _debounce, computed, ref, watch } from '#imports'
-import { useCoreConfig } from '#core/composables/useConfig'
-import Base from '#core/components/Table/Base.vue'
-
-defineSlots<{
-  'empty-state': () => any
-  'loading-state': () => any
-}>()
-
-const emits = defineEmits<{
-  (event: 'pageChange', page: number): void
-  (event: 'search', q: string): void
-}>()
-
-const props = defineProps({
-  options: { type: Object as PropType<ITableOptions>, required: true },
-})
-
-const coreConfig = useCoreConfig()
-
-const q = ref(props.options?.pageOptions.search ?? '')
-
-const isShowSimplePagination = computed(
-  (): boolean => props.options.isSimplePagination ?? coreConfig.is_simple_pagination
-)
-
-watch(
-  q,
-  _debounce((value) => {
-    emits('search', value)
-  }, 500)
-)
-
-const onPageChange = (page: number) => {
-  emits('pageChange', page)
-}
-</script>
+<template>
+  <div>
+    <div v-if="options.isEnabledSearch" class="mb-4 flex justify-end">
+      <UInput
+        v-model="q"
+        icon="i-heroicons-magnifying-glass"
+        :placeholder="options.searchPlaceholder || 'ค้นหา...'"
+      />
+    </div>
+    <Base
+      v-bind="$attrs"
+      :columns="options.columns"
+      :raw-data="options.rawData"
+      :status="options.status"
+      :page-options="options.pageOptions"
+      :is-simple-pagination="isShowSimplePagination"
+      :is-hide-bottom-pagination="options.isHideBottomPagination"
+      @page-change="onPageChange"
+    >
+      <template v-for="(_, slot) of $slots" #[slot]="slotProps">
+        <slot :name="slot" v-bind="slotProps || {}" />
+      </template>
+    </Base>
+  </div>
+</template>
+<script lang="ts" setup>
+import { type PropType } from 'vue'
+import { type ITableOptions } from '#core/components/Table/types'
+import { _debounce, computed, ref, watch } from '#imports'
+import { useCoreConfig } from '#core/composables/useConfig'
+import Base from '#core/components/Table/Base.vue'
+
+defineSlots<{
+  'empty-state': () => any
+  'loading-state': () => any
+}>()
+
+const emits = defineEmits<{
+  (event: 'pageChange', page: number): void
+  (event: 'search', q: string): void
+}>()
+
+const props = defineProps({
+  options: { type: Object as PropType<ITableOptions>, required: true },
+})
+
+const coreConfig = useCoreConfig()
+
+const q = ref(props.options?.pageOptions.search ?? '')
+
+const isShowSimplePagination = computed(
+  (): boolean => props.options.isSimplePagination ?? coreConfig.is_simple_pagination
+)
+
+watch(
+  q,
+  _debounce((value) => {
+    emits('search', value)
+  }, 500)
+)
+
+const onPageChange = (page: number) => {
+  emits('pageChange', page)
+}
+</script>

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

@@ -1,64 +1,64 @@
-<template>
-  <UTabs
-    v-bind="attrs"
-    :model-value="modelValue"
-    :class="$props.class"
-    :items="items"
-    :orientation="orientation"
-    :default-index="defaultIndex"
-    :ui="ui"
-    @change="change"
-  >
-    <template #default="{ item, index, selected }">
-      <slot name="default" :item="item" :index="index" :selected="selected" />
-    </template>
-
-    <template #item="{ item, index, selected }">
-      <slot name="item" :item="item" :index="index" :selected="selected" />
-    </template>
-  </UTabs>
-</template>
-
-<script setup lang="ts">
-import { useUiConfig, type PropType, useUI, toRef } from '#imports'
-import { tabs } from '#core/ui.config'
-import type { Strategy, TabItem } from '#ui/types'
-
-const config = useUiConfig<typeof tabs>(tabs, 'tabs')
-
-const props = defineProps({
-  modelValue: {
-    type: Number,
-    default: undefined,
-  },
-  items: {
-    type: Array as PropType<TabItem[]>,
-    default: () => [],
-  },
-  orientation: {
-    type: String as PropType<'horizontal' | 'vertical'>,
-    default: 'horizontal',
-    validator: (value: string) => ['horizontal', 'vertical'].includes(value),
-  },
-  defaultIndex: {
-    type: Number,
-    default: 0,
-  },
-  class: {
-    type: [String, Object, Array] as PropType<any>,
-    default: () => '',
-  },
-  ui: {
-    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
-    default: () => ({}),
-  },
-})
-
-const emits = defineEmits(['update:modelValue', 'change'])
-
-const change = (index: number) => {
-  emits('change', index)
-}
-
-const { ui, attrs } = useUI('tabs', toRef(props, 'ui'), config, toRef(props, 'class'))
-</script>
+<template>
+  <UTabs
+    v-bind="attrs"
+    :model-value="modelValue"
+    :class="$props.class"
+    :items="items"
+    :orientation="orientation"
+    :default-index="defaultIndex"
+    :ui="ui"
+    @change="change"
+  >
+    <template #default="{ item, index, selected }">
+      <slot name="default" :item="item" :index="index" :selected="selected" />
+    </template>
+
+    <template #item="{ item, index, selected }">
+      <slot name="item" :item="item" :index="index" :selected="selected" />
+    </template>
+  </UTabs>
+</template>
+
+<script setup lang="ts">
+import { useUiConfig, type PropType, useUI, toRef } from '#imports'
+import { tabs } from '#core/ui.config'
+import type { Strategy, TabItem } from '#ui/types'
+
+const config = useUiConfig<typeof tabs>(tabs, 'tabs')
+
+const props = defineProps({
+  modelValue: {
+    type: Number,
+    default: undefined,
+  },
+  items: {
+    type: Array as PropType<TabItem[]>,
+    default: () => [],
+  },
+  orientation: {
+    type: String as PropType<'horizontal' | 'vertical'>,
+    default: 'horizontal',
+    validator: (value: string) => ['horizontal', 'vertical'].includes(value),
+  },
+  defaultIndex: {
+    type: Number,
+    default: 0,
+  },
+  class: {
+    type: [String, Object, Array] as PropType<any>,
+    default: () => '',
+  },
+  ui: {
+    type: Object as PropType<Partial<typeof config> & { strategy?: Strategy }>,
+    default: () => ({}),
+  },
+})
+
+const emits = defineEmits(['update:modelValue', 'change'])
+
+const change = (index: number) => {
+  emits('change', index)
+}
+
+const { ui, attrs } = useUI('tabs', toRef(props, 'ui'), config, toRef(props, 'class'))
+</script>

package/dist/runtime/components/TeleportSafe.vue

@@ -1,40 +1,40 @@
-<template>
-  <Teleport v-if="isShow" :to="target" :disabled="!target || disabled">
-    <slot />
-  </Teleport>
-</template>
-
-<script setup lang="ts">
-import { onBeforeUnmount, onMounted, ref } from 'vue'
-
-const props = defineProps<{ to: string; disabled?: boolean }>()
-
-const target = ref<Element | null>(null)
-const isShow = ref(false)
-
-onBeforeUnmount(() => {
-  isShow.value = false
-})
-
-onMounted(() => {
-  isShow.value = true
-
-  const observer = new MutationObserver((mutationList, observer) => {
-    for (const mutation of mutationList) {
-      if (mutation.type !== 'childList') continue
-      const el = document.querySelector(props.to)
-      if (!el) continue
-      target.value = el
-      observer.disconnect()
-
-      break
-    }
-  })
-
-  observer.observe(document, { childList: true, subtree: true })
-
-  return () => {
-    observer.disconnect()
-  }
-})
-</script>
+<template>
+  <Teleport v-if="isShow" :to="target" :disabled="!target || disabled">
+    <slot />
+  </Teleport>
+</template>
+
+<script setup lang="ts">
+import { onBeforeUnmount, onMounted, ref } from 'vue'
+
+const props = defineProps<{ to: string; disabled?: boolean }>()
+
+const target = ref<Element | null>(null)
+const isShow = ref(false)
+
+onBeforeUnmount(() => {
+  isShow.value = false
+})
+
+onMounted(() => {
+  isShow.value = true
+
+  const observer = new MutationObserver((mutationList, observer) => {
+    for (const mutation of mutationList) {
+      if (mutation.type !== 'childList') continue
+      const el = document.querySelector(props.to)
+      if (!el) continue
+      target.value = el
+      observer.disconnect()
+
+      break
+    }
+  })
+
+  observer.observe(document, { childList: true, subtree: true })
+
+  return () => {
+    observer.disconnect()
+  }
+})
+</script>

package/package.json

@@ -1,95 +1,95 @@
-{
-  "name": "@finema/core",
-  "version": "1.4.124",
-  "repository": "https://gitlab.finema.co/finema/ui-kit",
-  "license": "MIT",
-  "author": "Finema Dev Core Team",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
-    }
-  },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
-  "files": [
-    "dist"
-  ],
-  "engines": {
-    "node": ">=18.0.0"
-  },
-  "scripts": {
-    "prepack": "nuxt-module-build build",
-    "dev": "nuxi dev playground",
-    "docs": "nuxi dev docs",
-    "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs",
-    "docs:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare docs",
-    "lint": "eslint . --cache",
-    "lint:fix": "eslint . --fix --cache",
-    "test": "vitest run",
-    "test:watch": "vitest watch",
-    "release": "release-it --ci",
-    "prepare": "husky install"
-  },
-  "dependencies": {
-    "@nuxt/kit": "^3.11.1",
-    "@nuxt/ui": "^2.15.1",
-    "@pinia/nuxt": "^0.5.1",
-    "@vee-validate/nuxt": "^4.12.6",
-    "@vee-validate/zod": "^4.12.6",
-    "@vuepic/vue-datepicker": "^8.2.0",
-    "@vueup/vue-quill": "^1.2.0",
-    "@wdns/vue-code-block": "^2.3.2",
-    "axios": "^1.6.8",
-    "date-fns": "^3.3.1",
-    "i18next": "^23.10.1",
-    "maska": "^2.1.11",
-    "nuxt-lodash": "^2.5.3",
-    "nuxt-security": "^1.2.2",
-    "pinia": "^2.1.7",
-    "prismjs": "^1.29.0",
-    "qrcode.vue": "^3.4.1",
-    "url-join": "^5.0.0",
-    "zod": "^3.22.4",
-    "zod-i18n-map": "^2.27.0"
-  },
-  "devDependencies": {
-    "@finema/eslint-config": "^1.2.0",
-    "@nuxt/devtools": "^1.1.4",
-    "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/module-builder": "^0.5.5",
-    "@nuxt/schema": "^3.11.1",
-    "@nuxt/test-utils": "^3.12.0",
-    "@release-it/conventional-changelog": "^8.0.1",
-    "@types/node": "^20.10.17",
-    "@types/prismjs": "^1",
-    "@types/quill": "^2",
-    "@vue/test-utils": "^2.4.3",
-    "changelogen": "^0.5.5",
-    "eslint": "^8.56.0",
-    "happy-dom": "^13.0.0",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.0",
-    "nuxt": "^3.11.1",
-    "playwright-core": "^1.42.1",
-    "prettier": "^3.1.1",
-    "release-it": "^17.0.1",
-    "sass": "^1.69.5",
-    "stylelint": "^16.1.0",
-    "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-standard-scss": "^13.0.0",
-    "vitest": "^1.3.1",
-    "vue": "^3.4.21"
-  },
-  "lint-staged": {
-    "*.{ts,vue,tsx,js}": "eslint --fix --cache",
-    "*.{html,json}": "prettier --write"
-  },
-  "workspaces": [
-    "./*"
-  ],
-  "packageManager": "yarn@4.2.2"
-}
+{
+  "name": "@finema/core",
+  "version": "1.4.126",
+  "repository": "https://gitlab.finema.co/finema/ui-kit",
+  "license": "MIT",
+  "author": "Finema Dev Core Team",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "prepack": "nuxt-module-build build",
+    "dev": "nuxi dev playground",
+    "docs": "nuxi dev docs",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare docs",
+    "docs:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare docs",
+    "lint": "eslint . --cache",
+    "lint:fix": "eslint . --fix --cache",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "release": "release-it --ci",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^3.11.1",
+    "@nuxt/ui": "^2.15.1",
+    "@pinia/nuxt": "^0.5.1",
+    "@vee-validate/nuxt": "^4.12.6",
+    "@vee-validate/zod": "^4.12.6",
+    "@vuepic/vue-datepicker": "^8.2.0",
+    "@vueup/vue-quill": "^1.2.0",
+    "@wdns/vue-code-block": "^2.3.2",
+    "axios": "^1.6.8",
+    "date-fns": "^3.3.1",
+    "i18next": "^23.10.1",
+    "maska": "^2.1.11",
+    "nuxt-lodash": "^2.5.3",
+    "nuxt-security": "^1.2.2",
+    "pinia": "^2.1.7",
+    "prismjs": "^1.29.0",
+    "qrcode.vue": "^3.4.1",
+    "url-join": "^5.0.0",
+    "zod": "^3.22.4",
+    "zod-i18n-map": "^2.27.0"
+  },
+  "devDependencies": {
+    "@finema/eslint-config": "^1.2.0",
+    "@nuxt/devtools": "^1.1.4",
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/module-builder": "^0.5.5",
+    "@nuxt/schema": "^3.11.1",
+    "@nuxt/test-utils": "^3.12.0",
+    "@release-it/conventional-changelog": "^8.0.1",
+    "@types/node": "^20.10.17",
+    "@types/prismjs": "^1",
+    "@types/quill": "^2",
+    "@vue/test-utils": "^2.4.3",
+    "changelogen": "^0.5.5",
+    "eslint": "^8.56.0",
+    "happy-dom": "^13.0.0",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.0",
+    "nuxt": "^3.11.1",
+    "playwright-core": "^1.42.1",
+    "prettier": "^3.1.1",
+    "release-it": "^17.0.1",
+    "sass": "^1.69.5",
+    "stylelint": "^16.1.0",
+    "stylelint-config-prettier-scss": "^1.0.0",
+    "stylelint-config-standard-scss": "^13.0.0",
+    "vitest": "^1.3.1",
+    "vue": "^3.4.21"
+  },
+  "lint-staged": {
+    "*.{ts,vue,tsx,js}": "eslint --fix --cache",
+    "*.{html,json}": "prettier --write"
+  },
+  "workspaces": [
+    "./*"
+  ],
+  "packageManager": "yarn@4.2.2"
+}