@xn-lib/component 0.1.29 → 0.1.30

package/dist/types/cascader/index.vue.d.ts

@@ -287,11 +287,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     readonly disabled: boolean;
     readonly filter: import("../types/cascader").Filter;
+    readonly showCheckbox: boolean;
     readonly modelValue: CascaderValue | null;
     readonly size: "small" | "default" | "large";
-    readonly showCheckbox: boolean;
     readonly onLoad: import("../types/cascader").OnLoad;
-    readonly placeholder: string;
     readonly getColumnStyle: (detail: {
         level: number;
     }) => string | Record<string, any>;
@@ -301,6 +300,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     readonly labelField: string;
     readonly separator: string;
     readonly options: CascaderOption[];
+    readonly placeholder: string;
     readonly clearable: boolean;
     readonly filterable: boolean;
     readonly expandTrigger: import("../types/cascader").ExpandTrigger;

package/dist/types/editable-textarea/index.vue.d.ts

@@ -177,9 +177,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     readonly disabled: boolean;
     readonly modelValue: import("../types").EditableTextareaModelValue;
-    readonly placeholder: string;
     readonly maxHeight: number;
     readonly onEnter: import("../types").KeyboardEventHandler;
+    readonly placeholder: string;
     readonly maxlength: number;
     readonly readonly: boolean;
     readonly autoHeight: boolean;

package/dist/types/form-list/index.d.ts

@@ -0,0 +1,12 @@
+import type { Plugin } from 'vue';
+import FormListComponent from './index.vue';
+declare const FormList: typeof FormListComponent & Plugin;
+export default FormList;
+export type { FormListProps, FormListRow, FormListDefaultRow } from './props';
+export { useFormListActions } from './use-form-list-actions';
+export { useFormListLayout } from './use-form-list-layout';
+export { useFormListRowForms } from './use-form-list-row-forms';
+export { useFormListUidSync } from './use-form-list-uid-sync';
+export { useFormList, type FormListExpose, type FormListSubmitRow, type UseFormListOptions, type UseFormListReturn } from './use-form-list';
+export { generateUid, cssLength, getFormListRowKey, ensureRowUids, stripUidRow } from './utils';
+export type { RowKeyOptions } from './utils';

package/dist/types/form-list/index.vue.d.ts

