@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/chunk-UHGRUTGW.js

@@ -1,175 +0,0 @@
-'use strict';
-
-var chunkCODQKVQV_js = require('./chunk-CODQKVQV.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var CollapsePanel = vue.defineComponent({
-  name: "TigerCollapsePanel",
-  props: {
-    /**
-     * Unique key for the panel (required)
-     */
-    panelKey: {
-      type: [String, Number],
-      required: true
-    },
-    /**
-     * Panel header/title
-     */
-    header: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether the panel is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to show arrow icon
-     * @default true
-     */
-    showArrow: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const collapseContext = vue.inject(chunkCODQKVQV_js.CollapseContextKey);
-    if (!collapseContext) {
-      throw new Error("CollapsePanel must be used within a Collapse component");
-    }
-    const isActive = vue.computed(() => {
-      return tigercatCore.isPanelActive(props.panelKey, collapseContext.activeKeys);
-    });
-    const panelClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getCollapsePanelClasses(collapseContext.ghost, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-    });
-    const headerClasses = vue.computed(() => {
-      return tigercatCore.getCollapsePanelHeaderClasses(isActive.value, props.disabled);
-    });
-    const iconClasses = vue.computed(() => {
-      return tigercatCore.getCollapseIconClasses(isActive.value, collapseContext.expandIconPosition);
-    });
-    const handleClick = () => {
-      if (!props.disabled) {
-        collapseContext.handlePanelClick(props.panelKey);
-      }
-    };
-    const handleKeydown = (event) => {
-      if (props.disabled) {
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        collapseContext.handlePanelClick(props.panelKey);
-      }
-    };
-    return () => {
-      const headerSlot = slots.header?.();
-      const extraSlot = slots.extra?.();
-      const arrowIcon = vue.h(
-        "svg",
-        {
-          class: iconClasses.value,
-          width: "16",
-          height: "16",
-          viewBox: "0 0 16 16",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg"
-        },
-        vue.h("path", {
-          d: "M6 12L10 8L6 4",
-          stroke: "currentColor",
-          "stroke-width": "2",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
-        })
-      );
-      const headerContent = [];
-      if (props.showArrow && collapseContext.expandIconPosition === "start") {
-        headerContent.push(arrowIcon);
-      }
-      headerContent.push(
-        vue.h(
-          "span",
-          {
-            class: tigercatCore.collapseHeaderTextClasses
-          },
-          headerSlot || props.header
-        )
-      );
-      if (extraSlot) {
-        headerContent.push(vue.h("span", { class: "ml-auto" }, extraSlot));
-      }
-      if (props.showArrow && collapseContext.expandIconPosition === "end") {
-        headerContent.push(arrowIcon);
-      }
-      const header = vue.h(
-        "div",
-        {
-          class: headerClasses.value,
-          role: "button",
-          tabindex: props.disabled ? -1 : 0,
-          "aria-expanded": isActive.value,
-          "aria-disabled": props.disabled,
-          onClick: handleClick,
-          onKeydown: handleKeydown
-        },
-        headerContent
-      );
-      const content = vue.h(
-        "div",
-        {
-          class: tigercatCore.collapsePanelContentWrapperClasses,
-          style: {
-            maxHeight: isActive.value ? "none" : "0",
-            opacity: isActive.value ? "1" : "0"
-          }
-        },
-        [
-          vue.h(
-            "div",
-            {
-              class: tigercatCore.collapsePanelContentBaseClasses
-            },
-            slots.default?.()
-          )
-        ]
-      );
-      return vue.h(
-        "div",
-        {
-          class: panelClasses.value,
-          style: props.style
-        },
-        [header, content]
-      );
-    };
-  }
-});
-var CollapsePanel_default = CollapsePanel;
-
-exports.CollapsePanel = CollapsePanel;
-exports.CollapsePanel_default = CollapsePanel_default;

package/dist/chunk-UPPRQ3ZS.js

