@expcat/tigercat-vue 2.1.2 → 2.1.4

package/dist/chunk-SAC4PAG3.mjs

@@ -1,426 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/ImagePreview.ts
-import {
-  defineComponent,
-  h,
-  Teleport,
-  ref,
-  computed,
-  watch,
-  onMounted,
-  onBeforeUnmount
-} from "vue";
-import {
-  classNames,
-  imagePreviewMaskClasses,
-  imagePreviewWrapperClasses,
-  imagePreviewImgClasses,
-  imagePreviewToolbarClasses,
-  imagePreviewToolbarBtnClasses,
-  imagePreviewNavBtnClasses,
-  imagePreviewCloseBtnClasses,
-  imagePreviewCounterClasses,
-  zoomInIconPath,
-  zoomOutIconPath,
-  resetIconPath,
-  prevIconPath,
-  nextIconPath,
-  previewCloseIconPath,
-  imageViewerIcons,
-  clampScale,
-  calculateTransform,
-  getPreviewNavState,
-  normalizeRotation,
-  createPanState,
-  startPan,
-  movePan,
-  createPinchState,
-  startPinch,
-  movePinch,
-  getImageViewerLabels,
-  mergeTigerLocale
-} from "@expcat/tigercat-core";
-var 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
-    })
-  ]
-);
-var ImagePreview = defineComponent({
-  name: "TigerImagePreview",
-  inheritAttrs: false,
-  props: {
-    open: { type: Boolean, default: void 0 },
-    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 },
-    touchSwipeable: { type: Boolean, default: true },
-    touchSwipeThreshold: { type: Number, default: 48 },
-    locale: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:open", "update:currentIndex", "scale-change"],
-  setup(props, { emit }) {
-    const config = useTigerConfig();
-    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const labels = computed(() => getImageViewerLabels(mergedLocale.value));
-    const scale = ref(1);
-    const rotation = ref(0);
-    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 });
-    let panState = createPanState();
-    let pinchState = createPinchState();
-    let touchSwipeState = {
-      isTracking: false,
-      startX: 0,
-      startY: 0,
-      currentX: 0,
-      currentY: 0
-    };
-    const resetTransform = () => {
-      scale.value = 1;
-      rotation.value = 0;
-      offsetX.value = 0;
-      offsetY.value = 0;
-      panState = createPanState();
-      pinchState = createPinchState();
-      touchSwipeState.isTracking = false;
-    };
-    watch(
-      () => props.currentIndex,
-      (val) => {
-        index.value = val;
-        resetTransform();
-      }
-    );
-    const isOpen = computed(() => props.open ?? false);
-    watch(
-      () => isOpen.value,
-      (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:open", 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 handleRotateLeft = () => {
-      rotation.value = normalizeRotation(rotation.value - 90);
-    };
-    const handleRotateRight = () => {
-      rotation.value = normalizeRotation(rotation.value + 90);
-    };
-    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 handleTouchStart = (e) => {
-      if (e.touches.length === 2) {
-        e.preventDefault();
-        touchSwipeState.isTracking = false;
-        pinchState = startPinch(e.touches[0], e.touches[1], scale.value);
-        return;
-      }
-      if (e.touches.length === 1) {
-        const touch = e.touches[0];
-        if (props.touchSwipeable && props.images.length > 1 && scale.value === 1) {
-          touchSwipeState = {
-            isTracking: true,
-            startX: touch.clientX,
-            startY: touch.clientY,
-            currentX: touch.clientX,
-            currentY: touch.clientY
-          };
-          panState = createPanState();
-          return;
-        }
-        touchSwipeState.isTracking = false;
-        panState = startPan(touch.clientX, touch.clientY, offsetX.value, offsetY.value);
-      }
-    };
-    const handleTouchMove = (e) => {
-      if (e.touches.length === 2 && pinchState.isPinching) {
-        e.preventDefault();
-        scale.value = movePinch(
-          pinchState,
-          e.touches[0],
-          e.touches[1],
-          props.minScale,
-          props.maxScale
-        );
-        emit("scale-change", scale.value);
-        return;
-      }
-      if (e.touches.length === 1 && panState.isPanning) {
-        const next = movePan(panState, e.touches[0].clientX, e.touches[0].clientY);
-        offsetX.value = next.translateX;
-        offsetY.value = next.translateY;
-        return;
-      }
-      if (e.touches.length === 1 && touchSwipeState.isTracking) {
-        const touch = e.touches[0];
-        touchSwipeState.currentX = touch.clientX;
-        touchSwipeState.currentY = touch.clientY;
-        const deltaX = touch.clientX - touchSwipeState.startX;
-        const deltaY = touch.clientY - touchSwipeState.startY;
-        if (Math.abs(deltaX) > 8 && Math.abs(deltaX) > Math.abs(deltaY)) {
-          e.preventDefault();
-        }
-      }
-    };
-    const handleTouchEnd = (e) => {
-      if (touchSwipeState.isTracking) {
-        const endedTouch = e?.changedTouches?.[0];
-        const currentX = endedTouch?.clientX ?? touchSwipeState.currentX;
-        const currentY = endedTouch?.clientY ?? touchSwipeState.currentY;
-        const deltaX = currentX - touchSwipeState.startX;
-        const deltaY = currentY - touchSwipeState.startY;
-        const threshold = Math.max(0, props.touchSwipeThreshold);
-        if (Math.abs(deltaX) >= threshold && Math.abs(deltaX) > Math.abs(deltaY) * 1.2) {
-          if (deltaX < 0) {
-            handleNext();
-          } else {
-            handlePrev();
-          }
-        }
-      }
-      touchSwipeState.isTracking = false;
-      panState = createPanState();
-      pinchState = createPinchState();
-    };
-    const handleMaskClick = () => {
-      if (props.maskClosable) {
-        handleClose();
-      }
-    };
-    const handleKeyDown = (e) => {
-      if (!isOpen.value) 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)} rotate(${rotation.value}deg)`
-    );
-    return () => {
-      if (!isOpen.value || !props.images.length) return null;
-      const currentSrc = props.images[index.value] || props.images[0];
-      const mask = h("div", {
-        class: imagePreviewMaskClasses,
-        "aria-hidden": "true",
-        onClick: handleMaskClick
-      });
-      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,
-        onTouchstart: handleTouchStart,
-        onTouchmove: handleTouchMove,
-        onTouchend: handleTouchEnd,
-        onTouchcancel: handleTouchEnd
-      });
-      const closeBtn = h(
-        "button",
-        {
-          class: imagePreviewCloseBtnClasses,
-          onClick: handleClose,
-          "aria-label": labels.value.closePreviewAriaLabel,
-          type: "button"
-        },
-        [svgIcon(previewCloseIconPath)]
-      );
-      const toolbar = h("div", { class: imagePreviewToolbarClasses }, [
-        h(
-          "button",
-          {
-            class: imagePreviewToolbarBtnClasses,
-            onClick: handleZoomOut,
-            "aria-label": labels.value.zoomOutAriaLabel,
-            type: "button"
-          },
-          [svgIcon(zoomOutIconPath)]
-        ),
-        h(
-          "button",
-          {
-            class: imagePreviewToolbarBtnClasses,
-            onClick: handleReset,
-            "aria-label": labels.value.resetAriaLabel,
-            type: "button"
-          },
-          [svgIcon(resetIconPath)]
-        ),
-        h(
-          "button",
-          {
-            class: imagePreviewToolbarBtnClasses,
-            onClick: handleZoomIn,
-            "aria-label": labels.value.zoomInAriaLabel,
-            type: "button"
-          },
-          [svgIcon(zoomInIconPath)]
-        ),
-        h(
-          "button",
-          {
-            class: imagePreviewToolbarBtnClasses,
-            onClick: handleRotateLeft,
-            "aria-label": labels.value.rotateLeftAriaLabel,
-            type: "button"
-          },
-          [svgIcon(imageViewerIcons.rotateLeft)]
-        ),
-        h(
-          "button",
-          {
-            class: imagePreviewToolbarBtnClasses,
-            onClick: handleRotateRight,
-            "aria-label": labels.value.rotateRightAriaLabel,
-            type: "button"
-          },
-          [svgIcon(imageViewerIcons.rotateRight)]
-        ),
-        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": labels.value.previousImageAriaLabel,
-          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": labels.value.nextImageAriaLabel,
-          type: "button"
-        },
-        [svgIcon(nextIconPath)]
-      ) : null;
-      const wrapper = h(
-        "div",
-        {
-          class: imagePreviewWrapperClasses,
-          style: { zIndex: props.zIndex },
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-label": labels.value.previewDialogAriaLabel,
-          onWheel: handleWheel
-        },
-        [mask, img, closeBtn, prevBtn, nextBtn, toolbar]
-      );
-      return h(Teleport, { to: "body" }, [wrapper]);
-    };
-  }
-});
-var ImagePreview_default = ImagePreview;
-
-export {
-  ImagePreview,
-  ImagePreview_default
-};

package/dist/chunk-SL5KAVZK.mjs

@@ -1,47 +0,0 @@
-// src/components/Content.ts
-import { defineComponent, h, computed } from "vue";
-import { classNames, coerceClassValue, getLayoutContentClasses } from "@expcat/tigercat-core";
-var Content = defineComponent({
-  name: "TigerContent",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Built-in content padding.
-     * @default true
-     */
-    padding: {
-      type: [Boolean, String],
-      default: true
-    },
-    /**
-     * Custom styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const contentClasses = computed(
-      () => classNames(
-        getLayoutContentClasses(props.padding),
-        props.className,
-        coerceClassValue(attrs.class)
-      )
-    );
-    return () => h("main", { ...attrs, class: contentClasses.value, style: props.style }, slots.default?.());
-  }
-});
-var Content_default = Content;
-
-export {
-  Content,
-  Content_default
-};

package/dist/chunk-SWCK7TM7.mjs

@@ -1,124 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/Badge.ts
-import { defineComponent, computed, h } from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  mergeStyleValues,
-  getBadgeVariantClasses,
-  badgeBaseClasses,
-  badgeSizeClasses,
-  dotSizeClasses,
-  badgeTypeClasses,
-  badgeWrapperClasses,
-  badgePositionClasses,
-  formatBadgeContent,
-  shouldHideBadge,
-  getStatusLabels,
-  mergeTigerLocale
-} from "@expcat/tigercat-core";
-var Badge = defineComponent({
-  name: "TigerBadge",
-  inheritAttrs: false,
-  props: {
-    locale: {
-      type: Object,
-      default: void 0
-    },
-    variant: {
-      type: String,
-      default: "danger"
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    type: {
-      type: String,
-      default: "number"
-    },
-    content: {
-      type: [Number, String],
-      default: void 0
-    },
-    max: {
-      type: Number,
-      default: 99
-    },
-    showZero: {
-      type: Boolean,
-      default: false
-    },
-    position: {
-      type: String,
-      default: "top-right"
-    },
-    standalone: {
-      type: Boolean,
-      default: true
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const config = useTigerConfig();
-    const labels = computed(
-      () => getStatusLabels(mergeTigerLocale(config.value.locale, props.locale))
-    );
-    const isDot = computed(() => props.type === "dot");
-    const isHidden = computed(() => shouldHideBadge(props.content, props.type, props.showZero));
-    const displayContent = computed(
-      () => formatBadgeContent(props.content, props.max, props.showZero)
-    );
-    const badgeClasses = computed(
-      () => classNames(
-        badgeBaseClasses,
-        getBadgeVariantClasses(props.variant),
-        isDot.value ? dotSizeClasses[props.size] : badgeSizeClasses[props.size],
-        badgeTypeClasses[props.type],
-        !props.standalone && badgePositionClasses[props.position]
-      )
-    );
-    return () => {
-      if (isHidden.value) {
-        return props.standalone ? null : slots.default?.() ?? null;
-      }
-      const attrsRecord = attrs;
-      const ariaLabel = attrsRecord["aria-label"] ?? (isDot.value ? labels.value.badgeLabel : props.type === "number" ? labels.value.badgeCountLabel.replace("{count}", String(displayContent.value)) : `${displayContent.value ?? ""}`);
-      const badgeElement = h(
-        "span",
-        {
-          ...attrs,
-          class: classNames(
-            badgeClasses.value,
-            props.className,
-            coerceClassValue(attrsRecord.class)
-          ),
-          style: mergeStyleValues(attrsRecord.style, props.style),
-          role: "status",
-          "aria-label": ariaLabel
-        },
-        isDot.value ? void 0 : displayContent.value || ""
-      );
-      if (props.standalone) {
-        return badgeElement;
-      }
-      return h("span", { class: badgeWrapperClasses }, [...slots.default?.() ?? [], badgeElement]);
-    };
-  }
-});
-var Badge_default = Badge;
-
-export {
-  Badge,
-  Badge_default
-};

package/dist/chunk-SWMYIORV.mjs

@@ -1,115 +0,0 @@
-// src/components/Switch.ts
-import { defineComponent, computed, h, ref } from "vue";
-import {
-  getSwitchClasses,
-  getSwitchThumbClasses,
-  mergeStyleValues
-} from "@expcat/tigercat-core";
-var Switch = defineComponent({
-  name: "TigerSwitch",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Whether the switch is checked (controlled mode)
-     */
-    modelValue: {
-      type: [Boolean, null],
-      default: null
-    },
-    /**
-     * Default checked state (uncontrolled mode)
-     * @default false
-     */
-    defaultValue: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether the switch is disabled
-     * @default false
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Switch size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    className: {
-      type: String
-    },
-    style: {
-      type: Object
-    }
-  },
-  emits: {
-    /**
-     * Emitted when checked state changes (for v-model)
-     */
-    "update:modelValue": (value) => typeof value === "boolean",
-    /**
-     * Emitted when checked state changes
-     */
-    change: (value) => typeof value === "boolean"
-  },
-  setup(props, { emit, attrs }) {
-    const internalChecked = ref(props.defaultValue);
-    const isControlled = computed(() => props.modelValue !== null);
-    const checked = computed(
-      () => isControlled.value ? props.modelValue === true : internalChecked.value
-    );
-    const switchClasses = computed(
-      () => getSwitchClasses(props.size, checked.value, props.disabled, props.className, attrs.class)
-    );
-    const thumbClasses = computed(() => getSwitchThumbClasses(props.size, checked.value));
-    const emitChange = () => {
-      if (props.disabled) return;
-      const newValue = !checked.value;
-      if (!isControlled.value) {
-        internalChecked.value = newValue;
-      }
-      emit("update:modelValue", newValue);
-      emit("change", newValue);
-    };
-    const handleKeyDown = (event) => {
-      if (props.disabled) return;
-      if (event.key === " " || event.key === "Enter") {
-        event.preventDefault();
-        emitChange();
-      }
-    };
-    return () => h(
-      "button",
-      {
-        ...attrs,
-        type: "button",
-        role: "switch",
-        "aria-checked": checked.value,
-        "aria-disabled": props.disabled ? "true" : void 0,
-        class: switchClasses.value,
-        style: mergeStyleValues(attrs.style, props.style),
-        disabled: props.disabled,
-        tabindex: props.disabled ? -1 : attrs.tabindex,
-        onClick: emitChange,
-        onKeydown: handleKeyDown
-      },
-      [
-        h("span", {
-          class: thumbClasses.value,
-          "aria-hidden": "true"
-        })
-      ]
-    );
-  }
-});
-var Switch_default = Switch;
-
-export {
-  Switch,
-  Switch_default
-};