@sdata/web-vue 3.17.0 → 3.19.0

package/es/input/style/index.css

@@ -148,6 +148,12 @@
 .sd-input-wrapper:not(.sd-input-focus) .sd-input-icon-hover:hover::before {
   background-color: var(--sd-color-fill-4);
 }
+.sd-input-wrapper.sd-input-fit-width {
+  width: fit-content;
+}
+.sd-input-wrapper.sd-input-max-w-full {
+  max-width: 100%;
+}
 .sd-input-wrapper .sd-input {
   width: 100%;
   padding-right: 0;
@@ -212,6 +218,16 @@
   display: inline-flex;
   width: 100%;
 }
+.sd-input-outer.sd-input-fit-width {
+  width: fit-content;
+}
+.sd-input-outer.sd-input-fit-width > .sd-input-wrapper {
+  flex: 0 1 auto;
+  width: auto;
+}
+.sd-input-outer.sd-input-max-w-full {
+  max-width: 100%;
+}
 .sd-input-outer > .sd-input-wrapper {
   border-radius: 0;
 }

package/es/input/style/index.scss

@@ -28,6 +28,14 @@ $input-prefix-cls: string.unquote('#{theme.$prefix}-input');
 .#{$input-prefix-cls}-wrapper {
   @include input-wrapper-style($input-prefix-cls);
 
+  &.#{$input-prefix-cls}-fit-width {
+    width: fit-content;
+  }
+
+  &.#{$input-prefix-cls}-max-w-full {
+    max-width: 100%;
+  }
+
   .#{$input-prefix-cls} {
     @include input-style();
 
@@ -58,6 +66,19 @@ $input-prefix-cls: string.unquote('#{theme.$prefix}-input');
   display: inline-flex;
   width: 100%;
 
+  &.#{$input-prefix-cls}-fit-width {
+    width: fit-content;
+
+    > .#{$input-prefix-cls}-wrapper {
+      flex: 0 1 auto;
+      width: auto;
+    }
+  }
+
+  &.#{$input-prefix-cls}-max-w-full {
+    max-width: 100%;
+  }
+
   > .#{$input-prefix-cls}-wrapper {
     border-radius: 0;
   }

package/es/input-number/index.d.ts

@@ -46,6 +46,14 @@ declare const InputNumber: {
             type: FunctionConstructor;
         };
         placeholder: StringConstructor;
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         hideButton: {
             type: BooleanConstructor;
             default: boolean;
@@ -69,8 +77,8 @@ declare const InputNumber: {
             type: ObjectConstructor;
         };
     }>> & Readonly<{
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: Event) => any) | undefined;
+        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
         onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
@@ -91,10 +99,12 @@ declare const InputNumber: {
         input: (_value: string | number | null | undefined, _inputValue: string, _ev: Event) => true;
         keydown: (_ev: KeyboardEvent) => true;
     }, import("vue").PublicProps, {
+        disabled: boolean;
         error: boolean;
         readonly: string | boolean;
-        disabled: boolean;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         max: number;
         mode: "embed" | "button";
         step: number;
@@ -147,6 +157,14 @@ declare const InputNumber: {
             type: FunctionConstructor;
         };
         placeholder: StringConstructor;
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         hideButton: {
             type: BooleanConstructor;
             default: boolean;
@@ -170,8 +188,8 @@ declare const InputNumber: {
             type: ObjectConstructor;
         };
     }>> & Readonly<{
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: Event) => any) | undefined;
+        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
         onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
