@expcat/tigercat-vue 2.1.2 → 2.1.3

package/dist/chunk-GQOPDD44.mjs

@@ -1,519 +0,0 @@
-import {
-  Pagination
-} from "./chunk-OYU47A57.mjs";
-import {
-  VirtualList
-} from "./chunk-HS4YQGZQ.mjs";
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/List.ts
-import {
-  defineComponent,
-  computed,
-  ref,
-  getCurrentInstance,
-  h
-} from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  mergeStyleValues,
-  resolveLocaleText,
-  mergeTigerLocale,
-  getListClasses,
-  getListItemClasses,
-  getListHeaderFooterClasses,
-  getGridColumnClasses,
-  paginateData,
-  calculatePagination,
-  listWrapperClasses,
-  listSizeClasses,
-  listEmptyStateClasses,
-  listLoadingOverlayClasses,
-  listItemMetaClasses,
-  listItemAvatarClasses,
-  listItemContentClasses,
-  listItemTitleClasses,
-  listItemDescriptionClasses,
-  listItemExtraClasses,
-  listGridContainerClasses,
-  getSpinnerSVG,
-  normalizeSvgAttrs,
-  getLoadingOverlaySpinnerClasses,
-  getBuiltInPaginationContainerClasses,
-  resolvePaginationDisplayMode,
-  getPaginationLabels,
-  formatPaginationTotal,
-  formatPaginationPageIndicator
-} from "@expcat/tigercat-core";
-var spinnerSvg = getSpinnerSVG("spinner");
-var LoadingSpinner = () => {
-  return h(
-    "svg",
-    {
-      class: getLoadingOverlaySpinnerClasses(),
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: spinnerSvg.viewBox
-    },
-    spinnerSvg.elements.map((el) => h(el.type, normalizeSvgAttrs(el.attrs)))
-  );
-};
-var List = defineComponent({
-  name: "TigerList",
-  inheritAttrs: false,
-  props: {
-    /**
-     * List data source
-     */
-    dataSource: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * List size
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Border style
-     */
-    bordered: {
-      type: String,
-      default: "divided"
-    },
-    /**
-     * Loading state
-     */
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Empty state text
-     */
-    emptyText: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Locale override; falls back to ConfigProvider locale
-     */
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Whether to show split line between items
-     */
-    split: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Item layout
-     */
-    itemLayout: {
-      type: String,
-      default: "horizontal"
-    },
-    /**
-     * Pagination configuration
-     */
-    pagination: {
-      type: [Object, Boolean],
-      default: false
-    },
-    /**
-     * Grid configuration
-     */
-    grid: {
-      type: Object
-    },
-    /**
-     * Enable fixed-height virtual rendering via VirtualList.
-     * Virtual mode applies to the current paginated data window and is ignored for grid lists.
-     */
-    virtual: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Virtual viewport height in pixels.
-     */
-    virtualHeight: {
-      type: Number,
-      default: 400
-    },
-    /**
-     * Fixed virtual item height in pixels.
-     */
-    virtualItemHeight: {
-      type: Number,
-      default: 40
-    },
-    /**
-     * Number of extra virtual items to render above/below the viewport.
-     */
-    virtualOverscan: {
-      type: Number,
-      default: 5
-    },
-    /**
-     * Function to get item key
-     */
-    rowKey: {
-      type: [String, Function],
-      default: "key"
-    },
-    /**
-     * Whether items are hoverable
-     */
-    hoverable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Whether list items are draggable for reorder
-     */
-    draggable: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["item-click", "page-change", "reorder"],
-  setup(props, { emit, slots, attrs }) {
-    const config = useTigerConfig();
-    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const instance = getCurrentInstance();
-    const hasItemClickListener = computed(() => {
-      const vnodeProps = instance?.vnode.props || {};
-      const handler = vnodeProps.onItemClick;
-      return typeof handler === "function" || Array.isArray(handler);
-    });
-    const paginationCfg = computed(
-      () => props.pagination !== false && typeof props.pagination === "object" ? props.pagination : null
-    );
-    const isRemotePagination = computed(() => paginationCfg.value?.remote === true);
-    const internalCurrentPage = ref(paginationCfg.value?.current || 1);
-    const internalCurrentPageSize = ref(paginationCfg.value?.pageSize || 10);
-    const currentPage = computed(
-      () => isRemotePagination.value ? paginationCfg.value?.current ?? internalCurrentPage.value : internalCurrentPage.value
-    );
-    const currentPageSize = computed(
-      () => isRemotePagination.value ? paginationCfg.value?.pageSize ?? internalCurrentPageSize.value : internalCurrentPageSize.value
-    );
-    const dragIndex = ref(null);
-    function handleDragStart(index) {
-      dragIndex.value = index;
-    }
-    function handleDragOver(e) {
-      e.preventDefault();
-    }
-    function handleDrop(index) {
-      if (dragIndex.value === null || dragIndex.value === index) {
-        dragIndex.value = null;
-        return;
-      }
-      const from = dragIndex.value;
-      dragIndex.value = null;
-      const items = [...props.dataSource];
-      const [moved] = items.splice(from, 1);
-      items.splice(index, 0, moved);
-      emit("reorder", items, from, index);
-    }
-    function handleDragEnd() {
-      dragIndex.value = null;
-    }
-    const paginatedData = computed(() => {
-      if (props.pagination === false) {
-        return props.dataSource;
-      }
-      if (isRemotePagination.value) {
-        return props.dataSource;
-      }
-      return paginateData(props.dataSource, currentPage.value, currentPageSize.value);
-    });
-    const paginationTotal = computed(
-      () => isRemotePagination.value ? paginationCfg.value?.total ?? props.dataSource.length : props.dataSource.length
-    );
-    const paginationInfo = computed(() => {
-      if (props.pagination === false) {
-        return null;
-      }
-      return calculatePagination(paginationTotal.value, currentPage.value, currentPageSize.value);
-    });
-    const listClasses = computed(() => {
-      return classNames(
-        getListClasses(props.bordered),
-        listSizeClasses[props.size],
-        props.className
-      );
-    });
-    const gridClasses = computed(() => {
-      if (!props.grid) return "";
-      return classNames(
-        listGridContainerClasses,
-        getGridColumnClasses(
-          props.grid.column,
-          props.grid.xs,
-          props.grid.sm,
-          props.grid.md,
-          props.grid.lg,
-          props.grid.xl,
-          props.grid.xxl
-        )
-      );
-    });
-    function handlePageChange(page) {
-      internalCurrentPage.value = page;
-      emit("page-change", { current: page, pageSize: currentPageSize.value });
-    }
-    function handlePageSizeChange(pageSize) {
-      internalCurrentPageSize.value = pageSize;
-      internalCurrentPage.value = 1;
-      emit("page-change", { current: 1, pageSize });
-    }
-    function handleItemClick(item, index) {
-      emit("item-click", item, index);
-    }
-    function getItemKey(item, index) {
-      if (typeof props.rowKey === "function") {
-        return props.rowKey(item, index);
-      }
-      return item[props.rowKey] || index;
-    }
-    function renderListHeader() {
-      if (!slots.header) return null;
-      return h(
-        "div",
-        {
-          class: getListHeaderFooterClasses(props.size, false)
-        },
-        slots.header()
-      );
-    }
-    function renderListFooter() {
-      if (!slots.footer) return null;
-      return h(
-        "div",
-        {
-          class: getListHeaderFooterClasses(props.size, true)
-        },
-        slots.footer()
-      );
-    }
-    function getItemAttrs(item, index, itemClasses) {
-      const key = getItemKey(item, index);
-      const clickable = hasItemClickListener.value;
-      const draggableAttrs = props.draggable ? {
-        draggable: true,
-        onDragstart: () => handleDragStart(index),
-        onDragover: handleDragOver,
-        onDrop: () => handleDrop(index),
-        onDragend: handleDragEnd
-      } : {};
-      return {
-        key,
-        class: classNames(
-          itemClasses,
-          clickable && "cursor-pointer",
-          props.draggable && "cursor-grab"
-        ),
-        role: "listitem",
-        tabindex: clickable ? 0 : void 0,
-        onClick: () => handleItemClick(item, index),
-        onKeydown: clickable ? (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            handleItemClick(item, index);
-          }
-        } : void 0,
-        ...draggableAttrs
-      };
-    }
-    function renderListItem(item, index) {
-      const itemClasses = getListItemClasses(
-        props.size,
-        props.itemLayout,
-        props.split && props.bordered === "divided" && !props.grid,
-        props.hoverable
-      );
-      const attrs2 = getItemAttrs(item, index, itemClasses);
-      if (slots.renderItem) {
-        return h("div", attrs2, slots.renderItem({ item, index }));
-      }
-      const itemContent = [];
-      const metaContent = [];
-      if (item.avatar) {
-        metaContent.push(
-          h("div", { class: listItemAvatarClasses }, [
-            typeof item.avatar === "string" ? h("img", {
-              src: item.avatar,
-              alt: item.title || "Avatar",
-              class: "w-10 h-10 rounded-full object-cover"
-            }) : item.avatar
-          ])
-        );
-      }
-      const contentChildren = [];
-      if (item.title) {
-        contentChildren.push(h("div", { class: listItemTitleClasses }, item.title));
-      }
-      if (item.description) {
-        contentChildren.push(h("div", { class: listItemDescriptionClasses }, item.description));
-      }
-      if (contentChildren.length > 0) {
-        metaContent.push(h("div", { class: listItemContentClasses }, contentChildren));
-      }
-      if (metaContent.length > 0) {
-        itemContent.push(h("div", { class: listItemMetaClasses }, metaContent));
-      }
-      if (item.extra) {
-        itemContent.push(
-          h("div", { class: listItemExtraClasses }, item.extra)
-        );
-      }
-      return h("div", attrs2, itemContent);
-    }
-    function renderListItems() {
-      if (props.loading) {
-        return null;
-      }
-      if (paginatedData.value.length === 0) {
-        return h(
-          "div",
-          {
-            class: listEmptyStateClasses,
-            role: "status",
-            "aria-live": "polite"
-          },
-          resolveLocaleText("No data", props.emptyText, mergedLocale.value?.common?.emptyText)
-        );
-      }
-      const items = paginatedData.value.map((item, index) => renderListItem(item, index));
-      if (props.grid) {
-        const gutter = props.grid.gutter;
-        return h(
-          "div",
-          {
-            class: gridClasses.value,
-            style: gutter ? { gap: `${gutter}px` } : void 0
-          },
-          items
-        );
-      }
-      if (props.virtual) {
-        return h(
-          VirtualList,
-          {
-            itemCount: paginatedData.value.length,
-            itemHeight: props.virtualItemHeight,
-            height: props.virtualHeight,
-            overscan: props.virtualOverscan
-          },
-          {
-            default: ({ index }) => {
-              const item = paginatedData.value[index];
-              return item ? renderListItem(item, index) : null;
-            }
-          }
-        );
-      }
-      return items;
-    }
-    function renderPagination() {
-      if (props.pagination === false || !paginationInfo.value) {
-        return null;
-      }
-      const { totalPages } = paginationInfo.value;
-      const total = paginationTotal.value;
-      const paginationConfig = props.pagination;
-      const paginationLabels = getPaginationLabels(mergedLocale.value);
-      const localeCode = mergedLocale.value?.locale;
-      const { simple, showQuickJumper } = resolvePaginationDisplayMode(totalPages, paginationConfig);
-      const totalText = paginationConfig.totalText ?? ((value, range) => formatPaginationTotal(paginationLabels.totalText, value, range, localeCode));
-      const pageIndicatorText = (current, pages) => formatPaginationPageIndicator(
-        paginationLabels.pageIndicatorText,
-        current,
-        pages,
-        localeCode
-      );
-      return h("div", { class: getBuiltInPaginationContainerClasses() }, [
-        h(Pagination, {
-          size: "small",
-          align: "right",
-          current: currentPage.value,
-          pageSize: currentPageSize.value,
-          total,
-          simple,
-          showQuickJumper,
-          showSizeChanger: paginationConfig.showSizeChanger !== false,
-          showTotal: paginationConfig.showTotal !== false,
-          totalText,
-          pageIndicatorText,
-          pageSizeOptions: paginationConfig.pageSizeOptions || [10, 20, 50, 100],
-          locale: mergedLocale.value,
-          onChange: (page) => handlePageChange(page),
-          onPageSizeChange: (_page, pageSize) => handlePageSizeChange(pageSize)
-        })
-      ]);
-    }
-    return () => {
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const attrsStyle = attrsRecord.style;
-      return h("div", { class: listWrapperClasses }, [
-        h("div", { class: "relative" }, [
-          h(
-            "div",
-            {
-              ...attrs,
-              class: classNames(listClasses.value, coerceClassValue(attrsClass)),
-              style: mergeStyleValues(attrsStyle, props.style),
-              role: "list",
-              "aria-busy": props.loading || void 0
-            },
-            [renderListHeader(), renderListItems(), renderListFooter()]
-          ),
-          // Loading overlay
-          props.loading && h(
-            "div",
-            {
-              class: listLoadingOverlayClasses,
-              role: "status",
-              "aria-live": "polite"
-            },
-            [LoadingSpinner()]
-          )
-        ]),
-        // Pagination
-        renderPagination()
-      ]);
-    };
-  }
-});
-var List_default = List;
-
-export {
-  List,
-  List_default
-};