@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/chunk-XFZZWZ6Q.js

@@ -1,149 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Resizable.ts
-var Resizable = vue.defineComponent({
-  name: "TigerResizable",
-  props: {
-    defaultWidth: { type: Number, default: void 0 },
-    defaultHeight: { type: Number, default: void 0 },
-    minWidth: { type: Number, default: 0 },
-    minHeight: { type: Number, default: 0 },
-    maxWidth: { type: Number, default: void 0 },
-    maxHeight: { type: Number, default: void 0 },
-    handles: {
-      type: Array,
-      default: () => [...tigercatCore.defaultResizeHandles]
-    },
-    axis: {
-      type: String,
-      default: "both"
-    },
-    disabled: { type: Boolean, default: false },
-    lockAspectRatio: { type: Boolean, default: false },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["resize-start", "resize", "resize-end"],
-  setup(props, { slots, emit, attrs }) {
-    const width = vue.ref(props.defaultWidth);
-    const height = vue.ref(props.defaultHeight);
-    const draggingHandle = vue.ref(null);
-    const startMouseX = vue.ref(0);
-    const startMouseY = vue.ref(0);
-    const startWidth = vue.ref(0);
-    const startHeight = vue.ref(0);
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.resizableBaseClasses,
-        "group/resizable",
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      )
-    );
-    const containerStyle = vue.computed(() => {
-      const s = {};
-      if (width.value != null) s.width = `${width.value}px`;
-      if (height.value != null) s.height = `${height.value}px`;
-      return s;
-    });
-    const onMouseDown = (handle, e) => {
-      if (props.disabled) return;
-      e.preventDefault();
-      draggingHandle.value = handle;
-      startMouseX.value = e.clientX;
-      startMouseY.value = e.clientY;
-      startWidth.value = width.value ?? 0;
-      startHeight.value = height.value ?? 0;
-      emit("resize-start", {
-        width: startWidth.value,
-        height: startHeight.value,
-        handle,
-        deltaX: 0,
-        deltaY: 0
-      });
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
-    };
-    const onMouseMove = (e) => {
-      if (!draggingHandle.value) return;
-      const mouseDeltaX = e.clientX - startMouseX.value;
-      const mouseDeltaY = e.clientY - startMouseY.value;
-      const { deltaWidth, deltaHeight } = tigercatCore.calculateResizeDelta(
-        draggingHandle.value,
-        mouseDeltaX,
-        mouseDeltaY,
-        props.axis
-      );
-      let newW = startWidth.value + deltaWidth;
-      let newH = startHeight.value + deltaHeight;
-      if (props.lockAspectRatio) {
-        const ar = tigercatCore.applyAspectRatio(newW, newH, startWidth.value, startHeight.value);
-        newW = ar.width;
-        newH = ar.height;
-      }
-      const clamped = tigercatCore.clampDimensions(
-        newW,
-        newH,
-        props.minWidth,
-        props.minHeight,
-        props.maxWidth,
-        props.maxHeight
-      );
-      width.value = clamped.width;
-      height.value = clamped.height;
-      emit("resize", {
-        width: clamped.width,
-        height: clamped.height,
-        handle: draggingHandle.value,
-        deltaX: clamped.width - startWidth.value,
-        deltaY: clamped.height - startHeight.value
-      });
-    };
-    const onMouseUp = () => {
-      if (draggingHandle.value) {
-        emit("resize-end", {
-          width: width.value ?? 0,
-          height: height.value ?? 0,
-          handle: draggingHandle.value,
-          deltaX: (width.value ?? 0) - startWidth.value,
-          deltaY: (height.value ?? 0) - startHeight.value
-        });
-      }
-      draggingHandle.value = null;
-      document.removeEventListener("mousemove", onMouseMove);
-      document.removeEventListener("mouseup", onMouseUp);
-    };
-    vue.onBeforeUnmount(() => {
-      document.removeEventListener("mousemove", onMouseMove);
-      document.removeEventListener("mouseup", onMouseUp);
-    });
-    return () => {
-      const handleNodes = props.handles.map(
-        (pos) => vue.h("div", {
-          class: tigercatCore.getResizableHandleClasses(pos, draggingHandle.value === pos, props.disabled),
-          "data-handle": pos,
-          onMousedown: (e) => onMouseDown(pos, e)
-        })
-      );
-      return vue.h(
-        "div",
-        {
-          class: containerClasses.value,
-          style: { ...containerStyle.value, ...props.style },
-          "data-resizable": ""
-        },
-        [...slots.default?.() || [], ...handleNodes]
-      );
-    };
-  }
-});
-var Resizable_default = Resizable;
-
-exports.Resizable = Resizable;
-exports.Resizable_default = Resizable_default;

