@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/chunk-R77ZKZ5F.js

@@ -1,251 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Anchor.ts
-var AnchorContextKey = /* @__PURE__ */ Symbol("AnchorContext");
-var Anchor = vue.defineComponent({
-  name: "TigerAnchor",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Whether to fix the anchor to the viewport
-     * @default true
-     */
-    affix: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Anchor detection boundary in pixels
-     * @default 5
-     */
-    bounds: {
-      type: Number,
-      default: 5
-    },
-    /**
-     * Offset from top of viewport when fixed
-     * @default 0
-     */
-    offsetTop: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * Whether to show ink indicator when in fixed mode
-     * @default false
-     */
-    showInkInFixed: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Offset when scrolling to target anchor
-     */
-    targetOffset: {
-      type: Number,
-      default: void 0
-    },
-    /**
-     * Custom function to determine current active anchor
-     */
-    getCurrentAnchor: {
-      type: Function,
-      default: void 0
-    },
-    /**
-     * Get the scroll container
-     * @default () => window
-     */
-    getContainer: {
-      type: Function,
-      default: () => window
-    },
-    /**
-     * Direction of the anchor navigation
-     * @default 'vertical'
-     */
-    direction: {
-      type: String,
-      default: "vertical"
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["click", "change"],
-  setup(props, { slots, emit, attrs }) {
-    const activeLink = vue.ref("");
-    const links = vue.ref([]);
-    const anchorRef = vue.ref(null);
-    const inkRef = vue.ref(null);
-    const isScrolling = vue.ref(false);
-    let animationFrameId = null;
-    let scrollTimeoutId = null;
-    const getContainer = () => props.getContainer();
-    const scrollOffset = vue.computed(() => props.targetOffset ?? props.offsetTop);
-    const registerLink = (href) => {
-      if (href && !links.value.includes(href)) {
-        links.value = [...links.value, href];
-      }
-    };
-    const unregisterLink = (href) => {
-      links.value = links.value.filter((l) => l !== href);
-    };
-    const handleScroll = () => {
-      if (isScrolling.value) return;
-      if (animationFrameId !== null) {
-        cancelAnimationFrame(animationFrameId);
-      }
-      animationFrameId = requestAnimationFrame(() => {
-        const container = getContainer();
-        const newActiveLink = tigercatCore.findActiveAnchor(
-          links.value,
-          container,
-          props.bounds,
-          scrollOffset.value
-        );
-        const finalActiveLink = props.getCurrentAnchor ? props.getCurrentAnchor(newActiveLink) : newActiveLink;
-        if (finalActiveLink !== activeLink.value) {
-          activeLink.value = finalActiveLink;
-          emit("change", finalActiveLink);
-        }
-      });
-    };
-    const scrollTo = (href) => {
-      tigercatCore.scrollToAnchor(href, getContainer(), scrollOffset.value);
-    };
-    const handleLinkClick = (href, event) => {
-      emit("click", event, href);
-      isScrolling.value = true;
-      activeLink.value = href;
-      scrollTo(href);
-      if (scrollTimeoutId !== null) clearTimeout(scrollTimeoutId);
-      scrollTimeoutId = setTimeout(() => {
-        isScrolling.value = false;
-        scrollTimeoutId = null;
-      }, 500);
-    };
-    const updateInkPosition = () => {
-      if (!inkRef.value || !anchorRef.value || !activeLink.value) {
-        return;
-      }
-      const activeLinkElement = anchorRef.value.querySelector(
-        `[data-anchor-href="${activeLink.value}"]`
-      );
-      if (!activeLinkElement) {
-        return;
-      }
-      const anchorRect = anchorRef.value.getBoundingClientRect();
-      const linkRect = activeLinkElement.getBoundingClientRect();
-      if (props.direction === "vertical") {
-        inkRef.value.style.top = `${linkRect.top - anchorRect.top}px`;
-        inkRef.value.style.height = `${linkRect.height}px`;
-      } else {
-        inkRef.value.style.left = `${linkRect.left - anchorRect.left}px`;
-        inkRef.value.style.width = `${linkRect.width}px`;
-      }
-    };
-    vue.watch(activeLink, () => {
-      updateInkPosition();
-    });
-    vue.watch(() => props.direction, updateInkPosition);
-    let currentContainer = null;
-    vue.onMounted(() => {
-      vue.nextTick(() => {
-        currentContainer = getContainer();
-        currentContainer.addEventListener("scroll", handleScroll, { passive: true });
-        handleScroll();
-        setTimeout(updateInkPosition, 0);
-      });
-    });
-    vue.onBeforeUnmount(() => {
-      if (currentContainer) {
-        currentContainer.removeEventListener("scroll", handleScroll);
-      }
-      if (animationFrameId !== null) {
-        cancelAnimationFrame(animationFrameId);
-      }
-      if (scrollTimeoutId !== null) {
-        clearTimeout(scrollTimeoutId);
-      }
-    });
-    const wrapperClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getAnchorWrapperClasses(props.affix, props.className),
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-    });
-    const inkContainerClasses = vue.computed(() => {
-      return tigercatCore.getAnchorInkContainerClasses(props.direction);
-    });
-    const inkActiveClasses = vue.computed(() => {
-      return tigercatCore.getAnchorInkActiveClasses(props.direction);
-    });
-    const linkListClasses = vue.computed(() => {
-      return tigercatCore.getAnchorLinkListClasses(props.direction);
-    });
-    const showInk = vue.computed(() => !props.affix || props.showInkInFixed);
-    const wrapperStyle = vue.computed(() => {
-      const baseStyle = {};
-      if (props.affix && props.offsetTop > 0) {
-        baseStyle.top = `${props.offsetTop}px`;
-      }
-      return tigercatCore.mergeStyleValues(attrs.style, props.style, baseStyle);
-    });
-    const contextValue = vue.reactive({
-      activeLink: "",
-      direction: props.direction,
-      registerLink,
-      unregisterLink,
-      handleLinkClick,
-      scrollTo
-    });
-    vue.watch([activeLink, () => props.direction], ([newActive, newDir]) => {
-      contextValue.activeLink = newActive;
-      contextValue.direction = newDir;
-    });
-    vue.provide(AnchorContextKey, contextValue);
-    return () => {
-      const inkIndicator = showInk.value ? [
-        vue.h("div", { class: inkContainerClasses.value }, [
-          vue.h("div", {
-            ref: inkRef,
-            class: inkActiveClasses.value
-          })
-        ])
-      ] : [];
-      return vue.h(
-        "div",
-        {
-          ...attrs,
-          ref: anchorRef,
-          class: wrapperClasses.value,
-          style: wrapperStyle.value
-        },
-        [
-          ...inkIndicator,
-          vue.h(
-            "div",
-            {
-              class: linkListClasses.value
-            },
-            slots.default?.()
-          )
-        ]
-      );
-    };
-  }
-});
-var Anchor_default = Anchor;
-
-exports.Anchor = Anchor;
-exports.AnchorContextKey = AnchorContextKey;
-exports.Anchor_default = Anchor_default;