@@ -1,132 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Watermark.ts
-var Watermark = vue.defineComponent({
-  name: "TigerWatermark",
-  inheritAttrs: false,
-  props: {
-    content: {
-      type: [String, Array],
-      default: void 0
-    },
-    image: {
-      type: String,
-      default: void 0
-    },
-    width: { type: Number, default: tigercatCore.watermarkDefaults.width },
-    height: { type: Number, default: tigercatCore.watermarkDefaults.height },
-    rotate: { type: Number, default: tigercatCore.watermarkDefaults.rotate },
-    zIndex: { type: Number, default: tigercatCore.watermarkDefaults.zIndex },
-    gapX: { type: Number, default: tigercatCore.watermarkDefaults.gapX },
-    gapY: { type: Number, default: tigercatCore.watermarkDefaults.gapY },
-    offsetX: { type: Number, default: tigercatCore.watermarkDefaults.offsetX },
-    offsetY: { type: Number, default: tigercatCore.watermarkDefaults.offsetY },
-    font: {
-      type: Object,
-      default: void 0
-    },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const base64 = vue.ref();
-    const resolvedFont = vue.computed(() => tigercatCore.resolveWatermarkFont(props.font));
-    const generate = () => {
-      if (props.image) {
-        const img = new Image();
-        img.crossOrigin = "anonymous";
-        img.onload = () => {
-          const canvas = document.createElement("canvas");
-          const dpr = window.devicePixelRatio || 1;
-          canvas.width = props.width * dpr;
-          canvas.height = props.height * dpr;
-          const ctx = canvas.getContext("2d");
-          if (!ctx) return;
-          ctx.scale(dpr, dpr);
-          ctx.translate(props.width / 2, props.height / 2);
-          ctx.rotate(props.rotate * Math.PI / 180);
-          ctx.translate(-props.width / 2, -props.height / 2);
-          ctx.drawImage(img, 0, 0, props.width, props.height);
-          base64.value = canvas.toDataURL();
-        };
-        img.src = props.image;
-      } else {
-        base64.value = tigercatCore.renderWatermarkCanvas({
-          content: props.content,
-          width: props.width,
-          height: props.height,
-          rotate: props.rotate,
-          font: resolvedFont.value
-        });
-      }
-    };
-    vue.onMounted(generate);
-    vue.watch(
-      () => [props.content, props.image, props.width, props.height, props.rotate, props.font],
-      generate
-    );
-    const wrapperRef = vue.ref(null);
-    let observer;
-    vue.onMounted(() => {
-      if (typeof MutationObserver === "undefined" || !wrapperRef.value) return;
-      observer = new MutationObserver((mutations) => {
-        for (const m of mutations) {
-          for (const node of Array.from(m.removedNodes)) {
-            if (node.dataset?.watermark === "true") {
-              generate();
-              return;
-            }
-          }
-        }
-      });
-      observer.observe(wrapperRef.value, { childList: true });
-    });
-    vue.onBeforeUnmount(() => observer?.disconnect());
-    const overlayStyle = vue.computed(
-      () => tigercatCore.getWatermarkOverlayStyle({
-        base64Url: base64.value,
-        width: props.width,
-        height: props.height,
-        gapX: props.gapX,
-        gapY: props.gapY,
-        offsetX: props.offsetX,
-        offsetY: props.offsetY,
-        zIndex: props.zIndex
-      })
-    );
-    return () => {
-      const attrsRecord = attrs;
-      return vue.h(
-        "div",
-        {
-          ...attrs,
-          ref: wrapperRef,
-          class: tigercatCore.classNames(
-            tigercatCore.watermarkWrapperClasses,
-            props.className,
-            tigercatCore.coerceClassValue(attrsRecord.class)
-          ),
-          style: tigercatCore.mergeStyleValues(attrsRecord.style, props.style)
-        },
-        [
-          slots.default?.(),
-          vue.h("div", {
-            "data-watermark": "true",
-            "aria-hidden": "true",
-            style: overlayStyle.value
-          })
-        ]
-      );
-    };
-  }
-});
-var Watermark_default = Watermark;
-
-exports.Watermark = Watermark;
-exports.Watermark_default = Watermark_default;

package/dist/chunk-UUGAOKYR.js