package/dist/chunk-XGJWUZWS.js

@@ -1,356 +0,0 @@
-'use strict';
-
-var chunkTT5LWQIZ_js = require('./chunk-TT5LWQIZ.js');
-var chunkPBWSBNDS_js = require('./chunk-PBWSBNDS.js');
-var chunkAGAJJYP2_js = require('./chunk-AGAJJYP2.js');
-var chunkBYNMOQBB_js = require('./chunk-BYNMOQBB.js');
-var chunkU7CCKZAG_js = require('./chunk-U7CCKZAG.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var DataTableWithToolbar = vue.defineComponent({
-  name: "TigerDataTableWithToolbar",
-  inheritAttrs: false,
-  props: {
-    columns: {
-      type: Array,
-      required: true
-    },
-    columnLockable: {
-      type: Boolean,
-      default: false
-    },
-    dataSource: {
-      type: Array,
-      default: () => []
-    },
-    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
-    },
-    emptyText: {
-      type: String,
-      default: "No data"
-    },
-    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
-    },
-    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
-  },
-  setup(props, { attrs, emit }) {
-    const internalSearch = vue.ref(props.toolbar?.defaultSearchValue ?? "");
-    const internalFilters = vue.ref({});
-    const vnodeProps = vue.getCurrentInstance()?.vnode.props ?? {};
-    const hasSearchListener = Boolean(vnodeProps.onSearch || vnodeProps.onSearchChange);
-    vue.watch(
-      () => props.toolbar?.searchValue,
-      (nextValue) => {
-        if (nextValue !== void 0) {
-          internalSearch.value = nextValue ?? "";
-        }
-      }
-    );
-    vue.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 = vue.computed(
-      () => props.toolbar?.searchValue !== void 0 ? props.toolbar.searchValue : internalSearch.value
-    );
-    const resolvedFilters = vue.computed(() => {
-      const next = {};
-      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 = vue.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 = vue.computed(() => Boolean(props.toolbar?.filters?.length));
-    const hasBulkActions = vue.computed(() => Boolean(props.toolbar?.bulkActions?.length));
-    const canSearch = vue.computed(() => Boolean(vnodeProps.onSearch));
-    const selectedKeys = vue.computed(
-      () => props.toolbar?.selectedKeys ?? props.rowSelection?.selectedRowKeys ?? []
-    );
-    const selectedCount = vue.computed(
-      () => props.toolbar?.selectedCount !== void 0 ? props.toolbar.selectedCount : selectedKeys.value.length
-    );
-    const bulkLabel = vue.computed(() => props.toolbar?.bulkActionsLabel ?? "\u5DF2\u9009\u62E9");
-    const wrapperClasses = vue.computed(
-      () => tigercatCore.classNames(
-        "tiger-data-table-with-toolbar flex flex-col gap-3",
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      )
-    );
-    const wrapperStyle = vue.computed(() => tigercatCore.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 handleFilterSelect = (filter, value) => {
-      const nextFilters = {
-        ...resolvedFilters.value,
-        [filter.key]: value
-      };
-      if (filter.value === void 0) {
-        internalFilters.value = {
-          ...internalFilters.value,
-          [filter.key]: value
-        };
-      }
-      emit("filters-change", nextFilters);
-    };
-    const handleBulkAction = (action) => {
-      const keys = selectedKeys.value ?? [];
-      action.onClick?.(keys);
-      emit("bulk-action", action, keys);
-    };
-    const renderToolbar = () => {
-      if (!hasSearch.value && !hasFilters.value && !hasBulkActions.value) return null;
-      const leftNodes = [];
-      if (hasSearch.value) {
-        const showButton = props.toolbar?.showSearchButton ?? true;
-        leftNodes.push(
-          vue.h(
-            "div",
-            { class: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[200px] sm:max-w-[320px]" },
-            [
-              vue.h(chunkBYNMOQBB_js.Input, {
-                type: "search",
-                size: "sm",
-                modelValue: searchValue.value,
-                placeholder: props.toolbar?.searchPlaceholder ?? "\u641C\u7D22",
-                "onUpdate:modelValue": (value) => handleSearchChange(String(value ?? "")),
-                onKeydown: (event) => {
-                  if (event.key === "Enter") {
-                    handleSearchSubmit();
-                  }
-                }
-              }),
-              showButton ? vue.h(
-                chunkU7CCKZAG_js.Button,
-                {
-                  size: "sm",
-                  variant: "primary",
-                  class: "whitespace-nowrap shrink-0",
-                  onClick: handleSearchSubmit,
-                  disabled: !canSearch.value
-                },
-                { default: () => props.toolbar?.searchButtonText ?? "\u641C\u7D22" }
-              ) : null
-            ]
-          )
-        );
-      }
-      if (hasFilters.value) {
-        props.toolbar?.filters?.forEach((filter) => {
-          const currentValue = resolvedFilters.value[filter.key];
-          const clearable = filter.clearable !== false;
-          leftNodes.push(
-            vue.h("div", { class: "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]" }, [
-              vue.h(chunkPBWSBNDS_js.Select, {
-                size: "sm",
-                options: filter.options.map((opt) => ({
-                  label: opt.label,
-                  value: opt.value
-                })),
-                modelValue: currentValue ?? void 0,
-                placeholder: filter.placeholder ?? filter.label,
-                clearable,
-                "onUpdate:modelValue": (value) => {
-                  handleFilterSelect(filter, value ?? null);
-                }
-              })
-            ])
-          );
-        });
-      }
-      const bulkChildren = [];
-      if (hasBulkActions.value) {
-        if (selectedCount.value > 0) {
-          bulkChildren.push(
-            vue.h(
-              "span",
-              { class: "text-sm text-[var(--tiger-text-muted,#6b7280)]" },
-              `${bulkLabel.value} ${selectedCount.value} \u9879`
-            )
-          );
-        }
-        (props.toolbar?.bulkActions ?? []).forEach((action) => {
-          bulkChildren.push(
-            vue.h(
-              chunkU7CCKZAG_js.Button,
-              {
-                key: action.key,
-                size: "sm",
-                variant: action.variant ?? "outline",
-                disabled: action.disabled || selectedCount.value === 0,
-                onClick: () => handleBulkAction(action)
-              },
-              { default: () => action.label }
-            )
-          );
-        });
-      }
-      return vue.h(
-        "div",
-        { class: "tiger-data-table-toolbar flex flex-wrap items-center gap-2 pb-3" },
-        [
-          vue.h("div", { class: "flex items-center gap-2 flex-wrap flex-1 min-w-0" }, leftNodes),
-          hasBulkActions.value ? vue.h(
-            "div",
-            { class: "flex items-center gap-2 flex-wrap ml-auto shrink-0" },
-            bulkChildren
-          ) : null
-        ]
-      );
-    };
-    return () => {
-      const { class: _class, style: _style, ...restAttrs } = attrs;
-      const showPagination = props.pagination && typeof props.pagination === "object";
-      const tableProps = {
-        ...restAttrs,
-        columns: props.columns,
-        columnLockable: props.columnLockable,
-        dataSource: props.dataSource,
-        ...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,
-        emptyText: props.emptyText,
-        pagination: false,
-        rowSelection: props.rowSelection,
-        rowKey: props.rowKey,
-        rowClassName: props.rowClassName,
-        stickyHeader: props.stickyHeader,
-        maxHeight: props.maxHeight,
-        tableLayout: props.tableLayout,
-        onSelectionChange: (keys) => emit("selection-change", keys)
-      };
-      return vue.h(
-        "div",
-        {
-          class: wrapperClasses.value,
-          style: wrapperStyle.value,
-          "data-tiger-data-table-with-toolbar": ""
-        },
-        [
-          renderToolbar(),
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          vue.h(chunkTT5LWQIZ_js.Table, tableProps),
-          showPagination ? vue.h(chunkAGAJJYP2_js.Pagination, {
-            ...props.pagination,
-            onChange: (current, pageSize) => emit("page-change", current, pageSize),
-            onPageSizeChange: (current, pageSize) => emit("page-size-change", current, pageSize)
-          }) : null
-        ]
-      );
-    };
-  }
-});
-var DataTableWithToolbar_default = DataTableWithToolbar;
-
-exports.DataTableWithToolbar = DataTableWithToolbar;
-exports.DataTableWithToolbar_default = DataTableWithToolbar_default;

package/dist/chunk-XP5M2GK7.mjs

@@ -1,57 +0,0 @@
-import { defineComponent, computed, watch, provide, inject } from 'vue';
-import { mergeTigerLocale, ThemeManager } from '@expcat/tigercat-core';
-
-// src/components/ConfigProvider.ts
-var TigerConfigKey = /* @__PURE__ */ Symbol("TigerConfig");
-function useTigerConfig() {
-  return inject(
-    TigerConfigKey,
-    computed(() => ({}))
-  );
-}
-var ConfigProvider = defineComponent({
-  name: "TigerConfigProvider",
-  props: {
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    theme: {
-      type: String,
-      default: void 0
-    },
-    colorScheme: {
-      type: String,
-      default: void 0
-    }
-  },
-  setup(props, { slots }) {
-    const parent = useTigerConfig();
-    const merged = computed(() => {
-      return {
-        locale: mergeTigerLocale(parent.value.locale, props.locale),
-        theme: props.theme ?? parent.value.theme,
-        colorScheme: props.colorScheme ?? parent.value.colorScheme
-      };
-    });
-    watch(
-      () => merged.value.theme,
-      (name) => {
-        if (name) ThemeManager.setTheme(name);
-      },
-      { immediate: true }
-    );
-    watch(
-      () => merged.value.colorScheme,
-      (scheme) => {
-        if (scheme) ThemeManager.setColorScheme(scheme);
-      },
-      { immediate: true }
-    );
-    provide(TigerConfigKey, merged);
-    return () => slots.default?.();
-  }
-});
-var ConfigProvider_default = ConfigProvider;
-
-export { ConfigProvider, ConfigProvider_default, TigerConfigKey, useTigerConfig };

package/dist/chunk-XQKIMRRF.js

@@ -1,146 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/VirtualTable.ts
-var VirtualTable = vue.defineComponent({
-  name: "TigerVirtualTable",
-  inheritAttrs: false,
-  props: {
-    data: {
-      type: Array,
-      default: () => []
-    },
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    rowHeight: { type: Number, default: 48 },
-    height: { type: Number, default: 400 },
-    overscan: { type: Number, default: 5 },
-    stickyHeader: { type: Boolean, default: true },
-    rowKey: {
-      type: [String, Function],
-      default: void 0
-    },
-    loading: { type: Boolean, default: false },
-    emptyText: { type: String, default: "No data" },
-    selectable: { type: Boolean, default: false },
-    selectedKeys: {
-      type: Array,
-      default: () => []
-    },
-    striped: { type: Boolean, default: false },
-    bordered: { type: Boolean, default: false },
-    className: { type: String, default: void 0 }
-  },
-  emits: ["row-click", "select"],
-  setup(props, { emit, attrs }) {
-    const containerRef = vue.ref(null);
-    const scrollTop = vue.ref(0);
-    const range = vue.computed(
-      () => tigercatCore.calculateVirtualRange(
-        scrollTop.value,
-        props.height,
-        props.data.length,
-        props.rowHeight,
-        props.overscan
-      )
-    );
-    const visibleData = vue.computed(() => props.data.slice(range.value.start, range.value.end));
-    function onScroll() {
-      if (containerRef.value) {
-        scrollTop.value = containerRef.value.scrollTop;
-      }
-    }
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getVirtualTableContainerClasses(props.bordered, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
-      )
-    );
-    const selectedSet = vue.computed(() => new Set(props.selectedKeys));
-    return () => {
-      const headerCells = props.columns.map(
-        (col) => vue.h(
-          "th",
-          {
-            key: col.key,
-            class: tigercatCore.virtualTableHeaderCellClasses,
-            style: col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : void 0
-          },
-          col.title ?? ""
-        )
-      );
-      const headerRow = vue.h("tr", {}, headerCells);
-      const thead = vue.h(
-        "thead",
-        { class: props.stickyHeader ? tigercatCore.virtualTableHeaderClasses : void 0 },
-        [headerRow]
-      );
-      const rows = visibleData.value.map((row, localIdx) => {
-        const globalIdx = range.value.start + localIdx;
-        const key = tigercatCore.getVirtualRowKey(
-          row,
-          globalIdx,
-          props.rowKey
-        );
-        const isSelected = selectedSet.value.has(key);
-        const cells = props.columns.map(
-          (col) => vue.h(
-            "td",
-            {
-              key: col.key,
-              class: tigercatCore.virtualTableCellClasses
-            },
-            String(row[col.key] ?? "")
-          )
-        );
-        return vue.h(
-          "tr",
-          {
-            key,
-            class: tigercatCore.getVirtualTableRowClasses(globalIdx, props.striped, isSelected),
-            onClick: () => {
-              emit("row-click", row, globalIdx);
-              if (props.selectable) emit("select", key, row, globalIdx);
-            }
-          },
-          cells
-        );
-      });
-      const topSpacer = vue.h("tr", {
-        key: "__top-spacer",
-        style: { height: `${range.value.offsetTop}px` },
-        "aria-hidden": true
-      });
-      const bottomHeight = range.value.totalHeight - range.value.end * props.rowHeight;
-      const bottomSpacer = bottomHeight > 0 ? vue.h("tr", {
-        key: "__bottom-spacer",
-        style: { height: `${bottomHeight}px` },
-        "aria-hidden": true
-      }) : null;
-      const tbody = vue.h("tbody", {}, [topSpacer, ...rows, bottomSpacer]);
-      const table = vue.h("table", { class: "w-full table-fixed" }, [thead, tbody]);
-      const emptyEl = props.data.length === 0 && !props.loading ? vue.h("div", { class: tigercatCore.virtualTableEmptyClasses }, props.emptyText) : null;
-      const loadingEl = props.loading ? vue.h("div", { class: tigercatCore.virtualTableLoadingClasses }, "Loading...") : null;
-      return vue.h(
-        "div",
-        {
-          ref: containerRef,
-          class: containerClasses.value,
-          style: { height: `${props.height}px` },
-          onScroll,
-          role: "grid",
-          "aria-rowcount": props.data.length
-        },
-        [table, emptyEl, loadingEl]
-      );
-    };
-  }
-});
-var VirtualTable_default = VirtualTable;
-
-exports.VirtualTable = VirtualTable;
-exports.VirtualTable_default = VirtualTable_default;