@expcat/tigercat-vue 1.1.0 → 1.2.14

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@expcat/tigercat-vue",
-  "version": "1.1.0",
+  "version": "1.2.14",
   "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.14"
   },
   "devDependencies": {
     "@types/node": "^25.6.0",

package/dist/chunk-5436FG3B.js

@@ -1,127 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Button.ts
-var createLoadingSpinner = () => {
-  const spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
-  return vue.h(
-    "svg",
-    {
-      class: "animate-spin h-4 w-4",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: spinnerSvg.viewBox,
-      "aria-hidden": "true",
-      focusable: "false"
-    },
-    spinnerSvg.elements.map((el) => vue.h(el.type, tigercatCore.normalizeSvgAttrs(el.attrs)))
-  );
-};
-var Button = vue.defineComponent({
-  name: "TigerButton",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Button variant style
-     * @default 'primary'
-     */
-    variant: {
-      type: String,
-      default: "primary"
-    },
-    /**
-     * Button size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Whether the button is disabled
-     */
-    disabled: Boolean,
-    /**
-     * Whether the button is in loading state
-     */
-    loading: Boolean,
-    /**
-     * Whether the button should take full width of its parent
-     */
-    block: Boolean,
-    /**
-     * Icon position relative to button text
-     * @default 'left'
-     */
-    iconPosition: {
-      type: String,
-      default: "left"
-    },
-    /**
-     * HTML button type
-     * @default 'button'
-     */
-    htmlType: {
-      type: String,
-      default: "button"
-    },
-    /**
-     * Whether to apply danger/destructive styling
-     */
-    danger: Boolean,
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["click"],
-  setup(props, { slots, emit, attrs }) {
-    const buttonClasses = vue.computed(() => {
-      const variantClasses = props.danger ? tigercatCore.buttonDangerClasses[props.variant] ?? tigercatCore.buttonDangerClasses.primary : tigercatCore.getButtonVariantClasses(props.variant);
-      return tigercatCore.composeComponentClasses(
-        tigercatCore.buttonBaseClasses,
-        variantClasses,
-        tigercatCore.buttonSizeClasses[props.size],
-        (props.disabled || props.loading) && tigercatCore.buttonDisabledClasses,
-        props.block && "w-full",
-        props.className,
-        attrs.class
-      );
-    });
-    const mergedStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    return () => {
-      const isDisabled = props.disabled || props.loading;
-      const iconIsRight = props.iconPosition === "right";
-      const loadingNode = props.loading ? vue.h(
-        "span",
-        { class: iconIsRight ? "ml-2 order-1" : "mr-2" },
-        slots["loading-icon"] ? slots["loading-icon"]() : createLoadingSpinner()
-      ) : null;
-      const iconNode = !props.loading && slots.icon ? vue.h("span", { class: iconIsRight ? "ml-2 order-1" : "mr-2" }, slots.icon()) : null;
-      return vue.h(
-        "button",
-        {
-          ...attrs,
-          class: buttonClasses.value,
-          style: mergedStyle.value,
-          "aria-busy": attrs["aria-busy"] ?? (props.loading ? "true" : void 0),
-          "aria-disabled": attrs["aria-disabled"] ?? (isDisabled ? "true" : void 0),
-          disabled: isDisabled,
-          type: props.htmlType,
-          onClick: isDisabled ? void 0 : (event) => emit("click", event)
-        },
-        [loadingNode, iconNode, slots.default?.()]
-      );
-    };
-  }
-});
-var Button_default = Button;
-
-exports.Button = Button;
-exports.Button_default = Button_default;

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;