@expcat/tigercat-vue 2.0.4 → 2.1.0

package/dist/components/LineChart.mjs

@@ -1,14 +1,14 @@
 import {
   LineChart,
   LineChart_default
-} from "../chunk-XGXZF27U.mjs";
+} from "../chunk-JHMT5Q6P.mjs";
 import "../chunk-PE5OA4YG.mjs";
+import "../chunk-2ZUEXCVJ.mjs";
 import "../chunk-SPFL55TF.mjs";
 import "../chunk-ZWVA7HT3.mjs";
 import "../chunk-W5RZPTFD.mjs";
 import "../chunk-MI6TL3CQ.mjs";
 import "../chunk-V443QIJM.mjs";
-import "../chunk-2ZUEXCVJ.mjs";
 export {
   LineChart,
   LineChart_default as default

package/dist/components/List.d.mts

@@ -302,9 +302,9 @@ declare const List: vue.DefineComponent<vue.ExtractPropTypes<{
     className: string;
     style: Record<string, string | number>;
     loading: boolean;
+    split: boolean;
     virtual: boolean;
     dataSource: ListItem[];
-    split: boolean;
     bordered: ListBorderStyle;
     hoverable: boolean;
     rowKey: string | ((item: ListItem, index: number) => string | number);

package/dist/components/List.mjs

@@ -1,7 +1,7 @@
 import {
   List,
   List_default
-} from "../chunk-KOG3HKOF.mjs";
+} from "../chunk-6AMWX5K4.mjs";
 import "../chunk-2LIIMWBR.mjs";
 import "../chunk-HS4YQGZQ.mjs";
 import "../chunk-UOJOJBEU.mjs";

package/dist/components/LoadingBar.d.mts

@@ -0,0 +1,8 @@
+import { LoadingBarApi, LoadingBarOptions } from '@expcat/tigercat-core';
+export { LoadingBarContainer, VueLoadingBarContainerProps } from './LoadingBarContainer.mjs';
+import 'vue';
+
+type VueLoadingBarProps = LoadingBarOptions;
+declare const LoadingBar: LoadingBarApi;
+
+export { LoadingBar, type VueLoadingBarProps, LoadingBar as default };

package/dist/components/LoadingBar.mjs

@@ -0,0 +1,114 @@
+import {
+  LoadingBarContainer
+} from "../chunk-TBOXTAIA.mjs";
+import {
+  getGlobalTigerLocale
+} from "../chunk-TGXBCKOU.mjs";
+
+// src/components/LoadingBar.ts
+import { createApp, defineComponent, h, ref } from "vue";
+import {
+  createLoadingBarController,
+  isBrowser,
+  LOADING_BAR_CONTAINER_ROOT_ID,
+  resolveLoadingBarMountTarget
+} from "@expcat/tigercat-core";
+var containerApp = null;
+var controller = null;
+var barState = ref(null);
+function getDefaultAriaLabel() {
+  return getGlobalTigerLocale()?.common?.loadingText;
+}
+function getController() {
+  if (!controller) {
+    controller = createLoadingBarController();
+    controller.subscribe(() => {
+      barState.value = controller?.getState() ?? null;
+    });
+  }
+  return controller;
+}
+var LoadingBarHost = /* @__PURE__ */ defineComponent({
+  name: "TigerLoadingBarHost",
+  setup() {
+    return () => {
+      const state = barState.value;
+      if (!state?.visible) return null;
+      return h(LoadingBarContainer, {
+        percentage: state.percentage,
+        status: state.status,
+        color: state.color,
+        height: state.height,
+        className: state.className,
+        style: state.style,
+        ariaLabel: state.ariaLabel
+      });
+    };
+  }
+});
+function ensureContainer(container) {
+  if (!isBrowser()) {
+    return;
+  }
+  const existingRootEl = document.getElementById(LOADING_BAR_CONTAINER_ROOT_ID);
+  if (containerApp && !existingRootEl) {
+    containerApp = null;
+  }
+  if (containerApp) {
+    return;
+  }
+  let rootEl = existingRootEl;
+  if (!rootEl) {
+    rootEl = document.createElement("div");
+    rootEl.id = LOADING_BAR_CONTAINER_ROOT_ID;
+    const mountTarget = resolveLoadingBarMountTarget(container) ?? document.body;
+    mountTarget.appendChild(rootEl);
+  }
+  containerApp = createApp(LoadingBarHost);
+  containerApp.mount(rootEl);
+}
+function teardownContainer() {
+  if (containerApp) {
+    containerApp.unmount();
+    containerApp = null;
+  }
+  if (isBrowser()) {
+    const rootEl = document.getElementById(LOADING_BAR_CONTAINER_ROOT_ID);
+    if (rootEl?.parentNode) {
+      rootEl.parentNode.removeChild(rootEl);
+    }
+  }
+}
+function withAriaLabel(options) {
+  if (options?.ariaLabel) return options;
+  const localeLabel = getDefaultAriaLabel();
+  if (!localeLabel && !options) return options;
+  return { ...options, ariaLabel: options?.ariaLabel ?? localeLabel };
+}
+var LoadingBar = {
+  start(options) {
+    const resolved = withAriaLabel(options);
+    getController().start(resolved);
+    ensureContainer(resolved?.container);
+  },
+  finish() {
+    getController().finish();
+    if (getController().getState().visible) {
+      ensureContainer();
+    }
+  },
+  error() {
+    getController().error();
+    ensureContainer();
+  },
+  clear() {
+    getController().clear();
+    teardownContainer();
+  }
+};
+var LoadingBar_default = LoadingBar;
+export {
+  LoadingBar,
+  LoadingBarContainer,
+  LoadingBar_default as default
+};

package/dist/components/LoadingBarContainer.d.mts

@@ -0,0 +1,78 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { LoadingBarStatus, LoadingBarColor, LoadingBarContainerProps } from '@expcat/tigercat-core';
+
+interface VueLoadingBarContainerProps extends LoadingBarContainerProps {
+    style?: Record<string, string | number>;
+}
+declare const LoadingBarContainer: vue.DefineComponent<vue.ExtractPropTypes<{
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    status: {
+        type: PropType<LoadingBarStatus>;
+        default: LoadingBarStatus;
+    };
+    color: {
+        type: PropType<LoadingBarColor>;
+        default: LoadingBarColor;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    percentage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    status: {
+        type: PropType<LoadingBarStatus>;
+        default: LoadingBarStatus;
+    };
+    color: {
+        type: PropType<LoadingBarColor>;
+        default: LoadingBarColor;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    status: LoadingBarStatus;
+    ariaLabel: string;
+    className: string;
+    style: Record<string, string | number>;
+    height: number;
+    color: LoadingBarColor;
+    percentage: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { LoadingBarContainer, type VueLoadingBarContainerProps, LoadingBarContainer as default };

package/dist/components/LoadingBarContainer.mjs

@@ -0,0 +1,8 @@
+import {
+  LoadingBarContainer,
+  LoadingBarContainer_default
+} from "../chunk-TBOXTAIA.mjs";
+export {
+  LoadingBarContainer,
+  LoadingBarContainer_default as default
+};

package/dist/components/LoadingBarRoot.d.mts

@@ -0,0 +1,6 @@
+import { LoadingBarApi, LoadingBarOptions } from '@expcat/tigercat-core';
+
+type VueLoadingBarProps = LoadingBarOptions;
+declare const LoadingBar: LoadingBarApi;
+
+export { LoadingBar, type VueLoadingBarProps };

package/dist/components/LoadingBarRoot.mjs

@@ -0,0 +1,6 @@
+import {
+  LoadingBar
+} from "../chunk-PFIV5MXD.mjs";
+export {
+  LoadingBar
+};

package/dist/components/Marquee.d.mts

@@ -0,0 +1,158 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { MarqueeDirection, MarqueeGap } from '@expcat/tigercat-core';
+
+interface VueMarqueeProps {
+    direction?: MarqueeDirection;
+    duration?: number;
+    pauseOnHover?: boolean;
+    gap?: MarqueeGap;
+    repeat?: number;
+    ariaLabel?: string;
+    className?: string;
+    style?: Record<string, unknown>;
+}
+declare const Marquee: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Scroll direction
+     * @default 'left'
+     */
+    direction: {
+        type: PropType<MarqueeDirection>;
+        default: string;
+    };
+    /**
+     * Time for one full loop, in milliseconds
+     * @default 20000
+     */
+    duration: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Pause looping while hovered or while focus is inside the region
+     * @default true
+     */
+    pauseOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Gap between items and between duplicated copies.
+     * A number is pixels; a string is a CSS length.
+     * @default 16
+     */
+    gap: {
+        type: PropType<MarqueeGap>;
+        default: undefined;
+    };
+    /**
+     * How many copies of the content to render for a seamless loop.
+     * Values below 2 skip looping and show a single static copy.
+     * @default 2
+     */
+    repeat: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Accessible name for the region
+     * @default 'Scrolling content'
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Scroll direction
+     * @default 'left'
+     */
+    direction: {
+        type: PropType<MarqueeDirection>;
+        default: string;
+    };
+    /**
+     * Time for one full loop, in milliseconds
+     * @default 20000
+     */
+    duration: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Pause looping while hovered or while focus is inside the region
+     * @default true
+     */
+    pauseOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Gap between items and between duplicated copies.
+     * A number is pixels; a string is a CSS length.
+     * @default 16
+     */
+    gap: {
+        type: PropType<MarqueeGap>;
+        default: undefined;
+    };
+    /**
+     * How many copies of the content to render for a seamless loop.
+     * Values below 2 skip looping and show a single static copy.
+     * @default 2
+     */
+    repeat: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Accessible name for the region
+     * @default 'Scrolling content'
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    direction: MarqueeDirection;
+    ariaLabel: string;
+    className: string;
+    style: Record<string, unknown>;
+    repeat: number;
+    duration: number;
+    pauseOnHover: boolean;
+    gap: MarqueeGap;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { Marquee, type VueMarqueeProps, Marquee as default };

package/dist/components/Marquee.mjs

@@ -0,0 +1,8 @@
+import {
+  Marquee,
+  Marquee_default
+} from "../chunk-3ONCXHE5.mjs";
+export {
+  Marquee,
+  Marquee_default as default
+};

package/dist/components/MaskInput.d.mts

@@ -0,0 +1,201 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { MaskToken, ComponentSize, InputStatus } from '@expcat/tigercat-core';
+
+type VueMaskInputProps = InstanceType<typeof MaskInput>['$props'];
+declare const MaskInput: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Raw (unmasked) value for v-model
+     */
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Default raw value (for uncontrolled mode)
+     */
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Mask template. Built-in tokens: `#` digit, `a` letter, `*` alphanumeric,
+     * `!` escapes the next character to a literal
+     */
+    mask: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Custom tokens merged over the built-ins
+     */
+    tokens: {
+        type: PropType<Record<string, MaskToken>>;
+        default: undefined;
+    };
+    /**
+     * Input size
+     * @default 'md'
+     */
+    size: {
+        type: PropType<ComponentSize>;
+        default: string;
+    };
+    /**
+     * Validation status
+     * @default 'default'
+     */
+    status: {
+        type: PropType<InputStatus>;
+        default: string;
+    };
+    /** Error message to display */
+    errorMessage: StringConstructor;
+    /** Placeholder text */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Whether the input is disabled */
+    disabled: BooleanConstructor;
+    /** Whether the input is readonly */
+    readonly: BooleanConstructor;
+    /** Whether to show a clear button when the input has value */
+    clearable: BooleanConstructor;
+    /** Input name attribute */
+    name: StringConstructor;
+    /** Input id attribute */
+    id: StringConstructor;
+    /** Autocomplete attribute */
+    autoComplete: StringConstructor;
+    /** Whether to autofocus on mount */
+    autoFocus: BooleanConstructor;
+    /**
+     * Internal shake trigger counter (used by FormItem)
+     * @internal
+     */
+    _shakeTrigger: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** Additional CSS classes */
+    className: StringConstructor;
+    /** Inline styles */
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': null;
+    change: null;
+    complete: null;
+    focus: null;
+    blur: null;
+    clear: null;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Raw (unmasked) value for v-model
+     */
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Default raw value (for uncontrolled mode)
+     */
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Mask template. Built-in tokens: `#` digit, `a` letter, `*` alphanumeric,
+     * `!` escapes the next character to a literal
+     */
+    mask: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Custom tokens merged over the built-ins
+     */
+    tokens: {
+        type: PropType<Record<string, MaskToken>>;
+        default: undefined;
+    };
+    /**
+     * Input size
+     * @default 'md'
+     */
+    size: {
+        type: PropType<ComponentSize>;
+        default: string;
+    };
+    /**
+     * Validation status
+     * @default 'default'
+     */
+    status: {
+        type: PropType<InputStatus>;
+        default: string;
+    };
+    /** Error message to display */
+    errorMessage: StringConstructor;
+    /** Placeholder text */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Whether the input is disabled */
+    disabled: BooleanConstructor;
+    /** Whether the input is readonly */
+    readonly: BooleanConstructor;
+    /** Whether to show a clear button when the input has value */
+    clearable: BooleanConstructor;
+    /** Input name attribute */
+    name: StringConstructor;
+    /** Input id attribute */
+    id: StringConstructor;
+    /** Autocomplete attribute */
+    autoComplete: StringConstructor;
+    /** Whether to autofocus on mount */
+    autoFocus: BooleanConstructor;
+    /**
+     * Internal shake trigger counter (used by FormItem)
+     * @internal
+     */
+    _shakeTrigger: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** Additional CSS classes */
+    className: StringConstructor;
+    /** Inline styles */
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClear?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onComplete?: ((...args: any[]) => any) | undefined;
+}>, {
+    status: InputStatus;
+    placeholder: string;
+    size: ComponentSize;
+    style: Record<string, string | number>;
+    disabled: boolean;
+    defaultValue: string;
+    modelValue: string;
+    clearable: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+    _shakeTrigger: number;
+    tokens: Record<string, MaskToken>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { MaskInput, type VueMaskInputProps, MaskInput as default };

package/dist/components/MaskInput.mjs

@@ -0,0 +1,11 @@
+import {
+  MaskInput,
+  MaskInput_default
+} from "../chunk-F3ZVVVYD.mjs";
+import "../chunk-P2LZ2MR5.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
+export {
+  MaskInput,
+  MaskInput_default as default
+};