@pixelium/web-vue 0.0.3-beta → 0.0.3

package/es/alert/draw.d.ts

@@ -0,0 +1,6 @@
+import type { RgbaColor } from '../share/type';
+import type { AlertProps } from './type';
+export declare function getBackgroundColor(variant: AlertProps['variant'], type: AlertProps['type'], palette: RgbaColor[] | null): RgbaColor | null;
+export declare function getBorderColor(variant: AlertProps['variant'], type: AlertProps['type'], palette: RgbaColor[] | null): RgbaColor | null;
+export declare const drawBorder: (ctx: CanvasRenderingContext2D, width: number, height: number, center: [number, number][], borderRadius: number[], rad: [number, number][], borderColor: RgbaColor, pixelSize: number) => void;
+export declare const getTextColorWithPalette: (palette: RgbaColor[] | null, type: AlertProps["variant"]) => string | undefined;

package/es/alert/index.d.ts

@@ -0,0 +1,29 @@
+import type { AlertProps } from './type';
+declare var __VLS_1: {}, __VLS_28: {}, __VLS_30: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_28) => any;
+} & {
+    default?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (e: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
+    onClose?: ((e: MouseEvent) => any) | undefined;
+}>, {
+    type: "info" | "success" | "warning" | "error" | "loading" | "normal" | "sakura";
+    variant: "primary" | "plain";
+    shape: "rect" | "round";
+    closable: boolean;
+    textAlign: "start" | "center" | "end";
+    iconPlacement: "start" | "text-leading";
+    showIcon: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/alert/type.d.ts

@@ -0,0 +1,83 @@
+import type { NumberOrPercentage } from '../share/type';
+export type AlertProps = {
+    /**
+     * @property {NumberOrPercentage | NumberOrPercentage[]} [borderRadius]
+     * @version 0.0.4
+     */
+    borderRadius?: NumberOrPercentage | NumberOrPercentage[];
+    /**
+     * @property {'rect' | 'round'} [shape='rect']
+     * @version 0.0.4
+     */
+    shape?: 'rect' | 'round';
+    /**
+     * @property {'primary' | 'plain'} [variant='plain']
+     * @version 0.0.2
+     */
+    variant?: 'primary' | 'plain';
+    /**
+     * @property {'info' | 'success' | 'warning' | 'error' | 'loading' | 'normal' | 'sakura'} [type='primary']
+     * @version 0.0.2
+     */
+    type?: 'info' | 'success' | 'warning' | 'error' | 'loading' | 'normal' | 'sakura';
+    /**
+     * @property {'start' | 'center' | 'end'} [textAlign='start']
+     * @version 0.0.2
+     */
+    textAlign?: 'start' | 'center' | 'end';
+    /**
+     * @property {string} [title]
+     * @version 0.0.2
+     */
+    title?: string;
+    /**
+     * @property {string} [color]
+     * @version 0.0.2
+     */
+    color?: string;
+    /**
+     * @property {boolean} [closable=false]
+     * @version 0.0.2
+     */
+    closable?: boolean;
+    /**
+     * @property {'start' | 'text-leading'} [iconPlacement='text-leading']
+     * @version 0.0.2
+     */
+    iconPlacement?: 'start' | 'text-leading';
+    /**
+     * @property {boolean} [showIcon='true']
+     * @version 0.0.2
+     */
+    showIcon?: boolean;
+    /**
+     * @property {boolean} [pollSizeChange=false]
+     * @version 0.0.4
+     */
+    pollSizeChange?: boolean;
+};
+export type AlertEvents = {
+    /**
+     * @event close
+     * @version 0.0.4
+     * @param {MouseEvent} e
+     */
+    close: [e: MouseEvent];
+};
+export type AlertSlots = {
+    /**
+     * @slot default
+     * @version 0.0.4
+     */
+    default: {};
+    /**
+     * @slot title
+     * @version 0.0.4
+     */
+    title: {};
+    /**
+     * @slot icon
+     * @version 0.0.4
+     */
+    icon: {};
+};

package/es/aside/index.css

@@ -4,6 +4,7 @@
   background-color: var(--px-neutral-1);
   color: var(--px-neutral-10);
   width: 300px;
+  box-sizing: border-box;
 }
 .px-aside__bordered {
   border-right: 2px solid var(--px-neutral-3);

package/es/aside/index.js

@@ -21,7 +21,7 @@ var aside_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		var _instance$parent;
 		const instance = getCurrentInstance();
-		const asideCounter = ref((instance === null || instance === void 0 || (_instance$parent = instance.parent) === null || _instance$parent === void 0 ? void 0 : _instance$parent.type.name) === "Container").value ? inject(CONTAINER_PROVIDE) : void 0;
+		const asideCounter = ref((instance === null || instance === void 0 || (_instance$parent = instance.parent) === null || _instance$parent === void 0 ? void 0 : _instance$parent.type.name) === "Container").value ? inject(CONTAINER_PROVIDE, void 0) : void 0;
 		onMounted(() => {
 			if (asideCounter) asideCounter.value += 1;
 		});

package/es/auto-complete/index.css

@@ -13,6 +13,7 @@
   height: var(--auto-complete-size);
   cursor: text;
   transition: 0.25s all;
+  flex-grow: 1;
 }
 .px-auto-complete.px-auto-complete {
   font-size: 14px;

package/es/auto-complete/index.js

@@ -97,8 +97,8 @@ var auto_complete_default = /* @__PURE__ */ defineComponent({
 			ref(false),
 			ref(false)
 		];
-		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const borderRadiusComputed = createProvideComputed("borderRadius", [innerInputGroup.value && inputGroupProvide, props]);
 		const sizeComputed = createProvideComputed("size", () => [
 			innerInputGroup.value && inputGroupProvide,

package/es/button/index.js

@@ -57,10 +57,10 @@ var button_default = /* @__PURE__ */ defineComponent({
 			ref(false),
 			ref(false)
 		];
-		const buttonGroupProvide = inject(BUTTON_GROUP_PROVIDE);
-		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE);
-		const formProps = inject(FORM_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const buttonGroupProvide = inject(BUTTON_GROUP_PROVIDE, void 0);
+		const inputGroupProvide = inject(INPUT_GROUP_PROVIDE, void 0);
+		const formProps = inject(FORM_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const borderRadiusComputed = createProvideComputed("borderRadius", [
 			innerButtonGroup.value && buttonGroupProvide,
 			innerInputGroup.value && inputGroupProvide,

package/es/button-group/index.js

@@ -22,8 +22,8 @@ var button_group_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props) {
 		const props = __props;
-		const formProvide = inject(FORM_PROVIDE);
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const formProvide = inject(FORM_PROVIDE, void 0);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const sizeComputed = createProvideComputed("size", () => [
 			props.size && props,
 			formItemProvide,

package/es/checkbox/index.js

@@ -60,8 +60,8 @@ var checkbox_default = /* @__PURE__ */ defineComponent({
 			defaultField: "defaultValue",
 			transform: (val) => !!val
 		});
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
-		const checkboxGroupProvide = inject(CHECKBOX_GROUP_PROVIDE);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
+		const checkboxGroupProvide = inject(CHECKBOX_GROUP_PROVIDE, void 0);
 		const sizeComputed = createProvideComputed("size", () => [
 			checkboxGroupProvide,
 			props.size && props,

package/es/checkbox-group/index.js

@@ -35,7 +35,7 @@ var checkbox_group_default = /* @__PURE__ */ defineComponent({
 			},
 			defaultField: "defaultValue"
 		});
-		const formItemProvide = inject(FORM_ITEM_PROVIDE);
+		const formItemProvide = inject(FORM_ITEM_PROVIDE, void 0);
 		const disabledComputed = createProvideComputed("disabled", [formItemProvide, props], "or");
 		const readonlyComputed = createProvideComputed("readonly", [formItemProvide, props], "or");
 		const getKey = (option) => {

package/es/col/index.js

@@ -22,7 +22,7 @@ var col_default = /* @__PURE__ */ defineComponent({
 			return props.span[widthType.value] || 24;
 		});
 		const instance = getCurrentInstance();
-		const gutter = ref((instance === null || instance === void 0 || (_instance$parent = instance.parent) === null || _instance$parent === void 0 ? void 0 : _instance$parent.type.name) === "Row").value && inject("px-row-provide") || ref({
+		const gutter = ref((instance === null || instance === void 0 || (_instance$parent = instance.parent) === null || _instance$parent === void 0 ? void 0 : _instance$parent.type.name) === "Row").value && inject("px-row-provide", void 0) || ref({
 			x: 0,
 			y: 0
 		});

package/es/container/index.css

@@ -2,6 +2,7 @@
   display: flex;
   flex-direction: column;
   flex: 1;
+  box-sizing: border-box;
 }
 .px-container.px-container__has-aside {
   flex-direction: row;

package/es/dialog/dialog-wrapped.d.ts

@@ -0,0 +1,52 @@
+import type { DialogExpose, DialogProps } from './type';
+type __VLS_Props = DialogProps & {
+    onBeforeOk?: () => Promise<boolean | void> | boolean | void;
+};
+declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_11) => any;
+} & {
+    icon?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+} & {
+    footer?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, DialogExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (event: MouseEvent | KeyboardEvent) => any;
+    close: () => any;
+    open: () => any;
+    "update:visible": (visible: boolean) => any;
+    beforeOk: () => any;
+    ok: (event: MouseEvent) => any;
+    afterOpen: () => any;
+    afterClose: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    onBeforeOk?: (() => any) | undefined;
+    onOk?: ((event: MouseEvent) => any) | undefined;
+    onAfterOpen?: (() => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
+}>, {
+    loading: boolean;
+    title: string;
+    mask: boolean;
+    closable: boolean;
+    visible: boolean | null;
+    defaultVisible: boolean | null;
+    destroyOnHide: boolean;
+    maskClosable: boolean;
+    escToClose: boolean;
+    showCancel: boolean;
+    showFooter: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/dialog/dialog.d.ts

@@ -0,0 +1,51 @@
+import type { DialogProps } from './type';
+type __VLS_Props = Omit<DialogProps, 'defaultVisible' | 'root'> & {
+    onBeforeOk?: () => Promise<boolean | void> | boolean | void;
+};
+declare var __VLS_23: {}, __VLS_25: {}, __VLS_32: {}, __VLS_34: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_23) => any;
+} & {
+    title?: (props: typeof __VLS_25) => any;
+} & {
+    default?: (props: typeof __VLS_32) => any;
+} & {
+    footer?: (props: typeof __VLS_34) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (event: MouseEvent | KeyboardEvent) => any;
+    close: () => any;
+    open: () => any;
+    "update:visible": (visible: boolean) => any;
+    beforeOk: () => any;
+    ok: (event: MouseEvent) => any;
+    afterOpen: () => any;
+    afterClose: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    onBeforeOk?: (() => any) | undefined;
+    onOk?: ((event: MouseEvent) => any) | undefined;
+    onAfterOpen?: (() => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
+}>, {
+    loading: boolean;
+    title: string;
+    mask: boolean;
+    closable: boolean;
+    visible: boolean | null;
+    destroyOnHide: boolean;
+    maskClosable: boolean;
+    escToClose: boolean;
+    showCancel: boolean;
+    showFooter: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/dialog/index.d.ts

@@ -0,0 +1,5 @@
+import type { DialogOptions, DialogReturn, DialogEvents } from './type';
+import type { EmitEvent } from '../share/type';
+import DialogWrapped from './dialog-wrapped.ts';
+declare const _default: typeof DialogWrapped & { [key in DialogOptions["type"] & string]: (options: (Omit<DialogOptions, "type"> & Omit<EmitEvent<DialogEvents>, "update:visible">) | string) => DialogReturn; };
+export default _default;

package/es/dialog/type.d.ts

@@ -0,0 +1,308 @@
+import type { ButtonEvents, ButtonProps } from '../button/type';
+import type { MaskProps } from '../mask/type';
+import type { EmitEvent, RestAttrs, ValidContent, ValidVNodeContent } from '../share/type';
+export type DialogOptions = {
+    /**
+     * @property {ValidContent} content
+     * @version 0.0.4
+     */
+    content: ValidContent;
+    /**
+     * @property {ValidContent} [title]
+     * @version 0.0.4
+     */
+    title?: ValidContent;
+    /**
+     * @property {ValidVNodeContent} [icon]
+     * @version 0.0.4
+     */
+    icon?: ValidVNodeContent;
+    /**
+     * @property {ValidVNodeContent} [footer]
+     * @version 0.0.4
+     */
+    footer?: ValidVNodeContent;
+    /**
+     * @property {'info' | 'success' | 'warning' | 'error' | 'normal' | 'confirm'} [type='normal']
+     * @version 0.0.4
+     */
+    type?: 'info' | 'success' | 'warning' | 'error' | 'normal' | 'confirm';
+    /**
+     * @property {boolean} [closable=true]
+     * @version 0.0.4
+     */
+    closable?: boolean;
+    /**
+     * @property {boolean} [mask=true]
+     * @version 0.0.4
+     */
+    mask?: boolean;
+    /**
+     * @property {boolean} [maskClosable=true]
+     * @version 0.0.4
+     */
+    maskClosable?: boolean;
+    /**
+     * @property {boolean} [escToClose=true]
+     * @version 0.0.4
+     */
+    escToClose?: boolean;
+    /**
+     * @property {boolean} [showCancel]
+     * @version 0.0.4
+     */
+    showCancel?: boolean;
+    /**
+     * @property {string} [okText]
+     * @version 0.0.4
+     */
+    okText?: string;
+    /**
+     * @property {string} [cancelText]
+     * @version 0.0.4
+     */
+    cancelText?: string;
+    /**
+     * @property {boolean} [showFooter=true]
+     * @version 0.0.4
+     */
+    showFooter?: boolean;
+    /**
+     * @property {number} [zIndex]
+     * @version 0.0.4
+     */
+    zIndex?: number;
+    /**
+     * @property {string | HTMLElement} [root='body']
+     * @version 0.0.4
+     */
+    root?: string | HTMLElement;
+    /**
+     * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [okButtonProps]
+     * @version 0.0.4
+     */
+    okButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
+    /**
+     * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [cancelButtonProps]
+     * @version 0.0.4
+     */
+    cancelButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
+    /**
+     * @property {Omit<MaskProps, 'zIndex'>} [maskProps]
+     * @version 0.0.4
+     */
+    maskProps?: Omit<MaskProps, 'zIndex'>;
+    /**
+     * @property {RestAttrs} [containerProps]
+     * @version 0.0.4
+     */
+    containerProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [headerProps]
+     * @version 0.0.4
+     */
+    headerProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [bodyProps]
+     * @version 0.0.4
+     */
+    bodyProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [footerProps]
+     * @version 0.0.4
+     */
+    footerProps?: RestAttrs;
+};
+export type DialogProps = {
+    /**
+     * @property {boolean | null} [visible]
+     * @version 0.0.4
+     */
+    visible?: boolean | null;
+    /**
+     * @property {boolean | null} [visible]
+     * @version 0.0.4
+     */
+    defaultVisible?: boolean | null;
+    /**
+     * @property {string} [title='']
+     * @version 0.0.4
+     */
+    title?: string;
+    /**
+     * @property {boolean} [closable=true]
+     * @version 0.0.4
+     */
+    closable?: boolean;
+    /**
+     * @property {boolean} [mask=true]
+     * @version 0.0.4
+     */
+    mask?: boolean;
+    /**
+     * @property {boolean} [maskClosable=true]
+     * @version 0.0.4
+     */
+    maskClosable?: boolean;
+    /**
+     * @property {boolean} [escToClose=true]
+     * @version 0.0.4
+     */
+    escToClose?: boolean;
+    /**
+     * @property {boolean} [showCancel=true]
+     * @version 0.0.4
+     */
+    showCancel?: boolean;
+    /**
+     * @property {string} [okText]
+     * @version 0.0.4
+     */
+    okText?: string;
+    /**
+     * @property {string} [cancelText]
+     * @version 0.0.4
+     */
+    cancelText?: string;
+    /**
+     * @property {boolean} [boolean=false]
+     * @version 0.0.4
+     */
+    loading?: boolean;
+    /**
+     * @property {boolean} [showFooter=true]
+     * @version 0.0.4
+     */
+    showFooter?: boolean;
+    /**
+     * @property {string | HTMLElement} [root='body']
+     * @version 0.0.4
+     */
+    root?: string | HTMLElement;
+    /**
+     * @property {number} [zIndex]
+     * @version 0.0.4
+     */
+    zIndex?: number;
+    /**
+     * @property {boolean} [destroyOnHide=false]
+     * @version 0.0.4
+     */
+    destroyOnHide?: boolean;
+    /**
+     * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [okButtonProps]
+     * @version 0.0.4
+     */
+    okButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
+    /**
+     * @property {ButtonProps & EmitEvent<ButtonEvents> & RestAttrs} [cancelButtonProps]
+     * @version 0.0.4
+     */
+    cancelButtonProps?: ButtonProps & EmitEvent<ButtonEvents> & RestAttrs;
+    /**
+     * @property {Omit<MaskProps, 'zIndex'>} [maskProps]
+     * @version 0.0.4
+     */
+    maskProps?: Omit<MaskProps, 'zIndex'>;
+    /**
+     * @property {RestAttrs} [containerProps]
+     * @version 0.0.4
+     */
+    containerProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [headerProps]
+     * @version 0.0.4
+     */
+    headerProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [bodyProps]
+     * @version 0.0.4
+     */
+    bodyProps?: RestAttrs;
+    /**
+     * @property {RestAttrs} [footerProps]
+     * @version 0.0.4
+     */
+    footerProps?: RestAttrs;
+};
+export type DialogSlots = {
+    /**
+     * @slot default
+     * @version 0.0.4
+     */
+    default: {};
+    /**
+     * @slot title
+     * @version 0.0.4
+     */
+    title: {};
+    /**
+     * @slot icon
+     * @version 0.0.4
+     */
+    icon: {};
+    /**
+     * @slot footer
+     * @version 0.0.4
+     */
+    footer: {};
+};
+export type DialogEvents = {
+    /**
+     * @event update:visible
+     * @version 0.0.4
+     */
+    'update:visible': [visible: boolean];
+    /**
+     * @event beforeOk
+     * @version 0.0.4
+     */
+    beforeOk: [];
+    /**
+     * @event ok
+     * @param {MouseEvent} event
+     * @version 0.0.4
+     */
+    ok: [event: MouseEvent];
+    /**
+     * @event cancel
+     * @param {MouseEvent | KeyboardEvent} event
+     * @version 0.0.4
+     */
+    cancel: [event: MouseEvent | KeyboardEvent];
+    /**
+     * @event open
+     * @version 0.0.4
+     */
+    open: [];
+    /**
+     * @event afterOpen
+     * @version 0.0.4
+     */
+    afterOpen: [];
+    /**
+     * @event close
+     * @version 0.0.4
+     */
+    close: [];
+    /**
+     * @event afterClose
+     * @version 0.0.4
+     */
+    afterClose: [];
+};
+export type DialogExpose = {
+    /**
+     * @property {() => void} close
+     * @version 0.0.4
+     */
+    close: () => void;
+    /**
+     * @property {() => void} open
+     * @version 0.0.4
+     */
+    open: () => void;
+};
+export type DialogReturn = Promise<boolean> & {
+    close: () => void;
+};

package/es/footer/index.css

@@ -4,6 +4,7 @@
   background-color: var(--px-neutral-1);
   color: var(--px-neutral-10);
   min-height: 64px;
+  box-sizing: border-box;
 }
 .px-footer__bordered {
   border-top: 2px solid var(--px-neutral-3);

package/es/form-item/index.css

@@ -58,9 +58,6 @@
   min-height: var(--px-medium-size);
   font-size: 14px;
 }
-.px-form-item-content > *:first-child {
-  flex-grow: 1;
-}
 .px-form-item-content__large {
   min-height: var(--px-large-size);
   font-size: 15px;

package/es/form-item/index.js

@@ -52,7 +52,7 @@ var form_item_default = /* @__PURE__ */ defineComponent({
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
-		const formContext = inject(FORM_PROVIDE);
+		const formContext = inject(FORM_PROVIDE, void 0);
 		if (!formContext) throwError("FormItem must be used inside Form.");
 		const disabledComputed = createProvideComputed("disabled", [formContext, props], "or");
 		const readonlyComputed = createProvideComputed("readonly", [formContext, props], "or");