@expcat/tigercat-vue 2.1.1 → 2.1.3

package/dist/components/Form.d.mts

@@ -1,6 +1,7 @@
 import * as vue from 'vue';
-import { PropType } from 'vue';
-import { FormValues, FormRules, FormLabelPosition, FormLabelAlign, ComponentSize, FormConditions, TigerLocale, FormError, FormRule, FormFieldCondition, FormConditionState, FormRuleTrigger } from '@expcat/tigercat-core';
+import { PropType, ComputedRef } from 'vue';
+import { FormValues, FormController, FormRules, FormLabelPosition, FormLabelAlign, ComponentSize, FormFieldDependencies, FormConditions, TigerLocale, FormError, FormRule, FormFieldCondition, FormConditionState, FormRuleTrigger } from '@expcat/tigercat-core';
+export { FormHandle } from '@expcat/tigercat-core';
 
 declare const FormContextKey: unique symbol;
 interface FormContext {
@@ -8,7 +9,7 @@ interface FormContext {
     rules?: FormRules;
     labelWidth?: string | number;
     labelPosition: FormLabelPosition;
-    labelAlign: FormLabelAlign;
+    labelAlign?: FormLabelAlign;
     size: ComponentSize;
     inlineMessage: boolean;
     showRequiredAsterisk: boolean;
@@ -21,9 +22,18 @@ interface FormContext {
     getFieldConditionState: (fieldName: string, conditionOverride?: FormFieldCondition) => FormConditionState;
     validateField: (fieldName: string, rulesOverride?: FormRule | FormRule[], trigger?: FormRuleTrigger) => Promise<void>;
     clearValidate: (fieldNames?: string | string[]) => void;
+    getFieldValue: (fieldName: string) => unknown;
+    updateValue: (fieldName: string, value: unknown) => void;
+    validate: () => Promise<boolean>;
+    validateFields: (fieldNames: string[]) => Promise<boolean>;
+    getValues: () => FormValues;
+    submit: () => Promise<boolean>;
 }
+declare function useFormContext(): ComputedRef<FormContext> | null;
+
 interface VueFormProps {
     model?: FormValues;
+    controller?: FormController;
     rules?: FormRules;
     labelWidth?: string | number;
     labelPosition?: FormLabelPosition;
@@ -33,91 +43,58 @@ interface VueFormProps {
     showRequiredAsterisk?: boolean;
     disabled?: boolean;
     loading?: boolean;
-    fieldDependencies?: Map<string, string[]>;
+    fieldDependencies?: FormFieldDependencies;
     conditions?: FormConditions;
     validateDebounce?: number;
     undoable?: boolean;
     maxHistorySize?: number;
+    locale?: Partial<TigerLocale>;
 }
 declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
-    /**
-     * Form data model
-     * @default {}
-     */
     model: {
         type: PropType<FormValues>;
         default: () => {};
     };
-    /**
-     * Form validation rules
-     */
+    controller: {
+        type: PropType<FormController>;
+        default: undefined;
+    };
     rules: {
         type: PropType<FormRules>;
     };
-    /**
-     * Label width (string or number in pixels)
-     */
     labelWidth: {
         type: PropType<string | number>;
     };
-    /**
-     * Label position
-     * @default 'right'
-     */
     labelPosition: {
         type: PropType<FormLabelPosition>;
         default: FormLabelPosition;
     };
-    /**
-     * Label alignment
-     * @default 'right'
-     */
     labelAlign: {
         type: PropType<FormLabelAlign>;
         default: undefined;
     };
-    /**
-     * Form size (applies to all form items)
-     * @default 'md'
-     */
     size: {
         type: PropType<ComponentSize>;
         default: ComponentSize;
     };
-    /**
-     * Show inline validation messages
-     * @default true
-     */
     inlineMessage: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Show required asterisk on required fields
-     * @default true
-     */
     showRequiredAsterisk: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Disable all form controls
-     * @default false
-     */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Whether the form is in a loading state (prevents submit)
-     * @default false
-     */
     loading: {
         type: BooleanConstructor;
         default: boolean;
     };
     fieldDependencies: {
-        type: PropType<Map<string, string[]>>;
+        type: PropType<FormFieldDependencies>;
         default: undefined;
     };
     conditions: {
@@ -136,10 +113,6 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
-    /**
-     * Locale override for built-in validation messages. Merged on top of the
-     * ConfigProvider locale; a per-rule `message` still takes precedence.
-     */
     locale: {
         type: PropType<Partial<TigerLocale>>;
         default: undefined;
@@ -147,97 +120,58 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    /**
-     * Emitted when form is submitted
-     */
     submit: (_data: {
         valid: boolean;
         values: FormValues;
         errors: FormError[];
     }) => true;
-    /**
-     * Emitted when field is validated
-     */
     validate: (fieldName: string, isValid: boolean, _errorMessage?: string) => boolean;
+    'update:model': (_values: FormValues) => true;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /**
-     * Form data model
-     * @default {}
-     */
     model: {
         type: PropType<FormValues>;
         default: () => {};
     };
-    /**
-     * Form validation rules
-     */
+    controller: {
+        type: PropType<FormController>;
+        default: undefined;
+    };
     rules: {
         type: PropType<FormRules>;
     };
-    /**
-     * Label width (string or number in pixels)
-     */
     labelWidth: {
         type: PropType<string | number>;
     };
-    /**
-     * Label position
-     * @default 'right'
-     */
     labelPosition: {
         type: PropType<FormLabelPosition>;
         default: FormLabelPosition;
     };
-    /**
-     * Label alignment
-     * @default 'right'
-     */
     labelAlign: {
         type: PropType<FormLabelAlign>;
         default: undefined;
     };
-    /**
-     * Form size (applies to all form items)
-     * @default 'md'
-     */
     size: {
         type: PropType<ComponentSize>;
         default: ComponentSize;
     };
-    /**
-     * Show inline validation messages
-     * @default true
-     */
     inlineMessage: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Show required asterisk on required fields
-     * @default true
-     */
     showRequiredAsterisk: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Disable all form controls
-     * @default false
-     */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Whether the form is in a loading state (prevents submit)
-     * @default false
-     */
     loading: {
         type: BooleanConstructor;
         default: boolean;
     };
     fieldDependencies: {
-        type: PropType<Map<string, string[]>>;
+        type: PropType<FormFieldDependencies>;
         default: undefined;
     };
     conditions: {
@@ -256,10 +190,6 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
-    /**
-     * Locale override for built-in validation messages. Merged on top of the
-     * ConfigProvider locale; a per-rule `message` still takes precedence.
-     */
     locale: {
         type: PropType<Partial<TigerLocale>>;
         default: undefined;
@@ -271,21 +201,23 @@ declare const Form: vue.DefineComponent<vue.ExtractPropTypes<{
         errors: FormError[];
     }) => any) | undefined;
     onValidate?: ((fieldName: string, isValid: boolean, _errorMessage?: string | undefined) => any) | undefined;
+    "onUpdate:model"?: ((_values: FormValues) => any) | undefined;
 }>, {
-    size: ComponentSize;
-    loading: boolean;
     locale: Partial<TigerLocale>;
+    size: ComponentSize;
     disabled: boolean;
+    loading: boolean;
     model: FormValues;
+    controller: FormController;
     labelPosition: FormLabelPosition;
     labelAlign: FormLabelAlign;
     inlineMessage: boolean;
     showRequiredAsterisk: boolean;
-    fieldDependencies: Map<string, string[]>;
+    fieldDependencies: FormFieldDependencies;
     conditions: FormConditions;
     validateDebounce: number;
     undoable: boolean;
     maxHistorySize: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { Form, type FormContext, FormContextKey, type VueFormProps, Form as default };
+export { Form, type FormContext, FormContextKey, type VueFormProps, Form as default, useFormContext };

package/dist/components/Form.mjs

@@ -1,12 +1,13 @@
 import {
   Form,
   FormContextKey,
-  Form_default
-} from "../chunk-HAUG3OP5.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+  Form_default,
+  useFormContext
+} from "../chunk-ONSDH4KJ.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   Form,
   FormContextKey,
-  Form_default as default
+  Form_default as default,
+  useFormContext
 };

package/dist/components/FormItem.d.mts

@@ -15,60 +15,32 @@ interface VueFormItemProps {
     condition?: FormFieldCondition;
 }
 declare const FormItem: vue.DefineComponent<vue.ExtractPropTypes<{
-    /**
-     * Field name (for validation)
-     */
     name: {
         type: StringConstructor;
     };
-    /**
-     * Field label text
-     */
     label: {
         type: StringConstructor;
     };
-    /**
-     * Label width (overrides form-level setting)
-     */
     labelWidth: {
         type: PropType<string | number>;
     };
-    /**
-     * Mark field as required
-     */
     required: {
-        type: BooleanConstructor;
+        type: PropType<boolean | undefined>;
+        default: undefined;
     };
-    /**
-     * Field validation rules (overrides form-level rules)
-     */
     rules: {
         type: PropType<FormRule | FormRule[]>;
     };
-    /**
-     * Custom error message
-     */
     error: {
         type: StringConstructor;
     };
-    /**
-     * Show validation message
-     * @default true
-     */
     showMessage: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Field size (overrides form-level size)
-     */
     size: {
         type: PropType<ComponentSize>;
     };
-    /**
-     * Error display mode
-     * @default 'inline'
-     */
     errorDisplayMode: {
         type: PropType<FormErrorDisplayMode>;
         default: FormErrorDisplayMode;
@@ -80,60 +52,32 @@ declare const FormItem: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /**
-     * Field name (for validation)
-     */
     name: {
         type: StringConstructor;
     };
-    /**
-     * Field label text
-     */
     label: {
         type: StringConstructor;
     };
-    /**
-     * Label width (overrides form-level setting)
-     */
     labelWidth: {
         type: PropType<string | number>;
     };
-    /**
-     * Mark field as required
-     */
     required: {
-        type: BooleanConstructor;
+        type: PropType<boolean | undefined>;
+        default: undefined;
     };
-    /**
-     * Field validation rules (overrides form-level rules)
-     */
     rules: {
         type: PropType<FormRule | FormRule[]>;
     };
-    /**
-     * Custom error message
-     */
     error: {
         type: StringConstructor;
     };
-    /**
-     * Show validation message
-     * @default true
-     */
     showMessage: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Field size (overrides form-level size)
-     */
     size: {
         type: PropType<ComponentSize>;
     };
-    /**
-     * Error display mode
-     * @default 'inline'
-     */
     errorDisplayMode: {
         type: PropType<FormErrorDisplayMode>;
         default: FormErrorDisplayMode;
@@ -143,7 +87,7 @@ declare const FormItem: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    required: boolean;
+    required: boolean | undefined;
     showMessage: boolean;
     errorDisplayMode: FormErrorDisplayMode;
     condition: FormFieldCondition;

package/dist/components/FormItem.mjs

@@ -1,12 +1,11 @@
 import {
   FormItem,
   FormItem_default
-} from "../chunk-K3WTQBE4.mjs";
-import "../chunk-HAUG3OP5.mjs";
+} from "../chunk-YPONYV6R.mjs";
+import "../chunk-ONSDH4KJ.mjs";
 import "../chunk-P2LZ2MR5.mjs";
-import "../chunk-Q7Y22OFX.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+import "../chunk-Y63TRXZO.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   FormItem,
   FormItem_default as default

package/dist/components/FormItemContext.d.mts

@@ -2,10 +2,18 @@ import { InjectionKey, ComputedRef } from 'vue';
 import { InputStatus } from '@expcat/tigercat-core';
 
 interface VueFormItemControlContext {
+    id: ComputedRef<string | undefined>;
+    labelId: ComputedRef<string | undefined>;
+    name: ComputedRef<string | undefined>;
     status: ComputedRef<InputStatus | undefined>;
-    errorMessage: ComputedRef<string | undefined>;
     shakeTrigger: ComputedRef<number | undefined>;
+    disabled: ComputedRef<boolean>;
+    describedBy: ComputedRef<string | undefined>;
+    required: ComputedRef<boolean>;
+    value: ComputedRef<unknown>;
+    onChange: (value: unknown) => void;
+    onBlur: () => void;
 }
-declare const FORM_ITEM_CONTROL_INJECTION_KEY: InjectionKey<VueFormItemControlContext>;
+declare const FORM_ITEM_CONTROL_INJECTION_KEY: InjectionKey<VueFormItemControlContext | null>;
 
 export { FORM_ITEM_CONTROL_INJECTION_KEY, type VueFormItemControlContext };

package/dist/components/FormWizard.d.mts

@@ -1,24 +1,9 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { WizardStep, StepsDirection, StepSize, FormWizardValidator, TigerLocale, TigerLocaleFormWizard } from '@expcat/tigercat-core';
+import { WizardStep, StepsDirection, StepSize, FormWizardValidator, TigerLocale, TigerLocaleFormWizard, FormWizardProps } from '@expcat/tigercat-core';
+export { WizardStep } from '@expcat/tigercat-core';
 
-interface VueFormWizardProps {
-    steps?: WizardStep[];
-    current?: number;
-    defaultCurrent?: number;
-    clickable?: boolean;
-    direction?: StepsDirection;
-    size?: StepSize;
-    simple?: boolean;
-    showSteps?: boolean;
-    showActions?: boolean;
-    prevText?: string;
-    nextText?: string;
-    finishText?: string;
-    beforeNext?: FormWizardValidator;
-    locale?: Partial<TigerLocale>;
-    labels?: Partial<TigerLocaleFormWizard>;
-    className?: string;
+interface VueFormWizardProps extends Omit<FormWizardProps, 'style'> {
     style?: Record<string, string | number>;
 }
 declare const FormWizard: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -182,21 +167,21 @@ declare const FormWizard: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:current"?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: StepSize;
     locale: Partial<TigerLocale>;
-    labels: Partial<TigerLocaleFormWizard>;
-    className: string;
-    style: Record<string, string | number>;
     direction: StepsDirection;
-    bordered: boolean;
+    steps: WizardStep[];
+    style: Record<string, string | number>;
+    labels: Partial<TigerLocaleFormWizard>;
     prevText: string;
     nextText: string;
     finishText: string;
+    size: StepSize;
+    className: string;
+    current: number;
     simple: boolean;
+    bordered: boolean;
     defaultCurrent: number;
-    current: number;
     clickable: boolean;
-    steps: WizardStep[];
     showSteps: boolean;
     showActions: boolean;
     beforeNext: FormWizardValidator;

package/dist/components/FormWizard.mjs

@@ -1,12 +1,14 @@
 import {
   FormWizard,
   FormWizard_default
-} from "../chunk-CCC3S6LK.mjs";
-import "../chunk-HWL36OCD.mjs";
-import "../chunk-YZBQ6IR7.mjs";
-import "../chunk-Z2ZECCGD.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-UDYEWEBD.mjs";
+import "../chunk-7G6YBK6O.mjs";
+import "../chunk-ONSDH4KJ.mjs";
+import "../chunk-OGKNRXUA.mjs";
+import "../chunk-FEVDV3I6.mjs";
+import "../chunk-4KIZXFFG.mjs";
+import "../chunk-4QMHNTUU.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   FormWizard,
   FormWizard_default as default

package/dist/components/FunnelChart.d.mts

@@ -1,11 +1,13 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { ChartPadding, FunnelChartDatum, ChartLegendPosition, FunnelChartProps } from '@expcat/tigercat-core';
+import { ChartPadding, FunnelChartDatum, ChartLegendPosition, FunnelChartProps as FunnelChartProps$1 } from '@expcat/tigercat-core';
 
-interface VueFunnelChartProps extends FunnelChartProps {
+interface VueFunnelChartProps extends FunnelChartProps$1 {
     data: FunnelChartDatum[];
     padding?: ChartPadding;
+    onSegmentClick?: (index: number, datum: FunnelChartDatum) => void;
 }
+type FunnelChartProps = VueFunnelChartProps;
 declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
     width: {
         type: NumberConstructor;
@@ -19,6 +21,10 @@ declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ChartPadding>;
         default: number;
     };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     data: {
         type: PropType<FunnelChartDatum[]>;
         required: true;
@@ -42,6 +48,10 @@ declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showLabels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hoverable: {
         type: BooleanConstructor;
         default: boolean;
@@ -98,6 +108,9 @@ declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
     className: {
         type: StringConstructor;
     };
+    onSegmentClick: {
+        type: PropType<(index: number, datum: FunnelChartDatum) => void>;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:hoveredIndex" | "update:selectedIndex" | "segment-click" | "segment-hover")[], "update:hoveredIndex" | "update:selectedIndex" | "segment-click" | "segment-hover", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -113,6 +126,10 @@ declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ChartPadding>;
         default: number;
     };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     data: {
         type: PropType<FunnelChartDatum[]>;
         required: true;
@@ -136,6 +153,10 @@ declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showLabels: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hoverable: {
         type: BooleanConstructor;
         default: boolean;
@@ -192,20 +213,25 @@ declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
     className: {
         type: StringConstructor;
     };
+    onSegmentClick: {
+        type: PropType<(index: number, datum: FunnelChartDatum) => void>;
+    };
 }>> & Readonly<{
     "onUpdate:hoveredIndex"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedIndex"?: ((...args: any[]) => any) | undefined;
     "onSegment-click"?: ((...args: any[]) => any) | undefined;
     "onSegment-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
-    direction: "horizontal" | "vertical";
-    padding: ChartPadding;
-    hoverable: boolean;
+    direction: "vertical" | "horizontal";
     width: number;
     height: number;
+    padding: ChartPadding;
     gradient: boolean;
     gap: number;
+    hoverable: boolean;
+    showLabels: boolean;
     selectable: boolean;
+    responsive: boolean;
     hoveredIndex: number | null;
     activeOpacity: number;
     inactiveOpacity: number;
@@ -218,4 +244,4 @@ declare const FunnelChart: vue.DefineComponent<vue.ExtractPropTypes<{
     pinch: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { FunnelChart, type VueFunnelChartProps, FunnelChart as default };
+export { FunnelChart, type FunnelChartProps, type VueFunnelChartProps, FunnelChart as default };

package/dist/components/FunnelChart.mjs

@@ -1,12 +1,14 @@
 import {
   FunnelChart,
   FunnelChart_default
-} from "../chunk-RHQWQJ4I.mjs";
-import "../chunk-FHUGOSEY.mjs";
-import "../chunk-2ZUEXCVJ.mjs";
-import "../chunk-SPFL55TF.mjs";
-import "../chunk-SNNT64HK.mjs";
-import "../chunk-V443QIJM.mjs";
+} from "../chunk-HZJH4DNQ.mjs";
+import "../chunk-AI6X2WFK.mjs";
+import "../chunk-W2FOU4XH.mjs";
+import "../chunk-2XITUFL6.mjs";
+import "../chunk-6K5BLE4Q.mjs";
+import "../chunk-V4H2Z5ZO.mjs";
+import "../chunk-Y63TRXZO.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   FunnelChart,
   FunnelChart_default as default