@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta8

package/chunks/{CBcdalMX.mjs → C4JpDEWP.mjs}

@@ -1,4 +1,4 @@
-import { a as e, n as t, t as n } from "./B4M_TFeR.mjs";
+import { n as e, o as t, r as n } from "./BeIZhqg_.mjs";
 import { ElCheckbox as r } from "element-plus/es";
 import { createVNode as i } from "vue";
 //#endregion
@@ -7,7 +7,7 @@ var a = {
 	name: "FormCheckbox",
 	inheritAttrs: !1,
 	props: {
-		...t,
+		...n,
 		modelValue: [
 			String,
 			Number,
@@ -16,16 +16,16 @@ var a = {
 		value: String,
 		label: String
 	},
-	emits: [...n],
-	setup(t, { emit: n, slots: a }) {
-		let { emitInput: o, render: s, disabled: c } = e(t, {
+	emits: { ...e },
+	setup(e, { emit: n, slots: a }) {
+		let { emitInput: o, render: s, disabled: c } = t(e, {
 			emit: n,
 			slots: a
 		});
 		return () => s({ vNodes: i(r, {
-			modelValue: t.modelValue,
-			value: t.value,
-			label: t.label,
+			modelValue: e.modelValue,
+			value: e.value,
+			label: e.label,
 			disabled: c.value,
 			"onUpdate:modelValue": o
 		}, { default: a.default }) });

package/chunks/{CstztYMu.mjs → DAjuA2O6.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t, t as n } from "./B4M_TFeR.mjs";
-import { t as r } from "./BHNKrW1j.mjs";
+import { a as e, n as t, r as n } from "./BeIZhqg_.mjs";
+import { t as r } from "./Bs_IYr3X.mjs";
 import { createVNode as i, isVNode as a, mergeProps as o } from "vue";
 //#region src/components/form/FormInputIdCard.vue?vue&type=script&lang.jsx
 function s(e) {
@@ -11,10 +11,10 @@ var c = {
 	name: "FormInputIdCard",
 	inheritAttrs: !1,
 	props: {
-		...t,
+		...n,
 		modelValue: String
 	},
-	emits: [...n],
+	emits: { ...t },
 	setup(t, { emit: n, slots: a }) {
 		let c = (t) => e(n, t);
 		return () => i(r, o(t, {

package/chunks/{ZsLNWI9x.mjs → Dywq0t6V.mjs}

@@ -1,4 +1,4 @@
-import { a as e, n as t, t as n } from "./B4M_TFeR.mjs";
+import { n as e, o as t, r as n } from "./BeIZhqg_.mjs";
 import { ElOption as r, ElSelect as i } from "element-plus/es";
 import { createVNode as a } from "vue";
 //#endregion
@@ -7,7 +7,7 @@ var o = {
 	name: "FormSelect",
 	inheritAttrs: !1,
 	props: {
-		...t,
+		...n,
 		modelValue: String,
 		options: [
 			String,
@@ -17,14 +17,15 @@ var o = {
 			Array
 		]
 	},
-	emits: [...n],
-	setup(t, { emit: n, slots: o }) {
-		let { emitInput: s, render: c, placeholder: l, disabled: u } = e(t, {
+	emits: { ...e },
+	setup(e, { emit: n, slots: o }) {
+		let { emitInput: s, render: c, placeholder: l, disabled: u } = t(e, {
 			emit: n,
-			slots: o
+			slots: o,
+			messagePrefix: "请选择"
 		});
 		return () => c({ vNodes: a(i, {
-			modelValue: t.modelValue,
+			modelValue: e.modelValue,
 			clearable: !0,
 			disabled: u.value,
 			"onUpdate:modelValue": s,
@@ -32,8 +33,8 @@ var o = {
 		}, {
 			...o,
 			default: o.default || (() => {
-				var e;
-				return (e = t.options) == null ? void 0 : e.map(({ value: e, label: t }) => a(r, {
+				var t;
+				return (t = e.options) == null ? void 0 : t.map(({ value: e, label: t }) => a(r, {
 					key: e,
 					label: t,
 					value: e

package/chunks/{BZ8aOa78.mjs → GlsJxLiF.mjs}

@@ -1,4 +1,4 @@
-import { n as e, r as t, s as n } from "./B4M_TFeR.mjs";
+import { c as e, i as t, r as n } from "./BeIZhqg_.mjs";
 import { ElImage as r } from "element-plus/es";
 import { createVNode as i, isVNode as a } from "vue";
 //#region src/components/form/FormImage.vue?vue&type=script&lang.jsx
@@ -11,19 +11,19 @@ var s = {
 	name: "FormImage",
 	inheritAttrs: !1,
 	props: {
-		...e,
+		...n,
 		src: String,
 		fit: String,
 		hideOnClickModal: Boolean
 	},
-	setup(e, { slots: a, attrs: s }) {
-		let c = n(e);
-		return () => t(e, {
+	setup(n, { slots: a, attrs: s }) {
+		let c = e(n);
+		return () => t(n, {
 			vNodes: i(r, {
-				src: e.src,
-				fit: e.fit,
-				"preview-src-list": [e.src],
-				"hide-on-click-modal": e.hideOnClickModal,
+				src: n.src,
+				fit: n.fit,
+				"preview-src-list": [n.src],
+				"hide-on-click-modal": n.hideOnClickModal,
 				style: s.style
 			}, o(a) ? a : { default: () => [a] }),
 			formItemProps: c,

package/chunks/{BO9jWhBl.mjs → pFgf4c4i.mjs}

@@ -1,4 +1,4 @@
-import { a as e, n as t, t as n } from "./B4M_TFeR.mjs";
+import { n as e, o as t, r as n } from "./BeIZhqg_.mjs";
 import { ElRadio as r, ElRadioGroup as i } from "element-plus/es";
 import { createVNode as a, isVNode as o } from "vue";
 //#region src/components/form/FormRadioGroup.vue?vue&type=script&lang.jsx
@@ -11,7 +11,7 @@ var c = {
 	name: "FormRadioGroup",
 	inheritAttrs: !1,
 	props: {
-		...t,
+		...n,
 		modelValue: [
 			String,
 			Number,
@@ -19,22 +19,23 @@ var c = {
 		],
 		options: Array
 	},
-	emits: [...n],
-	setup(t, { emit: n, slots: o }) {
-		let { emitInput: c, render: l, placeholder: u, disabled: d } = e(t, {
+	emits: { ...e },
+	setup(e, { emit: n, slots: o }) {
+		let { emitInput: c, render: l, placeholder: u, disabled: d } = t(e, {
 			emit: n,
-			slots: o
+			slots: o,
+			messagePrefix: "请选择"
 		});
 		return () => l({ vNodes: a(i, {
-			modelValue: t.modelValue,
+			modelValue: e.modelValue,
 			disabled: d.value,
 			"onUpdate:modelValue": c,
 			placeholder: u.value
 		}, {
 			...o,
 			default: o.default || (() => {
-				var e;
-				return (e = t.options) == null ? void 0 : e.map(({ value: e, label: t }) => a(r, {
+				var t;
+				return (t = e.options) == null ? void 0 : t.map(({ value: e, label: t }) => a(r, {
 					key: e,
 					value: e
 				}, s(t) ? t : { default: () => [t] }));

package/chunks/zb_1Xy1W.mjs

@@ -0,0 +1,74 @@
+import { createVNode as e, nextTick as t, onMounted as n, useTemplateRef as r, watch as i } from "vue";
+import a from "jsoneditor/dist/jsoneditor.min";
+import "jsoneditor/dist/jsoneditor.min.css";
+//#region src/components/json-editor/JsonEditor.vue?vue&type=script&lang.jsx
+var o = [
+	"tree",
+	"view",
+	"form"
+], s = {
+	name: "JsonEditor",
+	props: {
+		modelValue: [
+			String,
+			Boolean,
+			Object,
+			Array
+		],
+		expanded: Boolean,
+		mode: {
+			type: String,
+			default: "tree"
+		},
+		modes: {
+			type: Array,
+			default() {
+				return [
+					"tree",
+					"code",
+					"form",
+					"text",
+					"view"
+				];
+			}
+		}
+	},
+	emits: [
+		"mode-change",
+		"error",
+		"update:modelValue"
+	],
+	setup(s, { emit: c }) {
+		let l = r("editor"), u = !1, d, f = () => {
+			s.expanded && o.includes(s.mode) && d.expandAll();
+		}, p = (e) => {
+			d && d.set(e);
+		};
+		return i(() => s.modelValue, (e) => {
+			u || (p(e), f());
+		}, { immediate: !0 }), n(() => {
+			let e = {
+				mode: s.mode,
+				modes: s.modes,
+				onChange() {
+					try {
+						u = !0, c("update:modelValue", d.get()), t(() => {
+							u = !1;
+						});
+					} catch (e) {
+						c("error", e);
+					}
+				},
+				onModeChange(e) {
+					c("mode-change", e), o.includes(e) && f();
+				}
+			};
+			d = new a(l.value, e, s.modelValue);
+		}), () => e("div", {
+			ref: "editor",
+			class: "json-editor"
+		}, null);
+	}
+};
+//#endregion
+export { s as t };

package/constants.d.ts

@@ -1 +1,7 @@
-export declare const formHolderKey: unique symbol;
+import { InjectionKey } from 'vue';
+export declare const formHolderContextKey: unique symbol;
+export declare const formItemConfigProviderContextKey: InjectionKey<{
+    reactive: boolean;
+    block: boolean;
+    wrapCol: boolean;
+}>;

package/constants.mjs

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

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

@@ -15,15 +15,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     col: BooleanConstructor;
+    readonly: BooleanConstructor;
     label: StringConstructor;
     prop: StringConstructor;
     required: BooleanConstructor;
     rules: ArrayConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
     span: {
         type: NumberConstructor;
         default: number;
     };
     block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
     formItemClass: StringConstructor;
     hideLabel: BooleanConstructor;
     tips: {
@@ -37,7 +47,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     inputColspan: (StringConstructor | NumberConstructor)[];
     labelRowspan: (StringConstructor | NumberConstructor)[];
     inputRowspan: (StringConstructor | NumberConstructor)[];
-}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": null;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: (StringConstructor | ArrayConstructor)[];
     options: ArrayConstructor;
     stringMode: BooleanConstructor;
@@ -54,15 +66,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     col: BooleanConstructor;
+    readonly: BooleanConstructor;
     label: StringConstructor;
     prop: StringConstructor;
     required: BooleanConstructor;
     rules: ArrayConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
     span: {
         type: NumberConstructor;
         default: number;
     };
     block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
     formItemClass: StringConstructor;
     hideLabel: BooleanConstructor;
     tips: {
@@ -77,16 +99,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     labelRowspan: (StringConstructor | NumberConstructor)[];
     inputRowspan: (StringConstructor | NumberConstructor)[];
 }>> & Readonly<{
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     required: boolean;
+    wrapCol: boolean;
     span: number;
     block: boolean;
+    unwrap: boolean;
+    half: boolean;
     hideLabel: boolean;
     tipsAfterLabel: boolean;
     disabled: boolean;
     wrapFormItem: boolean;
     col: boolean;
+    readonly: boolean;
     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/Bxj372sF.mjs";
+import { t as e } from "../chunks/BmQGmui_.mjs";
 export { e as default };

package/form-checkbox/index.d.ts

@@ -11,14 +11,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     col: BooleanConstructor;
+    readonly: BooleanConstructor;
     prop: StringConstructor;
     required: BooleanConstructor;
     rules: ArrayConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
     span: {
         type: NumberConstructor;
         default: number;
     };
     block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
     formItemClass: StringConstructor;
     hideLabel: BooleanConstructor;
     tips: {
@@ -32,7 +42,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     inputColspan: (StringConstructor | NumberConstructor)[];
     labelRowspan: (StringConstructor | NumberConstructor)[];
     inputRowspan: (StringConstructor | NumberConstructor)[];
-}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": null;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     value: StringConstructor;
     label: StringConstructor;
@@ -45,14 +57,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     col: BooleanConstructor;
+    readonly: BooleanConstructor;
     prop: StringConstructor;
     required: BooleanConstructor;
     rules: ArrayConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
     span: {
         type: NumberConstructor;
         default: number;
     };
     block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
     formItemClass: StringConstructor;
     hideLabel: BooleanConstructor;
     tips: {
@@ -67,15 +89,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     labelRowspan: (StringConstructor | NumberConstructor)[];
     inputRowspan: (StringConstructor | NumberConstructor)[];
 }>> & Readonly<{
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     required: boolean;
+    wrapCol: boolean;
     span: number;
     block: boolean;
+    unwrap: boolean;
+    half: boolean;
     hideLabel: boolean;
     tipsAfterLabel: boolean;
     disabled: boolean;
     wrapFormItem: boolean;
     col: boolean;
+    readonly: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/form-checkbox/index.mjs

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

package/form-date-picker/index.d.ts

@@ -20,15 +20,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     col: BooleanConstructor;
+    readonly: BooleanConstructor;
     label: StringConstructor;
     prop: StringConstructor;
     required: BooleanConstructor;
     rules: ArrayConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
     span: {
         type: NumberConstructor;
         default: number;
     };
     block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
     formItemClass: StringConstructor;
     hideLabel: BooleanConstructor;
     tips: {
@@ -42,7 +52,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     inputColspan: (StringConstructor | NumberConstructor)[];
     labelRowspan: (StringConstructor | NumberConstructor)[];
     inputRowspan: (StringConstructor | NumberConstructor)[];
-}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:startDate': null;
+    'update:endDate': null;
+    "update:modelValue": null;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: (StringConstructor | DateConstructor | NumberConstructor | ArrayConstructor)[];
     type: {
         type: StringConstructor;
@@ -64,15 +78,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     col: BooleanConstructor;
+    readonly: BooleanConstructor;
     label: StringConstructor;
     prop: StringConstructor;
     required: BooleanConstructor;
     rules: ArrayConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
     span: {
         type: NumberConstructor;
         default: number;
     };
     block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
     formItemClass: StringConstructor;
     hideLabel: BooleanConstructor;
     tips: {
@@ -87,17 +111,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     labelRowspan: (StringConstructor | NumberConstructor)[];
     inputRowspan: (StringConstructor | NumberConstructor)[];
 }>> & Readonly<{
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:startDate"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:endDate"?: ((...args: any[]) => any) | undefined;
 }>, {
     type: string;
     required: boolean;
+    wrapCol: boolean;
     span: number;
     block: boolean;
+    unwrap: boolean;
+    half: boolean;
     hideLabel: boolean;
     tipsAfterLabel: boolean;
     disabled: boolean;
     wrapFormItem: boolean;
     col: boolean;
+    readonly: boolean;
     split: boolean;
     unlinkPanels: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/form-date-picker/index.mjs

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

package/form-holder/index.mjs

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

package/form-image/index.d.ts

@@ -11,15 +11,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     col: BooleanConstructor;
+    readonly: BooleanConstructor;
     label: StringConstructor;
     prop: StringConstructor;
     required: BooleanConstructor;
     rules: ArrayConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
     span: {
         type: NumberConstructor;
         default: number;
     };
     block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
     formItemClass: StringConstructor;
     hideLabel: BooleanConstructor;
     tips: {
@@ -46,15 +56,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: undefined;
     };
     col: BooleanConstructor;
+    readonly: BooleanConstructor;
     label: StringConstructor;
     prop: StringConstructor;
     required: BooleanConstructor;
     rules: ArrayConstructor;
+    messagePrefix: StringConstructor;
+    message: StringConstructor;
+    wrapCol: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixedSpan: NumberConstructor;
     span: {
         type: NumberConstructor;
         default: number;
     };
     block: BooleanConstructor;
+    unwrap: BooleanConstructor;
+    half: BooleanConstructor;
     formItemClass: StringConstructor;
     hideLabel: BooleanConstructor;
     tips: {
@@ -70,13 +90,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     inputRowspan: (StringConstructor | NumberConstructor)[];
 }>> & Readonly<{}>, {
     required: boolean;
+    wrapCol: boolean;
     span: number;
     block: boolean;
+    unwrap: boolean;
+    half: boolean;
     hideLabel: boolean;
     tipsAfterLabel: boolean;
     disabled: boolean;
     wrapFormItem: boolean;
     col: boolean;
+    readonly: boolean;
     hideOnClickModal: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/form-image/index.mjs

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