@expcat/tigercat-vue 1.4.0 → 2.0.0-preview.1

package/dist/chunk-7FWZIAFP.js

@@ -1,482 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } 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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/Pagination.ts
-
-
-
-
-
-
-
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Pagination = _vue.defineComponent.call(void 0, {
-  name: "TigerPagination",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Current page number (1-indexed)
-     * @default 1
-     */
-    current: {
-      type: Number,
-      default: void 0
-    },
-    /**
-     * Default current page (for uncontrolled mode)
-     * @default 1
-     */
-    defaultCurrent: {
-      type: Number,
-      default: 1
-    },
-    /**
-     * Total number of items
-     * @default 0
-     */
-    total: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * Number of items per page
-     * @default 10
-     */
-    pageSize: {
-      type: Number,
-      default: void 0
-    },
-    /**
-     * Default page size (for uncontrolled mode)
-     * @default 10
-     */
-    defaultPageSize: {
-      type: Number,
-      default: 10
-    },
-    /**
-     * Available page size options
-     * @default [10, 20, 50, 100]
-     */
-    pageSizeOptions: {
-      type: Array,
-      default: () => [10, 20, 50, 100]
-    },
-    /**
-     * Whether to show quick jumper (input for page number)
-     * @default false
-     */
-    showQuickJumper: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to show page size selector
-     * @default false
-     */
-    showSizeChanger: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to show total count
-     * @default true
-     */
-    showTotal: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Custom total text renderer
-     */
-    totalText: {
-      type: Function,
-      default: void 0
-    },
-    /**
-     * Simple mode - only show prev/next buttons
-     * @default false
-     */
-    simple: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Size of pagination
-     * @default 'medium'
-     */
-    size: {
-      type: String,
-      default: "medium"
-    },
-    /**
-     * Alignment of pagination
-     * @default 'center'
-     */
-    align: {
-      type: String,
-      default: "center"
-    },
-    /**
-     * Whether pagination is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to hide pagination on single page
-     * @default false
-     */
-    hideOnSinglePage: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to show less items (affects page number range)
-     * @default false
-     */
-    showLessItems: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Locale configuration for i18n support
-     */
-    locale: {
-      type: [Object, Function],
-      default: void 0
-    },
-    /**
-     * Flat custom-text overrides for single-language use (no i18n needed).
-     */
-    labels: {
-      type: Object,
-      default: void 0
-    },
-    quickJumperValidation: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:current", "update:pageSize", "change", "page-size-change"],
-  setup(props, { emit, attrs }) {
-    const attrsRecord = attrs;
-    const attrsClass = attrsRecord.class;
-    const attrsStyle = attrsRecord.style;
-    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const resolvedLocale = _vue.ref.call(void 0, 
-      _tigercatcore.getImmediateTigerLocale.call(void 0, props.locale)
-    );
-    let localeResolveId = 0;
-    let disposed = false;
-    _vue.watch.call(void 0, 
-      () => props.locale,
-      (locale) => {
-        const resolveId = ++localeResolveId;
-        const immediateLocale = _tigercatcore.getImmediateTigerLocale.call(void 0, locale);
-        resolvedLocale.value = immediateLocale;
-        if (!_tigercatcore.isLazyTigerLocale.call(void 0, locale)) return;
-        _tigercatcore.resolveTigerLocale.call(void 0, locale).then((nextLocale) => {
-          if (!disposed && resolveId === localeResolveId) {
-            resolvedLocale.value = nextLocale;
-          }
-        }).catch(() => {
-          if (!disposed && resolveId === localeResolveId) {
-            resolvedLocale.value = immediateLocale;
-          }
-        });
-      },
-      { immediate: true }
-    );
-    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, resolvedLocale.value));
-    const labels = _vue.computed.call(void 0, () => _tigercatcore.getPaginationLabels.call(void 0, mergedLocale.value, props.labels));
-    const localeCode = _vue.computed.call(void 0, () => _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.locale]));
-    const isRtl = _vue.computed.call(void 0, () => _tigercatcore.getLocaleDirection.call(void 0, mergedLocale.value) === "rtl");
-    const internalCurrent = _vue.ref.call(void 0, props.defaultCurrent);
-    const internalPageSize = _vue.ref.call(void 0, props.defaultPageSize);
-    const quickJumperValue = _vue.ref.call(void 0, "");
-    let quickJumperValidationScheduler = _tigercatcore.createPaginationIdleValidationScheduler.call(void 0, props.quickJumperValidation);
-    _vue.watch.call(void 0, 
-      () => props.quickJumperValidation,
-      (options) => {
-        quickJumperValidationScheduler.cancel();
-        quickJumperValidationScheduler = _tigercatcore.createPaginationIdleValidationScheduler.call(void 0, options);
-      }
-    );
-    _vue.onBeforeUnmount.call(void 0, () => {
-      disposed = true;
-      quickJumperValidationScheduler.cancel();
-    });
-    const currentPage = _vue.computed.call(void 0, () => {
-      return props.current !== void 0 ? props.current : internalCurrent.value;
-    });
-    const currentPageSize = _vue.computed.call(void 0, () => {
-      return props.pageSize !== void 0 ? props.pageSize : internalPageSize.value;
-    });
-    const totalPages = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getTotalPages.call(void 0, props.total, currentPageSize.value);
-    });
-    const validatedCurrentPage = _vue.computed.call(void 0, () => {
-      return _tigercatcore.validateCurrentPage.call(void 0, currentPage.value, totalPages.value);
-    });
-    const pageRange = _vue.computed.call(void 0, () => {
-      return _tigercatcore.getPageRange.call(void 0, validatedCurrentPage.value, currentPageSize.value, props.total);
-    });
-    const shouldHide = _vue.computed.call(void 0, () => {
-      return props.hideOnSinglePage && totalPages.value <= 1;
-    });
-    const handlePageChange = (page) => {
-      if (props.disabled) return;
-      if (page === validatedCurrentPage.value) return;
-      if (page < 1 || page > totalPages.value) return;
-      if (props.current === void 0) {
-        internalCurrent.value = page;
-      }
-      emit("update:current", page);
-      emit("change", page, currentPageSize.value);
-    };
-    const handlePageSizeChange = (newPageSize) => {
-      if (props.disabled) return;
-      const newTotalPages = _tigercatcore.getTotalPages.call(void 0, props.total, newPageSize);
-      let newPage = validatedCurrentPage.value;
-      if (newPage > newTotalPages) {
-        newPage = Math.max(1, newTotalPages);
-      }
-      if (props.pageSize === void 0) {
-        internalPageSize.value = newPageSize;
-      }
-      if (props.current === void 0 && newPage !== validatedCurrentPage.value) {
-        internalCurrent.value = newPage;
-      }
-      emit("update:pageSize", newPageSize);
-      emit("page-size-change", newPage, newPageSize);
-      if (newPage !== validatedCurrentPage.value) {
-        emit("update:current", newPage);
-        emit("change", newPage, newPageSize);
-      }
-    };
-    const handleQuickJumperSubmit = () => {
-      quickJumperValidationScheduler.cancel();
-      const page = _tigercatcore.getPaginationJumperPage.call(void 0, quickJumperValue.value, totalPages.value);
-      if (page !== null) {
-        handlePageChange(page);
-      }
-      quickJumperValue.value = "";
-    };
-    const handleQuickJumperInput = (value) => {
-      quickJumperValue.value = value;
-      quickJumperValidationScheduler.schedule(() => {
-        quickJumperValue.value = _tigercatcore.getValidatedPaginationJumperValue.call(void 0, value, totalPages.value);
-      });
-    };
-    const handleQuickJumperKeypress = (event) => {
-      if (event.key === "Enter") {
-        handleQuickJumperSubmit();
-      }
-    };
-    const containerClasses = _vue.computed.call(void 0, () => {
-      return _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getPaginationContainerClasses.call(void 0, props.align),
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrsClass)
-      );
-    });
-    const mergedStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrsStyle, props.style));
-    const normalizedPageSizeOptions = _vue.computed.call(void 0, () => {
-      return (props.pageSizeOptions || []).map((option) => {
-        if (typeof option === "number") {
-          return {
-            value: option,
-            label: `${option} ${labels.value.itemsPerPageText}`
-          };
-        }
-        const label = _nullishCoalesce(option.label, () => ( `${option.value} ${labels.value.itemsPerPageText}`));
-        return { value: option.value, label };
-      });
-    });
-    return () => {
-      if (shouldHide.value) {
-        return null;
-      }
-      const elements = [];
-      const size = props.size;
-      const page = validatedCurrentPage.value;
-      const pages = totalPages.value;
-      const prevDisabled = page <= 1 || props.disabled;
-      const nextDisabled = page >= pages || props.disabled;
-      if (props.showTotal) {
-        const totalTextFn = props.totalText || (_optionalChain([props, 'access', _3 => _3.labels, 'optionalAccess', _4 => _4.totalText]) || _optionalChain([mergedLocale, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.pagination, 'optionalAccess', _7 => _7.totalText]) ? (value, range) => _tigercatcore.formatPaginationTotal.call(void 0, labels.value.totalText, value, range, localeCode.value) : _tigercatcore.defaultTotalText);
-        elements.push(
-          _vue.h.call(void 0, "span", { class: _tigercatcore.getTotalTextClasses.call(void 0, size) }, totalTextFn(props.total, pageRange.value))
-        );
-      }
-      elements.push(
-        _vue.h.call(void 0, 
-          "button",
-          {
-            type: "button",
-            class: _tigercatcore.getPaginationButtonBaseClasses.call(void 0, size),
-            disabled: prevDisabled,
-            onClick: () => handlePageChange(page - 1),
-            "aria-label": labels.value.prevPageAriaLabel
-          },
-          isRtl.value ? "\u203A" : "\u2039"
-        )
-      );
-      if (props.simple) {
-        elements.push(
-          _vue.h.call(void 0, "span", { class: _tigercatcore.classNames.call(void 0, "mx-2", _tigercatcore.getSizeTextClasses.call(void 0, size)) }, `${page} / ${pages}`)
-        );
-      } else {
-        _tigercatcore.getPageNumbers.call(void 0, page, pages, props.showLessItems).forEach((pageNum) => {
-          if (pageNum === "...") {
-            elements.push(
-              _vue.h.call(void 0, "span", { class: _tigercatcore.getPaginationEllipsisClasses.call(void 0, size), "aria-hidden": "true" }, "...")
-            );
-          } else {
-            const isActive = pageNum === page;
-            elements.push(
-              _vue.h.call(void 0, 
-                "button",
-                {
-                  type: "button",
-                  class: _tigercatcore.classNames.call(void 0, 
-                    _tigercatcore.getPaginationButtonBaseClasses.call(void 0, size),
-                    isActive && _tigercatcore.getPaginationButtonActiveClasses.call(void 0, )
-                  ),
-                  disabled: props.disabled,
-                  onClick: () => handlePageChange(pageNum),
-                  "aria-label": _tigercatcore.formatPageAriaLabel.call(void 0, 
-                    labels.value.pageAriaLabel,
-                    pageNum,
-                    localeCode.value
-                  ),
-                  "aria-current": isActive ? "page" : void 0
-                },
-                String(pageNum)
-              )
-            );
-          }
-        });
-      }
-      elements.push(
-        _vue.h.call(void 0, 
-          "button",
-          {
-            type: "button",
-            class: _tigercatcore.getPaginationButtonBaseClasses.call(void 0, size),
-            disabled: nextDisabled,
-            onClick: () => handlePageChange(page + 1),
-            "aria-label": labels.value.nextPageAriaLabel
-          },
-          isRtl.value ? "\u2039" : "\u203A"
-        )
-      );
-      if (props.showSizeChanger) {
-        elements.push(
-          _vue.h.call(void 0, 
-            "select",
-            {
-              class: _tigercatcore.getPageSizeSelectorClasses.call(void 0, size),
-              disabled: props.disabled,
-              value: currentPageSize.value,
-              onChange: (e) => {
-                handlePageSizeChange(parseInt(e.target.value, 10));
-              },
-              "aria-label": labels.value.itemsPerPageText
-            },
-            normalizedPageSizeOptions.value.map(
-              (sizeOption) => _vue.h.call(void 0, "option", { value: sizeOption.value, key: sizeOption.value }, sizeOption.label)
-            )
-          )
-        );
-      }
-      if (props.showQuickJumper) {
-        const sizeText = _tigercatcore.getSizeTextClasses.call(void 0, size);
-        elements.push(_vue.h.call(void 0, "span", { class: _tigercatcore.classNames.call(void 0, "ml-2", sizeText) }, labels.value.jumpToText));
-        elements.push(
-          _vue.h.call(void 0, "input", {
-            type: "number",
-            class: _tigercatcore.classNames.call(void 0, _tigercatcore.getQuickJumperInputClasses.call(void 0, size), "mx-2"),
-            disabled: props.disabled,
-            value: quickJumperValue.value,
-            onInput: (e) => {
-              handleQuickJumperInput(e.target.value);
-            },
-            onKeydown: handleQuickJumperKeypress,
-            min: 1,
-            max: pages,
-            "aria-label": labels.value.jumpToText
-          })
-        );
-        elements.push(_vue.h.call(void 0, "span", { class: sizeText }, labels.value.pageText));
-      }
-      const {
-        class: _class,
-        style: _style,
-        "aria-label": ariaLabelAttr,
-        ...restAttrs
-      } = attrsRecord;
-      return _vue.h.call(void 0, 
-        "nav",
-        {
-          ...restAttrs,
-          class: containerClasses.value,
-          style: mergedStyle.value,
-          role: "navigation",
-          "aria-label": typeof ariaLabelAttr === "string" ? ariaLabelAttr : "Pagination"
-        },
-        elements
-      );
-    };
-  }
-});
-var Pagination_default = Pagination;
-
-
-
-
-exports.Pagination = Pagination; exports.Pagination_default = Pagination_default;