@sdata/web-vue 4.4.1 → 4.4.3

package/es/_utils/global-config.js

@@ -1,22 +1,26 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
-import { getCurrentInstance, inject } from "vue";
+import { getCurrentInstance, inject, ref } from "vue";
 //#region components/_utils/global-config.ts
 var COMPONENT_PREFIX = "Sd";
 var CLASS_PREFIX = "sd";
 var GLOBAL_CONFIG_NAME = "$sd";
+var globalClassPrefix = ref(void 0);
 var getComponentPrefix = (options) => {
 	var _options$componentPre;
 	return (_options$componentPre = options === null || options === void 0 ? void 0 : options.componentPrefix) !== null && _options$componentPre !== void 0 ? _options$componentPre : COMPONENT_PREFIX;
 };
 var setGlobalConfig = (app, options) => {
-	if (options === null || options === void 0 ? void 0 : options.classPrefix) app.config.globalProperties[GLOBAL_CONFIG_NAME] = _objectSpread2(_objectSpread2({}, app.config.globalProperties[GLOBAL_CONFIG_NAME]), {}, { classPrefix: options.classPrefix });
+	if (options === null || options === void 0 ? void 0 : options.classPrefix) {
+		globalClassPrefix.value = options.classPrefix;
+		app.config.globalProperties[GLOBAL_CONFIG_NAME] = _objectSpread2(_objectSpread2({}, app.config.globalProperties[GLOBAL_CONFIG_NAME]), {}, { classPrefix: options.classPrefix });
+	}
 };
 var getPrefixCls = (componentName) => {
-	var _ref, _configProvider$prefi, _instance$appContext$;
+	var _ref, _ref2, _configProvider$prefi, _instance$appContext$;
 	const instance = getCurrentInstance();
-	const configProvider = inject(configProviderInjectionKey, void 0);
-	const prefix = (_ref = (_configProvider$prefi = configProvider === null || configProvider === void 0 ? void 0 : configProvider.prefixCls) !== null && _configProvider$prefi !== void 0 ? _configProvider$prefi : instance === null || instance === void 0 || (_instance$appContext$ = instance.appContext.config.globalProperties[GLOBAL_CONFIG_NAME]) === null || _instance$appContext$ === void 0 ? void 0 : _instance$appContext$.classPrefix) !== null && _ref !== void 0 ? _ref : CLASS_PREFIX;
+	const configProvider = instance ? inject(configProviderInjectionKey, void 0) : void 0;
+	const prefix = (_ref = (_ref2 = (_configProvider$prefi = configProvider === null || configProvider === void 0 ? void 0 : configProvider.prefixCls) !== null && _configProvider$prefi !== void 0 ? _configProvider$prefi : globalClassPrefix.value) !== null && _ref2 !== void 0 ? _ref2 : instance === null || instance === void 0 || (_instance$appContext$ = instance.appContext.config.globalProperties[GLOBAL_CONFIG_NAME]) === null || _instance$appContext$ === void 0 ? void 0 : _instance$appContext$.classPrefix) !== null && _ref !== void 0 ? _ref : CLASS_PREFIX;
 	if (componentName) return `${prefix}-${componentName}`;
 	return prefix;
 };

package/es/anchor/anchor.vue_vue_type_script_setup_true_lang.js

@@ -3,6 +3,7 @@ import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isWindow } from "../_utils/is.js";
 import { getElement, off, on } from "../_utils/dom.js";
 import { throttleByRaf } from "../_utils/throttle-by-raf.js";
+import Affix from "../affix/index.js";
 import { useI18n } from "../locale/index.js";
 import { anchorInjectionKey } from "./context.js";
 import { BOUNDARY_POSITIONS, slide } from "./utils.js";
