@expcat/tigercat-vue 1.3.4 → 1.5.0

package/dist/chunk-XGO5Q6KK.js

@@ -1,189 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/VirtualTable.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var VirtualTable = _vue.defineComponent.call(void 0, {
-  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.call(void 0, null);
-    const scrollTop = _vue.ref.call(void 0, 0);
-    const range = _vue.computed.call(void 0, 
-      () => _tigercatcore.calculateVirtualRange.call(void 0, 
-        scrollTop.value,
-        props.height,
-        props.data.length,
-        props.rowHeight,
-        props.overscan
-      )
-    );
-    const visibleData = _vue.computed.call(void 0, () => props.data.slice(range.value.start, range.value.end));
-    function onScroll() {
-      if (containerRef.value) {
-        scrollTop.value = containerRef.value.scrollTop;
-      }
-    }
-    const containerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.getVirtualTableContainerClasses.call(void 0, props.bordered, props.className),
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const selectedSet = _vue.computed.call(void 0, () => new Set(props.selectedKeys));
-    const fixedInfo = _vue.computed.call(void 0, () => _tigercatcore.getVirtualTableFixedInfo.call(void 0, props.columns));
-    return () => {
-      const fi = fixedInfo.value;
-      const headerCells = props.columns.map((col) => {
-        const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
-        const stickyStyle = _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fi);
-        return _vue.h.call(void 0, 
-          "th",
-          {
-            key: col.key,
-            class: _tigercatcore.classNames.call(void 0, 
-              _tigercatcore.virtualTableHeaderCellClasses,
-              _tigercatcore.getTableFixedHeaderCellClasses.call(void 0, {
-                view: "virtual-table",
-                column: col,
-                stickyHeader: props.stickyHeader,
-                fixedInfo: fi
-              })
-            ),
-            style: { ...widthStyle, ...stickyStyle }
-          },
-          _nullishCoalesce(col.title, () => ( ""))
-        );
-      });
-      const headerRow = _vue.h.call(void 0, "tr", {}, headerCells);
-      const thead = _vue.h.call(void 0, 
-        "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.call(void 0, 
-          row,
-          globalIdx,
-          props.rowKey
-        );
-        const isSelected = selectedSet.value.has(key);
-        const cells = props.columns.map(
-          (col) => _vue.h.call(void 0, 
-            "td",
-            {
-              key: col.key,
-              class: _tigercatcore.classNames.call(void 0, 
-                _tigercatcore.virtualTableCellClasses,
-                _tigercatcore.getTableFixedCellClasses.call(void 0, {
-                  view: "virtual-table",
-                  column: col,
-                  record: row,
-                  rowIndex: globalIdx,
-                  striped: props.striped,
-                  stripedActive: props.striped && globalIdx % 2 === 1,
-                  selected: isSelected,
-                  hoverable: true,
-                  fixedInfo: fi,
-                  selectedClassName: _tigercatcore.virtualTableFixedCellSelectedClasses
-                })
-              ),
-              style: _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fi)
-            },
-            String(_nullishCoalesce(row[col.key], () => ( "")))
-          )
-        );
-        return _vue.h.call(void 0, 
-          "tr",
-          {
-            key,
-            class: _tigercatcore.getVirtualTableRowClasses.call(void 0, globalIdx, props.striped, isSelected),
-            onClick: () => {
-              emit("row-click", row, globalIdx);
-              if (props.selectable) emit("select", key, row, globalIdx);
-            }
-          },
-          cells
-        );
-      });
-      const topSpacer = _vue.h.call(void 0, "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.call(void 0, "tr", {
-        key: "__bottom-spacer",
-        style: { height: `${bottomHeight}px` },
-        "aria-hidden": true
-      }) : null;
-      const tbody = _vue.h.call(void 0, "tbody", {}, [topSpacer, ...rows, bottomSpacer]);
-      const table = _vue.h.call(void 0, "table", { class: "w-full table-fixed" }, [thead, tbody]);
-      const emptyEl = props.data.length === 0 && !props.loading ? _vue.h.call(void 0, "div", { class: _tigercatcore.virtualTableEmptyClasses }, props.emptyText) : null;
-      const loadingEl = props.loading ? _vue.h.call(void 0, "div", { class: _tigercatcore.virtualTableLoadingClasses }, "Loading...") : null;
-      return _vue.h.call(void 0, 
-        "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;

package/dist/chunk-ZSQ5I2KL.mjs

@@ -1,194 +0,0 @@
-// src/components/FileManager.ts
-import { defineComponent, h, ref, computed } from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  getFileManagerContainerClasses,
-  getFileItemClasses,
-  deriveFileManagerModel,
-  toggleFileSelection,
-  resolveFileOpen,
-  sliceBreadcrumbPath,
-  toFileDragItem,
-  formatFileSizeLabel,
-  fileManagerToolbarClasses,
-  fileManagerBreadcrumbClasses,
-  fileManagerBreadcrumbItemClasses,
-  fileManagerBreadcrumbSeparatorClasses,
-  fileManagerContentClasses,
-  fileManagerItemIconClasses,
-  fileManagerItemNameClasses,
-  fileManagerItemMetaClasses,
-  fileManagerEmptyClasses,
-  fileManagerLoadingClasses,
-  fileManagerSearchClasses
-} from "@expcat/tigercat-core";
-var FileManager = defineComponent({
-  name: "TigerFileManager",
-  inheritAttrs: false,
-  props: {
-    files: { type: Array, default: () => [] },
-    viewMode: {
-      type: String,
-      default: "list"
-    },
-    selectedKeys: {
-      type: Array,
-      default: () => []
-    },
-    multiple: { type: Boolean, default: false },
-    sortField: {
-      type: String,
-      default: "name"
-    },
-    sortOrder: {
-      type: String,
-      default: "asc"
-    },
-    currentPath: {
-      type: Array,
-      default: () => []
-    },
-    showHidden: { type: Boolean, default: false },
-    draggable: { type: Boolean, default: false },
-    loading: { type: Boolean, default: false },
-    emptyText: { type: String, default: "Empty folder" },
-    searchable: { type: Boolean, default: false },
-    searchText: { type: String, default: "" },
-    className: { type: String, default: void 0 }
-  },
-  emits: [
-    "select",
-    "open",
-    "navigate",
-    "update:currentPath",
-    "update:searchText",
-    "update:selectedKeys"
-  ],
-  setup(props, { emit, attrs }) {
-    const localSearch = ref(props.searchText);
-    const model = computed(
-      () => deriveFileManagerModel({
-        files: props.files,
-        currentPath: props.currentPath,
-        selectedKeys: props.selectedKeys,
-        sortField: props.sortField,
-        sortOrder: props.sortOrder,
-        showHidden: props.showHidden,
-        searchText: localSearch.value || props.searchText
-      })
-    );
-    const containerClasses = computed(
-      () => classNames(getFileManagerContainerClasses(props.className), coerceClassValue(attrs.class))
-    );
-    function handleSelect(item) {
-      if (item.disabled) return;
-      emit("select", item);
-      const keys = toggleFileSelection(props.selectedKeys, item.key, props.multiple);
-      emit("update:selectedKeys", keys);
-    }
-    function handleOpen(item) {
-      const result = resolveFileOpen(item, props.currentPath);
-      if (!result) return;
-      if (result.type === "navigate") {
-        emit("update:currentPath", result.path);
-        emit("navigate", result.path);
-      } else {
-        emit("open", result.item);
-      }
-    }
-    function navigateToBreadcrumb(index) {
-      const newPath = sliceBreadcrumbPath(props.currentPath, index);
-      emit("update:currentPath", newPath);
-      emit("navigate", newPath);
-    }
-    return () => {
-      const breadcrumbItems = [
-        h(
-          "span",
-          {
-            class: fileManagerBreadcrumbItemClasses,
-            onClick: () => navigateToBreadcrumb(0)
-          },
-          "Root"
-        ),
-        ...props.currentPath.flatMap((seg, i) => [
-          h("span", { class: fileManagerBreadcrumbSeparatorClasses }, "/"),
-          h(
-            "span",
-            {
-              class: fileManagerBreadcrumbItemClasses,
-              onClick: () => navigateToBreadcrumb(i + 1)
-            },
-            seg
-          )
-        ])
-      ];
-      const breadcrumb = h(
-        "nav",
-        { class: fileManagerBreadcrumbClasses, "aria-label": "File path" },
-        breadcrumbItems
-      );
-      const searchInput = props.searchable ? h("input", {
-        type: "text",
-        class: fileManagerSearchClasses,
-        placeholder: "Search...",
-        value: localSearch.value,
-        onInput: (e) => {
-          const val = e.target.value;
-          localSearch.value = val;
-          emit("update:searchText", val);
-        }
-      }) : null;
-      const toolbar = h("div", { class: fileManagerToolbarClasses }, [
-        breadcrumb,
-        h("div", { class: "flex-1" }),
-        searchInput
-      ]);
-      const fileIcon = (item) => h(
-        "span",
-        { class: fileManagerItemIconClasses, "aria-hidden": "true" },
-        item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}"
-      );
-      const renderItem = (item, index) => {
-        const isSelected = model.value.selectedSet.has(item.key);
-        const itemClass = getFileItemClasses(props.viewMode, isSelected);
-        const nameEl = h("span", { class: fileManagerItemNameClasses }, item.name);
-        const metaEls = props.viewMode === "list" ? [
-          item.size !== void 0 ? h("span", { class: fileManagerItemMetaClasses }, formatFileSizeLabel(item.size)) : null,
-          item.modified ? h("span", { class: fileManagerItemMetaClasses }, item.modified) : null
-        ] : [];
-        const dragItem = props.draggable && !item.disabled ? toFileDragItem(item, index) : void 0;
-        return h(
-          "div",
-          {
-            key: item.key,
-            class: itemClass,
-            role: "option",
-            "aria-selected": isSelected,
-            "data-disabled": item.disabled || void 0,
-            onClick: () => handleSelect(item),
-            onDblclick: () => handleOpen(item),
-            draggable: props.draggable && !item.disabled,
-            "data-drag-id": dragItem?.id
-          },
-          [fileIcon(item), nameEl, ...metaEls]
-        );
-      };
-      const contentClass = props.viewMode === "grid" ? `${fileManagerContentClasses} grid grid-cols-4 gap-2` : fileManagerContentClasses;
-      const content = model.value.processedItems.length > 0 ? h(
-        "div",
-        { class: contentClass, role: "listbox", "aria-multiselectable": props.multiple },
-        model.value.processedItems.map(renderItem)
-      ) : h("div", { class: fileManagerEmptyClasses }, props.emptyText);
-      const loadingEl = props.loading ? h("div", { class: fileManagerLoadingClasses }, "Loading...") : null;
-      return h("div", { class: containerClasses.value }, [toolbar, content, loadingEl]);
-    };
-  }
-});
-var FileManager_default = FileManager;
-
-export {
-  FileManager,
-  FileManager_default
-};

