@finema/core 2.15.0 → 2.15.2

package/dist/runtime/components/FlexDeck/Base.vue

@@ -1,156 +0,0 @@
-<template>
-  <div
-    v-if="!isHideCaption || !isHideBottomPagination"
-    class="mb-4 text-gray-500"
-  >
-    <span class="font-bold">ผลลัพธ์ทั้งหมด:</span>
-    จำนวน
-    <span class="font-bold">{{ pageOptions?.totalCount || 0 }}</span>
-    รายการ
-  </div>
-  <slot
-    v-if="!status.isLoading && rawData.length === 0"
-    name="empty-state"
-  >
-    <Empty />
-  </slot>
-
-  <div
-    v-if="pageOptions && isEnableInfiniteScroll && !isHideTopPagination"
-    class="mb-4 flex items-center justify-end"
-  >
-    <p class="text-xs text-gray-500">
-      ผลลัพธ์ {{ totalInnerRawData }} ของ {{ totalCountWithComma }} รายการ
-    </p>
-  </div>
-
-  <div :class="containerClass">
-    <slot
-      v-for="(row, index) in innerRawData"
-      :key="index"
-      :row="row"
-    />
-    <div ref="bottomEdgeElement" />
-  </div>
-
-  <slot
-    v-if="status.isLoading"
-    name="loading-state"
-  >
-    <div class="flex h-60 items-center justify-center">
-      <Icon
-        name="i-svg-spinners:180-ring-with-bg"
-        class="size-8 text-primary"
-      />
-    </div>
-  </slot>
-
-  <div
-    v-if="pageOptions && !isEnableInfiniteScroll"
-    class="mt-4 flex justify-between px-3"
-  >
-    <p class="text-xs text-gray-500">
-      ผลลัพธ์ {{ pageBetween }} ของ {{ totalCountWithComma }} รายการ
-    </p>
-    <Pagination
-      v-if="pageOptions.totalPage > 1 && !isSimplePagination && !isHideBottomPagination"
-      :default-page="pageOptions?.currentPage || 1"
-      :items-per-page="pageOptions.limit"
-      :total="pageOptions.totalCount"
-      @update:page="emits('pageChange', $event)"
-    />
-    <SimplePagination
-      v-if="pageOptions.totalPage > 1 && isSimplePagination"
-      v-model="page"
-      :page-count="pageOptions.limit"
-      :total="pageOptions.totalCount"
-    />
-  </div>
-</template>
-
-<script setup>
-import { computed } from "vue";
-import { useElementVisibility } from "@vueuse/core";
-import { StringHelper } from "#core/utils/StringHelper";
-import { ref, useWatchChange, useWatchTrue, watch } from "#imports";
-import Empty from "#core/components/Empty.vue";
-const emits = defineEmits(["pageChange"]);
-const props = defineProps({
-  status: {
-    type: Object,
-    required: true
-  },
-  pageOptions: {
-    type: Object,
-    required: false
-  },
-  rawData: {
-    type: Array,
-    required: true
-  },
-  isSimplePagination: {
-    type: Boolean,
-    default: false
-  },
-  isHideTopPagination: {
-    type: Boolean,
-    default: false
-  },
-  isHideBottomPagination: {
-    type: Boolean,
-    default: false
-  },
-  isEnableInfiniteScroll: {
-    type: Boolean,
-    default: false
-  },
-  isHideCaption: {
-    type: Boolean,
-    default: false
-  },
-  containerClass: {
-    type: [String, Array, Object]
-  }
-});
-const bottomEdgeElement = ref(null);
-const page = ref(props.pageOptions?.currentPage || 1);
-const innerRawData = ref([]);
-const targetElement = useElementVisibility(bottomEdgeElement);
-const pageBetween = computed(() => {
-  const length = props.rawData?.length;
-  if (length === 0) {
-    return "0";
-  }
-  const start = (props.pageOptions.currentPage - 1) * props.pageOptions.limit + 1;
-  const end = start + length - 1;
-  return `${start} - ${end}`;
-});
-const totalCountWithComma = computed(() => {
-  return !props.pageOptions.totalCount ? "0" : StringHelper.withComma(props.pageOptions.totalCount);
-});
-const totalInnerRawData = computed(() => {
-  return innerRawData.value?.length || 0;
-});
-useWatchChange(
-  () => props.pageOptions?.currentPage,
-  (value) => {
-    page.value = value;
-  }
-);
-useWatchTrue(
-  () => props.status.isSuccess,
-  () => {
-    if (props.isEnableInfiniteScroll) {
-      innerRawData.value = [...innerRawData.value || [], ...props.rawData];
-      return;
-    }
-    innerRawData.value = props.rawData;
-  }
-);
-watch(targetElement, (value) => {
-  if (props.status.isLoading || !props.isEnableInfiniteScroll) return;
-  if (page.value < props.pageOptions.totalPage && value) {
-    page.value++;
-  }
-});
-</script>

