@expcat/tigercat-vue 0.3.0 → 0.3.70

package/dist/chunk-MB7W46IY.mjs

@@ -0,0 +1,193 @@
+import { init_ImagePreview, ImagePreview_exports } from './chunk-MMQ34S5M.mjs';
+import { __toCommonJS } from './chunk-53M2BTB5.mjs';
+import { defineComponent, ref, inject, onMounted, onBeforeUnmount, computed, h } from 'vue';
+import { classNames, imageBaseClasses, imagePreviewCursorClass, coerceClassValue, toCSSSize, mergeStyleValues, getImageImgClasses, imageErrorClasses, imageErrorIconPath, imageLoadingClasses } from '@expcat/tigercat-core';
+
+var IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
+var Image = defineComponent({
+  name: "TigerImage",
+  inheritAttrs: false,
+  props: {
+    src: { type: String, default: void 0 },
+    alt: { type: String, default: "" },
+    width: { type: [Number, String], default: void 0 },
+    height: { type: [Number, String], default: void 0 },
+    fit: { type: String, default: "cover" },
+    fallbackSrc: { type: String, default: void 0 },
+    preview: { type: Boolean, default: true },
+    lazy: { type: Boolean, default: false },
+    className: { type: String, default: void 0 },
+    style: {
+      type: Object,
+      default: void 0
+    }
+  },
+  emits: ["load", "error", "preview-visible-change"],
+  setup(props, { slots, emit, attrs }) {
+    const loading = ref(true);
+    const error = ref(false);
+    const actualSrc = ref(props.lazy ? "" : props.src);
+    const containerRef = ref(null);
+    const previewVisible = ref(false);
+    let observer = null;
+    const group = inject(IMAGE_GROUP_INJECTION_KEY, null);
+    const registeredIndex = ref(-1);
+    onMounted(() => {
+      if (group && props.src) {
+        registeredIndex.value = group.register(props.src);
+      }
+      if (props.lazy && containerRef.value) {
+        observer = new IntersectionObserver(
+          (entries) => {
+            if (entries[0]?.isIntersecting) {
+              actualSrc.value = props.src;
+              observer?.disconnect();
+              observer = null;
+            }
+          },
+          { threshold: 0.01 }
+        );
+        observer.observe(containerRef.value);
+      }
+    });
+    onBeforeUnmount(() => {
+      observer?.disconnect();
+      if (group && props.src) {
+        group.unregister(props.src);
+      }
+    });
+    const handleLoad = () => {
+      loading.value = false;
+      error.value = false;
+      emit("load");
+    };
+    const handleError = () => {
+      loading.value = false;
+      error.value = true;
+      if (props.fallbackSrc && actualSrc.value !== props.fallbackSrc) {
+        actualSrc.value = props.fallbackSrc;
+        error.value = false;
+        loading.value = true;
+      }
+      emit("error");
+    };
+    const handleClick = () => {
+      if (!props.preview) return;
+      if (group) {
+        group.openPreview(registeredIndex.value >= 0 ? registeredIndex.value : 0);
+      } else {
+        previewVisible.value = true;
+        emit("preview-visible-change", true);
+      }
+    };
+    const containerClasses = computed(
+      () => classNames(
+        imageBaseClasses,
+        props.preview && imagePreviewCursorClass,
+        props.className,
+        coerceClassValue(attrs.class)
+      )
+    );
+    const containerStyle = computed(() => {
+      const base = {};
+      const w = toCSSSize(props.width);
+      const ht = toCSSSize(props.height);
+      if (w) base.width = w;
+      if (ht) base.height = ht;
+      return mergeStyleValues(attrs.style, props.style, base);
+    });
+    const imgClasses = computed(() => getImageImgClasses(props.fit));
+    return () => {
+      const forwardedAttrs = Object.fromEntries(
+        Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
+      );
+      let content;
+      if (error.value && !props.fallbackSrc) {
+        content = slots.error ? slots.error() : h("div", { class: imageErrorClasses }, [
+          h(
+            "svg",
+            {
+              class: "w-8 h-8",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor"
+            },
+            [
+              h("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "1.5",
+                d: imageErrorIconPath
+              })
+            ]
+          )
+        ]);
+      } else if (loading.value && !actualSrc.value) {
+        content = slots.placeholder ? slots.placeholder() : h("div", { class: imageLoadingClasses }, [
+          h(
+            "svg",
+            {
+              class: "w-8 h-8",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor"
+            },
+            [
+              h("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "1.5",
+                d: imageErrorIconPath
+              })
+            ]
+          )
+        ]);
+      } else {
+        content = h("img", {
+          src: actualSrc.value,
+          alt: props.alt,
+          class: imgClasses.value,
+          onLoad: handleLoad,
+          onError: handleError
+        });
+      }
+      const previewEl = !group && previewVisible.value && props.src ? (() => {
+        const { ImagePreview } = (init_ImagePreview(), __toCommonJS(ImagePreview_exports));
+        return h(ImagePreview, {
+          visible: previewVisible.value,
+          images: [props.src],
+          currentIndex: 0,
+          "onUpdate:visible": (val) => {
+            previewVisible.value = val;
+            emit("preview-visible-change", val);
+          }
+        });
+      })() : null;
+      return h(
+        "div",
+        {
+          ...forwardedAttrs,
+          ref: containerRef,
+          class: containerClasses.value,
+          style: containerStyle.value,
+          role: props.preview ? "button" : void 0,
+          tabindex: props.preview ? 0 : void 0,
+          "aria-label": props.preview ? `Preview ${props.alt || "image"}` : void 0,
+          onClick: handleClick,
+          onKeydown: (e) => {
+            if (props.preview && (e.key === "Enter" || e.key === " ")) {
+              e.preventDefault();
+              handleClick();
+            }
+          }
+        },
+        [content, previewEl]
+      );
+    };
+  }
+});
+var Image_default = Image;
+
+export { IMAGE_GROUP_INJECTION_KEY, Image, Image_default };