@@ -0,0 +1,263 @@
+import type { FormListRow } from './props';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<FormListRow[]>;
+        readonly default: () => never[];
+    };
+    readonly defaultRow: {
+        readonly type: import("vue").PropType<import("./props").FormListDefaultRow>;
+        readonly default: () => {};
+    };
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    readonly modelProp: {
+        readonly type: StringConstructor;
+        readonly default: "rows";
+    };
+    readonly keyType: {
+        readonly type: import("vue").PropType<"uid" | "index">;
+        readonly default: "uid";
+    };
+    readonly uidKey: {
+        readonly type: StringConstructor;
+        readonly default: "uid";
+    };
+    readonly rowKey: {
+        readonly type: import("vue").PropType<string | ((row: FormListRow, index: number) => string | number)>;
+        readonly default: undefined;
+    };
+    readonly labelWidth: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "";
+    };
+    readonly labelPosition: {
+        readonly type: import("vue").PropType<"left" | "right" | "top">;
+        readonly default: "right";
+    };
+    readonly inline: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, import("element-plus").FormItemRule | import("element-plus").FormItemRule[]>>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<"large" | "default" | "small">;
+        readonly default: "default";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly validateOnRuleChange: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly hideRequiredAsterisk: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showMessage: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly inlineMessage: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly statusIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly scrollToError: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly height: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: undefined;
+    };
+    readonly maxHeight: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: undefined;
+    };
+    readonly showFooter: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly gap: {
+        readonly type: StringConstructor;
+        readonly default: "18px";
+    };
+}>, {
+    validate: (callback?: (valid: boolean) => void) => Promise<boolean>;
+    validateField: (propsArg: string | string[], callback?: (isValid: boolean) => void, rowIndex?: number) => import("element-plus").FormValidationResult | undefined;
+    resetFields: (rowIndex?: number) => void;
+    clearValidate: (propsArg?: string | string[], rowIndex?: number) => void;
+    scrollToField: (prop: string, rowIndex?: number) => void;
+    add: () => void;
+    remove: (index: number) => void;
+    getFormValues: () => FormListRow[];
+    getFormValue: (index: number) => FormListRow | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: FormListRow[]) => any;
+    change: (value: FormListRow[]) => any;
+    remove: (row: FormListRow, index: number) => any;
+    add: (row: FormListRow, index: number) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<FormListRow[]>;
+        readonly default: () => never[];
+    };
+    readonly defaultRow: {
+        readonly type: import("vue").PropType<import("./props").FormListDefaultRow>;
+        readonly default: () => {};
+    };
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    readonly modelProp: {
+        readonly type: StringConstructor;
+        readonly default: "rows";
+    };
+    readonly keyType: {
+        readonly type: import("vue").PropType<"uid" | "index">;
+        readonly default: "uid";
+    };
+    readonly uidKey: {
+        readonly type: StringConstructor;
+        readonly default: "uid";
+    };
+    readonly rowKey: {
+        readonly type: import("vue").PropType<string | ((row: FormListRow, index: number) => string | number)>;
+        readonly default: undefined;
+    };
+    readonly labelWidth: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "";
+    };
+    readonly labelPosition: {
+        readonly type: import("vue").PropType<"left" | "right" | "top">;
+        readonly default: "right";
+    };
+    readonly inline: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly rules: {
+        readonly type: import("vue").PropType<Record<string, import("element-plus").FormItemRule | import("element-plus").FormItemRule[]>>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: import("vue").PropType<"large" | "default" | "small">;
+        readonly default: "default";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly validateOnRuleChange: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly hideRequiredAsterisk: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showMessage: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly inlineMessage: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly statusIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly scrollToError: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly height: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: undefined;
+    };
+    readonly maxHeight: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: undefined;
+    };
+    readonly showFooter: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly gap: {
+        readonly type: StringConstructor;
+        readonly default: "18px";
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: FormListRow[]) => any) | undefined;
+    onChange?: ((value: FormListRow[]) => any) | undefined;
+    onRemove?: ((row: FormListRow, index: number) => any) | undefined;
+    onAdd?: ((row: FormListRow, index: number) => any) | undefined;
+}>, {
+    readonly disabled: boolean;
+    readonly modelValue: FormListRow[];
+    readonly size: "small" | "default" | "large";
+    readonly height: string | number;
+    readonly maxHeight: string | number;
+    readonly gap: string;
+    readonly rules: Record<string, import("element-plus").FormItemRule | import("element-plus").FormItemRule[]>;
+    readonly defaultRow: import("./props").FormListDefaultRow;
+    readonly min: number;
+    readonly max: number;
+    readonly modelProp: string;
+    readonly keyType: "index" | "uid";
+    readonly uidKey: string;
+    readonly rowKey: string | ((row: FormListRow, index: number) => string | number);
+    readonly labelWidth: string | number;
+    readonly labelPosition: "top" | "right" | "left";
+    readonly inline: boolean;
+    readonly validateOnRuleChange: boolean;
+    readonly hideRequiredAsterisk: boolean;
+    readonly showMessage: boolean;
+    readonly inlineMessage: boolean;
+    readonly statusIcon: boolean;
+    readonly scrollToError: boolean;
+    readonly showFooter: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    item?: (props: {
+        item: FormListRow;
+        index: number;
+        list: FormListRow[];
+        remove: () => void;
+        add: () => void;
+        canRemove: boolean;
+        canAdd: boolean;
+    }) => any;
+} & {
+    add?: (props: {
+        add: () => void;
+        disabled: boolean;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/form-list/props.d.ts

@@ -0,0 +1,139 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { FormItemRule } from 'element-plus';
+export type FormListRow = Record<string, any>;
+export type FormListDefaultRow = FormListRow | (() => FormListRow);
+export declare const formListProps: {
+    /**
+     * 列表数据（v-model）
+     */
+    readonly modelValue: {
+        readonly type: PropType<FormListRow[]>;
+        readonly default: () => never[];
+    };
+    /**
+     * 新增行时的默认值；对象会浅拷贝，函数每次返回新行初始数据
+     */
+    readonly defaultRow: {
+        readonly type: PropType<FormListDefaultRow>;
+        readonly default: () => {};
+    };
+    /**
+     * 最少行数，达到后不可再删
+     */
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    /**
+     * 最多行数，达到后不可再增
+     */
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    /**
+     * 保留字段，组件内不再参与表单绑定（每行独立 el-form，model 即为该行对象）
+     */
+    readonly modelProp: {
+        readonly type: StringConstructor;
+        readonly default: "rows";
+    };
+    /**
+     * 列表项 key 策略：`uid` 使用行内 uid 字段（见 uidKey），`index` 使用行下标
+     */
+    readonly keyType: {
+        readonly type: PropType<"uid" | "index">;
+        readonly default: "uid";
+    };
+    /**
+     * keyType 为 uid 时，行内唯一标识字段名；缺失时会自动补全，提交前可用 getFormValues 去除
+     */
+    readonly uidKey: {
+        readonly type: StringConstructor;
+        readonly default: "uid";
+    };
+    /**
+     * 自定义列表项 key（优先级高于 keyType）：字符串为行对象字段名（空则回退 index），函数则自定义返回值
+     */
+    readonly rowKey: {
+        readonly type: PropType<string | ((row: FormListRow, index: number) => string | number)>;
+        readonly default: undefined;
+    };
+    readonly labelWidth: {
+        readonly type: PropType<string | number>;
+        readonly default: "";
+    };
+    readonly labelPosition: {
+        readonly type: PropType<"left" | "right" | "top">;
+        readonly default: "right";
+    };
+    readonly inline: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly rules: {
+        readonly type: PropType<Record<string, FormItemRule | FormItemRule[]>>;
+        readonly default: undefined;
+    };
+    readonly size: {
+        readonly type: PropType<"large" | "default" | "small">;
+        readonly default: "default";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly validateOnRuleChange: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly hideRequiredAsterisk: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showMessage: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly inlineMessage: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly statusIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly scrollToError: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /**
+     * 根容器固定高度，表单项区域超出时滚动，底部操作区（footer）固定在底部
+     */
+    readonly height: {
+        readonly type: PropType<string | number>;
+        readonly default: undefined;
+    };
+    /**
+     * 根容器最大高度，超出时表单项区域滚动，footer 固定在底部
+     */
+    readonly maxHeight: {
+        readonly type: PropType<string | number>;
+        readonly default: undefined;
+    };
+    /**
+     * 是否展示底部区域（含默认「新增」或 add 插槽）
+     */
+    readonly showFooter: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /**
+     * 表单项间距
+     */
+    readonly gap: {
+        readonly type: StringConstructor;
+        readonly default: "18px";
+    };
+};
+export type FormListProps = ExtractPropTypes<typeof formListProps>;

package/dist/types/form-list/use-form-list-actions.d.ts

@@ -0,0 +1,21 @@
+import { type ExtractPropTypes } from 'vue';
+import { formListProps } from './props';
+import type { FormListRow } from './props';
+type Props = ExtractPropTypes<typeof formListProps>;
+type Emit = {
+    (e: 'update:modelValue', value: FormListRow[]): void;
+    (e: 'add', row: FormListRow, index: number): void;
+    (e: 'remove', row: FormListRow, index: number): void;
+    (e: 'change', value: FormListRow[]): void;
+};
+export declare function useFormListActions(props: Props, emit: Emit): {
+    getRowKey: (row: FormListRow, index: number) => string | number;
+    canAdd: import("vue").ComputedRef<boolean>;
+    canRemove: import("vue").ComputedRef<boolean>;
+    addDisabled: import("vue").ComputedRef<boolean>;
+    add: () => void;
+    remove: (index: number) => void;
+    getFormValues: () => FormListRow[];
+    getFormValue: (index: number) => FormListRow | undefined;
+};
+export {};

package/dist/types/form-list/use-form-list-layout.d.ts

@@ -0,0 +1,8 @@
+import { type ExtractPropTypes } from 'vue';
+import { formListProps } from './props';
+type Props = ExtractPropTypes<typeof formListProps>;
+export declare function useFormListLayout(props: Pick<Props, 'height' | 'maxHeight'>): {
+    scrollLayout: import("vue").ComputedRef<boolean>;
+    rootStyle: import("vue").ComputedRef<Record<string, string>>;
+};
+export {};

package/dist/types/form-list/use-form-list-row-forms.d.ts

@@ -0,0 +1,9 @@
+import type { FormInstance } from 'element-plus';
+export declare function useFormListRowForms(getLength: () => number): {
+    setRowFormRef: (index: number, el: FormInstance | null) => void;
+    validate: (callback?: (valid: boolean) => void) => Promise<boolean>;
+    validateField: (propsArg: string | string[], callback?: (isValid: boolean) => void, rowIndex?: number) => import("element-plus").FormValidationResult | undefined;
+    resetFields: (rowIndex?: number) => void;
+    clearValidate: (propsArg?: string | string[], rowIndex?: number) => void;
+    scrollToField: (prop: string, rowIndex?: number) => void;
+};

package/dist/types/form-list/use-form-list-uid-sync.d.ts

@@ -0,0 +1,14 @@
+import { type ExtractPropTypes } from 'vue';
+import { formListProps } from './props';
+import type { FormListRow } from './props';
+type Props = ExtractPropTypes<typeof formListProps>;
+type Emit = {
+    (e: 'update:modelValue', value: FormListRow[]): void;
+    (e: 'change', value: FormListRow[]): void;
+};
+/**
+ * 勿对 modelValue 使用 deep：行内字段变更会反复触发，易与 v-model 形成递归。
+ * 仅在数组引用替换、length 变化或 keyType 切换时补全 uid。
+ */
+export declare function useFormListUidSync(props: Props, emit: Emit): void;
+export {};

package/dist/types/form-list/use-form-list.d.ts

@@ -0,0 +1,49 @@
+import { type Ref } from 'vue';
+import type { FormListRow } from './props';
+/** 与 `XnFormList` 中 `defineExpose` 一致，用于 `ref` 与 `useFormList` */
+export interface FormListExpose {
+    validate: (callback?: (valid: boolean) => void) => Promise<boolean | void>;
+    validateField: (propsArg: string | string[], callback?: (isValid: boolean) => void, rowIndex?: number) => void | Promise<unknown>;
+    resetFields: (rowIndex?: number) => void;
+    clearValidate: (propsArg?: string | string[], rowIndex?: number) => void;
+    scrollToField: (prop: string, rowIndex?: number) => void;
+    add: () => void;
+    remove: (index: number) => void;
+    getFormValues: () => FormListRow[];
+    getFormValue: (index: number) => FormListRow | undefined;
+}
+/** 提交用行类型：默认按 `uidKey` 为 `uid` 从 `T` 上剔除（与 `getFormValues` 行为一致） */
+export type FormListSubmitRow<T extends FormListRow> = Omit<T, 'uid'>;
+export interface UseFormListOptions<T extends FormListRow> {
+    /**
+     * 用于推断行类型 `T`；运行时不参与逻辑，可传 `defaultRow` 工厂或对象
+     * @example useFormList({ defaultRow: () => ({ name: '', age: 0 }) })
+     */
+    defaultRow?: T | (() => T);
+}
+export interface UseFormListReturn<T extends FormListRow> {
+    /** 绑定到 `<xn-form-list ref="formListRef" />` 或模板 `ref="formListRef"` */
+    formListRef: Ref<FormListExpose | null>;
+    validate: FormListExpose['validate'];
+    validateField: FormListExpose['validateField'];
+    resetFields: FormListExpose['resetFields'];
+    clearValidate: FormListExpose['clearValidate'];
+    scrollToField: FormListExpose['scrollToField'];
+    add: FormListExpose['add'];
+    remove: FormListExpose['remove'];
+    /** 去掉 `uid` 后的行数据（默认 `uidKey` 为 `uid` 时与组件一致） */
+    getFormValues: () => FormListSubmitRow<T>[];
+    getFormValue: (index: number) => FormListSubmitRow<T> | undefined;
+}
+/**
+ * 配合 `XnFormList` 使用：通过 `defaultRow` 泛型推断行类型，并暴露与组件实例相同的方法。
+ *
+ * @example
+ * ```ts
+ * const { formListRef, validate, getFormValues } = useFormList({
+ *   defaultRow: () => ({ name: '', age: 0 as number })
+ * })
+ * // getFormValues(): { name: string; age: number }[]
+ * ```
+ */
+export declare function useFormList<T extends FormListRow = FormListRow>(_options?: UseFormListOptions<T>): UseFormListReturn<T>;

package/dist/types/form-list/utils.d.ts

@@ -0,0 +1,14 @@
+import type { FormListRow } from './props';
+export declare function generateUid(): string;
+export declare function cssLength(v: string | number | undefined): string | undefined;
+export type RowKeyOptions = {
+    rowKey?: string | ((row: FormListRow, index: number) => string | number);
+    keyType: 'uid' | 'index';
+    uidKey: string;
+};
+export declare function getFormListRowKey(row: FormListRow, index: number, options: RowKeyOptions): string | number;
+export declare function ensureRowUids(list: FormListRow[], uidKey: string): {
+    list: FormListRow[];
+    changed: boolean;
+};
+export declare function stripUidRow(row: FormListRow, uidKey: string): FormListRow;

package/dist/types/index.d.ts

@@ -9,7 +9,8 @@ import XnEditableText from './editable-text/index';
 import XnEditableTextarea from './editable-textarea/index';
 import XnTimeRangePicker from './time-range-picker/index';
 import XnTextRuleConfig from './text-rule-config';
-export { XnCascader, XnTag, XnTransfer, XnVirtualList, XnEllipsis, XnEditableText, XnEditableTextarea, XnTimeRangePicker, XnTextRuleConfig };
+import XnFormList from './form-list/index';
+export { XnCascader, XnTag, XnTransfer, XnVirtualList, XnEllipsis, XnEditableText, XnEditableTextarea, XnTimeRangePicker, XnTextRuleConfig, XnFormList };
 export declare const components: Record<string, Component>;
 export type { CascaderProps } from './cascader/props';
 export type { TagProps } from './tag/props';
@@ -18,7 +19,9 @@ export type { EditableTextProps } from './editable-text/props';
 export type { EditableTextareaProps } from './editable-textarea/props';
 export type { TimeRangePickerProps, TimeRangeValue, TimeRange } from './time-range-picker/props';
 export type { TextRuleConfigProps } from './text-rule-config/props';
+export type { FormListProps, FormListRow, FormListDefaultRow } from './form-list/props';
+export { useFormList, useFormListActions, useFormListLayout, useFormListRowForms, useFormListUidSync, generateUid, cssLength, getFormListRowKey, ensureRowUids, stripUidRow } from './form-list/index';
+export type { FormListExpose, FormListSubmitRow, RowKeyOptions, UseFormListOptions, UseFormListReturn } from './form-list/index';
 export * from './types';
-export * from './time-range-picker/utils';
 declare const plugin: Plugin;
 export default plugin;

package/dist/types/time-range-picker/props.d.ts

@@ -10,7 +10,6 @@ export interface Selection {
     day: number;
     slot: number;
 }
-export declare const defaultWeekLabels: string[];
 export declare const timeRangePickerProps: {
     readonly modelValue: {
         readonly type: PropType<TimeRangeValue>;

package/dist/types/time-range-picker/utils.d.ts

@@ -3,6 +3,6 @@ export interface TimeSlotRange {
     startSlot: number;
     endSlot: number;
 }
-export declare function formatTimeRanges(value: Record<number, number[]> | string, count: number, timeGranularity?: number, weekLabels?: string[]): string[];
+export declare function formatTimeRanges(value: Record<number, number[]> | string, timeGranularity: number, weekLabels: string[], count: number): string[];
 export declare function stringToObject(value: string, count: number): Record<number, number[]>;
 export declare function objectToString(value: Record<number, number[]>, count: number): string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@xn-lib/component",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "description": "",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.mjs",