package/dist/runtime/components/FlexDeck/Base.vue.d.ts

@@ -1,103 +0,0 @@
-import { type PropType } from 'vue';
-import type { IFlexDeckOptions } from '#core/components/FlexDeck/types';
-declare var __VLS_1: {}, __VLS_6: {
-    key: number;
-    row: object;
-}, __VLS_8: {};
-type __VLS_Slots = {} & {
-    'empty-state'?: (props: typeof __VLS_1) => any;
-} & {
-    default?: (props: typeof __VLS_6) => any;
-} & {
-    'loading-state'?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    status: {
-        type: PropType<IFlexDeckOptions["status"]>;
-        required: true;
-    };
-    pageOptions: {
-        type: PropType<IFlexDeckOptions["pageOptions"]>;
-        required: false;
-    };
-    rawData: {
-        type: PropType<IFlexDeckOptions["rawData"]>;
-        required: true;
-    };
-    isSimplePagination: {
-        type: PropType<IFlexDeckOptions["isSimplePagination"]>;
-        default: boolean;
-    };
-    isHideTopPagination: {
-        type: PropType<IFlexDeckOptions["isHideTopPagination"]>;
-        default: boolean;
-    };
-    isHideBottomPagination: {
-        type: PropType<IFlexDeckOptions["isHideBottomPagination"]>;
-        default: boolean;
-    };
-    isEnableInfiniteScroll: {
-        type: PropType<IFlexDeckOptions["isEnableInfiniteScroll"]>;
-        default: boolean;
-    };
-    isHideCaption: {
-        type: PropType<IFlexDeckOptions["isHideCaption"]>;
-        default: boolean;
-    };
-    containerClass: {
-        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    pageChange: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    status: {
-        type: PropType<IFlexDeckOptions["status"]>;
-        required: true;
-    };
-    pageOptions: {
-        type: PropType<IFlexDeckOptions["pageOptions"]>;
-        required: false;
-    };
-    rawData: {
-        type: PropType<IFlexDeckOptions["rawData"]>;
-        required: true;
-    };
-    isSimplePagination: {
-        type: PropType<IFlexDeckOptions["isSimplePagination"]>;
-        default: boolean;
-    };
-    isHideTopPagination: {
-        type: PropType<IFlexDeckOptions["isHideTopPagination"]>;
-        default: boolean;
-    };
-    isHideBottomPagination: {
-        type: PropType<IFlexDeckOptions["isHideBottomPagination"]>;
-        default: boolean;
-    };
-    isEnableInfiniteScroll: {
-        type: PropType<IFlexDeckOptions["isEnableInfiniteScroll"]>;
-        default: boolean;
-    };
-    isHideCaption: {
-        type: PropType<IFlexDeckOptions["isHideCaption"]>;
-        default: boolean;
-    };
-    containerClass: {
-        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
-    };
-}>> & Readonly<{
-    onPageChange?: ((...args: any[]) => any) | undefined;
-}>, {
-    isHideCaption: boolean | undefined;
-    isHideBottomPagination: boolean | undefined;
-    isHideTopPagination: boolean | undefined;
-    isSimplePagination: boolean | undefined;
-    isEnableInfiniteScroll: boolean | undefined;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};