@@ -118,11 +119,12 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		};
 		const handleClick = (e, hash) => {
 			if (!props.changeHash) e.preventDefault();
+			const preHash = currentLink.value;
 			if (hash) {
 				scrollIntoView(hash);
 				handleAnchorChange(hash);
 			}
-			emit("select", hash, currentLink.value);
+			emit("select", hash, preHash);
 		};
 		const scrollIntoView = (hash) => {
 			try {
@@ -141,7 +143,7 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 				const targetTop = top - diff;
 				slide(el, targetTop, () => {
 					isScrolling.value = false;
-				});
+				}, props.smooth);
 				isScrolling.value = true;
 			} catch (e) {
 				console.error(e);
@@ -156,11 +158,6 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			}
 		});
 		const handleAnchorChange = (hash) => {
-			if (!links[hash] && anchorRef.value) {
-				const element = getElement(`a[data-href='${hash}']`, anchorRef.value);
-				if (!element) return;
-				links[hash] = element;
-			}
 			if (hash !== currentLink.value) {
 				currentLink.value = hash;
 				nextTick(() => {
@@ -224,7 +221,7 @@ var anchor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			[`${prefixCls}-line-less`]: props.lineLess,
 			[`${prefixCls}-horizontal`]: props.direction === "horizontal"
 		}]);
-		const wrapperComponent = computed(() => props.affix ? "Affix" : "div");
+		const wrapperComponent = computed(() => props.affix ? Affix : "div");
 		const wrapperProps = computed(() => {
 			if (!props.affix) return {};
 			return {

package/es/anchor/utils.d.ts

@@ -1,3 +1,3 @@
-export declare function slide(el: HTMLElement, top: number, cb: () => void): void;
+export declare function slide(el: HTMLElement, top: number, cb: () => void, smooth?: boolean): void;
 export declare const BOUNDARY_POSITIONS: readonly ["start", "end", "center", "nearest"];
 export type BoundaryPosition = (typeof BOUNDARY_POSITIONS)[number];

package/es/anchor/utils.js

@@ -1,7 +1,12 @@
 import { isFunction } from "../_utils/is.js";
 import BTween from "b-tween";
 //#region components/anchor/utils.ts
-function slide(el, top, cb) {
+function slide(el, top, cb, smooth = true) {
+	if (!smooth) {
+		el.scrollTop = top;
+		cb();
+		return;
+	}
 	new BTween({
 		from: { scrollTop: el.scrollTop },
 		to: { scrollTop: top },

package/es/auto-complete/auto-complete.vue.d.ts

@@ -3,17 +3,17 @@ import type { VirtualListProps } from '../_components/virtual-list/interface';
 import type { FloatingOptions } from '../_utils/floating';
 import type { FilterOption, SelectOptionData, SelectOptionGroup, SelectOptionInfo } from '../select/interface';
 import { type TriggerProps } from '../trigger';
-declare var __VLS_7: {
+declare var __VLS_18: {
     data: SelectOptionInfo;
-}, __VLS_56: {}, __VLS_71: {}, __VLS_74: {};
+}, __VLS_67: {}, __VLS_82: {}, __VLS_85: {};
 type __VLS_Slots = {} & {
-    option?: (props: typeof __VLS_7) => any;
+    option?: (props: typeof __VLS_18) => any;
 } & {
-    footer?: (props: typeof __VLS_56) => any;
+    footer?: (props: typeof __VLS_67) => any;
 } & {
-    prefix?: (props: typeof __VLS_71) => any;
+    prefix?: (props: typeof __VLS_82) => any;
 } & {
-    suffix?: (props: typeof __VLS_74) => any;
+    suffix?: (props: typeof __VLS_85) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {

package/es/auto-complete/auto-complete.vue_vue_type_script_setup_true_lang.js

@@ -9,13 +9,14 @@ import { resolveDropdownVirtualListProps } from "../_utils/virtual-dropdown.js";
 import Trigger from "../trigger/index.js";
 import Ellipsis from "../ellipsis/index.js";
 import Input from "../input/index.js";
-import { getKeyFromValue } from "../select/utils.js";
+import { getKeyFromValue, isGroupOptionInfo } from "../select/utils.js";
 import { useSelect } from "../select/hooks/use-select.js";
 import select_dropdown_default from "../select/select-dropdown.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, unref, useAttrs, useSlots, watch, withCtx } from "vue";
 import { createReusableTemplate } from "@vueuse/core";
 //#region components/auto-complete/auto-complete.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = [
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = [
 	"aria-disabled",
 	"onClick",
 	"onMouseenter",
@@ -90,6 +91,7 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const [DefineOption, ReuseOption] = createReusableTemplate();
 		const prefixCls = getPrefixCls("auto-complete");
 		const optionPrefixCls = getPrefixCls("select-option");
+		const groupPrefixCls = getPrefixCls("select-group");
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled: toRef(props, "disabled") });
 		const { mergedAllowClear } = useAllowClear(toRef(props, "allowClear"));
 		const innerValue = ref(props.defaultValue);
@@ -115,8 +117,8 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			innerPopupVisible.value = popupVisible;
 		};
 		const strictFilterOption = (inputValue, option) => {
-			var _option$label;
-			return Boolean((_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.includes(inputValue));
+			var _ref, _option$label;
+			return Boolean(String((_ref = (_option$label = option.label) !== null && _option$label !== void 0 ? _option$label : option.value) !== null && _ref !== void 0 ? _ref : "").includes(inputValue));
 		};
 		const mergedFilterOption = computed(() => {
 			if (isFunction(props.filterOption)) return props.filterOption;
@@ -206,7 +208,21 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineOption), null, {
-				default: withCtx(({ item }) => [createElementVNode("li", {
+				default: withCtx(({ item }) => [unref(isGroupOptionInfo)(item) ? (openBlock(), createElementBlock("li", {
+					key: item.key,
+					role: "group",
+					"aria-label": item.label,
+					class: normalizeClass(unref(groupPrefixCls))
+				}, [createElementVNode("div", { class: normalizeClass(`${unref(groupPrefixCls)}-title`) }, [createVNode(unref(Ellipsis), null, {
+					default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+					_: 2
+				}, 1024)], 2), (openBlock(true), createElementBlock(Fragment, null, renderList(item.options, (child) => {
+					return openBlock(), createBlock(unref(ReuseOption), {
+						key: child.key,
+						item: child
+					}, null, 8, ["item"]);
+				}), 128))], 10, _hoisted_1)) : (openBlock(), createElementBlock("li", {
+					key: 1,
 					ref: (element) => setOptionRef(item.key, element),
 					class: normalizeClass([unref(optionPrefixCls), {
 						[`${unref(optionPrefixCls)}-active`]: unref(activeKey) === item.key,
@@ -220,7 +236,7 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 				}, [createElementVNode("span", { class: normalizeClass(`${unref(optionPrefixCls)}-content`) }, [unref(slots).option && item.value ? renderSlot(_ctx.$slots, "option", { data: item }, void 0, void 0, 0) : (openBlock(), createBlock(unref(Ellipsis), { key: 1 }, {
 					default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 					_: 2
-				}, 1024))], 2)], 42, _hoisted_1)]),
+				}, 1024))], 2)], 42, _hoisted_2))]),
 				_: 3
 			}), createVNode(unref(Trigger), mergeProps(mergedTriggerProps.value, { onPopupVisibleChange: handlePopupVisibleChange }), {
 				content: withCtx(() => [createVNode(select_dropdown_default, {

package/es/avatar/avatar-group.vue_vue_type_script_setup_true_lang.js

@@ -40,6 +40,7 @@ var avatar_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			}
 		});
 		const prefixCls = getPrefixCls("avatar-group");
+		const avatarPrefixCls = getPrefixCls("avatar");
 		const configCtx = inject(configProviderInjectionKey, void 0);
 		const rtl = computed(() => {
 			var _configCtx$rtl;
@@ -65,7 +66,7 @@ var avatar_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(prefixCls), { [`${unref(prefixCls)}-rtl`]: rtl.value }]) }, [createVNode(unref(DefineAvatarContent), null, {
 				default: withCtx(({ children }) => [createVNode(unref(RenderVNodes), { content: getVisibleAvatars(children) }, null, 8, ["content"]), getOverflowAvatars(children).length > 0 ? (openBlock(), createBlock(unref(Popover), normalizeProps(mergeProps({ key: 0 }, __props.maxPopoverTriggerProps)), {
-					content: withCtx(() => [createElementVNode("div", null, [createVNode(unref(RenderVNodes), { content: getOverflowAvatars(children) }, null, 8, ["content"])])]),
+					content: withCtx(() => [createElementVNode("div", { class: normalizeClass(`${unref(avatarPrefixCls)}-group-popover`) }, [createVNode(unref(RenderVNodes), { content: getOverflowAvatars(children) }, null, 8, ["content"])], 2)]),
 					default: withCtx(() => [createVNode(avatar_default, {
 						class: normalizeClass(`${unref(prefixCls)}-max-count-avatar`),
 						style: normalizeStyle(__props.maxStyle)

package/es/avatar/avatar.vue_vue_type_script_setup_true_lang.js

@@ -120,11 +120,11 @@ var avatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			}
 			return style;
 		});
-		const computedTriggerIconStyle = useTriggerIconStyle({
+		const computedTriggerIconStyle = computed(() => useTriggerIconStyle({
 			triggerIconStyle: triggerIconStyle === null || triggerIconStyle === void 0 ? void 0 : triggerIconStyle.value,
 			inlineStyle: attrs.style,
 			triggerType: triggerType.value
-		});
+		}));
 		const autoFixFontSizeHandler = () => {
 			if (!isImage.value && !props.imageUrl) nextTick(() => {
 				var _mergedSize$value2;
@@ -201,7 +201,7 @@ var avatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			}), _ctx.$slots["trigger-icon"] ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(`${unref(prefixCls)}-trigger-icon-${unref(triggerType)}`),
-				style: normalizeStyle(unref(computedTriggerIconStyle))
+				style: normalizeStyle(computedTriggerIconStyle.value)
 			}, [renderSlot(_ctx.$slots, "trigger-icon")], 6)) : createCommentVNode("", true)], 6);
 		};
 	}

package/es/avatar/style/index.css

@@ -138,5 +138,5 @@
   margin-left: -10px;
 }
 .sd-avatar-group-popover .sd-avatar:not(:first-child) {
-  margin-left: 4px;
+  margin-left: 4px !important;
 }

package/es/avatar/style/index.scss

@@ -156,6 +156,7 @@ $avatar-prefix-cls: string.unquote('#{theme.$prefix}-avatar');
   }
 
   &-group-popover &:not(:first-child) {
-    margin-left: $avatar-group-popover-item-spacing;
+    // 气泡内头像使用正向间距，需覆盖条带布局写入的内联 margin-left
+    margin-left: $avatar-group-popover-item-spacing !important;
   }
 }

package/es/badge/badge.vue_vue_type_script_setup_true_lang.js

@@ -47,7 +47,7 @@ var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			return (_configCtx$rtl = configCtx === null || configCtx === void 0 ? void 0 : configCtx.rtl) !== null && _configCtx$rtl !== void 0 ? _configCtx$rtl : false;
 		});
 		const hasCount = computed(() => __props.count != null);
-		const countValue = computed(() => Number(__props.count));
+		const countValue = computed(() => Math.max(Number(__props.count) || 0, 0));
 		const wrapperClassName = computed(() => [prefixCls, {
 			[`${prefixCls}-status`]: __props.status,
 			[`${prefixCls}-no-children`]: !slots.default,
@@ -56,7 +56,8 @@ var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const computedDotStyle = computed(() => {
 			const style = _objectSpread2({}, __props.dotStyle);
 			const [leftOffset, topOffset] = __props.offset;
-			if (leftOffset) style.marginRight = `${-leftOffset}px`;
+			const horizontalMargin = rtl.value ? "marginLeft" : "marginRight";
+			if (leftOffset) style[horizontalMargin] = `${-leftOffset}px`;
 			if (topOffset) style.marginTop = `${topOffset}px`;
 			return style;
 		});
@@ -65,46 +66,62 @@ var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const displayCount = computed(() => isCountOverflow.value ? __props.maxCount : countValue.value);
 		const displaySuffix = computed(() => isCountOverflow.value ? "+" : void 0);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", { class: normalizeClass(wrapperClassName.value) }, [renderSlot(_ctx.$slots, "default"), _ctx.$slots.content ? (openBlock(), createElementBlock("span", {
-				key: 0,
-				class: normalizeClass(`${unref(prefixCls)}-custom-dot`),
-				style: normalizeStyle(computedDotStyle.value)
-			}, [renderSlot(_ctx.$slots, "content")], 6)) : __props.text && !__props.color && !__props.status ? (openBlock(), createElementBlock("span", {
-				key: 1,
-				class: normalizeClass(`${unref(prefixCls)}-text`),
-				style: normalizeStyle(computedDotStyle.value)
-			}, toDisplayString(__props.text), 7)) : __props.status || __props.color && !hasCount.value ? (openBlock(), createElementBlock("span", {
-				key: 2,
-				class: normalizeClass(`${unref(prefixCls)}-status-wrapper`)
-			}, [createElementVNode("span", {
-				class: normalizeClass([`${unref(prefixCls)}-status-dot`, {
-					[`${unref(prefixCls)}-status-${__props.status}`]: __props.status,
-					[`${unref(prefixCls)}-color-${__props.color}`]: __props.color
-				}]),
-				style: normalizeStyle(mergedStyle.value),
-				"aria-hidden": "true"
-			}, null, 6), __props.text ? (openBlock(), createElementBlock("span", {
-				key: 0,
-				class: normalizeClass(`${unref(prefixCls)}-status-text`)
-			}, toDisplayString(__props.text), 3)) : createCommentVNode("", true)], 2)) : (__props.dot || __props.color) && countValue.value > 0 ? (openBlock(), createElementBlock("span", {
-				key: 3,
-				role: "status",
-				"aria-label": String(countValue.value),
-				class: normalizeClass([`${unref(prefixCls)}-dot`, { [`${unref(prefixCls)}-color-${__props.color}`]: __props.color }]),
-				style: normalizeStyle(mergedStyle.value)
-			}, null, 14, _hoisted_1)) : countValue.value !== 0 ? (openBlock(), createElementBlock("span", {
-				key: 4,
-				class: normalizeClass(`${unref(prefixCls)}-number`),
-				style: normalizeStyle(mergedStyle.value)
-			}, [createVNode(unref(NumberFlow), {
-				value: displayCount.value,
-				suffix: displaySuffix.value,
-				animated: __props.animation
-			}, null, 8, [
-				"value",
-				"suffix",
-				"animated"
-			])], 6)) : createCommentVNode("", true)], 2);
+			return openBlock(), createElementBlock("span", { class: normalizeClass(wrapperClassName.value) }, [
+				renderSlot(_ctx.$slots, "default"),
+				_ctx.$slots.content ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-custom-dot`),
+					style: normalizeStyle(computedDotStyle.value)
+				}, [renderSlot(_ctx.$slots, "content")], 6)) : __props.text && !__props.color && !__props.status ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass(`${unref(prefixCls)}-text`),
+					style: normalizeStyle(computedDotStyle.value)
+				}, toDisplayString(__props.text), 7)) : __props.status || __props.color && !hasCount.value ? (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: normalizeClass(`${unref(prefixCls)}-status-wrapper`)
+				}, [createElementVNode("span", {
+					class: normalizeClass([`${unref(prefixCls)}-status-dot`, {
+						[`${unref(prefixCls)}-status-${__props.status}`]: __props.status,
+						[`${unref(prefixCls)}-color-${__props.color}`]: __props.color
+					}]),
+					style: normalizeStyle(mergedStyle.value),
+					"aria-hidden": "true"
+				}, null, 6), __props.text ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-status-text`)
+				}, toDisplayString(__props.text), 3)) : createCommentVNode("", true)], 2)) : (__props.dot || __props.color) && countValue.value > 0 ? (openBlock(), createElementBlock("span", {
+					key: 3,
+					role: "status",
+					"aria-label": String(countValue.value),
+					class: normalizeClass([`${unref(prefixCls)}-dot`, { [`${unref(prefixCls)}-color-${__props.color}`]: __props.color }]),
+					style: normalizeStyle(mergedStyle.value)
+				}, null, 14, _hoisted_1)) : countValue.value !== 0 ? (openBlock(), createElementBlock("span", {
+					key: 4,
+					class: normalizeClass(`${unref(prefixCls)}-number`),
+					style: normalizeStyle(mergedStyle.value)
+				}, [createVNode(unref(NumberFlow), {
+					value: displayCount.value,
+					suffix: displaySuffix.value,
+					animated: __props.animation
+				}, null, 8, [
+					"value",
+					"suffix",
+					"animated"
+				])], 6)) : createCommentVNode("", true),
+				__props.status && countValue.value > 0 ? (openBlock(), createElementBlock("span", {
+					key: 5,
+					class: normalizeClass(`${unref(prefixCls)}-number`),
+					style: normalizeStyle(mergedStyle.value)
+				}, [createVNode(unref(NumberFlow), {
+					value: displayCount.value,
+					suffix: displaySuffix.value,
+					animated: __props.animation
+				}, null, 8, [
+					"value",
+					"suffix",
+					"animated"
+				])], 6)) : createCommentVNode("", true)
+			], 2);
 		};
 	}
 }));

