@expcat/tigercat-vue 1.1.0 → 1.2.14

package/dist/{chunk-QDYF23NQ.mjs → chunk-VWEH6TGR.mjs}

@@ -1,7 +1,30 @@
-import { ImagePreview } from './chunk-RKU54YLW.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';
+import {
+  ImagePreview
+} from "./chunk-KY3O3FWK.mjs";
 
+// src/components/Image.ts
+import {
+  defineComponent,
+  h,
+  ref,
+  computed,
+  watch,
+  onMounted,
+  onBeforeUnmount,
+  inject
+} from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  imageBaseClasses,
+  getImageImgClasses,
+  imageErrorClasses,
+  imageLoadingClasses,
+  imagePreviewCursorClass,
+  imageErrorIconPath,
+  toCSSSize
+} from "@expcat/tigercat-core";
 var IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
 var Image = defineComponent({
   name: "TigerImage",
@@ -21,7 +44,7 @@ var Image = defineComponent({
       default: void 0
     }
   },
-  emits: ["load", "error", "preview-open-change", "preview-visible-change"],
+  emits: ["load", "error", "preview-open-change"],
   setup(props, { slots, emit, attrs }) {
     const loading = ref(true);
     const error = ref(false);
@@ -55,6 +78,15 @@ var Image = defineComponent({
         group.unregister(props.src);
       }
     });
+    watch(
+      () => props.src,
+      (newSrc) => {
+        if (props.lazy) return;
+        actualSrc.value = newSrc;
+        error.value = false;
+        loading.value = true;
+      }
+    );
     const handleLoad = () => {
       loading.value = false;
       error.value = false;
@@ -76,7 +108,7 @@ var Image = defineComponent({
         group.openPreview(registeredIndex.value >= 0 ? registeredIndex.value : 0);
       } else {
         previewVisible.value = true;
-        emit("preview-visible-change", true);
+        emit("preview-open-change", true);
       }
     };
     const containerClasses = computed(
@@ -159,7 +191,6 @@ var Image = defineComponent({
         "onUpdate:open": (val) => {
           previewVisible.value = val;
           emit("preview-open-change", val);
-          emit("preview-visible-change", val);
         }
       }) : null;
       return h(
@@ -187,4 +218,8 @@ var Image = defineComponent({
 });
 var Image_default = Image;
 
-export { IMAGE_GROUP_INJECTION_KEY, Image, Image_default };
+export {
+  IMAGE_GROUP_INJECTION_KEY,
+  Image,
+  Image_default
+};

package/dist/{chunk-47Z4MGKP.js → chunk-VXULMOIW.js}

@@ -1,11 +1,30 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/ImageViewer.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/ImageViewer.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 function createSvgIcon(pathD, label) {
-  return vue.h(
+  return _vue.h.call(void 0, 
     "svg",
     {
       class: "w-5 h-5",
@@ -17,10 +36,10 @@ function createSvgIcon(pathD, label) {
       "stroke-linejoin": "round",
       "aria-label": label
     },
-    [vue.h("path", { d: pathD })]
+    [_vue.h.call(void 0, "path", { d: pathD })]
   );
 }
-var ImageViewer = vue.defineComponent({
+var ImageViewer = _vue.defineComponent.call(void 0, {
   name: "TigerImageViewer",
   inheritAttrs: false,
   props: {
@@ -71,20 +90,20 @@ var ImageViewer = vue.defineComponent({
   },
   emits: ["update:open", "update:currentIndex", "close"],
   setup(props, { emit, attrs }) {
-    const index = vue.ref(props.currentIndex);
-    const transform = vue.ref(tigercatCore.createDefaultTransform());
-    let panState = tigercatCore.createPanState();
-    let pinchState = tigercatCore.createPinchState();
-    vue.watch(
+    const index = _vue.ref.call(void 0, props.currentIndex);
+    const transform = _vue.ref.call(void 0, _tigercatcore.createDefaultTransform.call(void 0, ));
+    let panState = _tigercatcore.createPanState.call(void 0, );
+    let pinchState = _tigercatcore.createPinchState.call(void 0, );
+    _vue.watch.call(void 0, 
       () => props.currentIndex,
       (val) => {
         index.value = val;
       }
     );
     function resetTransform() {
-      transform.value = tigercatCore.createDefaultTransform();
-      panState = tigercatCore.createPanState();
-      pinchState = tigercatCore.createPinchState();
+      transform.value = _tigercatcore.createDefaultTransform.call(void 0, );
+      panState = _tigercatcore.createPanState.call(void 0, );
+      pinchState = _tigercatcore.createPinchState.call(void 0, );
     }
     const handleClose = () => {
       emit("update:open", false);
@@ -103,31 +122,31 @@ var ImageViewer = vue.defineComponent({
     const handleZoomIn = () => {
       transform.value = {
         ...transform.value,
-        scale: tigercatCore.clampZoom(transform.value.scale + 0.25, props.minZoom, props.maxZoom)
+        scale: _tigercatcore.clampZoom.call(void 0, transform.value.scale + 0.25, props.minZoom, props.maxZoom)
       };
     };
     const handleZoomOut = () => {
       transform.value = {
         ...transform.value,
-        scale: tigercatCore.clampZoom(transform.value.scale - 0.25, props.minZoom, props.maxZoom)
+        scale: _tigercatcore.clampZoom.call(void 0, transform.value.scale - 0.25, props.minZoom, props.maxZoom)
       };
     };
     const handleRotateLeft = () => {
       transform.value = {
         ...transform.value,
-        rotation: tigercatCore.normalizeRotation(transform.value.rotation - 90)
+        rotation: _tigercatcore.normalizeRotation.call(void 0, transform.value.rotation - 90)
       };
     };
     const handleRotateRight = () => {
       transform.value = {
         ...transform.value,
-        rotation: tigercatCore.normalizeRotation(transform.value.rotation + 90)
+        rotation: _tigercatcore.normalizeRotation.call(void 0, transform.value.rotation + 90)
       };
     };
     const handleWheel = (e) => {
       if (!props.zoomable) return;
       e.preventDefault();
-      const newScale = tigercatCore.applyWheelZoom(transform.value.scale, e.deltaY, {
+      const newScale = _tigercatcore.applyWheelZoom.call(void 0, transform.value.scale, e.deltaY, {
         minZoom: props.minZoom,
         maxZoom: props.maxZoom
       });
@@ -136,22 +155,27 @@ var ImageViewer = vue.defineComponent({
     const handleMouseDown = (e) => {
       if (e.button !== 0) return;
       e.preventDefault();
-      panState = tigercatCore.startPan(e.clientX, e.clientY, transform.value.translateX, transform.value.translateY);
+      panState = _tigercatcore.startPan.call(void 0, 
+        e.clientX,
+        e.clientY,
+        transform.value.translateX,
+        transform.value.translateY
+      );
     };
     const handleMouseMove = (e) => {
       if (!panState.isPanning) return;
-      const result = tigercatCore.movePan(panState, e.clientX, e.clientY);
+      const result = _tigercatcore.movePan.call(void 0, panState, e.clientX, e.clientY);
       transform.value = { ...transform.value, ...result };
     };
     const handleMouseUp = () => {
-      panState = tigercatCore.createPanState();
+      panState = _tigercatcore.createPanState.call(void 0, );
     };
     const handleTouchStart = (e) => {
       if (e.touches.length === 2 && props.zoomable) {
         e.preventDefault();
-        pinchState = tigercatCore.startPinch(e.touches[0], e.touches[1], transform.value.scale);
+        pinchState = _tigercatcore.startPinch.call(void 0, e.touches[0], e.touches[1], transform.value.scale);
       } else if (e.touches.length === 1) {
-        panState = tigercatCore.startPan(
+        panState = _tigercatcore.startPan.call(void 0, 
           e.touches[0].clientX,
           e.touches[0].clientY,
           transform.value.translateX,
@@ -162,7 +186,7 @@ var ImageViewer = vue.defineComponent({
     const handleTouchMove = (e) => {
       if (e.touches.length === 2 && pinchState.isPinching) {
         e.preventDefault();
-        const newScale = tigercatCore.movePinch(
+        const newScale = _tigercatcore.movePinch.call(void 0, 
           pinchState,
           e.touches[0],
           e.touches[1],
@@ -171,13 +195,13 @@ var ImageViewer = vue.defineComponent({
         );
         transform.value = { ...transform.value, scale: newScale };
       } else if (e.touches.length === 1 && panState.isPanning) {
-        const result = tigercatCore.movePan(panState, e.touches[0].clientX, e.touches[0].clientY);
+        const result = _tigercatcore.movePan.call(void 0, panState, e.touches[0].clientX, e.touches[0].clientY);
         transform.value = { ...transform.value, ...result };
       }
     };
     const handleTouchEnd = () => {
-      pinchState = tigercatCore.createPinchState();
-      panState = tigercatCore.createPanState();
+      pinchState = _tigercatcore.createPinchState.call(void 0, );
+      panState = _tigercatcore.createPanState.call(void 0, );
     };
     const handleKeydown = (e) => {
       if (!props.open) return;
@@ -193,10 +217,10 @@ var ImageViewer = vue.defineComponent({
           break;
       }
     };
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       document.addEventListener("keydown", handleKeydown);
     });
-    vue.onBeforeUnmount(() => {
+    _vue.onBeforeUnmount.call(void 0, () => {
       document.removeEventListener("keydown", handleKeydown);
     });
     return () => {
@@ -204,56 +228,56 @@ var ImageViewer = vue.defineComponent({
       const children = [];
       if (props.showCounter && props.images.length > 1) {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "div",
-            { class: tigercatCore.imageViewerCounterClasses },
+            { class: _tigercatcore.imageViewerCounterClasses },
             `${index.value + 1} / ${props.images.length}`
           )
         );
       }
       children.push(
-        vue.h(
+        _vue.h.call(void 0, 
           "button",
           {
-            class: tigercatCore.imageViewerCloseBtnClasses,
+            class: _tigercatcore.imageViewerCloseBtnClasses,
             onClick: handleClose,
             "aria-label": "Close",
             type: "button"
           },
-          createSvgIcon(tigercatCore.imageViewerIcons.close, "Close")
+          createSvgIcon(_tigercatcore.imageViewerIcons.close, "Close")
         )
       );
       if (props.showNav && props.images.length > 1) {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
-              class: tigercatCore.classNames(tigercatCore.imageViewerNavBtnClasses, "left-4"),
+              class: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "left-4"),
               onClick: handlePrev,
               "aria-label": "Previous image",
               type: "button"
             },
-            createSvgIcon(tigercatCore.imageViewerIcons.prev, "Previous")
+            createSvgIcon(_tigercatcore.imageViewerIcons.prev, "Previous")
           ),
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
-              class: tigercatCore.classNames(tigercatCore.imageViewerNavBtnClasses, "right-4"),
+              class: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "right-4"),
               onClick: handleNext,
               "aria-label": "Next image",
               type: "button"
             },
-            createSvgIcon(tigercatCore.imageViewerIcons.next, "Next")
+            createSvgIcon(_tigercatcore.imageViewerIcons.next, "Next")
           )
         );
       }
       children.push(
-        vue.h("img", {
-          class: tigercatCore.imageViewerImgClasses,
+        _vue.h.call(void 0, "img", {
+          class: _tigercatcore.imageViewerImgClasses,
           src: props.images[index.value],
           alt: `Image ${index.value + 1}`,
           style: {
-            transform: tigercatCore.getImageTransformStyle(transform.value)
+            transform: _tigercatcore.getImageTransformStyle.call(void 0, transform.value)
           },
           draggable: false,
           onWheel: handleWheel,
@@ -270,63 +294,63 @@ var ImageViewer = vue.defineComponent({
       const toolbarButtons = [];
       if (props.zoomable) {
         toolbarButtons.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
-              class: tigercatCore.imageViewerToolbarBtnClasses,
+              class: _tigercatcore.imageViewerToolbarBtnClasses,
               onClick: handleZoomOut,
               "aria-label": "Zoom out",
               type: "button"
             },
-            createSvgIcon(tigercatCore.imageViewerIcons.zoomOut, "Zoom out")
+            createSvgIcon(_tigercatcore.imageViewerIcons.zoomOut, "Zoom out")
           ),
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
-              class: tigercatCore.imageViewerToolbarBtnClasses,
+              class: _tigercatcore.imageViewerToolbarBtnClasses,
               onClick: handleZoomIn,
               "aria-label": "Zoom in",
               type: "button"
             },
-            createSvgIcon(tigercatCore.imageViewerIcons.zoomIn, "Zoom in")
+            createSvgIcon(_tigercatcore.imageViewerIcons.zoomIn, "Zoom in")
           )
         );
       }
       if (props.rotatable) {
         toolbarButtons.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
-              class: tigercatCore.imageViewerToolbarBtnClasses,
+              class: _tigercatcore.imageViewerToolbarBtnClasses,
               onClick: handleRotateLeft,
               "aria-label": "Rotate left",
               type: "button"
             },
-            createSvgIcon(tigercatCore.imageViewerIcons.rotateLeft, "Rotate left")
+            createSvgIcon(_tigercatcore.imageViewerIcons.rotateLeft, "Rotate left")
           ),
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
-              class: tigercatCore.imageViewerToolbarBtnClasses,
+              class: _tigercatcore.imageViewerToolbarBtnClasses,
               onClick: handleRotateRight,
               "aria-label": "Rotate right",
               type: "button"
             },
-            createSvgIcon(tigercatCore.imageViewerIcons.rotateRight, "Rotate right")
+            createSvgIcon(_tigercatcore.imageViewerIcons.rotateRight, "Rotate right")
           )
         );
       }
       if (toolbarButtons.length > 0) {
-        children.push(vue.h("div", { class: tigercatCore.imageViewerToolbarClasses }, toolbarButtons));
+        children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.imageViewerToolbarClasses }, toolbarButtons));
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
-          class: tigercatCore.classNames(
-            tigercatCore.imageViewerBackdropClasses,
+          class: _tigercatcore.classNames.call(void 0, 
+            _tigercatcore.imageViewerBackdropClasses,
             props.className,
-            tigercatCore.coerceClassValue(attrs.class)
+            _tigercatcore.coerceClassValue.call(void 0, attrs.class)
           ),
           role: "dialog",
           "aria-modal": "true",
@@ -344,5 +368,7 @@ var ImageViewer = vue.defineComponent({
 });
 var ImageViewer_default = ImageViewer;
 
-exports.ImageViewer = ImageViewer;
-exports.ImageViewer_default = ImageViewer_default;
+
+
+
+exports.ImageViewer = ImageViewer; exports.ImageViewer_default = ImageViewer_default;

package/dist/chunk-W5RZPTFD.mjs

@@ -1,7 +1,13 @@
-import { defineComponent, ref, computed, onMounted, watch, onBeforeUnmount, h } from 'vue';
-import { createChartResizeObserverController, resolveResponsiveChartSize, getChartInnerRect, classNames, chartCanvasBaseClasses, coerceClassValue } from '@expcat/tigercat-core';
-
 // src/components/ChartCanvas.ts
+import { defineComponent, computed, h, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import {
+  chartCanvasBaseClasses,
+  classNames,
+  coerceClassValue,
+  createChartResizeObserverController,
+  getChartInnerRect,
+  resolveResponsiveChartSize
+} from "@expcat/tigercat-core";
 var ChartCanvas = defineComponent({
   name: "TigerChartCanvas",
   inheritAttrs: false,
@@ -100,4 +106,7 @@ var ChartCanvas = defineComponent({
 });
 var ChartCanvas_default = ChartCanvas;
 
-export { ChartCanvas, ChartCanvas_default };
+export {
+  ChartCanvas,
+  ChartCanvas_default
+};

package/dist/chunk-W6ZFHHD3.mjs

@@ -1,7 +1,14 @@
-import { defineComponent, provide, h } from 'vue';
-import { getAvatarGroupItemClasses, getVisibleGroupItems, getAvatarGroupClasses, coerceClassValue, getAvatarGroupOverflowLabel, getAvatarGroupOverflowClasses, getAvatarGroupOverflowText } from '@expcat/tigercat-core';
-
 // src/components/AvatarGroup.ts
+import { defineComponent, h, provide } from "vue";
+import {
+  coerceClassValue,
+  getAvatarGroupClasses,
+  getAvatarGroupItemClasses,
+  getAvatarGroupOverflowClasses,
+  getAvatarGroupOverflowLabel,
+  getAvatarGroupOverflowText,
+  getVisibleGroupItems
+} from "@expcat/tigercat-core";
 var AVATAR_GROUP_INJECTION_KEY = /* @__PURE__ */ Symbol("TigerAvatarGroup");
 var AvatarGroup = defineComponent({
   name: "TigerAvatarGroup",
@@ -58,4 +65,8 @@ var AvatarGroup = defineComponent({
 });
 var AvatarGroup_default = AvatarGroup;
 
-export { AVATAR_GROUP_INJECTION_KEY, AvatarGroup, AvatarGroup_default };
+export {
+  AVATAR_GROUP_INJECTION_KEY,
+  AvatarGroup,
+  AvatarGroup_default
+};

package/dist/{chunk-DVFDA2P2.mjs → chunk-WE4DGU2T.mjs}

@@ -1,7 +1,12 @@
-import { defineComponent, ref, computed, reactive, provide, h } from 'vue';
-import { normalizeActiveKeys, classNames, getCollapseContainerClasses, coerceClassValue, togglePanelKey } from '@expcat/tigercat-core';
-
 // src/components/Collapse.ts
+import { defineComponent, computed, ref, provide, h, reactive } from "vue";
+import {
+  classNames,
+  getCollapseContainerClasses,
+  normalizeActiveKeys,
+  togglePanelKey,
+  coerceClassValue
+} from "@expcat/tigercat-core";
 var CollapseContextKey = /* @__PURE__ */ Symbol("CollapseContext");
 var Collapse = defineComponent({
   name: "TigerCollapse",
@@ -69,9 +74,7 @@ var Collapse = defineComponent({
   },
   emits: ["update:activeKey", "change"],
   setup(props, { slots, emit, attrs }) {
-    const internalActiveKeys = ref(
-      normalizeActiveKeys(props.defaultActiveKey)
-    );
+    const internalActiveKeys = ref(normalizeActiveKeys(props.defaultActiveKey));
     const currentActiveKeys = computed(() => {
       return props.activeKey !== void 0 ? normalizeActiveKeys(props.activeKey) : internalActiveKeys.value;
     });
@@ -129,4 +132,8 @@ var Collapse = defineComponent({
 });
 var Collapse_default = Collapse;
 
-export { Collapse, CollapseContextKey, Collapse_default };
+export {
+  CollapseContextKey,
+  Collapse,
+  Collapse_default
+};

package/dist/chunk-WFISP42H.mjs

@@ -1,7 +1,17 @@
-import { defineComponent, computed, h } from 'vue';
-import { getEmptyDescription, emptyImageClasses, emptyIllustrationPaths, emptyIllustrationViewBox, emptyDescriptionClasses, emptyActionsClasses, mergeStyleValues, classNames, emptyBaseClasses, coerceClassValue } from '@expcat/tigercat-core';
-
 // src/components/Empty.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  emptyBaseClasses,
+  emptyImageClasses,
+  emptyDescriptionClasses,
+  emptyActionsClasses,
+  emptyIllustrationViewBox,
+  emptyIllustrationPaths,
+  getEmptyDescription
+} from "@expcat/tigercat-core";
 var Empty = defineComponent({
   name: "TigerEmpty",
   inheritAttrs: false,
@@ -90,4 +100,7 @@ var Empty = defineComponent({
 });
 var Empty_default = Empty;
 
-export { Empty, Empty_default };
+export {
+  Empty,
+  Empty_default
+};

package/dist/{chunk-ZMNX4SCS.mjs → chunk-WLYQHKLZ.mjs}

@@ -1,7 +1,13 @@
-import { defineComponent, ref, computed, onBeforeUnmount, h } from 'vue';
-import { getCodeBlockContainerClasses, coerceClassValue, getCodeBlockCopyButtonClasses, codeBlockPreClasses, copyTextToClipboard } from '@expcat/tigercat-core';
-
 // src/components/Code.ts
+import { computed, defineComponent, h, onBeforeUnmount, ref } from "vue";
+import {
+  coerceClassValue,
+  codeBlockPreClasses,
+  copyTextToClipboard,
+  getCodeBlockContainerClasses,
+  getCodeBlockCopyButtonClasses,
+  mergeStyleValues
+} from "@expcat/tigercat-core";
 var Code = defineComponent({
   name: "TigerCode",
   inheritAttrs: false,
@@ -68,7 +74,7 @@ var Code = defineComponent({
       {
         ...attrs,
         class: containerClasses.value,
-        style: props.style
+        style: mergeStyleValues(attrs.style, props.style)
       },
       [
         h("pre", { class: codeBlockPreClasses }, [h("code", { class: "block" }, props.code)]),
@@ -88,4 +94,7 @@ var Code = defineComponent({
 });
 var Code_default = Code;
 
-export { Code, Code_default };
+export {
+  Code,
+  Code_default
+};

package/dist/chunk-WM4ESIHG.mjs

@@ -1,7 +1,13 @@
-import { defineComponent, computed, h } from 'vue';
-import { classNames, layoutSidebarClasses, layoutSidebarCollapsedClasses, coerceClassValue, getSidebarStyle, mergeStyleValues } from '@expcat/tigercat-core';
-
 // src/components/Sidebar.ts
+import { defineComponent, h, computed } from "vue";
+import {
+  classNames,
+  coerceClassValue,
+  layoutSidebarClasses,
+  layoutSidebarCollapsedClasses,
+  getSidebarStyle,
+  mergeStyleValues
+} from "@expcat/tigercat-core";
 var Sidebar = defineComponent({
   name: "TigerSidebar",
   inheritAttrs: false,
@@ -71,4 +77,7 @@ var Sidebar = defineComponent({
 });
 var Sidebar_default = Sidebar;
 
-export { Sidebar, Sidebar_default };
+export {
+  Sidebar,
+  Sidebar_default
+};

package/dist/{chunk-3MC45EXP.mjs → chunk-WNKF2OD5.mjs}

@@ -1,16 +1,24 @@
-import { defineComponent, computed, h } from 'vue';
-import { generateQRMatrix, classNames, qrcodeContainerClasses, coerceClassValue, qrcodeOverlayClasses, qrcodeExpiredTextClasses, qrcodeRefreshClasses } from '@expcat/tigercat-core';
-
 // src/components/QRCode.ts
+import { defineComponent, h, computed } from "vue";
+import { classNames, coerceClassValue, mergeStyleValues } from "@expcat/tigercat-core";
+import {
+  qrcodeContainerClasses,
+  qrcodeOverlayClasses,
+  qrcodeExpiredTextClasses,
+  qrcodeRefreshClasses,
+  generateQRMatrix
+} from "@expcat/tigercat-core";
 var QRCode = defineComponent({
   name: "TigerQRCode",
+  inheritAttrs: false,
   props: {
     value: { type: String, required: true },
     size: { type: Number, default: 128 },
     color: { type: String, default: "#000000" },
     bgColor: { type: String, default: "#ffffff" },
     level: { type: String, default: "M" },
-    status: { type: String, default: "active" }
+    status: { type: String, default: "active" },
+    className: { type: String, default: void 0 }
   },
   emits: ["refresh"],
   setup(props, { emit, attrs }) {
@@ -20,7 +28,12 @@ var QRCode = defineComponent({
       return props.size / mLen;
     });
     return () => {
-      const containerClass = classNames(qrcodeContainerClasses, coerceClassValue(attrs.class));
+      const attrsRecord = attrs;
+      const containerClass = classNames(
+        qrcodeContainerClasses,
+        props.className,
+        coerceClassValue(attrsRecord.class)
+      );
       const mSize = moduleSize.value;
       const modules = matrix.value;
       const rects = modules.flatMap(
@@ -73,8 +86,12 @@ var QRCode = defineComponent({
       return h(
         "div",
         {
+          ...attrs,
           class: containerClass,
-          style: { width: `${props.size}px`, height: `${props.size}px` }
+          style: mergeStyleValues(attrsRecord.style, {
+            width: `${props.size}px`,
+            height: `${props.size}px`
+          })
         },
         children
       );
@@ -83,4 +100,7 @@ var QRCode = defineComponent({
 });
 var QRCode_default = QRCode;
 
-export { QRCode, QRCode_default };
+export {
+  QRCode,
+  QRCode_default
+};