@expcat/tigercat-vue 1.1.0 → 1.2.0

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@expcat/tigercat-vue",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Vue 3 components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
   "repository": {
     "type": "git",
-    "url": "https://github.com/expcats/Tigercat.git",
+    "url": "https://github.com/expcat/Tigercat",
     "directory": "packages/vue"
   },
   "homepage": "https://expcat.github.io/Tigercat/vue/",
   "bugs": {
-    "url": "https://github.com/expcats/Tigercat/issues"
+    "url": "https://github.com/expcat/Tigercat/issues"
   },
   "keywords": [
     "tigercat",
@@ -48,7 +48,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "1.1.0"
+    "@expcat/tigercat-core": "1.2.0"
   },
   "devDependencies": {
     "@types/node": "^25.6.0",

package/dist/chunk-6VG6ARQG.js

@@ -1,206 +0,0 @@
-'use strict';
-
-var chunkJCMGBKS6_js = require('./chunk-JCMGBKS6.js');
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-var Tour = vue.defineComponent({
-  name: "TigerTour",
-  inheritAttrs: false,
-  props: {
-    steps: {
-      type: Array,
-      required: true
-    },
-    open: {
-      type: Boolean,
-      default: false
-    },
-    current: {
-      type: Number,
-      default: void 0
-    },
-    nextText: { type: String, default: "Next" },
-    prevText: { type: String, default: "Previous" },
-    finishText: { type: String, default: "Finish" },
-    closable: { type: Boolean, default: true },
-    showIndicators: { type: Boolean, default: true },
-    className: { type: String, default: void 0 }
-  },
-  emits: ["update:open", "update:current", "close", "finish", "change"],
-  setup(props, { emit }) {
-    const internalStep = vue.ref(0);
-    const currentStep = vue.computed(() => props.current ?? internalStep.value);
-    const step = vue.computed(() => props.steps[currentStep.value]);
-    const targetRect = vue.ref();
-    const popoverRef = vue.ref(null);
-    const updateRect = () => {
-      if (step.value?.target) {
-        targetRect.value = tigercatCore.getTourTargetRect(step.value.target);
-      } else {
-        targetRect.value = void 0;
-      }
-    };
-    vue.watch(
-      () => [props.open, currentStep.value],
-      () => {
-        if (props.open) updateRect();
-      }
-    );
-    vue.onMounted(() => {
-      if (props.open) updateRect();
-    });
-    let resizeHandler;
-    vue.onMounted(() => {
-      resizeHandler = () => {
-        if (props.open) updateRect();
-      };
-      window.addEventListener("resize", resizeHandler);
-      window.addEventListener("scroll", resizeHandler, true);
-    });
-    vue.onBeforeUnmount(() => {
-      if (resizeHandler) {
-        window.removeEventListener("resize", resizeHandler);
-        window.removeEventListener("scroll", resizeHandler, true);
-      }
-    });
-    const goTo = (idx) => {
-      internalStep.value = idx;
-      emit("update:current", idx);
-      emit("change", idx);
-    };
-    const next = () => {
-      if (currentStep.value < props.steps.length - 1) {
-        goTo(currentStep.value + 1);
-      } else {
-        emit("finish");
-        emit("update:open", false);
-      }
-    };
-    const prev = () => {
-      if (currentStep.value > 0) {
-        goTo(currentStep.value - 1);
-      }
-    };
-    const close = () => {
-      emit("close");
-      emit("update:open", false);
-    };
-    return () => {
-      if (!props.open || !step.value) return null;
-      const placement = step.value.placement ?? "bottom";
-      const showMask = step.value.mask !== false;
-      const isLast = currentStep.value === props.steps.length - 1;
-      const isFirst = currentStep.value === 0;
-      let popoverStyle = {};
-      if (targetRect.value) {
-        const pos = tigercatCore.getTourPopoverPosition(targetRect.value, 320, 160, placement);
-        popoverStyle = {
-          position: "absolute",
-          top: `${pos.top}px`,
-          left: `${pos.left}px`
-        };
-      } else {
-        popoverStyle = {
-          position: "fixed",
-          top: "50%",
-          left: "50%",
-          transform: "translate(-50%, -50%)"
-        };
-      }
-      const children = [];
-      if (showMask && targetRect.value) {
-        children.push(
-          vue.h("div", {
-            style: tigercatCore.getTourSpotlightStyle(targetRect.value),
-            "aria-hidden": "true"
-          })
-        );
-      } else if (showMask) {
-        children.push(
-          vue.h("div", {
-            class: "fixed inset-0 z-[1000] bg-black/45",
-            "aria-hidden": "true",
-            onClick: close
-          })
-        );
-      }
-      const popoverChildren = [];
-      if (props.closable) {
-        popoverChildren.push(
-          vue.h(
-            "button",
-            {
-              class: tigercatCore.tourCloseButtonClasses,
-              type: "button",
-              "aria-label": "Close tour",
-              onClick: close
-            },
-            chunkJCMGBKS6_js.createStatusIcon(tigercatCore.closeIconPathD, "h-4 w-4")
-          )
-        );
-      }
-      if (step.value.title) {
-        popoverChildren.push(vue.h("div", { class: tigercatCore.tourTitleClasses }, step.value.title));
-      }
-      if (step.value.description) {
-        popoverChildren.push(vue.h("div", { class: tigercatCore.tourDescriptionClasses }, step.value.description));
-      }
-      const footerChildren = [];
-      if (props.showIndicators) {
-        footerChildren.push(
-          vue.h(
-            "span",
-            { class: tigercatCore.tourIndicatorClasses },
-            `${currentStep.value + 1} / ${props.steps.length}`
-          )
-        );
-      }
-      const buttons = [];
-      if (!isFirst) {
-        buttons.push(
-          vue.h(
-            "button",
-            {
-              type: "button",
-              class: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
-              onClick: prev
-            },
-            props.prevText
-          )
-        );
-      }
-      buttons.push(
-        vue.h(
-          "button",
-          {
-            type: "button",
-            class: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
-            onClick: next
-          },
-          isLast ? props.finishText : props.nextText
-        )
-      );
-      footerChildren.push(vue.h("div", { class: "flex items-center" }, buttons));
-      popoverChildren.push(vue.h("div", { class: tigercatCore.tourFooterClasses }, footerChildren));
-      children.push(
-        vue.h(
-          "div",
-          {
-            ref: popoverRef,
-            class: tigercatCore.classNames(tigercatCore.tourPopoverClasses, props.className),
-            style: popoverStyle,
-            role: "dialog",
-            "aria-modal": "true"
-          },
-          popoverChildren
-        )
-      );
-      return vue.h(vue.Teleport, { to: "body" }, children);
-    };
-  }
-});
-var Tour_default = Tour;
-
-exports.Tour = Tour;
-exports.Tour_default = Tour_default;

package/dist/chunk-BZBQUUXF.js

@@ -1,94 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/ConfigProvider.ts
-var TigerConfigKey = /* @__PURE__ */ Symbol("TigerConfig");
-function useTigerConfig() {
-  return vue.inject(
-    TigerConfigKey,
-    vue.computed(() => ({}))
-  );
-}
-var ConfigProvider = vue.defineComponent({
-  name: "TigerConfigProvider",
-  props: {
-    locale: {
-      type: [Object, Function, Promise],
-      default: void 0
-    },
-    theme: {
-      type: String,
-      default: void 0
-    },
-    colorScheme: {
-      type: String,
-      default: void 0
-    }
-  },
-  setup(props, { slots }) {
-    const parent = useTigerConfig();
-    const resolvedLocale = vue.ref(
-      tigercatCore.isLazyTigerLocale(props.locale) ? void 0 : tigercatCore.getImmediateTigerLocale(props.locale)
-    );
-    const localeLoading = vue.ref(tigercatCore.isLazyTigerLocale(props.locale));
-    let loadId = 0;
-    vue.watch(
-      () => props.locale,
-      (locale) => {
-        if (!tigercatCore.isLazyTigerLocale(locale)) {
-          resolvedLocale.value = tigercatCore.getImmediateTigerLocale(locale);
-          localeLoading.value = false;
-          return;
-        }
-        const thisId = ++loadId;
-        localeLoading.value = true;
-        tigercatCore.resolveTigerLocale(locale).then(
-          (result) => {
-            if (thisId === loadId) {
-              resolvedLocale.value = result;
-              localeLoading.value = false;
-            }
-          },
-          () => {
-            if (thisId === loadId) {
-              localeLoading.value = false;
-            }
-          }
-        );
-      },
-      { immediate: true }
-    );
-    const merged = vue.computed(() => {
-      return {
-        locale: tigercatCore.mergeTigerLocale(parent.value.locale, resolvedLocale.value),
-        localeLoading: localeLoading.value || parent.value.localeLoading,
-        theme: props.theme ?? parent.value.theme,
-        colorScheme: props.colorScheme ?? parent.value.colorScheme
-      };
-    });
-    vue.watch(
-      () => merged.value.theme,
-      (name) => {
-        if (name) tigercatCore.ThemeManager.setTheme(name);
-      },
-      { immediate: true }
-    );
-    vue.watch(
-      () => merged.value.colorScheme,
-      (scheme) => {
-        if (scheme) tigercatCore.ThemeManager.setColorScheme(scheme);
-      },
-      { immediate: true }
-    );
-    vue.provide(TigerConfigKey, merged);
-    return () => slots.default?.();
-  }
-});
-var ConfigProvider_default = ConfigProvider;
-
-exports.ConfigProvider = ConfigProvider;
-exports.ConfigProvider_default = ConfigProvider_default;
-exports.TigerConfigKey = TigerConfigKey;
-exports.useTigerConfig = useTigerConfig;

package/dist/chunk-CRGGJKV2.js

@@ -1,286 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/ImagePreview.ts
-var svgIcon = (d, cls = "w-5 h-5") => vue.h(
-  "svg",
-  {
-    class: cls,
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor"
-  },
-  [
-    vue.h("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "2",
-      d
-    })
-  ]
-);
-var ImagePreview = vue.defineComponent({
-  name: "TigerImagePreview",
-  inheritAttrs: false,
-  props: {
-    open: { 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:open", "update:currentIndex", "scale-change"],
-  setup(props, { emit }) {
-    const scale = vue.ref(1);
-    const rotation = vue.ref(0);
-    const offsetX = vue.ref(0);
-    const offsetY = vue.ref(0);
-    const index = vue.ref(props.currentIndex);
-    const dragging = vue.ref(false);
-    const dragStart = vue.ref({ x: 0, y: 0, ox: 0, oy: 0 });
-    const resetTransform = () => {
-      scale.value = 1;
-      rotation.value = 0;
-      offsetX.value = 0;
-      offsetY.value = 0;
-    };
-    vue.watch(
-      () => props.currentIndex,
-      (val) => {
-        index.value = val;
-        resetTransform();
-      }
-    );
-    const isOpen = vue.computed(() => props.open);
-    vue.watch(
-      () => isOpen.value,
-      (val) => {
-        if (val) {
-          resetTransform();
-          index.value = props.currentIndex;
-          document.body.style.overflow = "hidden";
-        } else {
-          document.body.style.overflow = "";
-        }
-      }
-    );
-    const navState = vue.computed(() => tigercatCore.getPreviewNavState(index.value, props.images.length));
-    const handleClose = () => {
-      emit("update:open", false);
-    };
-    const handleZoomIn = () => {
-      scale.value = tigercatCore.clampScale(scale.value + props.scaleStep, props.minScale, props.maxScale);
-      emit("scale-change", scale.value);
-    };
-    const handleZoomOut = () => {
-      scale.value = tigercatCore.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 = tigercatCore.normalizeRotation(rotation.value - 90);
-    };
-    const handleRotateRight = () => {
-      rotation.value = tigercatCore.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 = tigercatCore.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 (!isOpen.value) return;
-      switch (e.key) {
-        case "Escape":
-          handleClose();
-          break;
-        case "ArrowLeft":
-          handlePrev();
-          break;
-        case "ArrowRight":
-          handleNext();
-          break;
-      }
-    };
-    vue.onMounted(() => {
-      document.addEventListener("keydown", handleKeyDown);
-    });
-    vue.onBeforeUnmount(() => {
-      document.removeEventListener("keydown", handleKeyDown);
-      document.body.style.overflow = "";
-    });
-    const transform = vue.computed(
-      () => `${tigercatCore.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 = vue.h("div", {
-        class: tigercatCore.imagePreviewMaskClasses,
-        "aria-hidden": "true"
-      });
-      const img = vue.h("img", {
-        src: currentSrc,
-        class: tigercatCore.imagePreviewImgClasses,
-        style: { transform: transform.value },
-        alt: `Preview image ${index.value + 1}`,
-        draggable: false,
-        onMousedown: handleMouseDown,
-        onMousemove: handleMouseMove,
-        onMouseup: handleMouseUp,
-        onMouseleave: handleMouseUp
-      });
-      const closeBtn = vue.h(
-        "button",
-        {
-          class: tigercatCore.imagePreviewCloseBtnClasses,
-          onClick: handleClose,
-          "aria-label": "Close preview",
-          type: "button"
-        },
-        [svgIcon(tigercatCore.previewCloseIconPath)]
-      );
-      const toolbar = vue.h("div", { class: tigercatCore.imagePreviewToolbarClasses }, [
-        vue.h(
-          "button",
-          {
-            class: tigercatCore.imagePreviewToolbarBtnClasses,
-            onClick: handleZoomOut,
-            "aria-label": "Zoom out",
-            type: "button"
-          },
-          [svgIcon(tigercatCore.zoomOutIconPath)]
-        ),
-        vue.h(
-          "button",
-          {
-            class: tigercatCore.imagePreviewToolbarBtnClasses,
-            onClick: handleReset,
-            "aria-label": "Reset",
-            type: "button"
-          },
-          [svgIcon(tigercatCore.resetIconPath)]
-        ),
-        vue.h(
-          "button",
-          {
-            class: tigercatCore.imagePreviewToolbarBtnClasses,
-            onClick: handleZoomIn,
-            "aria-label": "Zoom in",
-            type: "button"
-          },
-          [svgIcon(tigercatCore.zoomInIconPath)]
-        ),
-        vue.h(
-          "button",
-          {
-            class: tigercatCore.imagePreviewToolbarBtnClasses,
-            onClick: handleRotateLeft,
-            "aria-label": "Rotate left",
-            type: "button"
-          },
-          [svgIcon(tigercatCore.imageViewerIcons.rotateLeft)]
-        ),
-        vue.h(
-          "button",
-          {
-            class: tigercatCore.imagePreviewToolbarBtnClasses,
-            onClick: handleRotateRight,
-            "aria-label": "Rotate right",
-            type: "button"
-          },
-          [svgIcon(tigercatCore.imageViewerIcons.rotateRight)]
-        ),
-        navState.value.counter ? vue.h("span", { class: tigercatCore.imagePreviewCounterClasses }, navState.value.counter) : null
-      ]);
-      const prevBtn = props.images.length > 1 ? vue.h(
-        "button",
-        {
-          class: tigercatCore.classNames(tigercatCore.imagePreviewNavBtnClasses, "left-4"),
-          onClick: handlePrev,
-          disabled: !navState.value.hasPrev,
-          "aria-label": "Previous image",
-          type: "button"
-        },
-        [svgIcon(tigercatCore.prevIconPath)]
-      ) : null;
-      const nextBtn = props.images.length > 1 ? vue.h(
-        "button",
-        {
-          class: tigercatCore.classNames(tigercatCore.imagePreviewNavBtnClasses, "right-4"),
-          onClick: handleNext,
-          disabled: !navState.value.hasNext,
-          "aria-label": "Next image",
-          type: "button"
-        },
-        [svgIcon(tigercatCore.nextIconPath)]
-      ) : null;
-      const wrapper = vue.h(
-        "div",
-        {
-          class: tigercatCore.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 vue.h(vue.Teleport, { to: "body" }, [wrapper]);
-    };
-  }
-});
-var ImagePreview_default = ImagePreview;
-
-exports.ImagePreview = ImagePreview;
-exports.ImagePreview_default = ImagePreview_default;

package/dist/chunk-EZZG57TK.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Divider.ts
-var Divider = vue.defineComponent({
-  name: "TigerDivider",
-  props: {
-    orientation: {
-      type: String,
-      default: "horizontal"
-    },
-    lineStyle: {
-      type: String,
-      default: "solid"
-    },
-    spacing: {
-      type: String,
-      default: "md"
-    },
-    color: String,
-    thickness: String
-  },
-  setup(props, { attrs }) {
-    const classes = vue.computed(
-      () => tigercatCore.getDividerClasses(props.orientation, props.lineStyle, props.spacing)
-    );
-    const style = vue.computed(
-      () => tigercatCore.getDividerStyle(props.orientation, props.color, props.thickness)
-    );
-    return () => vue.h("div", {
-      ...attrs,
-      class: [classes.value, attrs.class],
-      style: [style.value, attrs.style],
-      role: "separator",
-      "aria-orientation": props.orientation
-    });
-  }
-});
-var Divider_default = Divider;
-
-exports.Divider = Divider;
-exports.Divider_default = Divider_default;