@@ -1,113 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/BackTop.ts
-var DefaultIcon = vue.h(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    "stroke-width": "2",
-    class: "h-5 w-5",
-    "aria-hidden": "true"
-  },
-  [vue.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: tigercatCore.backTopIconPath })]
-);
-var BackTop = vue.defineComponent({
-  name: "TigerBackTop",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Scroll height to show the BackTop button
-     * @default 400
-     */
-    visibilityHeight: {
-      type: Number,
-      default: 400
-    },
-    /**
-     * Target element to listen for scroll events
-     * @default () => window
-     */
-    target: {
-      type: Function,
-      default: () => window
-    },
-    /**
-     * Duration of scroll animation in milliseconds
-     * @default 450
-     */
-    duration: {
-      type: Number,
-      default: 450
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["click"],
-  setup(props, { slots, emit, attrs }) {
-    const visible = vue.ref(false);
-    const targetElement = vue.shallowRef(null);
-    const handleScroll = () => {
-      if (!targetElement.value) return;
-      const scrollTop = tigercatCore.getScrollTop(targetElement.value);
-      visible.value = scrollTop >= props.visibilityHeight;
-    };
-    const handleClick = (event) => {
-      if (!targetElement.value) return;
-      tigercatCore.scrollToTop(targetElement.value, props.duration);
-      emit("click", event);
-    };
-    vue.onMounted(() => {
-      targetElement.value = props.target() ?? window;
-      targetElement.value.addEventListener("scroll", handleScroll, { passive: true });
-      handleScroll();
-    });
-    vue.onBeforeUnmount(() => {
-      if (targetElement.value) {
-        targetElement.value.removeEventListener("scroll", handleScroll);
-      }
-    });
-    const buttonClasses = vue.computed(() => {
-      const target = targetElement.value ?? props.target();
-      const isWindowTarget = !target || target === window;
-      const positionClasses = isWindowTarget ? tigercatCore.backTopButtonClasses : tigercatCore.backTopContainerClasses;
-      return tigercatCore.classNames(
-        positionClasses,
-        visible.value ? tigercatCore.backTopVisibleClasses : tigercatCore.backTopHiddenClasses,
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-    });
-    const mergedStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    return () => {
-      const content = slots.default ? slots.default() : DefaultIcon;
-      return vue.h(
-        "button",
-        {
-          ...attrs,
-          type: "button",
-          class: buttonClasses.value,
-          style: mergedStyle.value,
-          "aria-label": attrs["aria-label"] ?? "Back to top",
-          onClick: handleClick
-        },
-        content
-      );
-    };
-  }
-});
-var BackTop_default = BackTop;
-
-exports.BackTop = BackTop;
-exports.BackTop_default = BackTop_default;

package/dist/chunk-V4PBWEAU.js

@@ -1,62 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/ConfigProvider.ts
-var TigerConfigKey = /* @__PURE__ */ Symbol("TigerConfig");
-function useTigerConfig() {
-  return vue.inject(
-    TigerConfigKey,
-    vue.computed(() => ({}))
-  );
-}
-var ConfigProvider = vue.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 = vue.computed(() => {
-      return {
-        locale: tigercatCore.mergeTigerLocale(parent.value.locale, props.locale),
-        theme: props.theme ?? parent.value.theme,
-        colorScheme: props.colorScheme ?? parent.value.colorScheme
-      };
-    });
-    vue.watch(
-      () => merged.value.theme,
-      (name) => {
-        if (name) tigercatCore.ThemeManager.setTheme(name);
-      },
-      { immediate: true }
-    );
-    vue.watch(
-      () => merged.value.colorScheme,
-      (scheme) => {
-        if (scheme) tigercatCore.ThemeManager.setColorScheme(scheme);
-      },
-      { immediate: true }
-    );
-    vue.provide(TigerConfigKey, merged);
-    return () => slots.default?.();
-  }
-});
-var ConfigProvider_default = ConfigProvider;
-
-exports.ConfigProvider = ConfigProvider;
-exports.ConfigProvider_default = ConfigProvider_default;
-exports.TigerConfigKey = TigerConfigKey;
-exports.useTigerConfig = useTigerConfig;

package/dist/chunk-VDNAGLQJ.js

