@expcat/tigercat-vue 2.1.2 → 2.1.4

package/dist/chunk-UGHLEKEZ.mjs

@@ -1,370 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/FileManager.ts
-import { defineComponent, h, ref, computed, nextTick, watch } from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  getFileManagerContainerClasses,
-  getFileItemClasses,
-  deriveFileManagerModel,
-  toggleFileSelection,
-  resolveFileOpen,
-  sliceBreadcrumbPath,
-  toFileDragItem,
-  applyFileDragReorder,
-  formatFileSizeLabel,
-  getFileManagerLabels,
-  fileManagerToolbarClasses,
-  fileManagerBreadcrumbClasses,
-  fileManagerBreadcrumbItemClasses,
-  fileManagerBreadcrumbSeparatorClasses,
-  fileManagerContentClasses,
-  fileManagerItemIconClasses,
-  fileManagerItemNameClasses,
-  fileManagerItemMetaClasses,
-  fileManagerEmptyClasses,
-  fileManagerLoadingClasses,
-  fileManagerSearchClasses,
-  resolveLocaleText,
-  mergeTigerLocale
-} from "@expcat/tigercat-core";
-var FileManager = defineComponent({
-  name: "TigerFileManager",
-  inheritAttrs: false,
-  props: {
-    files: { type: Array, default: () => [] },
-    viewMode: {
-      type: String,
-      default: "list"
-    },
-    selectedKeys: {
-      type: Array
-    },
-    defaultSelectedKeys: {
-      type: Array,
-      default: () => []
-    },
-    multiple: { type: Boolean, default: false },
-    columns: {
-      type: Array,
-      default: void 0
-    },
-    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: void 0 },
-    searchable: { type: Boolean, default: false },
-    searchText: { type: String, default: "" },
-    className: { type: String, default: void 0 },
-    locale: { type: Object, default: void 0 }
-  },
-  emits: [
-    "select",
-    "open",
-    "navigate",
-    "update:currentPath",
-    "update:searchText",
-    "update:selectedKeys",
-    "update:files",
-    "reorder"
-  ],
-  setup(props, { emit, attrs }) {
-    const config = useTigerConfig();
-    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const labels = computed(() => getFileManagerLabels(mergedLocale.value));
-    const localSearch = ref(props.searchText);
-    const focusedIndex = ref(0);
-    const contentRef = ref(null);
-    let dragFromIndex = null;
-    const innerSelectedKeys = ref([...props.defaultSelectedKeys ?? []]);
-    const isControlled = computed(() => props.selectedKeys !== void 0);
-    const resolvedKeys = computed(
-      () => isControlled.value ? props.selectedKeys ?? [] : innerSelectedKeys.value
-    );
-    watch(
-      () => props.selectedKeys,
-      (value) => {
-        if (value !== void 0) {
-          innerSelectedKeys.value = [...value];
-        }
-      }
-    );
-    function handleDragStart(event, item, index) {
-      if (!props.draggable || item.disabled) return;
-      dragFromIndex = index;
-      if (event.dataTransfer) {
-        event.dataTransfer.effectAllowed = "move";
-        event.dataTransfer.setData("text/plain", String(toFileDragItem(item, index).id));
-      }
-    }
-    function handleDragOver(event) {
-      if (!props.draggable || dragFromIndex === null) return;
-      event.preventDefault();
-      if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
-    }
-    function handleDrop(event, toIndex) {
-      if (!props.draggable) return;
-      const fromIndex = dragFromIndex;
-      dragFromIndex = null;
-      if (fromIndex === null || fromIndex === toIndex) return;
-      event.preventDefault();
-      const items = model.value.processedItems;
-      const reordered = applyFileDragReorder(items, {
-        item: toFileDragItem(items[fromIndex], fromIndex),
-        fromIndex,
-        toIndex,
-        fromContainerId: "",
-        toContainerId: ""
-      });
-      emit("reorder", reordered, fromIndex, toIndex);
-      emit("update:files", reordered);
-    }
-    const model = computed(
-      () => deriveFileManagerModel({
-        files: props.files,
-        currentPath: props.currentPath,
-        selectedKeys: resolvedKeys.value,
-        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(resolvedKeys.value, item.key, props.multiple);
-      if (!isControlled.value) {
-        innerSelectedKeys.value = keys;
-      }
-      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);
-    }
-    function getFirstEnabledIndex() {
-      return model.value.processedItems.findIndex((item) => !item.disabled);
-    }
-    function getLastEnabledIndex() {
-      for (let index = model.value.processedItems.length - 1; index >= 0; index -= 1) {
-        if (!model.value.processedItems[index]?.disabled) {
-          return index;
-        }
-      }
-      return -1;
-    }
-    function getFocusedItemIndex() {
-      return focusedIndex.value >= 0 && !model.value.processedItems[focusedIndex.value]?.disabled ? focusedIndex.value : getFirstEnabledIndex();
-    }
-    function focusItemAt(index) {
-      nextTick(() => {
-        contentRef.value?.querySelector(`[data-option-index="${index}"]`)?.focus();
-      });
-    }
-    function moveFocus(current, direction) {
-      if (model.value.processedItems.length === 0) return;
-      let next = current;
-      for (let i = 0; i < model.value.processedItems.length; i += 1) {
-        next = (next + direction + model.value.processedItems.length) % model.value.processedItems.length;
-        if (!model.value.processedItems[next]?.disabled) {
-          focusedIndex.value = next;
-          focusItemAt(next);
-          return;
-        }
-      }
-    }
-    function handleItemKeydown(event, item, index) {
-      switch (event.key) {
-        case "ArrowDown":
-        case "ArrowRight":
-          event.preventDefault();
-          moveFocus(index, 1);
-          return;
-        case "ArrowUp":
-        case "ArrowLeft":
-          event.preventDefault();
-          moveFocus(index, -1);
-          return;
-        case "Home": {
-          event.preventDefault();
-          const first = getFirstEnabledIndex();
-          if (first >= 0) {
-            focusedIndex.value = first;
-            focusItemAt(first);
-          }
-          return;
-        }
-        case "End": {
-          event.preventDefault();
-          const last = getLastEnabledIndex();
-          if (last >= 0) {
-            focusedIndex.value = last;
-            focusItemAt(last);
-          }
-          return;
-        }
-        case " ":
-          event.preventDefault();
-          handleSelect(item);
-          return;
-        case "Enter":
-          event.preventDefault();
-          handleSelect(item);
-          handleOpen(item);
-          return;
-        default:
-          return;
-      }
-    }
-    return () => {
-      const breadcrumbItems = [
-        h(
-          "span",
-          {
-            class: fileManagerBreadcrumbItemClasses,
-            onClick: () => navigateToBreadcrumb(0)
-          },
-          labels.value.rootText
-        ),
-        ...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: resolveLocaleText(
-          "Search...",
-          mergedLocale.value?.common?.searchPlaceholder
-        ),
-        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 focusedItem = getFocusedItemIndex();
-        const nameEl = h("span", { class: fileManagerItemNameClasses }, item.name);
-        const metaColumns = props.columns ?? ["size", "modified"];
-        const metaEls = props.viewMode === "list" ? [
-          metaColumns.includes("type") ? h("span", { class: fileManagerItemMetaClasses }, item.extension ?? item.type) : null,
-          metaColumns.includes("size") && item.size !== void 0 ? h("span", { class: fileManagerItemMetaClasses }, formatFileSizeLabel(item.size)) : null,
-          metaColumns.includes("modified") && 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,
-            tabindex: !item.disabled && index === focusedItem ? 0 : -1,
-            "data-option-index": index,
-            "data-disabled": item.disabled || void 0,
-            onFocus: () => {
-              if (!item.disabled) focusedIndex.value = index;
-            },
-            onKeydown: (event) => handleItemKeydown(event, item, index),
-            onClick: () => handleSelect(item),
-            onDblclick: () => handleOpen(item),
-            draggable: props.draggable && !item.disabled,
-            "data-drag-id": dragItem?.id,
-            onDragstart: (event) => handleDragStart(event, item, index),
-            onDragover: handleDragOver,
-            onDrop: (event) => handleDrop(event, index)
-          },
-          [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",
-        {
-          ref: contentRef,
-          class: contentClass,
-          role: "listbox",
-          "aria-multiselectable": props.multiple
-        },
-        model.value.processedItems.map(renderItem)
-      ) : h(
-        "div",
-        { class: fileManagerEmptyClasses },
-        resolveLocaleText(
-          "Empty folder",
-          props.emptyText,
-          mergedLocale.value?.common?.emptyText
-        )
-      );
-      const loadingEl = props.loading ? h(
-        "div",
-        { class: fileManagerLoadingClasses },
-        resolveLocaleText("Loading...", mergedLocale.value?.common?.loadingText)
-      ) : null;
-      return h("div", { class: containerClasses.value }, [toolbar, content, loadingEl]);
-    };
-  }
-});
-var FileManager_default = FileManager;
-
-export {
-  FileManager,
-  FileManager_default
-};

package/dist/chunk-UNTTADHL.mjs

@@ -1,73 +0,0 @@
-import {
-  RowContextKey
-} from "./chunk-M3G6LJKZ.mjs";
-
-// src/components/Col.ts
-import { defineComponent, computed, h, inject } from "vue";
-import {
-  classNames,
-  getColMergedStyleVars,
-  getSpanClasses,
-  getOffsetClasses,
-  getOrderClasses,
-  getFlexClasses,
-  getColGutterClasses
-} from "@expcat/tigercat-core";
-var Col = defineComponent({
-  name: "TigerCol",
-  props: {
-    /** Column span (1-24) or responsive object @default 24 */
-    span: {
-      type: [Number, Object],
-      default: 24
-    },
-    /** Column offset (0-24) or responsive object @default 0 */
-    offset: {
-      type: [Number, Object],
-      default: 0
-    },
-    /** Column order or responsive object */
-    order: {
-      type: [Number, Object]
-    },
-    /** Flex layout style */
-    flex: {
-      type: [String, Number]
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const rowContext = inject(RowContextKey, null);
-    const gutter = computed(() => rowContext?.gutter.value ?? 0);
-    const isFlexSpanMode = computed(() => props.flex !== void 0 && props.span === 0);
-    const colClasses = computed(
-      () => classNames(
-        isFlexSpanMode.value ? "" : getSpanClasses(props.span),
-        getOffsetClasses(props.offset),
-        getOrderClasses(props.order),
-        getFlexClasses(props.flex),
-        getColGutterClasses(gutter.value)
-      )
-    );
-    const colMergedStyle = computed(() => ({
-      ...getColMergedStyleVars(
-        isFlexSpanMode.value ? void 0 : props.span,
-        props.offset,
-        props.order,
-        props.flex
-      )
-    }));
-    return () => h(
-      "div",
-      {
-        ...attrs,
-        class: [colClasses.value, attrs.class],
-        style: [colMergedStyle.value, attrs.style]
-      },
-      slots.default?.()
-    );
-  }
-});
-
-export {
-  Col
-};