@expcat/tigercat-vue 2.1.3 → 2.2.0

package/dist/{chunk-C5WYGY6Z.mjs → chunk-GAIFRCYZ.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   renderVueOverlayTeleport,
   useVueAnchoredOverlay
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";
@@ -60,6 +60,8 @@ import {
   mergeStyleValues,
   mergeTigerLocale,
   moveFocusInMenu,
+  resolveMenuSearchQuery,
+  shouldShowMenuSearch,
   nextOpenKeys,
   nextSelectedKeys,
   reconcileSearchOpenKeys,
@@ -161,7 +163,7 @@ var Menu = defineComponent({
     popupPortal: { type: Boolean, default: true },
     className: { type: String, default: void 0 },
     style: { type: Object, default: void 0 },
-    searchable: { type: Boolean, default: false },
+    searchable: { type: [Boolean, String], default: false },
     searchValue: { type: String, default: void 0 },
     defaultSearchValue: { type: String, default: "" },
     searchPlaceholder: { type: String, default: void 0 },
@@ -225,10 +227,11 @@ var Menu = defineComponent({
       emit("update:searchValue", value);
       emit("search", value);
     };
+    const showSearch = computed(() => shouldShowMenuSearch(props.searchable, collapsed.value));
     const searchResult = computed(
       () => resolveSearchFilter({
         items: props.items,
-        query: currentSearchValue.value,
+        query: resolveMenuSearchQuery(props.searchable, collapsed.value, currentSearchValue.value),
         filterMode: props.filterMode
       })
     );
@@ -348,7 +351,7 @@ var Menu = defineComponent({
           ...passthroughAttrs.value
         },
         [
-          props.searchable ? h("div", { class: menuSearchFieldClasses }, [
+          showSearch.value ? h("div", { class: menuSearchFieldClasses }, [
             h("input", {
               type: "search",
               value: currentSearchValue.value,

package/dist/chunk-GFSZU7EJ.mjs

@@ -0,0 +1,98 @@
+import {
+  useFullscreen
+} from "./chunk-JUSJUVFQ.mjs";
+import {
+  useTigerConfig
+} from "./chunk-4GOTWNOO.mjs";
+
+// src/components/FullscreenButton.ts
+import { computed, defineComponent, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  fullscreenButtonClasses,
+  getFullscreenLabels,
+  getIconDefinition,
+  mergeTigerLocale
+} from "@expcat/tigercat-core";
+function renderGlyph(name) {
+  const definition = getIconDefinition(name);
+  if (!definition) return void 0;
+  return h(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: definition.viewBox,
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "1.5",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      class: "h-5 w-5",
+      "aria-hidden": "true"
+    },
+    definition.paths.map((d) => h("path", { d }))
+  );
+}
+var FullscreenButton = defineComponent({
+  name: "TigerFullscreenButton",
+  inheritAttrs: false,
+  props: {
+    target: {
+      type: [Object, Function],
+      default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    labels: {
+      type: Object,
+      default: void 0
+    },
+    className: {
+      type: String,
+      default: void 0
+    }
+  },
+  emits: ["change", "error"],
+  setup(props, { emit, attrs }) {
+    const config = useTigerConfig();
+    const labelSet = computed(
+      () => getFullscreenLabels(mergeTigerLocale(config.value.locale, props.locale), props.labels)
+    );
+    const fullscreen = useFullscreen(() => ({
+      target: props.target,
+      onChange: (next) => emit("change", next),
+      onError: (error) => emit("error", error)
+    }));
+    return () => {
+      const label = fullscreen.isFullscreen.value ? labelSet.value.exitAriaLabel : labelSet.value.enterAriaLabel;
+      return h(
+        "button",
+        {
+          ...attrs,
+          type: "button",
+          class: classNames(
+            fullscreenButtonClasses,
+            props.className,
+            coerceClassValue(attrs.class)
+          ),
+          "aria-label": label,
+          "aria-pressed": fullscreen.isFullscreen.value,
+          disabled: !fullscreen.supported,
+          onClick: () => {
+            void fullscreen.toggle();
+          }
+        },
+        renderGlyph(fullscreen.isFullscreen.value ? "fullscreen-exit" : "fullscreen")
+      );
+    };
+  }
+});
+var FullscreenButton_default = FullscreenButton;
+
+export {
+  FullscreenButton,
+  FullscreenButton_default
+};

package/dist/{chunk-SBRQ3OFZ.mjs → chunk-GXYTMCB7.mjs}

@@ -2,7 +2,7 @@ import {
   renderVueBodyTeleport,
   useVueClickOutside,
   useVueEscapeKey
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-SC4MACIG.mjs → chunk-I4BT2CJO.mjs}

@@ -1,13 +1,13 @@
 import {
   Table,
   tableProps
-} from "./chunk-2SC2HIVS.mjs";
+} from "./chunk-5XIHKQL7.mjs";
 import {
   Select
-} from "./chunk-KO7NA3F6.mjs";
+} from "./chunk-FM2P4ENM.mjs";
 import {
   Popover
-} from "./chunk-SG7V5ROT.mjs";
+} from "./chunk-KIGQEL2O.mjs";
 import {
   Input
 } from "./chunk-DU5F2EE7.mjs";

package/dist/{chunk-XXREA57H.mjs → chunk-IE5CXLWU.mjs}

@@ -2,7 +2,7 @@ import {
   Dropdown,
   DropdownItem,
   DropdownMenu
-} from "./chunk-WUIS6PLE.mjs";
+} from "./chunk-IWIRPC5E.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-APWDXCWD.mjs → chunk-IK6D7U2T.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZTALXP6T.mjs";
 import {
   ChartTooltip
-} from "./chunk-2XITUFL6.mjs";
+} from "./chunk-JRDQVGMH.mjs";
 import {
   ChartAxis
 } from "./chunk-4KOKMAMY.mjs";

package/dist/{chunk-TQEN6GDE.mjs → chunk-IKM3NBMK.mjs}

@@ -187,9 +187,8 @@ var Anchor = defineComponent({
     const config = useTigerConfig();
     const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const labelSet = computed(() => getAnchorLabels(mergedLocale.value, props.labels));
-    const scrollLock = createProgrammaticScrollLock(
-      () => resolveAnchorScrollContainer(props.getContainer)
-    );
+    const resolveContainer = () => resolveAnchorScrollContainer(props.getContainer, anchorRef.value);
+    const scrollLock = createProgrammaticScrollLock(() => resolveContainer());
     const scrollOffset = computed(() => props.targetOffset ?? props.offsetTop);
     const links = computed(() => sortAnchorHrefsByDocumentOrder(linkEntries.value));
     const registerLink = (href, node) => {
@@ -217,7 +216,7 @@ var Anchor = defineComponent({
     let stopObserver = null;
     const setupObserver = () => {
       stopObserver?.();
-      const container = resolveAnchorScrollContainer(props.getContainer);
+      const container = resolveContainer();
       const root = container === window ? null : container;
       stopObserver = createAnchorObserver(links.value, {
         offsetTop: scrollOffset.value,
@@ -230,7 +229,7 @@ var Anchor = defineComponent({
       });
     };
     const scrollTo = (href) => {
-      scrollToAnchor(href, resolveAnchorScrollContainer(props.getContainer), scrollOffset.value);
+      scrollToAnchor(href, resolveContainer(), scrollOffset.value);
     };
     const handleLinkClick = (href, event, targetAttr) => {
       const hasTargetElement = Boolean(getAnchorTargetElement(href));
@@ -263,7 +262,7 @@ var Anchor = defineComponent({
       inkRef.value.style.width = next.width;
     };
     const resolvedKey = computed(() => {
-      const resolved = resolveScrollRoot(props.getContainer);
+      const resolved = resolveScrollRoot(props.getContainer, { from: anchorRef.value });
       return resolved.isWindow ? "window" : resolved.target;
     });
     watch(activeLink, () => {

package/dist/{chunk-WUIS6PLE.mjs → chunk-IWIRPC5E.mjs}

@@ -5,7 +5,7 @@ import {
 import {
   renderVueOverlayTeleport,
   useVueAnchoredOverlay
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 
 // src/components/Dropdown.ts
 import {

package/dist/{chunk-LYCCTNID.mjs → chunk-IZCJWB77.mjs}

@@ -4,7 +4,7 @@ import {
   useVueEscapeKey,
   useVueFocusTrap,
   useVueOverlayPortalTarget
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-2XITUFL6.mjs → chunk-JRDQVGMH.mjs}

@@ -1,7 +1,7 @@
 import {
   renderVueOverlayTeleport,
   useVueOverlayPortalTarget
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 
 // src/components/ChartTooltip.ts
 import { defineComponent, h, computed, ref, watch } from "vue";

package/dist/chunk-JUSJUVFQ.mjs

@@ -0,0 +1,76 @@
+// src/composables/useFullscreen.ts
+import {
+  getCurrentInstance,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  toValue
+} from "vue";
+import {
+  exitElementFullscreen,
+  getFullscreenElement,
+  isElementFullscreen,
+  isFullscreenSupported,
+  requestElementFullscreen,
+  resolveFullscreenTarget,
+  subscribeFullscreenChange
+} from "@expcat/tigercat-core";
+function useFullscreen(options = {}) {
+  const getOptions = () => toValue(options);
+  const supported = isFullscreenSupported();
+  const isFullscreen = ref(false);
+  let stop;
+  const sync = () => {
+    const current = getOptions();
+    const target = resolveFullscreenTarget(current.target);
+    const next = isElementFullscreen(target);
+    isFullscreen.value = next;
+    current.onChange?.(next);
+  };
+  const enter = async () => {
+    const current = getOptions();
+    const target = resolveFullscreenTarget(current.target);
+    if (!target) return;
+    if (isElementFullscreen(target)) return;
+    try {
+      await requestElementFullscreen(target);
+    } catch (error) {
+      const err = error instanceof Error ? error : new Error("Fullscreen request failed");
+      current.onError?.(err);
+    }
+  };
+  const exit = async () => {
+    if (!getFullscreenElement()) return;
+    const current = getOptions();
+    try {
+      await exitElementFullscreen();
+    } catch (error) {
+      const err = error instanceof Error ? error : new Error("Fullscreen exit failed");
+      current.onError?.(err);
+    }
+  };
+  const toggle = async () => {
+    if (isFullscreen.value) await exit();
+    else await enter();
+  };
+  if (getCurrentInstance()) {
+    onMounted(() => {
+      sync();
+      stop = subscribeFullscreenChange(sync);
+    });
+    onBeforeUnmount(() => {
+      stop?.();
+    });
+  }
+  return {
+    isFullscreen,
+    supported,
+    enter,
+    exit,
+    toggle
+  };
+}
+
+export {
+  useFullscreen
+};

package/dist/{chunk-MNVDK2BL.mjs → chunk-KHA3HBEO.mjs}

@@ -1,13 +1,13 @@
 import {
   usePopup
-} from "./chunk-ZWKDK6AF.mjs";
+} from "./chunk-OZZKYZD6.mjs";
 import {
   assignOverlayTriggerRef,
   renderOverlayTrigger
 } from "./chunk-CMYPAPF2.mjs";
 import {
   renderVueOverlayTeleport
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 
 // src/components/Tooltip.ts
 import { defineComponent, computed, h, useId } from "vue";

package/dist/{chunk-SG7V5ROT.mjs → chunk-KIGQEL2O.mjs}

@@ -1,6 +1,6 @@
 import {
   usePopup
-} from "./chunk-ZWKDK6AF.mjs";
+} from "./chunk-OZZKYZD6.mjs";
 import {
   assignOverlayTriggerRef,
   renderOverlayTrigger
@@ -8,7 +8,7 @@ import {
 import {
   renderVueOverlayTeleport,
   useVueFocusTrap
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 
 // src/components/Popover.ts
 import { defineComponent, computed, h, nextTick, useId, watch } from "vue";

package/dist/{chunk-QFASGPNS.mjs → chunk-KINOD42K.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-JBSMLUJJ.mjs";
+} from "./chunk-NVL4UWPJ.mjs";
 import {
   Icon
 } from "./chunk-OGKNRXUA.mjs";

package/dist/{chunk-HZJH4DNQ.mjs → chunk-LQP4TYEZ.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-W2FOU4XH.mjs";
 import {
   ChartTooltip
-} from "./chunk-2XITUFL6.mjs";
+} from "./chunk-JRDQVGMH.mjs";
 import {
   ChartCanvas
 } from "./chunk-6K5BLE4Q.mjs";

package/dist/{chunk-VMM2KJAS.mjs → chunk-MKKYUGVP.mjs}

@@ -3,7 +3,7 @@ import {
   useVueBodyScrollLock,
   useVueEscapeKey,
   useVueFocusTrap
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-F2LUNHMK.mjs → chunk-NKUXUYVK.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-W2FOU4XH.mjs";
 import {
   ChartTooltip
-} from "./chunk-2XITUFL6.mjs";
+} from "./chunk-JRDQVGMH.mjs";
 import {
   ChartCanvas
 } from "./chunk-6K5BLE4Q.mjs";

package/dist/{chunk-JBSMLUJJ.mjs → chunk-NVL4UWPJ.mjs}

@@ -3,7 +3,7 @@ import {
   useVueBodyScrollLock,
   useVueEscapeKey,
   useVueFocusTrap
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-OO27UB75.mjs → chunk-NWPALCKN.mjs}

@@ -2,7 +2,7 @@ import {
   renderVueBodyTeleport,
   useVueBackgroundInert,
   useVueBodyScrollLock
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/chunk-OEHI4BZZ.mjs

@@ -0,0 +1,168 @@
+import {
+  useTigerConfig
+} from "./chunk-4GOTWNOO.mjs";
+
+// src/components/Text.ts
+import { defineComponent, computed, h, onBeforeUnmount, ref } from "vue";
+import {
+  copyTextToClipboard,
+  createCopyStatusReset,
+  getCodeLabels,
+  getIconDefinition,
+  getTextClasses,
+  isTextCopyable,
+  mergeTigerLocale,
+  resolveLocaleText,
+  resolveTextCopyableOptions,
+  resolveTextCopyContent,
+  resolveTextTag,
+  textCopyableBodyClasses,
+  textCopyableButtonClasses,
+  textCopyableLiveClasses,
+  textCopyableRootClasses
+} from "@expcat/tigercat-core";
+var copyIcon = getIconDefinition("copy");
+var Text = defineComponent({
+  name: "TigerText",
+  inheritAttrs: false,
+  props: {
+    tag: {
+      type: String,
+      default: "p"
+    },
+    size: {
+      type: String,
+      default: "base"
+    },
+    weight: {
+      type: String,
+      default: "normal"
+    },
+    align: {
+      type: String
+    },
+    color: {
+      type: String,
+      default: "default"
+    },
+    truncate: {
+      type: Boolean,
+      default: false
+    },
+    italic: {
+      type: Boolean,
+      default: false
+    },
+    underline: {
+      type: Boolean,
+      default: false
+    },
+    lineThrough: {
+      type: Boolean,
+      default: false
+    },
+    copyable: {
+      type: [Boolean, Object],
+      default: false
+    },
+    locale: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["copy"],
+  setup(props, { slots, attrs, emit }) {
+    const config = useTigerConfig();
+    const textClasses = computed(() => getTextClasses(props));
+    const resolvedTag = computed(() => resolveTextTag(props.tag));
+    const copyable = computed(() => isTextCopyable(props.copyable));
+    const copyOptions = computed(() => resolveTextCopyableOptions(props.copyable));
+    const bodyRef = ref(null);
+    const copyStatus = ref("idle");
+    const reset = createCopyStatusReset((status) => {
+      copyStatus.value = status;
+    });
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getCodeLabels(mergedLocale.value));
+    const idleLabel = computed(
+      () => resolveLocaleText(labels.value.copyLabel, copyOptions.value?.tooltip)
+    );
+    const buttonLabel = computed(() => {
+      if (copyStatus.value === "failed") return labels.value.copyFailedLabel;
+      if (copyStatus.value === "copied") return labels.value.copiedLabel;
+      return idleLabel.value;
+    });
+    const liveText = computed(() => copyStatus.value === "idle" ? "" : buttonLabel.value);
+    const handleCopy = async () => {
+      const options = copyOptions.value;
+      if (!options) return;
+      const fallback = bodyRef.value?.textContent ?? "";
+      const text = resolveTextCopyContent(options, fallback);
+      const ok = await copyTextToClipboard(text);
+      if (ok) {
+        reset.schedule("copied");
+        options.onCopy?.(text);
+        emit("copy", text);
+      } else {
+        reset.schedule("failed");
+      }
+    };
+    onBeforeUnmount(() => {
+      reset.dispose();
+    });
+    return () => {
+      const content = slots.default?.();
+      if (!copyable.value) {
+        return h(resolvedTag.value, { ...attrs, class: [textClasses.value, attrs.class] }, content);
+      }
+      const bodyClass = [
+        textCopyableBodyClasses,
+        props.truncate ? "truncate" : void 0,
+        textClasses.value
+      ];
+      const copySvg = copyIcon ? h(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: copyIcon.viewBox,
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          class: "h-3.5 w-3.5",
+          "aria-hidden": "true"
+        },
+        copyIcon.paths.map((d) => h("path", { d }))
+      ) : void 0;
+      return h(resolvedTag.value, { ...attrs, class: [textCopyableRootClasses, attrs.class] }, [
+        h(
+          "span",
+          {
+            ref: bodyRef,
+            class: bodyClass
+          },
+          content
+        ),
+        h(
+          "button",
+          {
+            type: "button",
+            class: textCopyableButtonClasses,
+            "aria-label": buttonLabel.value,
+            title: buttonLabel.value,
+            onClick: handleCopy
+          },
+          copySvg
+        ),
+        h("span", { class: textCopyableLiveClasses, "aria-live": "polite" }, liveText.value)
+      ]);
+    };
+  }
+});
+var Text_default = Text;
+
+export {
+  Text,
+  Text_default
+};

package/dist/{chunk-ZWKDK6AF.mjs → chunk-OZZKYZD6.mjs}

@@ -1,6 +1,6 @@
 import {
   useVueAnchoredOverlay
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 
 // src/utils/use-popup.ts
 import { computed, onBeforeUnmount, ref, watch } from "vue";

package/dist/{chunk-AGZARRL3.mjs → chunk-P7TCGBAE.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-JBSMLUJJ.mjs";
+} from "./chunk-NVL4UWPJ.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-5TASA6W6.mjs → chunk-QEWVTGKG.mjs}

@@ -7,7 +7,7 @@ import {
 import {
   renderVueOverlayTeleport,
   useVueAnchoredOverlay
-} from "./chunk-Y63TRXZO.mjs";
+} from "./chunk-VFRB5L7W.mjs";
 import {
   useTigerConfig
 } from "./chunk-4GOTWNOO.mjs";

package/dist/{chunk-VDBAGIPC.mjs → chunk-QHOOB7IK.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-JBSMLUJJ.mjs";
+} from "./chunk-NVL4UWPJ.mjs";
 
 // src/components/ImageViewer.ts
 import { defineComponent, h } from "vue";

package/dist/{chunk-ZW2VXGO3.mjs → chunk-RBST5GCI.mjs}

@@ -83,8 +83,10 @@ var BackTop = defineComponent({
     const config = useTigerConfig();
     const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const labelSet = computed(() => getBackTopLabels(mergedLocale.value, props.labels));
+    const hostRef = ref(null);
+    const resolveRoot = () => resolveScrollRoot(props.target, { from: hostRef.value });
     const resolvedKey = computed(() => {
-      const root = resolveScrollRoot(props.target);
+      const root = resolveRoot();
       return root.isWindow ? "window" : root.target;
     });
     let visibilityController;
@@ -99,7 +101,7 @@ var BackTop = defineComponent({
     };
     const bind = () => {
       unbind();
-      const root = resolveScrollRoot(props.target);
+      const root = resolveRoot();
       const eventTarget = getScrollRootEventTarget(root);
       const scrollNode = root.target;
       if (!eventTarget || !scrollNode) return;
@@ -115,7 +117,7 @@ var BackTop = defineComponent({
       visibilityController.update();
     };
     const handleClick = (event) => {
-      const root = resolveScrollRoot(props.target);
+      const root = resolveRoot();
       if (!root.target) {
         emit("click", event);
         return;
@@ -165,6 +167,7 @@ var BackTop = defineComponent({
         "button",
         {
           ...attrs,
+          ref: hostRef,
           type: "button",
           class: buttonClasses.value,
           style: mergedStyle.value,