@@ -1,176 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/FileManager.ts
-var FileManager = vue.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 = vue.ref(props.searchText);
-    const currentItems = vue.computed(() => tigercatCore.navigateToFolder(props.files, props.currentPath));
-    const processedItems = vue.computed(() => {
-      let items = tigercatCore.filterHiddenFiles(currentItems.value, props.showHidden);
-      if (localSearch.value || props.searchText) {
-        items = tigercatCore.filterFileItems(items, localSearch.value || props.searchText);
-      }
-      return tigercatCore.sortFileItems(items, props.sortField, props.sortOrder);
-    });
-    const selectedSet = vue.computed(() => new Set(props.selectedKeys));
-    const containerClasses = vue.computed(
-      () => tigercatCore.classNames(tigercatCore.getFileManagerContainerClasses(props.className), tigercatCore.coerceClassValue(attrs.class))
-    );
-    function handleSelect(item) {
-      if (item.disabled) return;
-      emit("select", item);
-      const keys = [...props.selectedKeys];
-      const idx = keys.indexOf(item.key);
-      if (idx >= 0) {
-        keys.splice(idx, 1);
-      } else {
-        if (!props.multiple) keys.length = 0;
-        keys.push(item.key);
-      }
-      emit("update:selectedKeys", keys);
-    }
-    function handleOpen(item) {
-      if (item.disabled) return;
-      if (item.type === "folder") {
-        const newPath = [...props.currentPath, item.name];
-        emit("update:currentPath", newPath);
-        emit("navigate", newPath);
-      } else {
-        emit("open", item);
-      }
-    }
-    function navigateToBreadcrumb(index) {
-      const newPath = props.currentPath.slice(0, index);
-      emit("update:currentPath", newPath);
-      emit("navigate", newPath);
-    }
-    return () => {
-      const breadcrumbItems = [
-        vue.h(
-          "span",
-          {
-            class: tigercatCore.fileManagerBreadcrumbItemClasses,
-            onClick: () => navigateToBreadcrumb(0)
-          },
-          "Root"
-        ),
-        ...props.currentPath.flatMap((seg, i) => [
-          vue.h("span", { class: tigercatCore.fileManagerBreadcrumbSeparatorClasses }, "/"),
-          vue.h(
-            "span",
-            {
-              class: tigercatCore.fileManagerBreadcrumbItemClasses,
-              onClick: () => navigateToBreadcrumb(i + 1)
-            },
-            seg
-          )
-        ])
-      ];
-      const breadcrumb = vue.h(
-        "nav",
-        { class: tigercatCore.fileManagerBreadcrumbClasses, "aria-label": "File path" },
-        breadcrumbItems
-      );
-      const searchInput = props.searchable ? vue.h("input", {
-        type: "text",
-        class: tigercatCore.fileManagerSearchClasses,
-        placeholder: "Search...",
-        value: localSearch.value,
-        onInput: (e) => {
-          const val = e.target.value;
-          localSearch.value = val;
-          emit("update:searchText", val);
-        }
-      }) : null;
-      const toolbar = vue.h("div", { class: tigercatCore.fileManagerToolbarClasses }, [
-        breadcrumb,
-        vue.h("div", { class: "flex-1" }),
-        searchInput
-      ]);
-      const fileIcon = (item) => vue.h(
-        "span",
-        { class: tigercatCore.fileManagerItemIconClasses, "aria-hidden": "true" },
-        item.type === "folder" ? "\u{1F4C1}" : "\u{1F4C4}"
-      );
-      const renderItem = (item) => {
-        const isSelected = selectedSet.value.has(item.key);
-        const itemClass = tigercatCore.getFileItemClasses(props.viewMode, isSelected);
-        const nameEl = vue.h("span", { class: tigercatCore.fileManagerItemNameClasses }, item.name);
-        const metaEls = props.viewMode === "list" ? [
-          item.size !== void 0 ? vue.h("span", { class: tigercatCore.fileManagerItemMetaClasses }, tigercatCore.formatFileSizeLabel(item.size)) : null,
-          item.modified ? vue.h("span", { class: tigercatCore.fileManagerItemMetaClasses }, item.modified) : null
-        ] : [];
-        return vue.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
-          },
-          [fileIcon(item), nameEl, ...metaEls]
-        );
-      };
-      const contentClass = props.viewMode === "grid" ? `${tigercatCore.fileManagerContentClasses} grid grid-cols-4 gap-2` : tigercatCore.fileManagerContentClasses;
-      const content = processedItems.value.length > 0 ? vue.h(
-        "div",
-        { class: contentClass, role: "listbox", "aria-multiselectable": props.multiple },
-        processedItems.value.map(renderItem)
-      ) : vue.h("div", { class: tigercatCore.fileManagerEmptyClasses }, props.emptyText);
-      const loadingEl = props.loading ? vue.h("div", { class: tigercatCore.fileManagerLoadingClasses }, "Loading...") : null;
-      return vue.h("div", { class: containerClasses.value }, [toolbar, content, loadingEl]);
-    };
-  }
-});
-var FileManager_default = FileManager;
-
-exports.FileManager = FileManager;
-exports.FileManager_default = FileManager_default;