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

package/form-item-group/index.mjs

@@ -1,15 +1,16 @@
-import e from "../empty-view/index.mjs";
-import { ElRow as t } from "element-plus/es";
-import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, normalizeClass as u, openBlock as d, provide as f, reactive as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, vShow as v, withCtx as y, withDirectives as b } from "vue";
-import { ElCollapseTransition as x } from "element-plus";
+import { formItemGroupContextKey as e } from "../constants.mjs";
+import t from "../empty-view/index.mjs";
+import { ElRow as n } from "element-plus/es";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, inject as d, normalizeClass as f, onBeforeUnmount as p, onMounted as m, openBlock as h, provide as g, reactive as _, ref as v, renderSlot as y, toDisplayString as b, toRef as x, unref as S, vShow as C, watchEffect as w, withCtx as T, withDirectives as E } from "vue";
+import { ElCollapseTransition as D } from "element-plus";
 //#region src/components/form/FormItemGroup.vue
-var S = {
+var O = {
 	class: "flex-item",
 	style: { flex: "1" }
-}, C = { style: {
+}, k = { style: {
 	color: "#ff0000",
 	"font-size": "14px"
-} }, w = /* @__PURE__ */ Object.assign({ name: "FormItemGroup" }, {
+} }, A = /* @__PURE__ */ Object.assign({ name: "FormItemGroup" }, {
 	__name: "FormItemGroup",
 	props: {
 		blockTitle: String,
@@ -39,40 +40,55 @@ var S = {
 		},
 		notDispatch: Boolean
 	},
-	setup(w, { expose: T }) {
-		let E = w, D = m(!0), O = r(() => E.enabled), k = r(() => E.disabled), A = r(() => E.enabled === !0 ? !1 : E.disabled === !0), j = () => D.value = !D.value, M = p({
-			disabled: k,
-			enabled: O,
-			isDisabled: A
+	setup(A, { expose: j }) {
+		let M = A, N = d("formView", null), P = v(!0), F = x(() => M.enabled), I = x(() => M.disabled), L = _({ enabled: F });
+		console.log(F.value), console.log(L.enabled);
+		let R = i(() => M.enabled === !0 ? !1 : M.disabled === !0), z = () => P.value = !P.value, B = _({
+			disabled: I,
+			enabled: F,
+			isDisabled: R,
+			size: i(() => M.size)
 		});
-		return f("formItemGroup", M), T(M), (r, f) => {
-			let p = t, m = e;
-			return d(), o("div", { class: u(["form-item-group", {
-				"default-active": w.active,
-				"is-disabled": _(A)
-			}]) }, [b(s("div", {
+		return w(() => {
+			P.value = !M.collapse;
+		}), g(e, B), m(() => {
+			if (!M.notDispatch) {
+				var e;
+				N == null || (e = N.addGroup) == null || e.call(N, this);
+			}
+		}), p(() => {
+			if (!M.notDispatch) {
+				var e;
+				N == null || (e = N.removeGroup) == null || e.call(N, this);
+			}
+		}), j(B), (e, i) => {
+			let d = n, p = t;
+			return h(), s("div", { class: f(["form-item-group", {
+				"default-active": A.active,
+				"is-disabled": S(R)
+			}]) }, [E(c("div", {
 				class: "form-item-group-title",
-				onClick: j
-			}, [s("span", S, [
-				r.$slots.title || w.blockTitle ? h(r.$slots, "title", { key: 0 }, () => [c(g(w.blockTitle), 1)]) : a("v-if", !0),
-				r.$slots.tips || w.tips ? h(r.$slots, "tips", { key: 1 }, () => [s("span", C, "(" + g(w.tips) + ")", 1)]) : a("v-if", !0),
-				r.$slots["title-right"] ? h(r.$slots, "title-right", { key: 2 }) : a("v-if", !0)
-			]), s("i", { class: u(_(D) ? "el-icon-arrow-down" : "el-icon-arrow-right") }, null, 2)], 512), [[v, w.showTitle]]), l(_(x), null, {
-				default: y(() => [b(s("div", null, [r.$slots.default ? (d(), o(n, { key: 0 }, [w.wrapRow ? (d(), i(p, {
+				onClick: z
+			}, [c("span", O, [
+				e.$slots.title || A.blockTitle ? y(e.$slots, "title", { key: 0 }, () => [l(b(A.blockTitle), 1)]) : o("v-if", !0),
+				e.$slots.tips || A.tips ? y(e.$slots, "tips", { key: 1 }, () => [c("span", k, "(" + b(A.tips) + ")", 1)]) : o("v-if", !0),
+				e.$slots["title-right"] ? y(e.$slots, "title-right", { key: 2 }) : o("v-if", !0)
+			]), c("i", { class: f(S(P) ? "el-icon-arrow-down" : "el-icon-arrow-right") }, null, 2)], 512), [[C, A.showTitle]]), u(S(D), null, {
+				default: T(() => [E(c("div", null, [e.$slots.default ? (h(), s(r, { key: 0 }, [A.wrapRow ? (h(), a(d, {
 					key: 0,
-					gutter: w.gutter
+					gutter: A.gutter
 				}, {
-					default: y(() => [h(r.$slots, "default")]),
+					default: T(() => [y(e.$slots, "default")]),
 					_: 3
-				}, 8, ["gutter"])) : h(r.$slots, "default", { key: 1 })], 64)) : (d(), i(m, {
+				}, 8, ["gutter"])) : y(e.$slots, "default", { key: 1 })], 64)) : (h(), a(p, {
 					key: 1,
 					"font-size": "14px",
 					"empty-tips": "暂无信息"
-				}))], 512), [[v, _(D)]])]),
+				}))], 512), [[C, S(P)]])]),
 				_: 3
 			})], 2);
 		};
 	}
 });
 //#endregion
-export { w as default };
+export { A as default };

package/form-item-x/index.d.ts

@@ -1,8 +1,63 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    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)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: (StringConstructor | ArrayConstructor)[];
     label: StringConstructor;
-    prop: StringConstructor;
-    required: BooleanConstructor;
-    rules: 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;
+    };
+    size: StringConstructor;
+    for: StringConstructor;
+    validateStatus: StringConstructor;
     messagePrefix: StringConstructor;
     message: StringConstructor;
     wrapCol: {
@@ -10,10 +65,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;
@@ -31,10 +82,65 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     labelRowspan: (StringConstructor | NumberConstructor)[];
     inputRowspan: (StringConstructor | NumberConstructor)[];
 }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    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)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    prop: (StringConstructor | ArrayConstructor)[];
     label: StringConstructor;
-    prop: StringConstructor;
-    required: BooleanConstructor;
-    rules: 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;
+    };
+    size: StringConstructor;
+    for: StringConstructor;
+    validateStatus: StringConstructor;
     messagePrefix: StringConstructor;
     message: StringConstructor;
     wrapCol: {
@@ -42,10 +148,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;
@@ -63,9 +165,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     labelRowspan: (StringConstructor | NumberConstructor)[];
     inputRowspan: (StringConstructor | NumberConstructor)[];
 }>> & Readonly<{}>, {
+    push: number;
+    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;

package/form-item-x/index.mjs

@@ -1,2 +1,2 @@
-import { s as e } from "../chunks/DK2YoEOD.mjs";
+import { a as e } from "../chunks/C1DlzLpD.mjs";
 export { e as default };

package/form-radio-group/index.d.ts

@@ -1,6 +1,38 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modelValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    modelValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    ariaLabel: StringConstructor;
+    name: StringConstructor;
+    id: StringConstructor;
+    label: StringConstructor;
     options: ArrayConstructor;
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            value: string;
+            label: string;
+            disabled: string;
+        };
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
     wrapFormItem: {
         type: BooleanConstructor;
         default: boolean;
@@ -10,11 +42,63 @@ 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)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    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: {
@@ -22,10 +106,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;
@@ -43,10 +123,43 @@ 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 | BooleanConstructor | NumberConstructor)[];
+    modelValue: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    textColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    ariaLabel: StringConstructor;
+    name: StringConstructor;
+    id: StringConstructor;
+    label: StringConstructor;
     options: ArrayConstructor;
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            value: string;
+            label: string;
+            disabled: string;
+        };
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
     wrapFormItem: {
         type: BooleanConstructor;
         default: boolean;
@@ -56,11 +169,63 @@ 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)[];
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    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: {
@@ -68,10 +233,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;
@@ -89,19 +250,32 @@ 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;
+    type: string;
+    props: Record<string, any>;
+    span: number;
+    offset: number;
+    pull: number;
+    tag: string;
+    labelPosition: string;
     required: boolean;
+    showMessage: boolean;
+    inlineMessage: boolean;
+    size: string;
     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;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/form-radio-group/index.mjs

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