package/es/basic-crud-table/basic-crud-modal.vue.d.ts

@@ -29,14 +29,14 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         $data: {};
         $props: {
             readonly schemas: import("..").JsonFormA2UI_0_9_1ComponentNode[] | import("..").JsonFormSchema<import("..").JsonFormComponentType<{}>, {}>[];
+            readonly modelValue?: import("..").JsonFormModel | undefined;
             readonly adapter?: import("..").JsonFormAdapter | undefined;
             readonly model?: import("..").JsonFormModel | undefined;
             readonly hideLabel?: boolean | undefined;
             readonly hideAsterisk?: boolean | undefined;
             readonly showColon?: boolean | undefined;
             readonly component?: (string | import("vue").Component) | undefined;
-            readonly modelValue?: import("..").JsonFormModel | undefined;
-            readonly "onUpdate:modelValue"?: ((value: import("..").JsonFormModel | undefined) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: import("..").JsonFormModel) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         $attrs: import("vue").Attrs;
         $refs: {
@@ -48,20 +48,19 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: "update:modelValue", value: import("..").JsonFormModel | undefined) => void;
+        $emit: (event: "update:modelValue", value: import("..").JsonFormModel) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<{
             schemas: import("..").JsonFormA2UI_0_9_1ComponentNode[] | import("..").JsonFormSchema<import("..").JsonFormComponentType<{}>, {}>[];
+            modelValue?: import("..").JsonFormModel;
             adapter?: import("..").JsonFormAdapter;
             model?: import("..").JsonFormModel;
             hideLabel?: boolean;
             hideAsterisk?: boolean;
             showColon?: boolean;
             component?: string | import("vue").Component;
-        } & {
-            modelValue?: import("..").JsonFormModel | undefined;
         }> & Readonly<{
-            "onUpdate:modelValue"?: ((value: import("..").JsonFormModel | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import("..").JsonFormModel) => any) | undefined;
         }>, {
             validate: (callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
             validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
@@ -70,9 +69,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
             setFields: (data: Record<string, import("../form/interface").FieldData>) => void | undefined;
             scrollToField: (field: string) => void | undefined;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: import("..").JsonFormModel | undefined) => any;
+            "update:modelValue": (value: import("..").JsonFormModel) => any;
         }, string, {
             component: string | import("vue").Component;
+            modelValue: import("..").JsonFormModel;
             showColon: boolean;
             hideLabel: boolean;
             hideAsterisk: boolean;
@@ -100,6 +100,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<{
         component: string | import("vue").Component;
+        modelValue: import("..").JsonFormModel;
         showColon: boolean;
         hideLabel: boolean;
         hideAsterisk: boolean;
@@ -107,17 +108,16 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         adapter: import("..").JsonFormAdapter;
     }> & Omit<Readonly<{
         schemas: import("..").JsonFormA2UI_0_9_1ComponentNode[] | import("..").JsonFormSchema<import("..").JsonFormComponentType<{}>, {}>[];
+        modelValue?: import("..").JsonFormModel;
         adapter?: import("..").JsonFormAdapter;
         model?: import("..").JsonFormModel;
         hideLabel?: boolean;
         hideAsterisk?: boolean;
         showColon?: boolean;
         component?: string | import("vue").Component;
-    } & {
-        modelValue?: import("..").JsonFormModel | undefined;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import("..").JsonFormModel | undefined) => any) | undefined;
-    }>, "validate" | "validateField" | "resetFields" | "clearValidate" | "setFields" | "scrollToField" | ("component" | "showColon" | "hideLabel" | "hideAsterisk" | "model" | "adapter")> & {
+        "onUpdate:modelValue"?: ((value: import("..").JsonFormModel) => any) | undefined;
+    }>, "validate" | "validateField" | "resetFields" | "clearValidate" | "setFields" | "scrollToField" | ("component" | "modelValue" | "showColon" | "hideLabel" | "hideAsterisk" | "model" | "adapter")> & {
         validate: (callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
         validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
         resetFields: (field?: string | string[] | undefined) => void | undefined;
@@ -137,14 +137,14 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         $data: {};
         $props: {
             readonly schemas: import("..").JsonFormA2UI_0_9_1ComponentNode[] | import("..").JsonFormSchema<import("..").JsonFormComponentType<{}>, {}>[];
+            readonly modelValue?: import("..").JsonFormModel | undefined;
             readonly adapter?: import("..").JsonFormAdapter | undefined;
             readonly model?: import("..").JsonFormModel | undefined;
             readonly hideLabel?: boolean | undefined;
             readonly hideAsterisk?: boolean | undefined;
             readonly showColon?: boolean | undefined;
             readonly component?: (string | import("vue").Component) | undefined;
-            readonly modelValue?: import("..").JsonFormModel | undefined;
-            readonly "onUpdate:modelValue"?: ((value: import("..").JsonFormModel | undefined) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: import("..").JsonFormModel) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         $attrs: import("vue").Attrs;
         $refs: {
@@ -156,20 +156,19 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         $root: import("vue").ComponentPublicInstance | null;
         $parent: import("vue").ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: "update:modelValue", value: import("..").JsonFormModel | undefined) => void;
+        $emit: (event: "update:modelValue", value: import("..").JsonFormModel) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<{
             schemas: import("..").JsonFormA2UI_0_9_1ComponentNode[] | import("..").JsonFormSchema<import("..").JsonFormComponentType<{}>, {}>[];
+            modelValue?: import("..").JsonFormModel;
             adapter?: import("..").JsonFormAdapter;
             model?: import("..").JsonFormModel;
             hideLabel?: boolean;
             hideAsterisk?: boolean;
             showColon?: boolean;
             component?: string | import("vue").Component;
-        } & {
-            modelValue?: import("..").JsonFormModel | undefined;
         }> & Readonly<{
-            "onUpdate:modelValue"?: ((value: import("..").JsonFormModel | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: import("..").JsonFormModel) => any) | undefined;
         }>, {
             validate: (callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
             validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
@@ -178,9 +177,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
             setFields: (data: Record<string, import("../form/interface").FieldData>) => void | undefined;
             scrollToField: (field: string) => void | undefined;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:modelValue": (value: import("..").JsonFormModel | undefined) => any;
+            "update:modelValue": (value: import("..").JsonFormModel) => any;
         }, string, {
             component: string | import("vue").Component;
+            modelValue: import("..").JsonFormModel;
             showColon: boolean;
             hideLabel: boolean;
             hideAsterisk: boolean;
@@ -208,6 +208,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<{
         component: string | import("vue").Component;
+        modelValue: import("..").JsonFormModel;
         showColon: boolean;
         hideLabel: boolean;
         hideAsterisk: boolean;
@@ -215,17 +216,16 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         adapter: import("..").JsonFormAdapter;
     }> & Omit<Readonly<{
         schemas: import("..").JsonFormA2UI_0_9_1ComponentNode[] | import("..").JsonFormSchema<import("..").JsonFormComponentType<{}>, {}>[];
+        modelValue?: import("..").JsonFormModel;
         adapter?: import("..").JsonFormAdapter;
         model?: import("..").JsonFormModel;
         hideLabel?: boolean;
         hideAsterisk?: boolean;
         showColon?: boolean;
         component?: string | import("vue").Component;
-    } & {
-        modelValue?: import("..").JsonFormModel | undefined;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: import("..").JsonFormModel | undefined) => any) | undefined;
-    }>, "validate" | "validateField" | "resetFields" | "clearValidate" | "setFields" | "scrollToField" | ("component" | "showColon" | "hideLabel" | "hideAsterisk" | "model" | "adapter")> & {
+        "onUpdate:modelValue"?: ((value: import("..").JsonFormModel) => any) | undefined;
+    }>, "validate" | "validateField" | "resetFields" | "clearValidate" | "setFields" | "scrollToField" | ("component" | "modelValue" | "showColon" | "hideLabel" | "hideAsterisk" | "model" | "adapter")> & {
         validate: (callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
         validateField: (field: string | string[], callback?: ((errors: undefined | Record<string, import("..").ValidatedError>) => void) | undefined) => Promise<Record<string, import("..").ValidatedError> | undefined> | undefined;
         resetFields: (field?: string | string[] | undefined) => void | undefined;