@sdata/web-vue 3.17.0 → 3.19.0

package/es/json-form/utils.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
 import input_password_default from "../input/input-password.js";
 import input_search_default from "../input/input-search.js";
 import Input from "../input/index.js";
@@ -24,56 +24,9 @@ import TimePicker from "../time-picker/index.js";
 import Transfer from "../transfer/index.js";
 import TreeSelect from "../tree-select/index.js";
 import VerificationCode from "../verification-code/index.js";
-import { camelCase, isPlainObject, omitBy } from "es-toolkit";
+import { isPlainObject } from "es-toolkit";
 //#region components/json-form/utils.ts
-var JSON_FORM_STANDARD_A2UI_0_8_COMPONENTS = new Set([
-	"Row",
-	"Column",
-	"TextField",
-	"CheckBox",
-	"Slider",
-	"DateTimeInput",
-	"MultipleChoice",
-	"ChoicePicker"
-]);
-var JSON_FORM_A2UI_0_8_COMPONENT_ALIASES = {
-	AutoComplete: JSON_FORM_COMPONENT_TYPES.autoComplete,
-	Cascader: JSON_FORM_COMPONENT_TYPES.cascader,
-	CheckBox: JSON_FORM_COMPONENT_TYPES.checkbox,
-	Checkbox: JSON_FORM_COMPONENT_TYPES.checkbox,
-	CheckboxGroup: JSON_FORM_COMPONENT_TYPES.checkboxGroup,
-	DatePicker: JSON_FORM_COMPONENT_TYPES.datePicker,
-	Input: JSON_FORM_COMPONENT_TYPES.input,
-	InputNumber: JSON_FORM_COMPONENT_TYPES.inputNumber,
-	InputPassword: JSON_FORM_COMPONENT_TYPES.inputPassword,
-	InputSearch: JSON_FORM_COMPONENT_TYPES.inputSearch,
-	InputTag: JSON_FORM_COMPONENT_TYPES.inputTag,
-	Mention: JSON_FORM_COMPONENT_TYPES.mention,
-	NoFormItem: JSON_FORM_COMPONENT_TYPES.noFormItem,
-	Radio: JSON_FORM_COMPONENT_TYPES.radio,
-	RadioGroup: JSON_FORM_COMPONENT_TYPES.radioGroup,
-	RangePicker: JSON_FORM_COMPONENT_TYPES.rangePicker,
-	Rate: JSON_FORM_COMPONENT_TYPES.rate,
-	Row: JSON_FORM_COMPONENT_TYPES.row,
-	Select: JSON_FORM_COMPONENT_TYPES.select,
-	Slider: JSON_FORM_COMPONENT_TYPES.slider,
-	Switch: JSON_FORM_COMPONENT_TYPES.switch,
-	TextArea: JSON_FORM_COMPONENT_TYPES.textarea,
-	Textarea: JSON_FORM_COMPONENT_TYPES.textarea,
-	TimePicker: JSON_FORM_COMPONENT_TYPES.timePicker,
-	Transfer: JSON_FORM_COMPONENT_TYPES.transfer,
-	TreeSelect: JSON_FORM_COMPONENT_TYPES.treeSelect,
-	VerificationCode: JSON_FORM_COMPONENT_TYPES.verificationCode
-};
-var JSON_FORM_A2UI_0_8_RESERVED_PROPS = new Set([
-	"label",
-	"text",
-	"value",
-	"selections",
-	"children",
-	"maxAllowedSelections"
-]);
-var STRETCH_COMPONENT_TYPES = new Set([
+var STRETCH_COMPONENT_TYPES = /* @__PURE__ */ new Set([
 	JSON_FORM_COMPONENT_TYPES.autoComplete,
 	JSON_FORM_COMPONENT_TYPES.cascader,
 	JSON_FORM_COMPONENT_TYPES.datePicker,
@@ -124,7 +77,7 @@ function shouldStretchJsonFormControl(type) {
 }
 function parseJsonFormPath(path, adapter = "default") {
 	if (!path) return [];
-	if (adapter === "a2ui-0.8") return path.split("/").slice(1).map((segment) => segment.replaceAll("~1", "/").replaceAll("~0", "~"));
+	if (adapter === "a2ui-0.9.1") return path.split("/").slice(1).map((segment) => segment.replaceAll("~1", "/").replaceAll("~0", "~"));
 	return path.split(".").filter(Boolean);
 }
 function getJsonFormValue(model, path, adapter = "default") {
@@ -148,189 +101,109 @@ function setJsonFormValue(model, path, value, adapter = "default") {
 	}
 	current[segments.at(-1)] = value;
 }
-function resolveA2UIBoundText(value) {
-	if (typeof value === "string") return value;
-	return value === null || value === void 0 ? void 0 : value.literalString;
-}
-function resolveA2UIBoundPath(value) {
-	if (typeof value === "string") return;
-	return value === null || value === void 0 ? void 0 : value.path;
-}
-function getA2UIChildren(children) {
-	var _children$explicitLis;
-	if (Array.isArray(children)) return children;
-	return (_children$explicitLis = children === null || children === void 0 ? void 0 : children.explicitList) !== null && _children$explicitLis !== void 0 ? _children$explicitLis : [];
-}
-function resolveA2UIComponent(node) {
-	var _component$name;
-	if (typeof node.component === "string") return {
-		name: node.component,
-		props: node
-	};
-	const component = node.component;
-	const [name] = Object.keys(component);
-	return {
-		name,
-		props: (_component$name = component[name]) !== null && _component$name !== void 0 ? _component$name : {}
-	};
-}
-function resolveA2UIBoundValue(value) {
-	if (typeof value === "string") return value;
-	if (!value || typeof value !== "object") return value;
-	if ("literalString" in value && typeof value.literalString === "string") return value.literalString;
-	if (Array.isArray(value)) return value.map((item) => resolveA2UIBoundValue(item));
-	return value;
-}
-function normalizeA2UI_0_8ComponentType(componentName) {
-	if (JSON_FORM_A2UI_0_8_COMPONENT_ALIASES[componentName]) return JSON_FORM_A2UI_0_8_COMPONENT_ALIASES[componentName];
-	const normalizedName = camelCase(componentName);
-	if (normalizedName in JSON_FORM_COMPONENT_TYPES) return normalizedName;
-	return normalizedName;
-}
-function resolveA2UI_0_8FieldPath(props) {
-	const candidates = [
-		props.value,
-		props.text,
-		props.selections
-	];
-	for (const candidate of candidates) {
-		const path = resolveA2UIBoundPath(candidate);
-		if (path) return path;
-	}
-}
-function resolveA2UI_0_8Label(props) {
-	return resolveA2UIBoundText(props.label);
+function resolveA2UI_0_9_1Path(value) {
+	if (value && typeof value === "object" && "path" in value && typeof value.path === "string") return value.path;
 }
-function translateA2UI_0_8CommonComponentProps(props) {
-	const baseProps = omitBy(props, (_, key) => JSON_FORM_A2UI_0_8_RESERVED_PROPS.has(key));
-	if (Array.isArray(baseProps.options)) baseProps.options = translateA2UIChoiceOptions(baseProps.options);
-	for (const key of Object.keys(baseProps)) baseProps[key] = resolveA2UIBoundValue(baseProps[key]);
-	if (typeof props.maxAllowedSelections === "number") baseProps.multiple = props.maxAllowedSelections !== 1;
-	return baseProps;
+function resolveA2UI_0_9_1Text(value) {
+	return typeof value === "string" ? value : void 0;
 }
-function translateA2UI_0_8GenericField(node) {
-	var _resolveA2UI_0_8Field;
-	const { name, props } = resolveA2UIComponent(node);
-	const normalizedType = normalizeA2UI_0_8ComponentType(name);
-	const resolvedProps = props;
-	if (normalizedType === JSON_FORM_COMPONENT_TYPES.row || normalizedType === "column") return [];
-	return [{
-		field: (_resolveA2UI_0_8Field = resolveA2UI_0_8FieldPath(resolvedProps)) !== null && _resolveA2UI_0_8Field !== void 0 ? _resolveA2UI_0_8Field : node.id,
-		label: resolveA2UI_0_8Label(resolvedProps),
-		type: normalizedType,
-		componentProps: translateA2UI_0_8CommonComponentProps(resolvedProps)
-	}];
-}
-function translateA2UIChoiceOptions(options = []) {
-	return options.map((option) => {
-		var _resolveA2UIBoundText;
-		return {
-			label: (_resolveA2UIBoundText = resolveA2UIBoundText(option.label)) !== null && _resolveA2UIBoundText !== void 0 ? _resolveA2UIBoundText : String(option.value),
-			value: option.value
-		};
-	});
-}
-function translateA2UI_0_8Field(node) {
-	const { name, props } = resolveA2UIComponent(node);
-	switch (name) {
+function translateA2UI_0_9_1Field(node) {
+	const field = resolveA2UI_0_9_1Path(node.value);
+	if (!field) return [];
+	switch (node.component) {
 		case "TextField": {
-			var _resolveA2UIBoundPath;
-			const field = (_resolveA2UIBoundPath = resolveA2UIBoundPath(props.value)) !== null && _resolveA2UIBoundPath !== void 0 ? _resolveA2UIBoundPath : resolveA2UIBoundPath(props.text);
-			if (!field) return [];
-			const textFieldType = props.textFieldType;
-			const mappedType = textFieldType === "longText" ? JSON_FORM_COMPONENT_TYPES.textarea : textFieldType === "number" ? JSON_FORM_COMPONENT_TYPES.inputNumber : textFieldType === "obscured" ? JSON_FORM_COMPONENT_TYPES.inputPassword : textFieldType === "date" ? JSON_FORM_COMPONENT_TYPES.datePicker : JSON_FORM_COMPONENT_TYPES.input;
+			const textField = node;
+			const variant = textField.variant;
+			const type = variant === "longText" ? JSON_FORM_COMPONENT_TYPES.textarea : variant === "number" ? JSON_FORM_COMPONENT_TYPES.inputNumber : variant === "obscured" ? JSON_FORM_COMPONENT_TYPES.inputPassword : JSON_FORM_COMPONENT_TYPES.input;
 			return [{
 				field,
-				label: resolveA2UIBoundText(props.label),
-				type: mappedType,
-				componentProps: _objectSpread2(_objectSpread2({}, translateA2UI_0_8CommonComponentProps(props)), {}, { placeholder: resolveA2UIBoundText(props.placeholder) })
+				label: resolveA2UI_0_9_1Text(textField.label),
+				type,
+				componentProps: textField.validationRegexp ? { inputAttrs: { pattern: textField.validationRegexp } } : void 0
 			}];
 		}
-		case "CheckBox": {
-			const field = resolveA2UIBoundPath(props.value);
-			if (!field) return [];
+		case "CheckBox": return [{
+			field,
+			label: resolveA2UI_0_9_1Text(node.label),
+			type: JSON_FORM_COMPONENT_TYPES.checkbox
+		}];
+		case "ChoicePicker": {
+			const choicePicker = node;
 			return [{
 				field,
-				label: resolveA2UIBoundText(props.label),
-				type: JSON_FORM_COMPONENT_TYPES.checkbox,
-				componentProps: translateA2UI_0_8CommonComponentProps(props)
+				label: resolveA2UI_0_9_1Text(choicePicker.label),
+				type: JSON_FORM_COMPONENT_TYPES.checkboxGroup,
+				componentProps: {
+					options: choicePicker.options.map((option) => {
+						var _resolveA2UI_0_9_1Tex;
+						return {
+							label: (_resolveA2UI_0_9_1Tex = resolveA2UI_0_9_1Text(option.label)) !== null && _resolveA2UI_0_9_1Tex !== void 0 ? _resolveA2UI_0_9_1Tex : option.value,
+							value: option.value
+						};
+					}),
+					max: choicePicker.variant === "multipleSelection" ? void 0 : 1
+				}
 			}];
 		}
 		case "Slider": {
-			const field = resolveA2UIBoundPath(props.value);
-			if (!field) return [];
+			var _slider$min;
+			const slider = node;
 			return [{
 				field,
+				label: resolveA2UI_0_9_1Text(slider.label),
 				type: JSON_FORM_COMPONENT_TYPES.slider,
-				componentProps: _objectSpread2(_objectSpread2({}, translateA2UI_0_8CommonComponentProps(props)), {}, {
-					min: props.minValue,
-					max: props.maxValue
-				})
+				componentProps: {
+					min: (_slider$min = slider.min) !== null && _slider$min !== void 0 ? _slider$min : 0,
+					max: slider.max
+				}
 			}];
 		}
 		case "DateTimeInput": {
-			var _props$enableDate, _props$enableTime;
-			const field = resolveA2UIBoundPath(props.value);
-			if (!field) return [];
-			const enableDate = (_props$enableDate = props.enableDate) !== null && _props$enableDate !== void 0 ? _props$enableDate : true;
-			const enableTime = (_props$enableTime = props.enableTime) !== null && _props$enableTime !== void 0 ? _props$enableTime : false;
-			const type = enableDate ? JSON_FORM_COMPONENT_TYPES.datePicker : JSON_FORM_COMPONENT_TYPES.timePicker;
-			return [{
-				field,
-				label: resolveA2UIBoundText(props.label),
-				type,
-				componentProps: _objectSpread2(_objectSpread2({}, translateA2UI_0_8CommonComponentProps(props)), enableDate && enableTime ? { showTime: true } : {})
-			}];
-		}
-		case "MultipleChoice":
-		case "ChoicePicker": {
-			const choiceProps = props;
-			const field = resolveA2UIBoundPath(choiceProps.selections);
-			if (!field) return [];
+			var _dateTimeInput$enable, _dateTimeInput$enable2;
+			const dateTimeInput = node;
+			const enableDate = (_dateTimeInput$enable = dateTimeInput.enableDate) !== null && _dateTimeInput$enable !== void 0 ? _dateTimeInput$enable : false;
+			const enableTime = (_dateTimeInput$enable2 = dateTimeInput.enableTime) !== null && _dateTimeInput$enable2 !== void 0 ? _dateTimeInput$enable2 : false;
 			return [{
 				field,
-				label: resolveA2UIBoundText(choiceProps.label),
-				type: JSON_FORM_COMPONENT_TYPES.select,
-				componentProps: _objectSpread2(_objectSpread2({}, translateA2UI_0_8CommonComponentProps(props)), {}, {
-					options: translateA2UIChoiceOptions(choiceProps.options),
-					multiple: choiceProps.maxAllowedSelections !== 1
-				})
+				label: resolveA2UI_0_9_1Text(dateTimeInput.label),
+				type: enableDate ? JSON_FORM_COMPONENT_TYPES.datePicker : JSON_FORM_COMPONENT_TYPES.timePicker,
+				componentProps: enableDate && enableTime ? { showTime: true } : void 0
 			}];
 		}
-		default: return translateA2UI_0_8GenericField(node);
+		default: return [];
 	}
 }
-function translateA2UI_0_8ToJsonFormSchemas(nodes) {
+function translateA2UI_0_9_1ToJsonFormSchemas(nodes) {
 	const nodeMap = new Map(nodes.map((node) => [node.id, node]));
-	const referencedIds = /* @__PURE__ */ new Set();
 	const visitedIds = /* @__PURE__ */ new Set();
-	for (const node of nodes) {
-		const { name, props } = resolveA2UIComponent(node);
-		if (name === "Row" || name === "Column") for (const childId of getA2UIChildren(props.children)) referencedIds.add(childId);
-	}
 	const expandNode = (node) => {
 		if (visitedIds.has(node.id)) return [];
 		visitedIds.add(node.id);
-		const { name, props } = resolveA2UIComponent(node);
-		if (name === "Column") return getA2UIChildren(props.children).flatMap((childId) => {
-			const childNode = nodeMap.get(childId);
-			return childNode ? expandNode(childNode) : [];
-		});
-		if (name === "Row") {
-			const children = getA2UIChildren(props.children).map((childId) => nodeMap.get(childId)).flatMap((childNode) => childNode ? expandNode(childNode) : []);
+		if (node.component === "Card") {
+			const child = nodeMap.get(node.child);
+			return child ? expandNode(child) : [];
+		}
+		if (node.component === "Column" || node.component === "List" || node.component === "Row") {
+			const container = node;
+			if (!Array.isArray(container.children)) return [];
+			const children = container.children.flatMap((childId) => {
+				const child = nodeMap.get(childId);
+				return child ? expandNode(child) : [];
+			});
+			if (node.component !== "Row") return children;
 			return [{
 				field: node.id,
 				type: JSON_FORM_COMPONENT_TYPES.row,
 				children
 			}];
 		}
-		if (JSON_FORM_STANDARD_A2UI_0_8_COMPONENTS.has(name)) return translateA2UI_0_8Field(node);
-		return translateA2UI_0_8GenericField(node);
+		return translateA2UI_0_9_1Field(node);
 	};
-	return nodes.filter((node) => !referencedIds.has(node.id)).flatMap((node) => expandNode(node));
+	const root = nodeMap.get("root");
+	return root ? expandNode(root) : [];
 }
 function mergeJsonFormClassName(...classNames) {
 	return classNames.filter(Boolean);
 }
 //#endregion
-export { getJsonFormValue, mergeJsonFormClassName, resolveJsonFormComponents, setJsonFormValue, shouldStretchJsonFormControl, translateA2UI_0_8ToJsonFormSchemas };
+export { getJsonFormValue, jsonFormBuiltInComponents, mergeJsonFormClassName, parseJsonFormPath, resolveJsonFormComponents, setJsonFormValue, shouldStretchJsonFormControl, translateA2UI_0_9_1ToJsonFormSchemas };

package/es/kv-list/index.d.ts

@@ -6,29 +6,35 @@ declare const KvList: {
         type?: import("./types").KvListType;
         keyProps?: Partial<Omit<Partial<{
             type: "text" | "password";
+            disabled: boolean;
             error: boolean;
             readonly: string | boolean;
-            disabled: boolean;
             defaultValue: string;
             allowClear: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
             maxLength: number | {
                 length: number;
                 errorOnly?: boolean;
             };
             showWordLimit: boolean;
+            fitWidthFallback: string;
         }> & Omit<{
             readonly type: "text" | "password";
+            readonly disabled: boolean;
             readonly error: boolean;
             readonly readonly: string | boolean;
-            readonly disabled: boolean;
             readonly defaultValue: string;
             readonly allowClear: boolean;
+            readonly fitWidth: boolean;
+            readonly maxWFull: boolean;
             readonly maxLength: number | {
                 length: number;
                 errorOnly?: boolean;
             };
             readonly showWordLimit: boolean;
-            readonly size?: "small" | "mini" | "medium" | "large" | undefined;
+            readonly fitWidthFallback: string;
+            readonly size?: "small" | "medium" | "large" | "mini" | undefined;
             readonly modelValue?: string | undefined;
             readonly placeholder?: string | undefined;
             readonly prepend?: string | undefined;
@@ -36,31 +42,36 @@ declare const KvList: {
             readonly wordLength?: ((value: string) => number) | undefined;
             readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
             readonly inputAttrs?: Record<string, any> | undefined;
-            readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
             readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+            readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
             readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
             readonly onChange?: ((_value: string, _ev: Event) => any) | undefined;
             readonly onInput?: ((_value: string, _ev: Event) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
             readonly onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "error" | "readonly" | "disabled" | "defaultValue" | "allowClear" | "maxLength" | "showWordLimit"> & Partial<{
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback"> & Partial<{
+            strict: boolean;
+            disabled: boolean;
             readonly: string | boolean;
             data: (string | number | import("../index.ts").SelectOptionData | import("../index.ts").SelectOptionGroup)[];
-            disabled: boolean;
             defaultValue: string;
             modelValue: string;
             allowClear: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
             filterOption: import("../index.ts").FilterOption;
-            strict: boolean;
         }> & Omit<{
+            readonly strict: boolean;
+            readonly disabled: boolean;
             readonly readonly: string | boolean;
             readonly data: (string | number | import("../index.ts").SelectOptionData | import("../index.ts").SelectOptionGroup)[];
-            readonly disabled: boolean;
             readonly defaultValue: string;
             readonly allowClear: boolean;
+            readonly fitWidth: boolean;
+            readonly maxWFull: boolean;
             readonly filterOption: import("../index.ts").FilterOption;
-            readonly strict: boolean;
             readonly popupContainer?: string | HTMLElement | null | undefined;
+            readonly floatingOptions?: import("../index.ts").FloatingOptions | undefined;
             readonly modelValue?: string | undefined;
             readonly triggerProps?: import("../index.ts").TriggerProps | undefined;
             readonly virtualListProps?: import("../_components/virtual-list/interface.ts").VirtualListProps | undefined;
@@ -71,32 +82,38 @@ declare const KvList: {
             readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
             readonly onDropdownScroll?: ((_ev: Event) => any) | undefined;
             readonly onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "readonly" | "data" | "disabled" | "defaultValue" | "modelValue" | "allowClear" | "filterOption" | "strict">, "defaultValue" | "modelValue" | "onUpdate:modelValue">>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "strict" | "disabled" | "readonly" | "data" | "defaultValue" | "modelValue" | "allowClear" | "fitWidth" | "maxWFull" | "filterOption">, "defaultValue" | "modelValue" | "onUpdate:modelValue">>;
         valueProps?: Partial<Omit<Partial<{
             type: "text" | "password";
+            disabled: boolean;
             error: boolean;
             readonly: string | boolean;
-            disabled: boolean;
             defaultValue: string;
             allowClear: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
             maxLength: number | {
                 length: number;
                 errorOnly?: boolean;
             };
             showWordLimit: boolean;
+            fitWidthFallback: string;
         }> & Omit<{
             readonly type: "text" | "password";
+            readonly disabled: boolean;
             readonly error: boolean;
             readonly readonly: string | boolean;
-            readonly disabled: boolean;
             readonly defaultValue: string;
             readonly allowClear: boolean;
+            readonly fitWidth: boolean;
+            readonly maxWFull: boolean;
             readonly maxLength: number | {
                 length: number;
                 errorOnly?: boolean;
             };
             readonly showWordLimit: boolean;
-            readonly size?: "small" | "mini" | "medium" | "large" | undefined;
+            readonly fitWidthFallback: string;
+            readonly size?: "small" | "medium" | "large" | "mini" | undefined;
             readonly modelValue?: string | undefined;
             readonly placeholder?: string | undefined;
             readonly prepend?: string | undefined;
@@ -104,24 +121,28 @@ declare const KvList: {
             readonly wordLength?: ((value: string) => number) | undefined;
             readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
             readonly inputAttrs?: Record<string, any> | undefined;
-            readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
             readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+            readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
             readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
             readonly onChange?: ((_value: string, _ev: Event) => any) | undefined;
             readonly onInput?: ((_value: string, _ev: Event) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
             readonly onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "error" | "readonly" | "disabled" | "defaultValue" | "allowClear" | "maxLength" | "showWordLimit"> & Partial<{
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback"> & Partial<{
+            fitWidth: boolean;
+            maxWFull: boolean;
             visibility: boolean;
             defaultVisibility: boolean;
             invisibleButton: boolean;
         }> & Omit<{
+            readonly fitWidth: boolean;
+            readonly maxWFull: boolean;
             readonly defaultVisibility: boolean;
             readonly invisibleButton: boolean;
             readonly visibility?: boolean | undefined;
             readonly "onVisibility-change"?: ((_visible: boolean) => any) | undefined;
             readonly "onUpdate:visibility"?: ((_visible: boolean) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visibility" | "defaultVisibility" | "invisibleButton">, "defaultValue" | "modelValue" | "onUpdate:modelValue">>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "fitWidth" | "maxWFull" | "visibility" | "defaultVisibility" | "invisibleButton">, "defaultValue" | "modelValue" | "onUpdate:modelValue">>;
         disabled?: boolean;
         bulkEditable?: boolean;
     } & {
@@ -144,29 +165,35 @@ declare const KvList: {
         type?: import("./types").KvListType;
         keyProps?: Partial<Omit<Partial<{
             type: "text" | "password";
+            disabled: boolean;
             error: boolean;
             readonly: string | boolean;
-            disabled: boolean;
             defaultValue: string;
             allowClear: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
             maxLength: number | {
                 length: number;
                 errorOnly?: boolean;
             };
             showWordLimit: boolean;
+            fitWidthFallback: string;
         }> & Omit<{
             readonly type: "text" | "password";
+            readonly disabled: boolean;
             readonly error: boolean;
             readonly readonly: string | boolean;
-            readonly disabled: boolean;
             readonly defaultValue: string;
             readonly allowClear: boolean;
+            readonly fitWidth: boolean;
+            readonly maxWFull: boolean;
             readonly maxLength: number | {
                 length: number;
                 errorOnly?: boolean;
             };
             readonly showWordLimit: boolean;
-            readonly size?: "small" | "mini" | "medium" | "large" | undefined;
+            readonly fitWidthFallback: string;
+            readonly size?: "small" | "medium" | "large" | "mini" | undefined;
             readonly modelValue?: string | undefined;
             readonly placeholder?: string | undefined;
             readonly prepend?: string | undefined;
@@ -174,31 +201,36 @@ declare const KvList: {
             readonly wordLength?: ((value: string) => number) | undefined;
             readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
             readonly inputAttrs?: Record<string, any> | undefined;
-            readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
             readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+            readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
             readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
             readonly onChange?: ((_value: string, _ev: Event) => any) | undefined;
             readonly onInput?: ((_value: string, _ev: Event) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
             readonly onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "error" | "readonly" | "disabled" | "defaultValue" | "allowClear" | "maxLength" | "showWordLimit"> & Partial<{
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback"> & Partial<{
+            strict: boolean;
+            disabled: boolean;
             readonly: string | boolean;
             data: (string | number | import("../index.ts").SelectOptionData | import("../index.ts").SelectOptionGroup)[];
-            disabled: boolean;
             defaultValue: string;
             modelValue: string;
             allowClear: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
             filterOption: import("../index.ts").FilterOption;
-            strict: boolean;
         }> & Omit<{
+            readonly strict: boolean;
+            readonly disabled: boolean;
             readonly readonly: string | boolean;
             readonly data: (string | number | import("../index.ts").SelectOptionData | import("../index.ts").SelectOptionGroup)[];
-            readonly disabled: boolean;
             readonly defaultValue: string;
             readonly allowClear: boolean;
+            readonly fitWidth: boolean;
+            readonly maxWFull: boolean;
             readonly filterOption: import("../index.ts").FilterOption;
-            readonly strict: boolean;
             readonly popupContainer?: string | HTMLElement | null | undefined;
+            readonly floatingOptions?: import("../index.ts").FloatingOptions | undefined;
             readonly modelValue?: string | undefined;
             readonly triggerProps?: import("../index.ts").TriggerProps | undefined;
             readonly virtualListProps?: import("../_components/virtual-list/interface.ts").VirtualListProps | undefined;
@@ -209,32 +241,38 @@ declare const KvList: {
             readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
             readonly onDropdownScroll?: ((_ev: Event) => any) | undefined;
             readonly onDropdownReachBottom?: ((_ev: Event) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "readonly" | "data" | "disabled" | "defaultValue" | "modelValue" | "allowClear" | "filterOption" | "strict">, "defaultValue" | "modelValue" | "onUpdate:modelValue">>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "strict" | "disabled" | "readonly" | "data" | "defaultValue" | "modelValue" | "allowClear" | "fitWidth" | "maxWFull" | "filterOption">, "defaultValue" | "modelValue" | "onUpdate:modelValue">>;
         valueProps?: Partial<Omit<Partial<{
             type: "text" | "password";
+            disabled: boolean;
             error: boolean;
             readonly: string | boolean;
-            disabled: boolean;
             defaultValue: string;
             allowClear: boolean;
+            fitWidth: boolean;
+            maxWFull: boolean;
             maxLength: number | {
                 length: number;
                 errorOnly?: boolean;
             };
             showWordLimit: boolean;
+            fitWidthFallback: string;
         }> & Omit<{
             readonly type: "text" | "password";
+            readonly disabled: boolean;
             readonly error: boolean;
             readonly readonly: string | boolean;
-            readonly disabled: boolean;
             readonly defaultValue: string;
             readonly allowClear: boolean;
+            readonly fitWidth: boolean;
+            readonly maxWFull: boolean;
             readonly maxLength: number | {
                 length: number;
                 errorOnly?: boolean;
             };
             readonly showWordLimit: boolean;
-            readonly size?: "small" | "mini" | "medium" | "large" | undefined;
+            readonly fitWidthFallback: string;
+            readonly size?: "small" | "medium" | "large" | "mini" | undefined;
             readonly modelValue?: string | undefined;
             readonly placeholder?: string | undefined;
             readonly prepend?: string | undefined;
@@ -242,24 +280,28 @@ declare const KvList: {
             readonly wordLength?: ((value: string) => number) | undefined;
             readonly wordSlice?: ((value: string, maxLength: number) => string) | undefined;
             readonly inputAttrs?: Record<string, any> | undefined;
-            readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
             readonly onClear?: ((_ev: MouseEvent) => any) | undefined;
+            readonly onFocus?: ((_ev: FocusEvent) => any) | undefined;
             readonly onBlur?: ((_ev: FocusEvent) => any) | undefined;
             readonly onChange?: ((_value: string, _ev: Event) => any) | undefined;
             readonly onInput?: ((_value: string, _ev: Event) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
             readonly onPressEnter?: ((_ev: KeyboardEvent) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "error" | "readonly" | "disabled" | "defaultValue" | "allowClear" | "maxLength" | "showWordLimit"> & Partial<{
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "error" | "readonly" | "defaultValue" | "allowClear" | "fitWidth" | "maxWFull" | "maxLength" | "showWordLimit" | "fitWidthFallback"> & Partial<{
+            fitWidth: boolean;
+            maxWFull: boolean;
             visibility: boolean;
             defaultVisibility: boolean;
             invisibleButton: boolean;
         }> & Omit<{
+            readonly fitWidth: boolean;
+            readonly maxWFull: boolean;
             readonly defaultVisibility: boolean;
             readonly invisibleButton: boolean;
             readonly visibility?: boolean | undefined;
             readonly "onVisibility-change"?: ((_visible: boolean) => any) | undefined;
             readonly "onUpdate:visibility"?: ((_visible: boolean) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visibility" | "defaultVisibility" | "invisibleButton">, "defaultValue" | "modelValue" | "onUpdate:modelValue">>;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "fitWidth" | "maxWFull" | "visibility" | "defaultVisibility" | "invisibleButton">, "defaultValue" | "modelValue" | "onUpdate:modelValue">>;
         disabled?: boolean;
         bulkEditable?: boolean;
     } & {