package/dist/chunk-RDV4BMTK.js

@@ -1,64 +0,0 @@
-'use strict';
-
-var chunk6DP7XE77_js = require('./chunk-6DP7XE77.js');
-var vue = require('vue');
-
-// src/components/ImageGroup.ts
-chunk6DP7XE77_js.init_ImagePreview();
-var IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
-var ImageGroup = vue.defineComponent({
-  name: "TigerImageGroup",
-  props: {
-    preview: { type: Boolean, default: true }
-  },
-  emits: ["preview-visible-change"],
-  setup(props, { slots, emit }) {
-    const images = vue.ref([]);
-    const previewVisible = vue.ref(false);
-    const previewIndex = vue.ref(0);
-    const context = {
-      register(src) {
-        const idx = images.value.length;
-        images.value.push(src);
-        return idx;
-      },
-      unregister(src) {
-        const idx = images.value.indexOf(src);
-        if (idx > -1) {
-          images.value.splice(idx, 1);
-        }
-      },
-      openPreview(index) {
-        if (!props.preview) return;
-        previewIndex.value = index;
-        previewVisible.value = true;
-        emit("preview-visible-change", true);
-      }
-    };
-    vue.provide(IMAGE_GROUP_INJECTION_KEY, context);
-    vue.onBeforeUnmount(() => {
-      images.value = [];
-    });
-    return () => {
-      const children = slots.default?.();
-      const preview = props.preview ? vue.h(chunk6DP7XE77_js.ImagePreview, {
-        open: previewVisible.value,
-        images: images.value,
-        currentIndex: previewIndex.value,
-        "onUpdate:open": (val) => {
-          previewVisible.value = val;
-          if (!val) emit("preview-visible-change", false);
-        },
-        "onUpdate:currentIndex": (val) => {
-          previewIndex.value = val;
-        }
-      }) : null;
-      return vue.h("div", { class: "tiger-image-group", role: "group" }, [children, preview]);
-    };
-  }
-});
-var ImageGroup_default = ImageGroup;
-
-exports.IMAGE_GROUP_INJECTION_KEY = IMAGE_GROUP_INJECTION_KEY;
-exports.ImageGroup = ImageGroup;
-exports.ImageGroup_default = ImageGroup_default;