package/dist/{chunk-TT2SIKZ2.mjs → chunk-MJ7RGL34.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, nextTick, h } from 'vue';
-import { getSpinnerSVG, calculateCheckedState, getAllKeys, getVisibleTreeItems, filterTreeNodes, getAutoExpandKeys, classNames, treeBaseClasses, coerceClassValue, treeEmptyStateClasses, treeNodeIndentClasses, treeNodeCheckboxClasses, treeNodeIconClasses, treeNodeLabelClasses, treeNodeWrapperClasses, getTreeNodeClasses, getParentKeys, treeNodeChildrenClasses, treeLineClasses, treeLoadingClasses, normalizeSvgAttrs, findNode, getTreeNodeExpandIconClasses, handleNodeCheck, getCheckedKeysByStrategy } from '@expcat/tigercat-core';
+import { getSpinnerSVG, calculateCheckedState, getAllKeys, checkedSetsFromState, getVisibleTreeItems, filterTreeNodes, getAutoExpandKeys, classNames, treeBaseClasses, coerceClassValue, treeEmptyStateClasses, treeNodeIndentClasses, treeNodeCheckboxClasses, treeNodeIconClasses, treeNodeLabelClasses, treeNodeWrapperClasses, getTreeNodeClasses, getParentKeys, treeNodeChildrenClasses, treeLineClasses, treeLoadingClasses, normalizeSvgAttrs, findNode, getTreeNodeExpandIconClasses, handleNodeCheck, getCheckedKeysByStrategy } from '@expcat/tigercat-core';
 
 // src/components/Tree.ts
 var spinnerSvg = getSpinnerSVG("spinner");
@@ -265,6 +265,7 @@ var Tree = defineComponent({
       }
       return internalCheckedState.value;
     });
+    const checkedSets = computed(() => checkedSetsFromState(computedCheckedState.value));
     const visibleItems = computed(
       () => getVisibleTreeItems(props.treeData, computedExpandedKeys.value, filteredNodeKeys.value)
     );
@@ -411,12 +412,12 @@ var Tree = defineComponent({
       }
       return void 0;
     }