package/dist/chunk-ZYCOHZCM.mjs

@@ -1,92 +0,0 @@
-// src/components/Segmented.ts
-import { defineComponent, h } from "vue";
-import {
-  getSegmentedContainerClasses,
-  getSegmentedContainerStyle,
-  getSegmentedIndicatorClasses,
-  getSegmentedIndicatorStyle,
-  getSegmentedOptionClasses,
-  classNames,
-  coerceClassValue,
-  mergeStyleValues
-} from "@expcat/tigercat-core";
-var Segmented = defineComponent({
-  name: "TigerSegmented",
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: [String, Number],
-      default: void 0
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    disabled: { type: Boolean, default: false },
-    size: { type: String, default: "md" },
-    block: { type: Boolean, default: false },
-    className: { type: String, default: void 0 }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props, { emit, attrs }) {
-    function handleSelect(option) {
-      if (option.disabled || props.disabled) return;
-      if (option.value === props.modelValue) return;
-      emit("update:modelValue", option.value);
-      emit("change", option.value);
-    }
-    return () => h(
-      "div",
-      {
-        ...attrs,
-        class: classNames(
-          getSegmentedContainerClasses(props.size, props.block),
-          props.className,
-          coerceClassValue(attrs.class)
-        ),
-        style: mergeStyleValues(
-          attrs.style,
-          getSegmentedContainerStyle(props.options.length)
-        ),
-        role: "radiogroup"
-      },
-      [
-        h("div", {
-          "data-tiger-segmented-indicator": "true",
-          "aria-hidden": "true",
-          class: getSegmentedIndicatorClasses(props.size),
-          style: getSegmentedIndicatorStyle(
-            props.options.findIndex((opt) => opt.value === props.modelValue),
-            props.options.length,
-            props.size
-          )
-        }),
-        ...props.options.map((opt) => {
-          const selected = opt.value === props.modelValue;
-          const isDisabled = !!opt.disabled || props.disabled;
-          return h(
-            "label",
-            {
-              key: opt.value,
-              class: classNames(
-                getSegmentedOptionClasses(props.size, selected, isDisabled),
-                props.block ? "flex-1 text-center" : ""
-              ),
-              role: "radio",
-              "aria-checked": selected,
-              "aria-disabled": isDisabled,
-              onClick: () => handleSelect(opt)
-            },
-            [h("span", null, opt.label)]
-          );
-        })
-      ]
-    );
-  }
-});
-var Segmented_default = Segmented;
-
-export {
-  Segmented,
-  Segmented_default
-};