@@ -184,10 +202,12 @@ declare const InputNumber: {
         focus(): void;
         blur(): void;
     }, {
+        disabled: boolean;
         error: boolean;
         readonly: string | boolean;
-        disabled: boolean;
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         max: number;
         mode: "embed" | "button";
         step: number;
@@ -237,6 +257,14 @@ declare const InputNumber: {
         type: FunctionConstructor;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hideButton: {
         type: BooleanConstructor;
         default: boolean;
@@ -260,8 +288,8 @@ declare const InputNumber: {
         type: ObjectConstructor;
     };
 }>> & Readonly<{
-    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onClear?: ((_ev: Event) => any) | undefined;
+    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
     onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
@@ -282,10 +310,12 @@ declare const InputNumber: {
     input: (_value: string | number | null | undefined, _inputValue: string, _ev: Event) => true;
     keydown: (_ev: KeyboardEvent) => true;
 }, string, {
+    disabled: boolean;
     error: boolean;
     readonly: string | boolean;
-    disabled: boolean;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     max: number;
     mode: "embed" | "button";
     step: number;

package/es/input-number/input-number.d.ts

@@ -40,6 +40,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: FunctionConstructor;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hideButton: {
         type: BooleanConstructor;
         default: boolean;
@@ -115,6 +123,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: FunctionConstructor;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hideButton: {
         type: BooleanConstructor;
         default: boolean;
@@ -138,18 +154,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: ObjectConstructor;
     };
 }>> & Readonly<{
-    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onClear?: ((_ev: Event) => any) | undefined;
+    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: InputNumberValue, _ev: Event) => any) | undefined;
     onInput?: ((_value: InputNumberValue, _inputValue: string, _ev: Event) => any) | undefined;
     onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: InputNumberValue) => any) | undefined;
 }>, {
+    disabled: boolean;
     error: boolean;
     readonly: string | boolean;
-    disabled: boolean;
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     max: number;
     mode: "embed" | "button";
     step: number;

package/es/input-number/input-number.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-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 { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber, isUndefined } from "../_utils/is.js";
 import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
@@ -101,6 +101,22 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 		*/
 		placeholder: String,
 		/**
+		* @zh 宽度是否适应文字内容
+		* @en Whether the width adapts to the text content
+		*/
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 最大宽度是否限制为父容器宽度
+		* @en Whether the maximum width is limited to the parent container width
+		*/
+		maxWFull: {
+			type: Boolean,
+			default: true
+		},
+		/**
 		* @zh 是否隐藏按钮
 		* @en Whether to hide the button
 		*/
@@ -364,7 +380,7 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value, ev);
 			emit("clear", ev);
 		};