-    function renderTreeNode(node, level, _parentKey) {
+    function renderTreeNode(node, level) {
       const hasChildren = !!(node.children && node.children.length > 0);
       const isExpanded = computedExpandedKeys.value.has(node.key);
       const isSelected = computedSelectedKeys.value.has(node.key);
-      const isChecked = computedCheckedState.value.checked.includes(node.key);
-      const isHalfChecked = computedCheckedState.value.halfChecked.includes(node.key);
+      const isChecked = checkedSets.value.checkedSet.has(node.key);
+      const isHalfChecked = checkedSets.value.halfCheckedSet.has(node.key);
       const isLoading = loadingNodes.value.has(node.key);
       const isFiltered = filteredNodeKeys.value.size > 0;
       const isMatched = filteredNodeKeys.value.has(node.key);
@@ -599,7 +600,7 @@ var Tree = defineComponent({
             {
               class: classNames(treeNodeChildrenClasses, props.showLine && treeLineClasses)
             },
-            node.children.map((child) => renderTreeNode(child, level + 1, node.key))
+            node.children.map((child) => renderTreeNode(child, level + 1))
           )
         ]
       );
@@ -629,7 +630,7 @@ var Tree = defineComponent({
           "aria-multiselectable": effectiveMultiple.value ? true : void 0,
           ref: rootEl
         },
-        [props.treeData.map((node) => renderTreeNode(node, 0))]
+        props.treeData.map((node) => renderTreeNode(node, 0))
       );
     };
   }

package/dist/{chunk-E6LSCXQM.mjs → chunk-MKBIVETW.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, computed, nextTick, h } from 'vue';
+import { defineComponent, ref, watch, computed, nextTick, onMounted, h } from 'vue';
 import { classNames, getInputClasses, coerceClassValue, mergeStyleValues, autoResizeTextarea } from '@expcat/tigercat-core';
 
 // src/components/Textarea.ts
