@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.2

package/dist/chunk-PH6ERFC7.js

@@ -1,545 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkLKRT27JWjs = require('./chunk-LKRT27JW.js');
-
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/List.ts
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
-var LoadingSpinner = () => {
-  return _vue.h.call(void 0, 
-    "svg",
-    {
-      class: _tigercatcore.getLoadingOverlaySpinnerClasses.call(void 0, ),
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: spinnerSvg.viewBox
-    },
-    spinnerSvg.elements.map((el) => _vue.h.call(void 0, el.type, _tigercatcore.normalizeSvgAttrs.call(void 0, el.attrs)))
-  );
-};
-var List = _vue.defineComponent.call(void 0, {
-  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 = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
-    const instance = _vue.getCurrentInstance.call(void 0, );
-    const hasItemClickListener = _vue.computed.call(void 0, () => {
-      const vnodeProps = _optionalChain([instance, 'optionalAccess', _ => _.vnode, 'access', _2 => _2.props]) || {};
-      const handler = vnodeProps.onItemClick;
-      return typeof handler === "function" || Array.isArray(handler);
-    });
-    const currentPage = _vue.ref.call(void 0, 
-      props.pagination && typeof props.pagination === "object" ? props.pagination.current || 1 : 1
-    );
-    const currentPageSize = _vue.ref.call(void 0, 
-      props.pagination && typeof props.pagination === "object" ? props.pagination.pageSize || 10 : 10
-    );
-    const dragIndex = _vue.ref.call(void 0, 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 = _vue.computed.call(void 0, () => {
-      if (props.pagination === false) {
-        return props.dataSource;
-      }
-      return _tigercatcore.paginateData.call(void 0, props.dataSource, currentPage.value, currentPageSize.value);
-    });
-    const paginationInfo = _vue.computed.call(void 0, () => {
-      if (props.pagination === false) {
-        return null;
-      }
-      const total = props.dataSource.length;
-      return _tigercatcore.calculatePagination.call(void 0, total, currentPage.value, currentPageSize.value);
-    });
-    const listClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getListClasses.call(void 0, props.bordered),
-        _tigercatcore.listSizeClasses[props.size],
-        props.className
-      );
-    });
-    const gridClasses = _vue.computed.call(void 0, () => {
-      if (!props.grid) return "";
-      return _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.listGridContainerClasses,
-        _tigercatcore.getGridColumnClasses.call(void 0, 
-          props.grid.column,
-          props.grid.xs,
-          props.grid.sm,
-          props.grid.md,
-          props.grid.lg,
-          props.grid.xl,
-          props.grid.xxl
-        )
-      );
-    });
-    function handlePageChange(page) {
-      currentPage.value = page;
-      emit("page-change", { current: page, pageSize: currentPageSize.value });
-    }
-    function handlePageSizeChange(pageSize) {
-      currentPageSize.value = pageSize;
-      currentPage.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 _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.getListHeaderFooterClasses.call(void 0, props.size, false)
-        },
-        slots.header()
-      );
-    }
-    function renderListFooter() {
-      if (!slots.footer) return null;
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.getListHeaderFooterClasses.call(void 0, 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: _tigercatcore.classNames.call(void 0, 
-          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 = _tigercatcore.getListItemClasses.call(void 0, 
-        props.size,
-        props.itemLayout,
-        props.split && props.bordered === "divided" && !props.grid,
-        props.hoverable
-      );
-      const attrs2 = getItemAttrs(item, index, itemClasses);
-      if (slots.renderItem) {
-        return _vue.h.call(void 0, "div", attrs2, slots.renderItem({ item, index }));
-      }
-      const itemContent = [];
-      const metaContent = [];
-      if (item.avatar) {
-        metaContent.push(
-          _vue.h.call(void 0, "div", { class: _tigercatcore.listItemAvatarClasses }, [
-            typeof item.avatar === "string" ? _vue.h.call(void 0, "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(_vue.h.call(void 0, "div", { class: _tigercatcore.listItemTitleClasses }, item.title));
-      }
-      if (item.description) {
-        contentChildren.push(_vue.h.call(void 0, "div", { class: _tigercatcore.listItemDescriptionClasses }, item.description));
-      }
-      if (contentChildren.length > 0) {
-        metaContent.push(_vue.h.call(void 0, "div", { class: _tigercatcore.listItemContentClasses }, contentChildren));
-      }
-      if (metaContent.length > 0) {
-        itemContent.push(_vue.h.call(void 0, "div", { class: _tigercatcore.listItemMetaClasses }, metaContent));
-      }
-      if (item.extra) {
-        itemContent.push(
-          _vue.h.call(void 0, "div", { class: _tigercatcore.listItemExtraClasses }, item.extra)
-        );
-      }
-      return _vue.h.call(void 0, "div", attrs2, itemContent);
-    }
-    function renderListItems() {
-      if (props.loading) {
-        return null;
-      }
-      if (paginatedData.value.length === 0) {
-        return _vue.h.call(void 0, 
-          "div",
-          {
-            class: _tigercatcore.listEmptyStateClasses,
-            role: "status",
-            "aria-live": "polite"
-          },
-          _tigercatcore.resolveLocaleText.call(void 0, "No data", props.emptyText, _optionalChain([mergedLocale, 'access', _3 => _3.value, 'optionalAccess', _4 => _4.common, 'optionalAccess', _5 => _5.emptyText]))
-        );
-      }
-      const items = paginatedData.value.map((item, index) => renderListItem(item, index));
-      if (props.grid) {
-        const gutter = props.grid.gutter;
-        return _vue.h.call(void 0, 
-          "div",
-          {
-            class: gridClasses.value,
-            style: gutter ? { gap: `${gutter}px` } : void 0
-          },
-          items
-        );
-      }
-      if (props.virtual) {
-        return _vue.h.call(void 0, 
-          _chunkLKRT27JWjs.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, startIndex, endIndex, hasNext, hasPrev } = paginationInfo.value;
-      const total = props.dataSource.length;
-      const paginationConfig = props.pagination;
-      const paginationLabels = _tigercatcore.getPaginationLabels.call(void 0, mergedLocale.value);
-      const localeCode = _optionalChain([mergedLocale, 'access', _6 => _6.value, 'optionalAccess', _7 => _7.locale]);
-      return _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationContainerClasses.call(void 0, ) }, [
-        // Total info
-        paginationConfig.showTotal !== false && _vue.h.call(void 0, 
-          "div",
-          { class: _tigercatcore.getSimplePaginationTotalClasses.call(void 0, ) },
-          paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : _tigercatcore.formatPaginationTotal.call(void 0, 
-            paginationLabels.totalText,
-            total,
-            [startIndex, endIndex],
-            localeCode
-          )
-        ),
-        // Pagination controls
-        _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationControlsClasses.call(void 0, ) }, [
-          // Page size selector
-          paginationConfig.showSizeChanger !== false && _vue.h.call(void 0, 
-            "select",
-            {
-              class: _tigercatcore.getSimplePaginationSelectClasses.call(void 0, ),
-              value: currentPageSize.value,
-              onChange: (e) => handlePageSizeChange(Number(e.target.value))
-            },
-            (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map(
-              (size) => _vue.h.call(void 0, "option", { value: size }, `${size} ${paginationLabels.itemsPerPageText}`)
-            )
-          ),
-          // Page buttons
-          _vue.h.call(void 0, "div", { class: _tigercatcore.getSimplePaginationButtonsWrapperClasses.call(void 0, ) }, [
-            // Previous button
-            _vue.h.call(void 0, 
-              "button",
-              {
-                class: _tigercatcore.getSimplePaginationButtonClasses.call(void 0, !hasPrev),
-                disabled: !hasPrev,
-                onClick: () => handlePageChange(currentPage.value - 1)
-              },
-              paginationLabels.prevPageAriaLabel
-            ),
-            // Current page indicator
-            _vue.h.call(void 0, 
-              "span",
-              { class: _tigercatcore.getSimplePaginationPageIndicatorClasses.call(void 0, ) },
-              _tigercatcore.formatPaginationPageIndicator.call(void 0, 
-                paginationLabels.pageIndicatorText,
-                currentPage.value,
-                totalPages,
-                localeCode
-              )
-            ),
-            // Next button
-            _vue.h.call(void 0, 
-              "button",
-              {
-                class: _tigercatcore.getSimplePaginationButtonClasses.call(void 0, !hasNext),
-                disabled: !hasNext,
-                onClick: () => handlePageChange(currentPage.value + 1)
-              },
-              paginationLabels.nextPageAriaLabel
-            )
-          ])
-        ])
-      ]);
-    }
-    return () => {
-      const attrsRecord = attrs;
-      const attrsClass = attrsRecord.class;
-      const attrsStyle = attrsRecord.style;
-      return _vue.h.call(void 0, "div", { class: _tigercatcore.listWrapperClasses }, [
-        _vue.h.call(void 0, "div", { class: "relative" }, [
-          _vue.h.call(void 0, 
-            "div",
-            {
-              ...attrs,
-              class: _tigercatcore.classNames.call(void 0, listClasses.value, _tigercatcore.coerceClassValue.call(void 0, attrsClass)),
-              style: _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style),
-              role: "list",
-              "aria-busy": props.loading || void 0
-            },
-            [renderListHeader(), renderListItems(), renderListFooter()]
-          ),
-          // Loading overlay
-          props.loading && _vue.h.call(void 0, 
-            "div",
-            {
-              class: _tigercatcore.listLoadingOverlayClasses,
-              role: "status",
-              "aria-live": "polite"
-            },
-            [LoadingSpinner()]
-          )
-        ]),
-        // Pagination
-        renderPagination()
-      ]);
-    };
-  }
-});
-var List_default = List;
-
-
-
-
-exports.List = List; exports.List_default = List_default;