-		const keyDownHandler = getKeyDownHandler(new Map([[KEYBOARD_KEY.ARROW_UP, (ev) => {
+		const keyDownHandler = getKeyDownHandler(/* @__PURE__ */ new Map([[KEYBOARD_KEY.ARROW_UP, (ev) => {
 			ev.preventDefault();
 			!props.readonly && nextStep("plus", ev);
 		}], [KEYBOARD_KEY.ARROW_DOWN, (ev) => {
@@ -463,6 +479,9 @@ var input_number_default = /* @__PURE__ */ defineComponent({
 				"size": mergedSize.value,
 				"modelValue": _value.value,
 				"placeholder": props.placeholder,
+				"fitWidth": props.fitWidth,
+				"maxWFull": props.maxWFull,
+				"fitWidthFallback": "2ch",
 				"disabled": mergedDisabled.value,
 				"readonly": props.readonly,
 				"error": props.error,

package/es/input-tag/index.d.ts

@@ -16,6 +16,14 @@ declare const InputTag: {
             default: string;
         };
         placeholder: StringConstructor;
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -66,8 +74,8 @@ declare const InputTag: {
         uninjectFormItemContext: BooleanConstructor;
         inputAttrs: import("vue").PropType<Record<string, unknown>>;
     }>> & Readonly<{
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: MouseEvent) => any) | undefined;
+        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: (string | number | import("./interface").TagData)[], _ev: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: (string | number | import("./interface").TagData)[]) => any) | undefined;
@@ -92,11 +100,13 @@ declare const InputTag: {
         focus: (_ev: FocusEvent) => true;
         blur: (_ev: FocusEvent) => true;
     }, import("vue").PublicProps, {
+        disabled: boolean;
         error: boolean;
         readonly: string | boolean;
-        disabled: boolean;
         defaultValue: (string | number | import("./interface").TagData)[];
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         focused: boolean;
         disabledInput: boolean;
         uninjectFormItemContext: boolean;
@@ -129,6 +139,14 @@ declare const InputTag: {
             default: string;
         };
         placeholder: StringConstructor;
+        fitWidth: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxWFull: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         disabled: {
             type: BooleanConstructor;
             default: boolean;
@@ -179,8 +197,8 @@ declare const InputTag: {
         uninjectFormItemContext: BooleanConstructor;
         inputAttrs: import("vue").PropType<Record<string, unknown>>;
     }>> & Readonly<{
-        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onClear?: ((_ev: MouseEvent) => any) | undefined;
+        onFocus?: ((_ev: FocusEvent) => any) | undefined;
         onBlur?: ((_ev: FocusEvent) => any) | undefined;
         onChange?: ((_value: (string | number | import("./interface").TagData)[], _ev: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: (string | number | import("./interface").TagData)[]) => any) | undefined;
@@ -195,11 +213,13 @@ declare const InputTag: {
         focus(): void;
         blur(): void;
     }, {
+        disabled: boolean;
         error: boolean;
         readonly: string | boolean;
-        disabled: boolean;
         defaultValue: (string | number | import("./interface").TagData)[];
         allowClear: boolean;
+        fitWidth: boolean;
+        maxWFull: boolean;
         focused: boolean;
         disabledInput: boolean;
         uninjectFormItemContext: boolean;
@@ -229,6 +249,14 @@ declare const InputTag: {
         default: string;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -279,8 +307,8 @@ declare const InputTag: {
     uninjectFormItemContext: BooleanConstructor;
     inputAttrs: import("vue").PropType<Record<string, unknown>>;
 }>> & Readonly<{
-    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onClear?: ((_ev: MouseEvent) => any) | undefined;
+    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: (string | number | import("./interface").TagData)[], _ev: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: (string | number | import("./interface").TagData)[]) => any) | undefined;
@@ -305,11 +333,13 @@ declare const InputTag: {
     focus: (_ev: FocusEvent) => true;
     blur: (_ev: FocusEvent) => true;
 }, string, {
+    disabled: boolean;
     error: boolean;
     readonly: string | boolean;
-    disabled: boolean;
     defaultValue: (string | number | import("./interface").TagData)[];
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     focused: boolean;
     disabledInput: boolean;
     uninjectFormItemContext: boolean;

package/es/input-tag/input-tag.d.ts

@@ -15,6 +15,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -94,6 +102,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     placeholder: StringConstructor;
+    fitWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxWFull: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -144,8 +160,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     uninjectFormItemContext: BooleanConstructor;
     inputAttrs: PropType<Record<string, unknown>>;
 }>> & Readonly<{
-    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onClear?: ((_ev: MouseEvent) => any) | undefined;
+    onFocus?: ((_ev: FocusEvent) => any) | undefined;
     onBlur?: ((_ev: FocusEvent) => any) | undefined;
     onChange?: ((_value: (string | number | TagData)[], _ev: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: (string | number | TagData)[]) => any) | undefined;
@@ -154,11 +170,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onInputValueChange?: ((_inputValue: string, _ev: Event) => any) | undefined;
     onRemove?: ((_removed: string | number, _ev: Event) => any) | undefined;
 }>, {
+    disabled: boolean;
     error: boolean;
     readonly: string | boolean;
-    disabled: boolean;
     defaultValue: (string | number | TagData)[];
     allowClear: boolean;
+    fitWidth: boolean;
+    maxWFull: boolean;
     focused: boolean;
     disabledInput: boolean;
     uninjectFormItemContext: boolean;

package/es/input-tag/input-tag.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-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 { getPrefixCls } from "../_utils/global-config.js";
 import { isNull, isObject, isUndefined } from "../_utils/is.js";
 import resize_observer_default from "../_components/resize-observer.js";
@@ -7,6 +7,7 @@ import icon_hover_default from "../_components/icon-hover.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import feedback_icon_default from "../_components/feedback-icon.js";
+import { useFitWidth } from "../_hooks/use-fit-width.js";
 import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import { useSize } from "../_hooks/use-size.js";
 import { INPUT_EVENTS } from "../_utils/constant.js";
@@ -66,6 +67,22 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 		*/
 		placeholder: String,
 		/**
+		* @zh 宽度是否适应文字内容
+		* @en Whether the width adapts to the text content
+		*/
+		fitWidth: {
+			type: Boolean,
+			default: false
+		},
+		/**
+		* @zh 最大宽度是否限制为父容器宽度
+		* @en Whether the maximum width is limited to the parent container width
+		*/
+		maxWFull: {
+			type: Boolean,
+			default: true
+		},
+		/**
 		* @zh 是否禁用
 		* @en Whether to disable
 		*/
@@ -306,6 +323,13 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 			}
 		};
 		const valueData = computed(() => getValueData(computedValue.value, mergedFieldNames.value));
+		const { fitWidthStyle, fitWidthValue } = useFitWidth({
+			fitWidth: () => props.fitWidth,
+			text: computed(() => compositionValue.value || computedInputValue.value || (valueData.value.length === 0 ? props.placeholder : void 0)),
+			fallbackWidth: () => valueData.value.length > 0 ? "12px" : "4ch",
+			target: inputRef,
+			additionalWidth: 12
+		});
 		const visibleTagCount = computed(() => {
 			if (isResponsiveMaxTagCount.value) {
 				var _responsiveVisibleTag;
@@ -339,7 +363,8 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 		};
 		const getCounterWidth = (hiddenCount) => {
 			if (!measureRef.value || hiddenCount <= 0) return 0;
-			return getOuterWidth(measureRef.value.querySelector(`[data-hidden-count="${hiddenCount}"]`));
+			const counterElement = measureRef.value.querySelector(`[data-hidden-count="${hiddenCount}"]`);
+			return getOuterWidth(counterElement);
 		};
 		const isClosableTag = (item) => {
 			var _item$tagProps$closab, _item$tagProps;
@@ -409,7 +434,8 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 		};
 		const handleRemove = (value, index, e) => {
 			var _computedValue$value;
-			updateValue((_computedValue$value = computedValue.value) === null || _computedValue$value === void 0 ? void 0 : _computedValue$value.filter((_, i) => i !== index), e);
+			const newValue = (_computedValue$value = computedValue.value) === null || _computedValue$value === void 0 ? void 0 : _computedValue$value.filter((_, i) => i !== index);
+			updateValue(newValue, e);
 			emit("remove", value, e);
 		};
 		const handleClear = (e) => {
@@ -425,7 +451,8 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 					emit("pressEnter", computedInputValue.value, e);
 					return;
 				}
-				updateValue(computedValue.value.concat(computedInputValue.value), e);
+				const newValue = computedValue.value.concat(computedInputValue.value);
+				updateValue(newValue, e);
 				emit("pressEnter", computedInputValue.value, e);
 				if (!retainInputValue.value.create) updateInputValue("", e);
 			}
@@ -498,10 +525,15 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 				[`${prefixCls}-has-tag`]: valueData.value.length > 0,
 				[`${prefixCls}-has-prefix`]: Boolean(slots.prefix),
 				[`${prefixCls}-has-suffix`]: Boolean(slots.suffix) || showClearBtn.value || feedback.value,
-				[`${prefixCls}-has-placeholder`]: !computedValue.value.length
+				[`${prefixCls}-has-placeholder`]: !computedValue.value.length,
+				[`${prefixCls}-fit-width`]: props.fitWidth,
+				[`${prefixCls}-max-w-full`]: props.maxWFull
 			}
 		]);
-		const wrapperAttrs = computed(() => omit(attrs, INPUT_EVENTS));
+		const wrapperAttrs = computed(() => {
+			const wrapperAttrs = omit(attrs, INPUT_EVENTS);
+			return _objectSpread2(_objectSpread2({}, wrapperAttrs), {}, { style: [fitWidthStyle.value, wrapperAttrs.style] });
+		});
 		const inputAttrs = computed(() => pick(attrs, INPUT_EVENTS));
 		const renderTagContent = (item, index) => {
 			var _ref, _slots$tag, _slots$tag2, _props$formatTag;
@@ -514,10 +546,12 @@ var input_tag_default = /* @__PURE__ */ defineComponent({
 			return { maxWidth: `${responsiveTagMaxWidth.value}px` };
 		};
 		const getInputStyle = computed(() => {
-			if (!isResponsiveMaxTagCount.value) return inputStyle;
+			const width = props.fitWidth ? fitWidthValue : inputStyle.width;
+			if (!isResponsiveMaxTagCount.value) return _objectSpread2(_objectSpread2({}, inputStyle), {}, { width });
 			return _objectSpread2(_objectSpread2({}, inputStyle), {}, {
+				width,
 				flex: "0 0 auto",
-				minWidth: inputStyle.width
+				minWidth: width
 			});
 		});
 		const isCompressedResponsiveTag = (index, value) => isResponsiveMaxTagCount.value && !isOverflowCounterTag(value) && hiddenTagCount.value > 0 && index === 0 && responsiveTagMaxWidth.value > 0;

package/es/input-tag/style/index.css

@@ -588,6 +588,12 @@
   max-width: 100%;
   overflow: hidden;
 }
+.sd-input-tag.sd-input-tag-fit-width {
+  width: fit-content;
+}
+.sd-input-tag.sd-input-tag-max-w-full {
+  max-width: 100%;
+}
 .sd-input-tag.sd-input-tag-has-tag {
   padding-right: 4px;
   padding-left: 4px;

package/es/input-tag/style/input-tag.scss

@@ -80,6 +80,14 @@
   max-width: 100%;
   overflow: hidden;
 
+  &.#{$cls}-fit-width {
+    width: fit-content;
+  }
+
+  &.#{$cls}-max-w-full {
+    max-width: 100%;
+  }
+
   &.#{$cls}-has-tag {
     padding-right: $input-tag-padding-horizontal;
     padding-left: $input-tag-padding-horizontal;

package/es/input-tag/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 { isNumber, isObject } from "../_utils/is.js";
 //#region components/input-tag/utils.ts
 var getValueData = (value, fieldNames) => {

package/es/json-form/index.d.ts

@@ -3,7 +3,7 @@ import type { SDOptions } from '../_utils/types';
 import _JsonForm from './json-form.vue';
 declare const JsonForm: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-        schemas: import("./types").JsonFormA2UI_0_8ComponentNode[] | import("./types").JsonFormSchema<import("./types").JsonFormComponentType<{}>, {}>[];
+        schemas: import("./types").JsonFormA2UI_0_9_1ComponentNode[] | import("./types").JsonFormSchema<import("./types").JsonFormComponentType<{}>, {}>[];
         adapter?: import("./types").JsonFormAdapter;
         model?: import("./types").JsonFormModel;
         hideLabel?: boolean;
@@ -38,7 +38,7 @@ declare const JsonForm: {
         M: {};
         Defaults: {};
     }, Readonly<{
-        schemas: import("./types").JsonFormA2UI_0_8ComponentNode[] | import("./types").JsonFormSchema<import("./types").JsonFormComponentType<{}>, {}>[];
+        schemas: import("./types").JsonFormA2UI_0_9_1ComponentNode[] | import("./types").JsonFormSchema<import("./types").JsonFormComponentType<{}>, {}>[];
         adapter?: import("./types").JsonFormAdapter;
         model?: import("./types").JsonFormModel;
         hideLabel?: boolean;
@@ -68,7 +68,7 @@ declare const JsonForm: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{
-    schemas: import("./types").JsonFormA2UI_0_8ComponentNode[] | import("./types").JsonFormSchema<import("./types").JsonFormComponentType<{}>, {}>[];
+    schemas: import("./types").JsonFormA2UI_0_9_1ComponentNode[] | import("./types").JsonFormSchema<import("./types").JsonFormComponentType<{}>, {}>[];
     adapter?: import("./types").JsonFormAdapter;
     model?: import("./types").JsonFormModel;
     hideLabel?: boolean;
@@ -107,6 +107,6 @@ declare const JsonForm: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type JsonFormInstance = InstanceType<typeof _JsonForm>;
-export type { JsonFormA2UIBoundValue, JsonFormA2UI_0_8BoundValue, JsonFormA2UIChoiceOption, JsonFormA2UI_0_8ChoiceOption, JsonFormA2UIComponentNode, JsonFormA2UI_0_8ComponentNode, JsonFormAdapter, JsonFormComponentEvents, JsonFormComponentProps, JsonFormComponentRegistry, JsonFormComponentSlotRenderer, JsonFormComponentType, JsonFormExternalComponentMap, JsonFormItemSlotProps, JsonFormModel, JsonFormProps, JsonFormProviderConfig, JsonFormSchema, } from './types';
-export { A2UI_0_8, defineJsonFormComponents, defineJsonFormSchemas } from './types';
+export type { JsonFormA2UI_0_9_1ChoiceOption, JsonFormA2UI_0_9_1ComponentNode, JsonFormA2UI_0_9_1DataBinding, JsonFormA2UI_0_9_1FunctionCall, JsonFormAdapter, JsonFormComponentEvents, JsonFormComponentProps, JsonFormComponentRegistry, JsonFormComponentSlotRenderer, JsonFormComponentType, JsonFormExternalComponentMap, JsonFormItemSlotProps, JsonFormModel, JsonFormProps, JsonFormProviderConfig, JsonFormSchema, } from './types';
+export { A2UI_0_9_1, defineJsonFormComponents, defineJsonFormSchemas } from './types';
 export default JsonForm;

package/es/json-form/index.js

@@ -1,5 +1,5 @@
 import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
-import "./types.js";
+import { A2UI_0_9_1, defineJsonFormComponents, defineJsonFormSchemas } from "./types.js";
 import json_form_default from "./json-form.js";
 //#region components/json-form/index.ts
 var JsonForm = Object.assign(json_form_default, { install: (app, options) => {
@@ -8,4 +8,4 @@ var JsonForm = Object.assign(json_form_default, { install: (app, options) => {
 	app.component(componentPrefix + json_form_default.name, json_form_default);
 } });
 //#endregion
-export { JsonForm as default };
+export { A2UI_0_9_1, JsonForm as default, defineJsonFormComponents, defineJsonFormSchemas };

package/es/json-form/json-form-component.vue_vue_type_script_setup_true_lang.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 { JSON_FORM_COMPONENT_TYPES } from "./types.js";
 import { mergeJsonFormClassName, shouldStretchJsonFormControl } from "./utils.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeProps, openBlock, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toHandlers, useModel, useSlots, withCtx } from "vue";