@web-utils/form-ui 1.0.0-beta16 → 1.0.0-beta18

package/constants.d.ts

@@ -1,5 +1,30 @@
 import { InjectionKey } from 'vue';
-export declare const formHolderContextKey: unique symbol;
+export declare const formHolderContextKey: InjectionKey<{
+    tableForm: boolean;
+    disabled: boolean;
+    enabledFields: string[];
+    requiredFields: string[];
+    enabledFieldsMap: Record<string, boolean | undefined>;
+    disabledFieldsMap: Record<string, boolean | undefined>;
+    requiredFieldsMap: Record<string, boolean | undefined>;
+    disabledFields: string[];
+    scrollIntoRequiredField: () => Promise<void> | any;
+    formRef: unknown;
+    validate: () => Promise<void> | any;
+    validateField: () => any;
+    resetFields: () => any;
+    scrollToField: () => any;
+    clearValidate: () => any;
+    getField: () => any;
+    setInitialValues: () => any;
+    getFields: () => any;
+}>;
+export declare const formItemGroupContextKey: InjectionKey<{
+    disabled: boolean;
+    enabled: boolean;
+    isDisabled: boolean;
+    size: string;
+}>;
 export declare const formItemConfigProviderContextKey: InjectionKey<{
     reactive: boolean;
     block: boolean;

package/constants.mjs

@@ -1,4 +1,4 @@
 //#region src/components/constants.ts
-var e = Symbol("formHolder"), t = Symbol("formItemConfigProvider");
+var e = Symbol("formHolder"), t = Symbol("formItemGroup"), n = Symbol("formItemConfigProvider");
 //#endregion
-export { e as formHolderContextKey, t as formItemConfigProviderContextKey };
+export { e as formHolderContextKey, n as formItemConfigProviderContextKey, t as formItemGroupContextKey };

package/element-dialog/index.d.ts

@@ -6,34 +6,76 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 declare const __VLS_component: import('vue').DefineComponent<{}, {
     close: () => void;
     hide: () => void;
-    $emit: (event: "toggle-fullscreen", ...args: any[]) => void;
-    embed: boolean;
+    $emit: ((event: "open", ...args: any[]) => void) & ((event: "opened", ...args: any[]) => void) & ((event: "close", ...args: any[]) => void) & ((event: "closed", ...args: any[]) => void) & ((event: "open-auto-focus", ...args: any[]) => void) & ((event: "close-auto-focus", ...args: any[]) => void) & ((event: "toggle-fullscreen", ...args: any[]) => void);
+    modelValue: boolean;
+    title: string;
+    fullscreen: boolean;
+    top: string;
+    modal: boolean;
+    modalPenetrable: boolean;
+    appendToBody: boolean;
+    lockScroll: boolean;
+    openDelay: number;
+    closeDelay: number;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
     showClose: boolean;
+    draggable: boolean;
     overflow: boolean;
-    closeOnClickModal: boolean;
+    center: boolean;
+    alignCenter: boolean;
     destroyOnClose: boolean;
-    draggable: boolean;
+    headerAriaLevel: string;
+    customClass: string;
+    embed: boolean;
     showFullscreen: boolean;
     showFullScreen: boolean;
-    alignCenter: boolean;
-    appendToBody: boolean;
+    width?: string | number | undefined;
+    modalClass?: string | undefined;
+    headerClass?: string | undefined;
+    bodyClass?: string | undefined;
+    footerClass?: string | undefined;
+    appendTo?: string | Record<string, any> | undefined;
+    beforeClose?: Function | undefined;
+    closeIcon?: string | Record<string, any> | undefined;
+    zIndex?: number | undefined;
+    transition?: string | Record<string, any> | undefined;
     height?: string | undefined;
-    width?: string | undefined;
-    title?: string | undefined;
     $props: {
-        readonly embed?: boolean | undefined;
+        readonly modelValue?: boolean | undefined;
+        readonly title?: string | undefined;
+        readonly fullscreen?: boolean | undefined;
+        readonly top?: string | undefined;
+        readonly modal?: boolean | undefined;
+        readonly modalPenetrable?: boolean | undefined;
+        readonly appendToBody?: boolean | undefined;
+        readonly lockScroll?: boolean | undefined;
+        readonly openDelay?: number | undefined;
+        readonly closeDelay?: number | undefined;
+        readonly closeOnClickModal?: boolean | undefined;
+        readonly closeOnPressEscape?: boolean | undefined;
         readonly showClose?: boolean | undefined;
+        readonly draggable?: boolean | undefined;
         readonly overflow?: boolean | undefined;
-        readonly closeOnClickModal?: boolean | undefined;
+        readonly center?: boolean | undefined;
+        readonly alignCenter?: boolean | undefined;
         readonly destroyOnClose?: boolean | undefined;
-        readonly draggable?: boolean | undefined;
+        readonly headerAriaLevel?: string | undefined;
+        readonly customClass?: string | undefined;
+        readonly embed?: boolean | undefined;
         readonly showFullscreen?: boolean | undefined;
         readonly showFullScreen?: boolean | undefined;
-        readonly alignCenter?: boolean | undefined;
-        readonly appendToBody?: boolean | undefined;
+        readonly width?: string | number | undefined;
+        readonly modalClass?: string | undefined;
+        readonly headerClass?: string | undefined;
+        readonly bodyClass?: string | undefined;
+        readonly footerClass?: string | undefined;
+        readonly appendTo?: string | Record<string, any> | undefined;
+        readonly beforeClose?: Function | undefined;
+        readonly closeIcon?: string | Record<string, any> | undefined;
+        readonly zIndex?: number | undefined;
+        readonly transition?: string | Record<string, any> | undefined;
         readonly height?: string | undefined;
-        readonly width?: string | undefined;
-        readonly title?: string | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     dialog: unknown;
@@ -41,6 +83,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
 type __VLS_TemplateResult = {
     attrs: Partial<{}>;
     slots: {
+        header?(_: {}): any;
         default?(_: {}): any;
         footer?(_: {
             close: () => void;

package/element-dialog/index.mjs

@@ -1,94 +1,2 @@
-import { ElDialog as e } from "element-plus/es";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, getCurrentInstance as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, useTemplateRef as _, withCtx as v, withModifiers as y } from "vue";
-//#region src/components/ElementDialog.vue
-var b = { class: "dialog-title" }, x = { class: "dialog-header-buttons" }, S = {
-	__name: "ElementDialog",
-	props: /* @__PURE__ */ c({
-		height: String,
-		width: String,
-		title: String,
-		embed: Boolean,
-		showClose: Boolean,
-		overflow: Boolean,
-		closeOnClickModal: Boolean,
-		destroyOnClose: Boolean,
-		draggable: {
-			type: Boolean,
-			default: !0
-		},
-		showFullscreen: Boolean,
-		showFullScreen: Boolean,
-		alignCenter: Boolean,
-		appendToBody: {
-			type: Boolean,
-			default: !0
-		}
-	}, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ c(["toggle-fullscreen"], ["update:modelValue"]),
-	setup(c, { expose: S, emit: C }) {
-		let w = g(c, "modelValue"), T = c, E = C, D = _("dialog"), O = f(!1), k = () => {
-			O.value = !O.value, E("toggle-fullscreen", O.value);
-		}, A = t(() => O.value ? "100%" : T.height), j = s(), M = () => {
-			T.embed ? j.parent.emit("update:visible") : D.value.handleClose();
-		};
-		return S({
-			close: M,
-			hide: M
-		}), (t, s) => {
-			let f = e;
-			return d(), n(f, {
-				ref: "dialog",
-				modelValue: w.value,
-				"onUpdate:modelValue": s[0] || (s[0] = (e) => w.value = e),
-				"append-to-body": c.appendToBody,
-				fullscreen: h(O),
-				"show-close": c.showClose,
-				"destroy-on-close": c.destroyOnClose,
-				draggable: c.draggable,
-				overflow: c.overflow,
-				"align-center": c.alignCenter,
-				style: u({ "--dialog-body-height": h(A) }),
-				width: c.width,
-				"close-on-click-modal": c.closeOnClickModal
-			}, o({
-				header: v(() => [a("div", b, m(c.title), 1), a("div", x, [c.showFullscreen || c.showFullScreen ? (d(), i("i", {
-					key: 0,
-					class: l(["dialog-header-button", {
-						"el-icon-full-screen": !h(O),
-						"el-icon-copy-document": h(O)
-					}]),
-					onClick: y(k, ["stop"])
-				}, null, 2)) : r("v-if", !0), a("i", {
-					class: "dialog-header-button el-icon-close",
-					onClick: y(M, ["stop"])
-				})])]),
-				default: v(() => [p(t.$slots, "default")]),
-				_: 2
-			}, [t.$slots.footer ? {
-				name: "footer",
-				fn: v(() => [p(t.$slots, "footer", { close: M })]),
-				key: "0"
-			} : void 0]), 1032, [
-				"modelValue",
-				"append-to-body",
-				"fullscreen",
-				"show-close",
-				"destroy-on-close",
-				"draggable",
-				"overflow",
-				"align-center",
-				"style",
-				"width",
-				"close-on-click-modal"
-			]);
-		};
-	}
-};
-//#endregion
-export { S as default };
+import { t as e } from "../chunks/B5B9au3z.mjs";
+export { e as default };

package/form-cascader/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/form-cascader/index.mjs

@@ -0,0 +1,10 @@
+import { t as e } from "../chunks/D9GcEl6r.mjs";
+import { createElementBlock as t, openBlock as n } from "vue";
+//#region src/components/form/FormCascader.vue
+var r = { name: "FormCascader" };
+function i(e, r, i, a, o, s) {
+	return n(), t("div");
+}
+var a = /* @__PURE__ */ e(r, [["render", i]]);
+//#endregion
+export { a as default };

package/form-check-box-group/index.d.ts

@@ -1,6 +1,42 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modelValue: (StringConstructor | ArrayConstructor)[];
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    size: StringConstructor;
+    min: NumberConstructor;
+    max: NumberConstructor;
+    ariaLabel: StringConstructor;
+    textColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: StringConstructor;
     options: ArrayConstructor;
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            value: string;
+            label: string;
+            disabled: string;
+        };
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
     stringMode: BooleanConstructor;
     delimiter: {
         type: StringConstructor;
@@ -15,11 +51,59 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     col: BooleanConstructor;
-    readonly: BooleanConstructor;
-    label: StringConstructor;
-    prop: StringConstructor;
-    required: BooleanConstructor;
-    rules: ArrayConstructor;
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    push: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pull: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xs: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    sm: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    md: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    lg: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    xl: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    prop: (StringConstructor | ArrayConstructor)[];
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: ObjectConstructor;
+    error: StringConstructor;
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: StringConstructor;
+    validateStatus: StringConstructor;
     messagePrefix: StringConstructor;
     message: StringConstructor;
     wrapCol: {
@@ -27,10 +111,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     fixedSpan: NumberConstructor;
-    span: {
-        type: NumberConstructor;
-        default: number;
-    };
     block: BooleanConstructor;
     unwrap: BooleanConstructor;
     half: BooleanConstructor;
@@ -48,10 +128,47 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     labelRowspan: (StringConstructor | NumberConstructor)[];
     inputRowspan: (StringConstructor | NumberConstructor)[];
 }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: null;
     "update:modelValue": null;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: (StringConstructor | ArrayConstructor)[];
+    modelValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    size: StringConstructor;
+    min: NumberConstructor;
+    max: NumberConstructor;
+    ariaLabel: StringConstructor;
+    textColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: StringConstructor;
     options: ArrayConstructor;
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            value: string;
+            label: string;
+            disabled: string;
+        };
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
     stringMode: BooleanConstructor;
     delimiter: {
         type: StringConstructor;
@@ -66,11 +183,59 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     col: BooleanConstructor;
-    readonly: BooleanConstructor;
-    label: StringConstructor;
-    prop: StringConstructor;
-    required: BooleanConstructor;
-    rules: ArrayConstructor;
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    push: {
+        type: NumberConstructor;
+        default: number;
+    };
+    pull: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xs: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    sm: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    md: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    lg: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    xl: {
+        type: (NumberConstructor | ObjectConstructor)[];
+    };
+    prop: (StringConstructor | ArrayConstructor)[];
+    labelPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelWidth: (StringConstructor | NumberConstructor)[];
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rules: ObjectConstructor;
+    error: StringConstructor;
+    showMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inlineMessage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    for: StringConstructor;
+    validateStatus: StringConstructor;
     messagePrefix: StringConstructor;
     message: StringConstructor;
     wrapCol: {
@@ -78,10 +243,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     fixedSpan: NumberConstructor;
-    span: {
-        type: NumberConstructor;
-        default: number;
-    };
     block: BooleanConstructor;
     unwrap: BooleanConstructor;
     half: BooleanConstructor;
@@ -99,20 +260,33 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     labelRowspan: (StringConstructor | NumberConstructor)[];
     inputRowspan: (StringConstructor | NumberConstructor)[];
 }>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    push: number;
+    fill: string;
+    modelValue: unknown[];
+    type: string;
+    props: Record<string, any>;
+    span: number;
+    offset: number;
+    pull: number;
+    tag: string;
+    labelPosition: string;
     required: boolean;
+    showMessage: boolean;
+    inlineMessage: boolean;
     wrapCol: boolean;
-    span: number;
     block: boolean;
     unwrap: boolean;
     half: boolean;
     hideLabel: boolean;
     tipsAfterLabel: boolean;
     disabled: boolean;
+    validateEvent: boolean;
     wrapFormItem: boolean;
     col: boolean;
-    readonly: boolean;
+    textColor: string;
     stringMode: boolean;
     delimiter: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/form-check-box-group/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/CXHvVx2H.mjs";
+import { t as e } from "../chunks/8ORg8rrN.mjs";
 export { e as default };