@sdata/web-vue 1.11.1 → 1.12.0

package/es/secret/style/index.css

@@ -0,0 +1,54 @@
+/******** borderSize *******/
+/******** borderStyle *******/
+/******** radius *******/
+/******** shadow distance *******/
+/******** size *******/
+/******** spacing *******/
+/******** shadow *******/
+/******** opacity *******/
+/******** fontSize *******/
+/******** fontWeight ********/
+/******** Primary *******/
+/******** success *******/
+/******** warning *******/
+/******** danger *******/
+/******** link *******/
+/******** radius *******/
+/********* icon hover *********/
+.sd-secret {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.sd-secret-content {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.sd-secret-placeholder {
+  overflow: hidden;
+  color: var(--color-text-3);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.sd-secret-trigger {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: var(--color-text-3);
+  background: transparent;
+  border: 0;
+  border-radius: var(--border-radius-small);
+  cursor: pointer;
+}
+.sd-secret-trigger .sd-icon {
+  font-size: 16px;
+}
+.sd-secret-trigger:hover {
+  color: var(--color-text-1);
+}

package/es/secret/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.scss';
+import './index.scss';

package/es/secret/style/index.js

@@ -0,0 +1,2 @@
+import "../../style/index.scss";
+import "./index.scss";

package/es/secret/style/index.scss

@@ -0,0 +1,48 @@
+@use 'sass:string';
+@use '@style/theme/index.scss' as theme;
+@use '@components/secret/style/token.scss' as *;
+
+$secret-prefix-cls: string.unquote('#{theme.$prefix}-secret');
+
+.#{$secret-prefix-cls} {
+  display: inline-flex;
+  gap: $secret-gap;
+  align-items: center;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+
+  &-content {
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  &-placeholder {
+    overflow: hidden;
+    color: $secret-placeholder-color-text;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &-trigger {
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    color: $secret-trigger-color-text;
+    background: transparent;
+    border: 0;
+    border-radius: $secret-trigger-border-radius;
+    cursor: pointer;
+
+    .sd-icon {
+      font-size: $secret-trigger-size-icon;
+    }
+
+    &:hover {
+      color: $secret-trigger-color-text_hover;
+    }
+  }
+}

package/es/secret/style/token.scss

@@ -0,0 +1,9 @@
+@use 'sass:string';
+@use '@style/theme/index.scss' as global;
+
+$secret-gap: global.$spacing-3;
+$secret-trigger-border-radius: global.$radius-small;
+$secret-trigger-color-text: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-3'));
+$secret-trigger-color-text_hover: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-1'));
+$secret-trigger-size-icon: global.$size-4;
+$secret-placeholder-color-text: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-3'));

package/es/select/hooks/use-options.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { isNumber } from "../../_utils/is.js";
 import { getOptionInfos, getValidOptions, isValidOption } from "../utils.js";
 import { computed, reactive, ref, watch } from "vue";

package/es/select/optgroup.vue_vue_type_script_lang.js

@@ -3,7 +3,18 @@ import { defineComponent } from "vue";
 //#region components/select/optgroup.vue?vue&type=script&lang.ts
 var optgroup_vue_vue_type_script_lang_default = defineComponent({
 	name: "Optgroup",
-	props: { label: { type: String } },
+	props: { 
+	/**
+	* @zh 选项组的标题
+	* @en Title of option group
+	*/
+label: { type: String } },
+	/**
+	* @zh 选项组的标题
+	* @en Title of option group
+	* @slot label
+	* @version 2.10.0
+	*/
 	setup() {
 		return { prefixCls: getPrefixCls("select-group") };
 	}

package/es/select/option.vue_vue_type_script_lang.js

@@ -9,6 +9,10 @@ var option_vue_vue_type_script_lang_default = defineComponent({
 	name: "Option",
 	components: { Checkbox },
 	props: {
+		/**
+		* @zh 选项值（如不填，会从内容中获取）
+		* @en Option value (if not filled, it will be obtained from the content)
+		*/
 		value: {
 			type: [
 				String,
@@ -18,10 +22,33 @@ var option_vue_vue_type_script_lang_default = defineComponent({
 			],
 			default: void 0
 		},
+		/**
+		* @zh 选项标签（如不填，会从内容中获取）
+		* @en Option label (if not filled, it will be obtained from the content)
+		*/
 		label: String,
+		/**
+		* @zh 是否禁用
+		* @en Whether to disable
+		*/
 		disabled: Boolean,
+		/**
+		* @zh 展示的标签属性
+		* @en Displayed tag attributes
+		* @version 2.8.0
+		*/
 		tagProps: { type: Object },
+		/**
+		* @zh 额外数据。2.18.0 版本废弃，可使用对象形式的 value 扩展数据
+		* @en Extra data
+		* @version 2.10.0
+		*/
 		extra: { type: Object },
+		/**
+		* @zh 用于手动指定选项的 index
+		* @en index for manually specifying option
+		* @version 2.20.0
+		*/
 		index: { type: Number },
 		internal: Boolean
 	},

package/es/select/select.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isBoolean, isEmptyObject, isFunction, isNull, isNumber, isObject, isString, isUndefined } from "../_utils/is.js";
 import virtual_list_default from "../_components/virtual-list/index.js";
@@ -13,6 +13,7 @@ import Trigger from "../trigger/index.js";
 import { useTrigger } from "../_hooks/use-trigger.js";
 import optgroup_default from "./optgroup.js";
 import select_view_default from "../_components/select-view/select-view.js";
+import { useAllowSearch } from "../_hooks/use-allow-search.js";
 import { debounce } from "../_utils/debounce.js";
 import { computed, createVNode, defineComponent, isVNode, mergeProps, nextTick, ref, toRefs, watch, watchEffect } from "vue";
 //#region components/select/select.tsx
@@ -203,7 +204,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 		"exceedLimit": (_value, _ev) => true
 	},
 	setup(props, { slots, emit, attrs, expose }) {
-		const { size, disabled, error, options, filterOption, valueKey, multiple, value: valueProp, popupVisible, show, defaultPopupVisible, defaultShow, showExtraOptions, modelValue, fieldNames, loading, defaultActiveFirstOption, allowClear } = toRefs(props);
+		const { size, disabled, error, options, filterOption, valueKey, multiple, value: valueProp, popupVisible, show, defaultPopupVisible, defaultShow, showExtraOptions, modelValue, fieldNames, loading, defaultActiveFirstOption, allowClear, allowSearch } = toRefs(props);
 		const prefixCls = getPrefixCls("select");
 		const selectViewRef = ref(null);
 		const { mergedSize, mergedDisabled, mergedError, eventHandlers } = useFormItem({
@@ -212,8 +213,9 @@ var select_default = /* @__PURE__ */ defineComponent({
 			error
 		});
 		const { mergedAllowClear } = useAllowClear(allowClear);
+		const { mergedAllowSearch } = useAllowSearch(allowSearch);
 		const component = computed(() => props.virtualListProps ? "div" : "li");
-		const retainInputValue = computed(() => isObject(props.allowSearch) && Boolean(props.allowSearch.retainInputValue));
+		const retainInputValue = computed(() => isObject(mergedAllowSearch.value) && Boolean(mergedAllowSearch.value.retainInputValue));
 		const dropdownRef = ref();
 		const optionRefs = ref({});
 		const virtualListRef = ref();
@@ -374,7 +376,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 			if (inputValue === computedInputValue.value) return;
 			if (!computedPopupVisible.value) handlePopupVisibleChange(true);
 			updateInputValue(inputValue);
-			if (props.allowSearch) handleSearch(inputValue);
+			if (mergedAllowSearch.value) handleSearch(inputValue);
 		};
 		const handleRemove = (key) => {
 			const optionInfo = optionInfoMap.get(key);
@@ -523,7 +525,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 			"disabled": mergedDisabled.value,
 			"popupVisible": computedPopupVisible.value,
 			"unmountOnClose": props.unmountOnClose,
-			"clickToClose": !(props.allowSearch || props.allowCreate),
+			"clickToClose": !(mergedAllowSearch.value || props.allowCreate),
 			"popupContainer": props.popupContainer,
 			"onPopupVisibleChange": handlePopupVisibleChange
 		}, props.triggerProps), {
@@ -540,7 +542,7 @@ var select_default = /* @__PURE__ */ defineComponent({
 					"loading": props.loading,
 					"allowClear": mergedAllowClear.value,
 					"allowCreate": props.allowCreate,
-					"allowSearch": Boolean(props.allowSearch),
+					"allowSearch": Boolean(mergedAllowSearch.value),
 					"showArrow": props.showArrow,
 					"opened": computedPopupVisible.value,
 					"maxTagCount": props.maxTagCount,

package/es/select/utils.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
 import { isBoolean, isFunction, isNumber, isObject, isString } from "../_utils/is.js";
 //#region components/select/utils.ts
 var isGroupOption = (option, fieldNames) => {

package/es/skeleton/line.vue_vue_type_script_lang.js

@@ -5,18 +5,34 @@ import { defineComponent } from "vue";
 var line_vue_vue_type_script_lang_default = defineComponent({
 	name: "SkeletonLine",
 	props: {
+		/**
+		* @zh 展示的行数
+		* @en Number of rows displayed
+		*/
 		rows: {
 			type: Number,
 			default: 1
 		},
+		/**
+		* @zh 线型骨架的宽度
+		* @en The width of the line skeleton
+		*/
 		widths: {
 			type: Array,
 			default: () => []
 		},
+		/**
+		* @zh 线型骨架的行高
+		* @en Line height of the line skeleton
+		*/
 		lineHeight: {
 			type: Number,
 			default: 20
 		},
+		/**
+		* @zh 线型骨架的行间距
+		* @en Line spacing of line skeleton
+		*/
 		lineSpacing: {
 			type: Number,
 			default: 15

package/es/skeleton/shape.vue_vue_type_script_lang.js

@@ -4,10 +4,20 @@ import { computed, defineComponent } from "vue";
 var shape_vue_vue_type_script_lang_default = defineComponent({
 	name: "SkeletonShape",
 	props: {
+		/**
+		* @zh 图形骨架的形状
+		* @en The shape of the shape skeleton
+		* @values 'square', 'circle'
+		*/
 		shape: {
 			type: String,
 			default: "square"
 		},
+		/**
+		* @zh 图形骨架的大小
+		* @en The size of the shape skeleton
+		* @values 'small', 'medium', 'large'
+		*/
 		size: {
 			type: String,
 			default: "medium"

package/es/skeleton/skeleton.vue_vue_type_script_lang.js

@@ -4,10 +4,18 @@ import { computed, defineComponent } from "vue";
 var skeleton_vue_vue_type_script_lang_default = defineComponent({
 	name: "Skeleton",
 	props: {
+		/**
+		* @zh 是否展示骨架屏（加载中状态）
+		* @en Whether to display the skeleton screen (loading state)
+		*/
 		loading: {
 			type: Boolean,
 			default: true
 		},
+		/**
+		* @zh 是否开启骨架屏动画
+		* @en Whether to enable skeleton screen animation
+		*/
 		animation: {
 			type: Boolean,
 			default: false

package/es/slider/index.d.ts

@@ -1686,8 +1686,12 @@ declare const Slider: {
         }, {}, {
             InputNumber: {
                 new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-                    modelValue: NumberConstructor;
-                    defaultValue: NumberConstructor;
+                    modelValue: {
+                        type: import("vue").PropType<string | number>;
+                    };
+                    defaultValue: {
+                        type: import("vue").PropType<string | number>;
+                    };
                     mode: {
                         type: import("vue").PropType<"embed" | "button">;
                         default: string;
@@ -1744,12 +1748,12 @@ declare const Slider: {
                     };
                 }>> & Readonly<{
                     onFocus?: ((_ev: FocusEvent) => any) | undefined;
-                    onChange?: ((_value: number | undefined, _ev: Event) => any) | undefined;
-                    onInput?: ((_value: number | undefined, _inputValue: string, _ev: Event) => any) | undefined;
+                    onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
+                    onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
                     onBlur?: ((_ev: FocusEvent) => any) | undefined;
                     onClear?: ((_ev: Event) => any) | undefined;
                     onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-                    "onUpdate:modelValue"?: ((_value: number | undefined) => any) | undefined;
+                    "onUpdate:modelValue"?: ((_value: string | number | null | undefined) => any) | undefined;
                 }>, {
                     inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
                     render: () => import("vue/jsx-runtime").JSX.Element;
@@ -1757,12 +1761,12 @@ declare const Slider: {
                     focus(): void;
                     blur(): void;
                 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                    'update:modelValue': (_value: number | undefined) => true;
-                    change: (_value: number | undefined, _ev: Event) => true;
+                    'update:modelValue': (_value: string | number | null | undefined) => true;
+                    change: (_value: string | number | null | undefined, _ev: Event) => true;
                     focus: (_ev: FocusEvent) => true;
                     blur: (_ev: FocusEvent) => true;
                     clear: (_ev: Event) => true;
-                    input: (_value: number | undefined, _inputValue: string, _ev: Event) => true;
+                    input: (_value: string | number | null | undefined, _inputValue: string, _ev: Event) => true;
                     keydown: (_ev: KeyboardEvent) => true;
                 }, import("vue").PublicProps, {
                     error: boolean;
@@ -1783,8 +1787,12 @@ declare const Slider: {
                     M: {};
                     Defaults: {};
                 }, Readonly<import("vue").ExtractPropTypes<{
-                    modelValue: NumberConstructor;
-                    defaultValue: NumberConstructor;
+                    modelValue: {
+                        type: import("vue").PropType<string | number>;
+                    };
+                    defaultValue: {
+                        type: import("vue").PropType<string | number>;
+                    };
                     mode: {
                         type: import("vue").PropType<"embed" | "button">;
                         default: string;
@@ -1841,12 +1849,12 @@ declare const Slider: {
                     };
                 }>> & Readonly<{
                     onFocus?: ((_ev: FocusEvent) => any) | undefined;
-                    onChange?: ((_value: number | undefined, _ev: Event) => any) | undefined;
-                    onInput?: ((_value: number | undefined, _inputValue: string, _ev: Event) => any) | undefined;
+                    onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
+                    onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
                     onBlur?: ((_ev: FocusEvent) => any) | undefined;
                     onClear?: ((_ev: Event) => any) | undefined;
                     onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-                    "onUpdate:modelValue"?: ((_value: number | undefined) => any) | undefined;
+                    "onUpdate:modelValue"?: ((_value: string | number | null | undefined) => any) | undefined;
                 }>, {
                     inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
                     render: () => import("vue/jsx-runtime").JSX.Element;
@@ -1869,8 +1877,12 @@ declare const Slider: {
                 __isTeleport?: never;
                 __isSuspense?: never;
             } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                modelValue: NumberConstructor;
-                defaultValue: NumberConstructor;
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                };
+                defaultValue: {
+                    type: import("vue").PropType<string | number>;
+                };
                 mode: {
                     type: import("vue").PropType<"embed" | "button">;
                     default: string;
@@ -1927,12 +1939,12 @@ declare const Slider: {
                 };
             }>> & Readonly<{
                 onFocus?: ((_ev: FocusEvent) => any) | undefined;
-                onChange?: ((_value: number | undefined, _ev: Event) => any) | undefined;
-                onInput?: ((_value: number | undefined, _inputValue: string, _ev: Event) => any) | undefined;
+                onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
+                onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
                 onBlur?: ((_ev: FocusEvent) => any) | undefined;
                 onClear?: ((_ev: Event) => any) | undefined;
                 onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-                "onUpdate:modelValue"?: ((_value: number | undefined) => any) | undefined;
+                "onUpdate:modelValue"?: ((_value: string | number | null | undefined) => any) | undefined;
             }>, {
                 inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
                 render: () => import("vue/jsx-runtime").JSX.Element;
@@ -1940,12 +1952,12 @@ declare const Slider: {
                 focus(): void;
                 blur(): void;
             }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                'update:modelValue': (_value: number | undefined) => true;
-                change: (_value: number | undefined, _ev: Event) => true;
+                'update:modelValue': (_value: string | number | null | undefined) => true;
+                change: (_value: string | number | null | undefined, _ev: Event) => true;
                 focus: (_ev: FocusEvent) => true;
                 blur: (_ev: FocusEvent) => true;
                 clear: (_ev: Event) => true;
-                input: (_value: number | undefined, _inputValue: string, _ev: Event) => true;
+                input: (_value: string | number | null | undefined, _inputValue: string, _ev: Event) => true;
                 keydown: (_ev: KeyboardEvent) => true;
             }, string, {
                 error: boolean;
@@ -3745,8 +3757,12 @@ declare const Slider: {
     }, {}, {
         InputNumber: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-                modelValue: NumberConstructor;
-                defaultValue: NumberConstructor;
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                };
+                defaultValue: {
+                    type: import("vue").PropType<string | number>;
+                };
                 mode: {
                     type: import("vue").PropType<"embed" | "button">;
                     default: string;
@@ -3803,12 +3819,12 @@ declare const Slider: {
                 };
             }>> & Readonly<{
                 onFocus?: ((_ev: FocusEvent) => any) | undefined;
-                onChange?: ((_value: number | undefined, _ev: Event) => any) | undefined;
-                onInput?: ((_value: number | undefined, _inputValue: string, _ev: Event) => any) | undefined;
+                onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
+                onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
                 onBlur?: ((_ev: FocusEvent) => any) | undefined;
                 onClear?: ((_ev: Event) => any) | undefined;
                 onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-                "onUpdate:modelValue"?: ((_value: number | undefined) => any) | undefined;
+                "onUpdate:modelValue"?: ((_value: string | number | null | undefined) => any) | undefined;
             }>, {
                 inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
                 render: () => import("vue/jsx-runtime").JSX.Element;
@@ -3816,12 +3832,12 @@ declare const Slider: {
                 focus(): void;
                 blur(): void;
             }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                'update:modelValue': (_value: number | undefined) => true;
-                change: (_value: number | undefined, _ev: Event) => true;
+                'update:modelValue': (_value: string | number | null | undefined) => true;
+                change: (_value: string | number | null | undefined, _ev: Event) => true;
                 focus: (_ev: FocusEvent) => true;
                 blur: (_ev: FocusEvent) => true;
                 clear: (_ev: Event) => true;
-                input: (_value: number | undefined, _inputValue: string, _ev: Event) => true;
+                input: (_value: string | number | null | undefined, _inputValue: string, _ev: Event) => true;
                 keydown: (_ev: KeyboardEvent) => true;
             }, import("vue").PublicProps, {
                 error: boolean;
@@ -3842,8 +3858,12 @@ declare const Slider: {
                 M: {};
                 Defaults: {};
             }, Readonly<import("vue").ExtractPropTypes<{
-                modelValue: NumberConstructor;
-                defaultValue: NumberConstructor;
+                modelValue: {
+                    type: import("vue").PropType<string | number>;
+                };
+                defaultValue: {
+                    type: import("vue").PropType<string | number>;
+                };
                 mode: {
                     type: import("vue").PropType<"embed" | "button">;
                     default: string;
@@ -3900,12 +3920,12 @@ declare const Slider: {
                 };
             }>> & Readonly<{
                 onFocus?: ((_ev: FocusEvent) => any) | undefined;
-                onChange?: ((_value: number | undefined, _ev: Event) => any) | undefined;
-                onInput?: ((_value: number | undefined, _inputValue: string, _ev: Event) => any) | undefined;
+                onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
+                onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
                 onBlur?: ((_ev: FocusEvent) => any) | undefined;
                 onClear?: ((_ev: Event) => any) | undefined;
                 onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-                "onUpdate:modelValue"?: ((_value: number | undefined) => any) | undefined;
+                "onUpdate:modelValue"?: ((_value: string | number | null | undefined) => any) | undefined;
             }>, {
                 inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
                 render: () => import("vue/jsx-runtime").JSX.Element;
@@ -3928,8 +3948,12 @@ declare const Slider: {
             __isTeleport?: never;
             __isSuspense?: never;
         } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: NumberConstructor;
-            defaultValue: NumberConstructor;
+            modelValue: {
+                type: import("vue").PropType<string | number>;
+            };
+            defaultValue: {
+                type: import("vue").PropType<string | number>;
+            };
             mode: {
                 type: import("vue").PropType<"embed" | "button">;
                 default: string;
@@ -3986,12 +4010,12 @@ declare const Slider: {
             };
         }>> & Readonly<{
             onFocus?: ((_ev: FocusEvent) => any) | undefined;
-            onChange?: ((_value: number | undefined, _ev: Event) => any) | undefined;
-            onInput?: ((_value: number | undefined, _inputValue: string, _ev: Event) => any) | undefined;
+            onChange?: ((_value: string | number | null | undefined, _ev: Event) => any) | undefined;
+            onInput?: ((_value: string | number | null | undefined, _inputValue: string, _ev: Event) => any) | undefined;
             onBlur?: ((_ev: FocusEvent) => any) | undefined;
             onClear?: ((_ev: Event) => any) | undefined;
             onKeydown?: ((_ev: KeyboardEvent) => any) | undefined;
-            "onUpdate:modelValue"?: ((_value: number | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((_value: string | number | null | undefined) => any) | undefined;
         }>, {
             inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
             render: () => import("vue/jsx-runtime").JSX.Element;
@@ -3999,12 +4023,12 @@ declare const Slider: {
             focus(): void;
             blur(): void;
         }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            'update:modelValue': (_value: number | undefined) => true;
-            change: (_value: number | undefined, _ev: Event) => true;
+            'update:modelValue': (_value: string | number | null | undefined) => true;
+            change: (_value: string | number | null | undefined, _ev: Event) => true;
             focus: (_ev: FocusEvent) => true;
             blur: (_ev: FocusEvent) => true;
             clear: (_ev: Event) => true;
-            input: (_value: number | undefined, _inputValue: string, _ev: Event) => true;
+            input: (_value: string | number | null | undefined, _inputValue: string, _ev: Event) => true;
             keydown: (_ev: KeyboardEvent) => true;
         }, string, {
             error: boolean;