@expcat/tigercat-vue 2.1.2 → 2.1.4

package/dist/chunk-KIUGJNQO.mjs

@@ -1,783 +0,0 @@
-import {
-  Table
-} from "./chunk-IFASMNTU.mjs";
-import {
-  Select
-} from "./chunk-K5RYFPOQ.mjs";
-import {
-  Popover
-} from "./chunk-626VUZ2Q.mjs";
-import {
-  Input
-} from "./chunk-POWDTOMF.mjs";
-import {
-  Checkbox
-} from "./chunk-MYKKKVGK.mjs";
-import {
-  Button
-} from "./chunk-YZBQ6IR7.mjs";
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/DataTableWithToolbar.ts
-import {
-  defineComponent,
-  computed,
-  getCurrentInstance,
-  h,
-  ref,
-  watch
-} from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  getImmediateTigerLocale,
-  getTableLabels,
-  isLazyTigerLocale,
-  mergeStyleValues,
-  mergeTigerLocale,
-  resolveTigerLocale
-} from "@expcat/tigercat-core";
-var DataTableWithToolbar = defineComponent({
-  name: "TigerDataTableWithToolbar",
-  inheritAttrs: false,
-  props: {
-    columns: {
-      type: Array,
-      required: true
-    },
-    columnLockable: {
-      type: Boolean,
-      default: false
-    },
-    dataSource: {
-      type: Array,
-      default: () => []
-    },
-    hiddenColumnKeys: {
-      type: Array,
-      default: void 0
-    },
-    defaultHiddenColumnKeys: {
-      type: Array,
-      default: void 0
-    },
-    sort: {
-      type: Object,
-      default: void 0
-    },
-    defaultSort: {
-      type: Object,
-      default: void 0
-    },
-    filters: {
-      type: Object,
-      default: void 0
-    },
-    defaultFilters: {
-      type: Object,
-      default: void 0
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    bordered: {
-      type: Boolean,
-      default: false
-    },
-    striped: {
-      type: Boolean,
-      default: false
-    },
-    hoverable: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    locale: {
-      type: [Object, Function],
-      default: void 0
-    },
-    labels: {
-      type: Object,
-      default: void 0
-    },
-    emptyText: {
-      type: String,
-      default: void 0
-    },
-    rowSelection: {
-      type: Object,
-      default: void 0
-    },
-    rowKey: {
-      type: [String, Function],
-      default: "id"
-    },
-    rowClassName: {
-      type: [String, Function],
-      default: void 0
-    },
-    stickyHeader: {
-      type: Boolean,
-      default: false
-    },
-    maxHeight: {
-      type: [String, Number],
-      default: void 0
-    },
-    responsiveMode: {
-      type: String,
-      default: "scroll"
-    },
-    cardBreakpoint: {
-      type: String,
-      default: "sm"
-    },
-    cardLayout: {
-      type: Array,
-      default: void 0
-    },
-    cardClassName: {
-      type: [String, Function],
-      default: void 0
-    },
-    renderCard: {
-      type: Function,
-      default: void 0
-    },
-    cardSelectionPosition: {
-      type: String,
-      default: void 0
-    },
-    cardPadding: {
-      type: [String, Boolean],
-      default: void 0
-    },
-    cardFieldGap: {
-      type: String,
-      default: void 0
-    },
-    expandable: {
-      type: Object,
-      default: void 0
-    },
-    virtual: {
-      type: Boolean,
-      default: void 0
-    },
-    autoVirtual: {
-      type: Boolean,
-      default: void 0
-    },
-    virtualHeight: {
-      type: Number,
-      default: void 0
-    },
-    virtualItemHeight: {
-      type: Number,
-      default: void 0
-    },
-    virtualThreshold: {
-      type: Number,
-      default: void 0
-    },
-    editable: {
-      type: Boolean,
-      default: void 0
-    },
-    editableCells: {
-      type: Object,
-      default: void 0
-    },
-    filterMode: {
-      type: String,
-      default: void 0
-    },
-    advancedFilterRules: {
-      type: Array,
-      default: void 0
-    },
-    columnDraggable: {
-      type: Boolean,
-      default: void 0
-    },
-    rowDraggable: {
-      type: Boolean,
-      default: void 0
-    },
-    summaryRow: {
-      type: Object,
-      default: void 0
-    },
-    groupBy: {
-      type: String,
-      default: void 0
-    },
-    exportable: {
-      type: Boolean,
-      default: void 0
-    },
-    exportFormat: {
-      type: String,
-      default: void 0
-    },
-    exportFilename: {
-      type: String,
-      default: void 0
-    },
-    toolbar: {
-      type: Object,
-      default: void 0
-    },
-    pagination: {
-      type: [Object, Boolean],
-      default: false
-    },
-    tableLayout: {
-      type: String,
-      default: "auto"
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: {
-    "search-change": (_value) => true,
-    search: (_value) => true,
-    "filters-change": (_filters) => true,
-    "bulk-action": (_action, _keys) => true,
-    "selection-change": (_keys) => true,
-    "page-change": (_current, _pageSize) => true,
-    "page-size-change": (_current, _pageSize) => true,
-    "update:hiddenColumnKeys": (_hiddenKeys) => true,
-    "hidden-column-keys-change": (_hiddenKeys) => true
-  },
-  setup(props, { attrs, emit, slots }) {
-    const config = useTigerConfig();
-    const internalSearch = ref(props.toolbar?.defaultSearchValue ?? "");
-    const internalHiddenKeys = ref(
-      props.defaultHiddenColumnKeys ?? props.hiddenColumnKeys ?? []
-    );
-    const internalFilters = ref({});
-    const previousPageSize = ref(
-      props.pagination && typeof props.pagination === "object" ? props.pagination.pageSize ?? props.pagination.defaultPageSize ?? 10 : void 0
-    );
-    const vnodeProps = getCurrentInstance()?.vnode.props ?? {};
-    const hasSearchListener = Boolean(vnodeProps.onSearch || vnodeProps.onSearchChange);
-    const resolvedTableLocale = ref();
-    let tableLocaleResolveId = 0;
-    watch(
-      () => props.locale,
-      (locale) => {
-        const resolveId = ++tableLocaleResolveId;
-        if (!locale) {
-          resolvedTableLocale.value = void 0;
-          return;
-        }
-        const immediateLocale = getImmediateTigerLocale(locale);
-        resolvedTableLocale.value = immediateLocale;
-        if (!isLazyTigerLocale(locale)) return;
-        resolveTigerLocale(locale).then((nextLocale) => {
-          if (resolveId === tableLocaleResolveId) {
-            resolvedTableLocale.value = nextLocale;
-          }
-        }).catch(() => {
-          if (resolveId === tableLocaleResolveId) {
-            resolvedTableLocale.value = immediateLocale;
-          }
-        });
-      },
-      { immediate: true }
-    );
-    const tableLocale = computed(
-      () => mergeTigerLocale(config.value.locale, resolvedTableLocale.value)
-    );
-    const tableLabels = computed(() => getTableLabels(tableLocale.value, props.labels));
-    watch(
-      () => props.toolbar?.searchValue,
-      (nextValue) => {
-        if (nextValue !== void 0) {
-          internalSearch.value = nextValue ?? "";
-        }
-      }
-    );
-    watch(
-      () => props.pagination,
-      (nextValue) => {
-        if (nextValue && typeof nextValue === "object") {
-          previousPageSize.value = nextValue.pageSize ?? nextValue.defaultPageSize ?? 10;
-        }
-      }
-    );
-    watch(
-      () => props.hiddenColumnKeys,
-      (nextValue) => {
-        if (nextValue !== void 0) {
-          internalHiddenKeys.value = nextValue;
-        }
-      }
-    );
-    watch(
-      () => props.toolbar?.filters,
-      (filters) => {
-        if (!filters) return;
-        const next = { ...internalFilters.value };
-        filters.forEach((filter) => {
-          if (filter.value === void 0 && !(filter.key in next)) {
-            next[filter.key] = filter.defaultValue ?? null;
-          }
-        });
-        internalFilters.value = next;
-      },
-      { immediate: true, deep: true }
-    );
-    const searchValue = computed(
-      () => props.toolbar?.searchValue !== void 0 ? props.toolbar.searchValue : internalSearch.value
-    );
-    const resolvedFilters = computed(() => {
-      const next = { ...internalFilters.value };
-      props.toolbar?.filters?.forEach((filter) => {
-        next[filter.key] = filter.value !== void 0 ? filter.value : internalFilters.value[filter.key] ?? filter.defaultValue ?? null;
-      });
-      return next;
-    });
-    const hasSearch = computed(() => {
-      if (!props.toolbar) return hasSearchListener;
-      return Boolean(
-        props.toolbar.searchPlaceholder || props.toolbar.searchValue !== void 0 || props.toolbar.defaultSearchValue !== void 0 || props.toolbar.showSearchButton || hasSearchListener
-      );
-    });
-    const hasFilters = computed(() => Boolean(props.toolbar?.filters?.length));
-    const hasFiltersExtra = computed(() => Boolean(slots["filters-extra"]));
-    const hasBulkActions = computed(() => Boolean(props.toolbar?.bulkActions?.length));
-    const hasColumnSettings = computed(() => Boolean(props.toolbar?.showColumnSettings));
-    const resolvedHiddenKeys = computed(() => props.hiddenColumnKeys ?? internalHiddenKeys.value);
-    const handleHiddenColumnsChange = (nextHiddenKeys) => {
-      if (props.hiddenColumnKeys === void 0) {
-        internalHiddenKeys.value = nextHiddenKeys;
-      }
-      emit("update:hiddenColumnKeys", nextHiddenKeys);
-      emit("hidden-column-keys-change", nextHiddenKeys);
-    };
-    const handleToggleColumnVisibility = (columnKey, visible) => {
-      const nextHiddenKeys = visible ? resolvedHiddenKeys.value.filter((key) => key !== columnKey) : [...resolvedHiddenKeys.value, columnKey];
-      handleHiddenColumnsChange(nextHiddenKeys);
-    };
-    const canSearch = computed(() => Boolean(vnodeProps.onSearch));
-    const selectedKeys = computed(
-      () => props.toolbar?.selectedKeys ?? props.rowSelection?.selectedRowKeys ?? []
-    );
-    const selectedCount = computed(
-      () => props.toolbar?.selectedCount !== void 0 ? props.toolbar.selectedCount : selectedKeys.value.length
-    );
-    const bulkLabel = computed(
-      () => props.toolbar?.bulkActionsLabel ?? tableLabels.value.selectedText
-    );
-    const wrapperClasses = computed(
-      () => classNames(
-        "tiger-data-table-with-toolbar flex flex-col",
-        props.bordered ? "border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] overflow-hidden bg-[var(--tiger-surface,#ffffff)] shadow-sm" : "gap-3.5",
-        props.className,
-        coerceClassValue(attrs.class)
-      )
-    );
-    const wrapperStyle = computed(() => mergeStyleValues(attrs.style, props.style));
-    const handleSearchChange = (value) => {
-      if (props.toolbar?.searchValue === void 0) {
-        internalSearch.value = value;
-      }
-      emit("search-change", value);
-    };
-    const handleSearchSubmit = () => {
-      emit("search", searchValue.value ?? "");
-    };
-    const setFilterValue = (key, value, filter) => {
-      const nextFilters = {
-        ...resolvedFilters.value,
-        [key]: value
-      };
-      if (!filter || filter.value === void 0) {
-        internalFilters.value = {
-          ...internalFilters.value,
-          [key]: value
-        };
-      }
-      emit("filters-change", nextFilters);
-    };
-    const handleFilterSelect = (filter, value) => {
-      setFilterValue(filter.key, value, filter);
-    };
-    const handleBulkAction = (action) => {
-      const keys = selectedKeys.value ?? [];
-      action.onClick?.(keys);
-      emit("bulk-action", action, keys);
-    };
-    const handleTablePageChange = ({
-      current,
-      pageSize
-    }) => {
-      emit("page-change", current, pageSize);
-      if (previousPageSize.value !== void 0 && previousPageSize.value !== pageSize) {
-        emit("page-size-change", current, pageSize);
-      }
-      previousPageSize.value = pageSize;
-    };
-    const renderColumnSettings = () => {
-      const lockedKeys = new Set(props.toolbar?.columnSettings?.lockedColumnKeys ?? []);
-      const panelTitle = props.toolbar?.columnSettings?.title ?? tableLabels.value.columnSettingsText;
-      return h(
-        Popover,
-        {
-          trigger: "click",
-          placement: "bottom-end"
-        },
-        {
-          default: () => h(
-            Button,
-            {
-              size: "sm",
-              variant: "outline",
-              class: "shrink-0 px-2",
-              "aria-label": tableLabels.value.columnSettingsAriaLabel
-            },
-            {
-              default: () => h(
-                "svg",
-                {
-                  class: "w-3.5 h-3.5",
-                  fill: "none",
-                  stroke: "currentColor",
-                  "stroke-width": "2",
-                  viewBox: "0 0 24 24",
-                  "aria-hidden": "true"
-                },
-                [
-                  h("path", {
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
-                  }),
-                  h("path", {
-                    "stroke-linecap": "round",
-                    "stroke-linejoin": "round",
-                    d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-                  })
-                ]
-              )
-            }
-          ),
-          title: () => panelTitle,
-          content: () => h(
-            "div",
-            { class: "flex flex-col gap-2 min-w-[160px]" },
-            props.columns.map((column) => {
-              const locked = lockedKeys.has(column.key) || column.hideable === false;
-              return h(
-                Checkbox,
-                {
-                  key: column.key,
-                  size: "sm",
-                  modelValue: !resolvedHiddenKeys.value.includes(column.key),
-                  disabled: locked,
-                  "onUpdate:modelValue": (checked) => handleToggleColumnVisibility(column.key, checked)
-                },
-                { default: () => column.title }
-              );
-            })
-          )
-        }
-      );
-    };
-    const toolbarRenderContext = () => ({
-      searchValue: searchValue.value ?? "",
-      setSearch: handleSearchChange,
-      submitSearch: handleSearchSubmit,
-      filters: resolvedFilters.value,
-      setFilter: (key, value) => setFilterValue(key, value),
-      selectedKeys: selectedKeys.value,
-      selectedCount: selectedCount.value,
-      hiddenColumnKeys: resolvedHiddenKeys.value,
-      setHiddenColumnKeys: handleHiddenColumnsChange
-    });
-    const renderToolbar = () => {
-      if (slots.toolbar) {
-        return slots.toolbar(toolbarRenderContext());
-      }
-      if (!hasSearch.value && !hasFilters.value && !hasFiltersExtra.value && !hasBulkActions.value && !hasColumnSettings.value)
-        return null;
-      const leftNodes = [];
-      if (hasSearch.value) {
-        const showButton = props.toolbar?.showSearchButton ?? true;
-        leftNodes.push(
-          h(
-            "div",
-            {
-              class: classNames(
-                "flex items-center gap-2",
-                props.toolbar?.searchClassName ?? "w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]"
-              )
-            },
-            [
-              h(
-                Input,
-                {
-                  type: "search",
-                  size: "sm",
-                  modelValue: searchValue.value,
-                  placeholder: props.toolbar?.searchPlaceholder ?? tableLabels.value.searchPlaceholder,
-                  "onUpdate:modelValue": (value) => handleSearchChange(String(value ?? "")),
-                  onKeydown: (event) => {
-                    if (event.key === "Enter") {
-                      handleSearchSubmit();
-                    }
-                  }
-                },
-                {
-                  prefix: () => h(
-                    "svg",
-                    {
-                      class: "w-3.5 h-3.5 text-[var(--tiger-text-secondary,#6b7280)] shrink-0",
-                      fill: "none",
-                      stroke: "currentColor",
-                      "stroke-width": "2",
-                      viewBox: "0 0 24 24",
-                      "aria-hidden": "true"
-                    },
-                    [
-                      h("path", {
-                        "stroke-linecap": "round",
-                        "stroke-linejoin": "round",
-                        d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-                      })
-                    ]
-                  )
-                }
-              ),
-              showButton ? h(
-                Button,
-                {
-                  size: "sm",
-                  variant: "primary",
-                  class: "whitespace-nowrap shrink-0 rounded-[var(--tiger-radius-md,0.5rem)] px-3",
-                  onClick: handleSearchSubmit,
-                  disabled: !canSearch.value
-                },
-                {
-                  default: () => props.toolbar?.searchButtonText ?? tableLabels.value.searchButtonText
-                }
-              ) : null
-            ]
-          )
-        );
-      }
-      if (hasFilters.value) {
-        props.toolbar?.filters?.forEach((filter) => {
-          const currentValue = resolvedFilters.value[filter.key];
-          const clearable = filter.clearable !== false;
-          if (filter.render) {
-            const filterNode = filter.render({
-              filter,
-              value: currentValue,
-              filters: resolvedFilters.value,
-              setValue: (value) => setFilterValue(filter.key, value, filter),
-              setFilter: (key, value) => setFilterValue(key, value)
-            });
-            leftNodes.push(
-              h(
-                "div",
-                {
-                  key: filter.key,
-                  class: filter.itemClass ?? "w-full sm:w-auto",
-                  style: filter.itemStyle
-                },
-                filterNode == null ? [] : [filterNode]
-              )
-            );
-            return;
-          }
-          leftNodes.push(
-            h(
-              "div",
-              {
-                key: filter.key,
-                class: filter.itemClass ?? "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]",
-                style: filter.itemStyle
-              },
-              [
-                h(Select, {
-                  size: "sm",
-                  options: (filter.options ?? []).map((opt) => ({
-                    label: opt.label,
-                    value: opt.value
-                  })),
-                  modelValue: typeof currentValue === "string" || typeof currentValue === "number" ? currentValue : void 0,
-                  placeholder: filter.placeholder ?? filter.label,
-                  clearable,
-                  "onUpdate:modelValue": (value) => {
-                    handleFilterSelect(filter, value ?? null);
-                  }
-                })
-              ]
-            )
-          );
-        });
-      }
-      const filtersExtra = slots["filters-extra"]?.({
-        filters: resolvedFilters.value,
-        setFilter: (key, value) => setFilterValue(key, value)
-      });
-      if (filtersExtra?.length) {
-        leftNodes.push(...filtersExtra);
-      }
-      const bulkChildren = [];
-      if (hasBulkActions.value) {
-        if (selectedCount.value > 0) {
-          bulkChildren.push(
-            h(
-              "div",
-              {
-                class: "flex items-center gap-1.5 px-2.5 py-1 rounded-full bg-[var(--tiger-primary,#2563eb)]/10 text-[var(--tiger-primary,#2563eb)] text-xs font-medium border border-[var(--tiger-primary,#2563eb)]/15 shrink-0 transition-all duration-300"
-              },
-              [
-                h("span", {
-                  class: "w-1.5 h-1.5 rounded-full bg-[var(--tiger-primary,#2563eb)] animate-pulse"
-                }),
-                h(
-                  "span",
-                  null,
-                  `${bulkLabel.value} ${selectedCount.value} ${tableLabels.value.selectedItemsText}`
-                )
-              ]
-            )
-          );
-        }
-        ;
-        (props.toolbar?.bulkActions ?? []).forEach((action) => {
-          bulkChildren.push(
-            h(
-              Button,
-              {
-                key: action.key,
-                size: "sm",
-                variant: action.variant ?? "outline",
-                disabled: action.disabled || selectedCount.value === 0,
-                onClick: () => handleBulkAction(action)
-              },
-              { default: () => action.label }
-            )
-          );
-        });
-      }
-      return h(
-        "div",
-        {
-          class: classNames(
-            "tiger-data-table-toolbar flex flex-wrap items-center gap-3",
-            props.bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm",
-            props.toolbar?.className
-          ),
-          style: props.toolbar?.style,
-          role: "toolbar",
-          "aria-label": tableLabels.value.toolbarAriaLabel
-        },
-        [
-          h("div", { class: "flex items-center gap-3 flex-wrap flex-1 min-w-0" }, leftNodes),
-          hasBulkActions.value ? h(
-            "div",
-            { class: "flex items-center gap-2.5 flex-wrap ml-auto shrink-0" },
-            bulkChildren
-          ) : null,
-          hasColumnSettings.value ? h("div", { class: classNames("shrink-0", !hasBulkActions.value && "ml-auto") }, [
-            renderColumnSettings()
-          ]) : null
-        ]
-      );
-    };
-    return () => {
-      const { class: _class, style: _style, ...restAttrs } = attrs;
-      const tableProps = {
-        ...restAttrs,
-        columns: props.columns,
-        columnLockable: props.columnLockable,
-        dataSource: props.dataSource,
-        hiddenColumnKeys: resolvedHiddenKeys.value,
-        ...props.sort !== void 0 ? { sort: props.sort } : {},
-        ...props.defaultSort !== void 0 ? { defaultSort: props.defaultSort } : {},
-        ...props.filters !== void 0 ? { filters: props.filters } : {},
-        ...props.defaultFilters !== void 0 ? { defaultFilters: props.defaultFilters } : {},
-        size: props.size,
-        bordered: props.bordered,
-        striped: props.striped,
-        hoverable: props.hoverable,
-        loading: props.loading,
-        locale: props.locale,
-        labels: props.labels,
-        emptyText: props.emptyText,
-        pagination: props.pagination,
-        rowSelection: props.rowSelection,
-        rowKey: props.rowKey,
-        rowClassName: props.rowClassName,
-        stickyHeader: props.stickyHeader,
-        maxHeight: props.maxHeight,
-        tableLayout: props.tableLayout,
-        responsiveMode: props.responsiveMode,
-        cardBreakpoint: props.cardBreakpoint,
-        cardLayout: props.cardLayout,
-        cardClassName: props.cardClassName,
-        renderCard: props.renderCard,
-        // Forward advanced Table capabilities only when explicitly provided so
-        // Table's own defaults are preserved.
-        ...props.cardSelectionPosition !== void 0 ? { cardSelectionPosition: props.cardSelectionPosition } : {},
-        ...props.cardPadding !== void 0 ? { cardPadding: props.cardPadding } : {},
-        ...props.cardFieldGap !== void 0 ? { cardFieldGap: props.cardFieldGap } : {},
-        ...props.expandable !== void 0 ? { expandable: props.expandable } : {},
-        ...props.virtual !== void 0 ? { virtual: props.virtual } : {},
-        ...props.autoVirtual !== void 0 ? { autoVirtual: props.autoVirtual } : {},
-        ...props.virtualHeight !== void 0 ? { virtualHeight: props.virtualHeight } : {},
-        ...props.virtualItemHeight !== void 0 ? { virtualItemHeight: props.virtualItemHeight } : {},
-        ...props.virtualThreshold !== void 0 ? { virtualThreshold: props.virtualThreshold } : {},
-        ...props.editable !== void 0 ? { editable: props.editable } : {},
-        ...props.editableCells !== void 0 ? { editableCells: props.editableCells } : {},
-        ...props.filterMode !== void 0 ? { filterMode: props.filterMode } : {},
-        ...props.advancedFilterRules !== void 0 ? { advancedFilterRules: props.advancedFilterRules } : {},
-        ...props.columnDraggable !== void 0 ? { columnDraggable: props.columnDraggable } : {},
-        ...props.rowDraggable !== void 0 ? { rowDraggable: props.rowDraggable } : {},
-        ...props.summaryRow !== void 0 ? { summaryRow: props.summaryRow } : {},
-        ...props.groupBy !== void 0 ? { groupBy: props.groupBy } : {},
-        ...props.exportable !== void 0 ? { exportable: props.exportable } : {},
-        ...props.exportFormat !== void 0 ? { exportFormat: props.exportFormat } : {},
-        ...props.exportFilename !== void 0 ? { exportFilename: props.exportFilename } : {},
-        class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
-        onSelectionChange: (keys) => emit("selection-change", keys),
-        onPageChange: handleTablePageChange
-      };
-      const { toolbar: _toolbarSlot, "filters-extra": _filtersExtraSlot, ...tableSlots } = slots;
-      return h(
-        "div",
-        {
-          class: wrapperClasses.value,
-          style: wrapperStyle.value,
-          "data-tiger-data-table-with-toolbar": ""
-        },
-        [renderToolbar(), h(Table, tableProps, tableSlots)]
-      );
-    };
-  }
-});
-var DataTableWithToolbar_default = DataTableWithToolbar;
-
-export {
-  DataTableWithToolbar,
-  DataTableWithToolbar_default
-};