@@ -156,7 +156,7 @@ var Textarea = defineComponent({
     const textareaClasses = computed(
       () => classNames(
         "block",
-        getInputClasses(props.size),
+        getInputClasses({ size: props.size }),
         props.autoResize ? "resize-none" : "resize-y",
         props.className,
         coerceClassValue(attrs.class)
@@ -176,9 +176,6 @@ var Textarea = defineComponent({
       localValue.value = value;
       emit("update:modelValue", value);
       emit("input", event);
-      if (props.autoResize) {
-        nextTick(adjustHeight);
-      }
     };
     const handleChange = (event) => {
       emit("change", event);
@@ -189,17 +186,13 @@ var Textarea = defineComponent({
     const handleBlur = (event) => {
       emit("blur", event);
     };
-    watch(
-      () => [props.modelValue, props.autoResize, props.minRows, props.maxRows],
-      () => {
-        if (!props.autoResize) return;
-        nextTick(adjustHeight);
-      }
-    );
-    watch(textareaRef, (textarea) => {
-      if (!textarea || !props.autoResize) return;
+    watch([localValue, () => props.autoResize, () => props.minRows, () => props.maxRows], () => {
+      if (!props.autoResize) return;
       nextTick(adjustHeight);
     });
+    onMounted(() => {
+      if (props.autoResize) nextTick(adjustHeight);
+    });
     return () => {
       const children = [
         h("textarea", {

package/dist/chunk-MMQ34S5M.mjs

@@ -0,0 +1,263 @@
+import { __export, __esm } from './chunk-53M2BTB5.mjs';
+import { defineComponent, ref, watch, computed, onMounted, onBeforeUnmount, h, Teleport } from 'vue';
+import { getPreviewNavState, calculateTransform, imagePreviewMaskClasses, imagePreviewImgClasses, imagePreviewCloseBtnClasses, previewCloseIconPath, imagePreviewToolbarClasses, imagePreviewToolbarBtnClasses, zoomOutIconPath, resetIconPath, zoomInIconPath, imagePreviewCounterClasses, classNames, imagePreviewNavBtnClasses, prevIconPath, nextIconPath, imagePreviewWrapperClasses, clampScale } from '@expcat/tigercat-core';
+
+// src/components/ImagePreview.ts
+var ImagePreview_exports = {};
+__export(ImagePreview_exports, {
+  ImagePreview: () => ImagePreview,
+  default: () => ImagePreview_default
+});
+var svgIcon, ImagePreview, ImagePreview_default;
+var init_ImagePreview = __esm({
+  "src/components/ImagePreview.ts"() {
+    svgIcon = (d, cls = "w-5 h-5") => h(
+      "svg",
+      {
+        class: cls,
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor"
+      },
+      [
+        h("path", {
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "stroke-width": "2",
+          d
+        })
+      ]
+    );
+    ImagePreview = defineComponent({
+      name: "TigerImagePreview",
+      inheritAttrs: false,
+      props: {
+        visible: { type: Boolean, default: false },
+        images: { type: Array, default: () => [] },
+        currentIndex: { type: Number, default: 0 },
+        zIndex: { type: Number, default: 1050 },
+        maskClosable: { type: Boolean, default: true },
+        scaleStep: { type: Number, default: 0.5 },
+        minScale: { type: Number, default: 0.25 },
+        maxScale: { type: Number, default: 5 }
+      },
+      emits: ["update:visible", "update:currentIndex", "scale-change"],
+      setup(props, { emit }) {
+        const scale = ref(1);
+        const offsetX = ref(0);
+        const offsetY = ref(0);
+        const index = ref(props.currentIndex);
+        const dragging = ref(false);
+        const dragStart = ref({ x: 0, y: 0, ox: 0, oy: 0 });
+        const resetTransform = () => {
+          scale.value = 1;
+          offsetX.value = 0;
+          offsetY.value = 0;
+        };
+        watch(
+          () => props.currentIndex,
+          (val) => {
+            index.value = val;
+            resetTransform();
+          }
+        );
+        watch(
+          () => props.visible,
+          (val) => {
+            if (val) {
+              resetTransform();
+              index.value = props.currentIndex;
+              document.body.style.overflow = "hidden";
+            } else {
+              document.body.style.overflow = "";
+            }
+          }
+        );
+        const navState = computed(() => getPreviewNavState(index.value, props.images.length));
+        const handleClose = () => {
+          emit("update:visible", false);
+        };
+        const handleZoomIn = () => {
+          scale.value = clampScale(scale.value + props.scaleStep, props.minScale, props.maxScale);
+          emit("scale-change", scale.value);
+        };
+        const handleZoomOut = () => {
+          scale.value = clampScale(scale.value - props.scaleStep, props.minScale, props.maxScale);
+          emit("scale-change", scale.value);
+        };
+        const handleReset = () => {
+          resetTransform();
+          emit("scale-change", 1);
+        };
+        const handlePrev = () => {
+          if (navState.value.hasPrev) {
+            index.value--;
+            resetTransform();
+            emit("update:currentIndex", index.value);
+          }
+        };
+        const handleNext = () => {
+          if (navState.value.hasNext) {
+            index.value++;
+            resetTransform();
+            emit("update:currentIndex", index.value);
+          }
+        };
+        const handleWheel = (e) => {
+          e.preventDefault();
+          const delta = e.deltaY > 0 ? -props.scaleStep : props.scaleStep;
+          scale.value = clampScale(scale.value + delta, props.minScale, props.maxScale);
+          emit("scale-change", scale.value);
+        };
+        const handleMouseDown = (e) => {
+          if (e.button !== 0) return;
+          e.preventDefault();
+          dragging.value = true;
+          dragStart.value = {
+            x: e.clientX,
+            y: e.clientY,
+            ox: offsetX.value,
+            oy: offsetY.value
+          };
+        };
+        const handleMouseMove = (e) => {
+          if (!dragging.value) return;
+          offsetX.value = dragStart.value.ox + (e.clientX - dragStart.value.x);
+          offsetY.value = dragStart.value.oy + (e.clientY - dragStart.value.y);
+        };
+        const handleMouseUp = () => {
+          dragging.value = false;
+        };
+        const handleMaskClick = (e) => {
+          if (props.maskClosable && e.target === e.currentTarget) {
+            handleClose();
+          }
+        };
+        const handleKeyDown = (e) => {
+          if (!props.visible) return;
+          switch (e.key) {
+            case "Escape":
+              handleClose();
+              break;
+            case "ArrowLeft":
+              handlePrev();
+              break;
+            case "ArrowRight":
+              handleNext();
+              break;
+          }
+        };
+        onMounted(() => {
+          document.addEventListener("keydown", handleKeyDown);
+        });
+        onBeforeUnmount(() => {
+          document.removeEventListener("keydown", handleKeyDown);
+          document.body.style.overflow = "";
+        });
+        const transform = computed(() => calculateTransform(scale.value, offsetX.value, offsetY.value));
+        return () => {
+          if (!props.visible || !props.images.length) return null;
+          const currentSrc = props.images[index.value] || props.images[0];
+          const mask = h("div", {
+            class: imagePreviewMaskClasses,
+            "aria-hidden": "true"
+          });
+          const img = h("img", {
+            src: currentSrc,
+            class: imagePreviewImgClasses,
+            style: { transform: transform.value },
+            alt: `Preview image ${index.value + 1}`,
+            draggable: false,
+            onMousedown: handleMouseDown,
+            onMousemove: handleMouseMove,
+            onMouseup: handleMouseUp,
+            onMouseleave: handleMouseUp
+          });
+          const closeBtn = h(
+            "button",
+            {
+              class: imagePreviewCloseBtnClasses,
+              onClick: handleClose,
+              "aria-label": "Close preview",
+              type: "button"
+            },
+            [svgIcon(previewCloseIconPath)]
+          );
+          const toolbar = h("div", { class: imagePreviewToolbarClasses }, [
+            h(
+              "button",
+              {
+                class: imagePreviewToolbarBtnClasses,
+                onClick: handleZoomOut,
+                "aria-label": "Zoom out",
+                type: "button"
+              },
+              [svgIcon(zoomOutIconPath)]
+            ),
+            h(
+              "button",
+              {
+                class: imagePreviewToolbarBtnClasses,
+                onClick: handleReset,
+                "aria-label": "Reset",
+                type: "button"
+              },
+              [svgIcon(resetIconPath)]
+            ),
+            h(
+              "button",
+              {
+                class: imagePreviewToolbarBtnClasses,
+                onClick: handleZoomIn,
+                "aria-label": "Zoom in",
+                type: "button"
+              },
+              [svgIcon(zoomInIconPath)]
+            ),
+            navState.value.counter ? h("span", { class: imagePreviewCounterClasses }, navState.value.counter) : null
+          ]);
+          const prevBtn = props.images.length > 1 ? h(
+            "button",
+            {
+              class: classNames(imagePreviewNavBtnClasses, "left-4"),
+              onClick: handlePrev,
+              disabled: !navState.value.hasPrev,
+              "aria-label": "Previous image",
+              type: "button"
+            },
+            [svgIcon(prevIconPath)]
+          ) : null;
+          const nextBtn = props.images.length > 1 ? h(
+            "button",
+            {
+              class: classNames(imagePreviewNavBtnClasses, "right-4"),
+              onClick: handleNext,
+              disabled: !navState.value.hasNext,
+              "aria-label": "Next image",
+              type: "button"
+            },
+            [svgIcon(nextIconPath)]
+          ) : null;
+          const wrapper = h(
+            "div",
+            {
+              class: imagePreviewWrapperClasses,
+              style: { zIndex: props.zIndex },
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": "Image preview",
+              onClick: handleMaskClick,
+              onWheel: handleWheel
+            },
+            [mask, img, closeBtn, prevBtn, nextBtn, toolbar]
+          );
+          return h(Teleport, { to: "body" }, [wrapper]);
+        };
+      }
+    });
+    ImagePreview_default = ImagePreview;
+  }
+});
+
+export { ImagePreview, ImagePreview_default, ImagePreview_exports, init_ImagePreview };

package/dist/chunk-MVIHUPCX.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var chunkI2BZURVP_js = require('./chunk-I2BZURVP.js');
+var vue = require('vue');
+var tigercatCore = require('@expcat/tigercat-core');
+
+var Col = vue.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 = vue.inject(chunkI2BZURVP_js.RowContextKey, null);
+    const gutter = vue.computed(() => rowContext?.gutter.value ?? 0);
+    const isFlexSpanMode = vue.computed(() => props.flex !== void 0 && props.span === 0);
+    const colClasses = vue.computed(
+      () => tigercatCore.classNames(
+        isFlexSpanMode.value ? "" : tigercatCore.getSpanClasses(props.span),
+        tigercatCore.getOffsetClasses(props.offset),
+        tigercatCore.getOrderClasses(props.order),
+        tigercatCore.getFlexClasses(props.flex)
+      )
+    );
+    const colMergedStyle = vue.computed(() => ({
+      ...tigercatCore.getGutterStyles(gutter.value).colStyle,
+      ...tigercatCore.getColMergedStyleVars(
+        isFlexSpanMode.value ? void 0 : props.span,
+        props.offset,
+        props.order,
+        props.flex
+      )
+    }));
+    return () => vue.h(
+      "div",
+      {
+        ...attrs,
+        class: [colClasses.value, attrs.class],
+        style: [colMergedStyle.value, attrs.style]
+      },
+      slots.default?.()
+    );
+  }
+});
+
+exports.Col = Col;

package/dist/{chunk-EK7Z226S.mjs → chunk-MYF3ZRV3.mjs}

@@ -93,7 +93,7 @@ var Descriptions = defineComponent({
   },
   setup(props, { slots, attrs }) {
     const descriptionsClasses = computed(() => {
-      return getDescriptionsClasses(props.bordered, props.size);
+      return getDescriptionsClasses(props.size);
     });
     const tableClasses = computed(() => {
       return getDescriptionsTableClasses(props.bordered);
@@ -107,7 +107,7 @@ var Descriptions = defineComponent({
         props.extra || slots.extra ? h(
           "div",
           { class: descriptionsExtraClasses },
-          slots.extra?.() || (props.extra ?? void 0)
+          slots.extra?.() || props.extra
         ) : null
       ]);
     }
@@ -144,7 +144,7 @@ var Descriptions = defineComponent({
               class: labelClass,
               style: props.labelStyle
             },
-            [item.label, props.colon && props.layout === "horizontal" ? ":" : ""]
+            [item.label, props.colon ? ":" : ""]
           )
         );
         cells.push(
@@ -155,7 +155,7 @@ var Descriptions = defineComponent({
               style: props.contentStyle,
               colspan: span > 1 ? span * 2 - 1 : 1
             },
-            item.content ?? void 0
+            item.content
           )
         );
       });
@@ -206,11 +206,11 @@ var Descriptions = defineComponent({
               class: contentClass,
               style: props.contentStyle
             },
-            item.content ?? void 0
+            item.content
           )
         ]);
       }
-      const itemClasses = getDescriptionsVerticalItemClasses(props.bordered, props.size);
+      const itemClasses = getDescriptionsVerticalItemClasses(props.size);
       return h("div", { class: itemClasses }, [
         h(
           "dt",
@@ -226,7 +226,7 @@ var Descriptions = defineComponent({
             class: contentClass,
             style: props.contentStyle
           },
-          item.content ?? void 0
+          item.content
         )
       ]);
     }

package/dist/{chunk-36KWP3NX.js → chunk-N3T6BQGK.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUBMNR3BJ_js = require('./chunk-UBMNR3BJ.js');
+var chunk6MJBCXPO_js = require('./chunk-6MJBCXPO.js');
 var vue = require('vue');
 var tigercatCore = require('@expcat/tigercat-core');
 
@@ -48,7 +48,7 @@ var DropdownItem = vue.defineComponent({
     const attrsRecord = attrs;
     const attrsClass = attrsRecord.class;
     const attrsStyle = attrsRecord.style;
-    const context = vue.inject(chunkUBMNR3BJ_js.DropdownContextKey, null);
+    const context = vue.inject(chunk6MJBCXPO_js.DropdownContextKey, null);
     const handleClick = (event) => {
       if (props.disabled) {
         event.preventDefault();