niuma-ui 2.0.3 → 2.0.4

package/dist/components/textarea/src/RsTextarea.impl.js

@@ -4,7 +4,10 @@ import { buildLocalInputRules, runFormFieldRules } from "../../form/src/form-rul
 import { isRsFormItemBoundControl, useRsFormContext, useRsFormField, useRsFormItemContext } from "../../form/src/form-utils.js";
 import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
 import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, toDisplayString, unref, useAttrs, useId, useModel, watch, withModifiers } from "vue";
+import { normalizeRsInputValue } from "../../input/src/input-utils.js";
+import RsVNodeHost_default from "../../vnode-host/src/RsVNodeHost.js";
+import { applyTextareaAutosize, isRsTextareaAutosizeEnabled, resolveRsTextareaAutosizeSpec, resolveRsTextareaDisplayRows, resolveRsTextareaResize } from "./textarea-utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onMounted, openBlock, ref, renderSlot, toDisplayString, unref, useAttrs, useId, useModel, watch, withModifiers } from "vue";
 //#region src/components/textarea/src/RsTextarea.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -36,6 +39,7 @@ var _hoisted_8 = {
 	class: "rs-field__hint"
 };
 var RsTextarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsTextarea",
 	inheritAttrs: false,
 	__name: "RsTextarea",
 	props: /*@__PURE__*/ mergeModels({
@@ -102,10 +106,10 @@ var RsTextarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		const { t } = useRsI18n();
 		const model = useModel(__props, "modelValue", {
 			get(value) {
-				return value == null ? "" : String(value);
+				return normalizeRsInputValue(value);
 			},
 			set(value) {
-				return value == null ? "" : String(value);
+				return normalizeRsInputValue(value);
 			}
 		});
 		const props = __props;
@@ -133,6 +137,15 @@ var RsTextarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			if (props.showValidateMessage && autoInvalid.value) return autoMessage.value;
 			return "";
 		});
+		const errorSlotProps = computed(() => ({
+			name: props.name,
+			message: displayMessage.value,
+			value: model.value
+		}));
+		const formErrorContent = computed(() => {
+			if (!displayMessage.value || !formContext?.renderError) return null;
+			return formContext.renderError(errorSlotProps.value);
+		});
 		const isInvalid = computed(() => {
 			if (boundToItem.value) return Boolean(formItem?.invalid.value || props.invalid);
 			return props.invalid || autoInvalid.value;
@@ -151,54 +164,26 @@ var RsTextarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			if (!labelWidth) return void 0;
 			return { "--rs-field-label-width": labelWidth };
 		});
-		const autosizeEnabled = computed(() => Boolean(props.autosize));
-		const autosizeSpec = computed(() => typeof props.autosize === "object" && props.autosize ? props.autosize : {});
-		const displayRows = computed(() => autosizeSpec.value.minRows ?? props.rows);
-		const resolvedResize = computed(() => autosizeEnabled.value ? "none" : props.resize);
+		const autosizeEnabled = computed(() => isRsTextareaAutosizeEnabled(props.autosize));
+		const autosizeSpec = computed(() => resolveRsTextareaAutosizeSpec(props.autosize));
+		const displayRows = computed(() => resolveRsTextareaDisplayRows(props.autosize, props.rows));
+		const resolvedResize = computed(() => resolveRsTextareaResize(props.resize, props.autosize));
 		const countText = computed(() => {
 			const n = model.value.length;
 			return props.maxlength != null ? `${n} / ${props.maxlength}` : String(n);
 		});
 		const countLimitReached = computed(() => props.maxlength != null && model.value.length >= props.maxlength);
 		const showClearButton = computed(() => props.clearable && !resolvedDisabled.value && !props.readonly && model.value.length > 0);
-		function parseLineHeight(el) {
-			const style = getComputedStyle(el);
-			const lh = Number.parseFloat(style.lineHeight);
-			if (Number.isFinite(lh) && lh > 0) return lh;
-			return (Number.parseFloat(style.fontSize) || 14) * 1.5;
-		}
-		function autosizePadding(el) {
-			const style = getComputedStyle(el);
-			const pad = Number.parseFloat(style.paddingTop) + Number.parseFloat(style.paddingBottom);
-			if (style.boxSizing !== "border-box") return 0;
-			const border = Number.parseFloat(style.borderTopWidth) + Number.parseFloat(style.borderBottomWidth);
-			return (Number.isFinite(pad) ? pad : 0) + (Number.isFinite(border) ? border : 0);
-		}
 		function adjustHeight() {
-			const el = textareaRef.value;
-			if (!el) return;
-			if (!autosizeEnabled.value) {
-				el.style.height = "";
-				el.style.overflowY = "";
-				return;
-			}
-			el.style.height = "auto";
-			el.style.overflowY = "hidden";
-			const lineHeight = parseLineHeight(el);
-			const extra = autosizePadding(el);
-			const minRows = autosizeSpec.value.minRows ?? props.rows;
-			const maxRows = autosizeSpec.value.maxRows;
-			const min = lineHeight * minRows + extra;
-			const max = maxRows != null ? lineHeight * maxRows + extra : void 0;
-			let height = el.scrollHeight;
-			if (height < min) height = min;
-			if (max != null && height > max) {
-				height = max;
-				el.style.overflowY = "auto";
-			}
-			el.style.height = `${height}px`;
+			applyTextareaAutosize(textareaRef.value, {
+				enabled: autosizeEnabled.value,
+				minRows: autosizeSpec.value.minRows ?? props.rows,
+				maxRows: autosizeSpec.value.maxRows
+			});
 		}
 		function scheduleAdjustHeight() {
+			const el = textareaRef.value;
+			if (!autosizeEnabled.value && !el?.style.height) return;
 			nextTick(adjustHeight);
 		}
 		async function runValidate(trigger = "submit") {
@@ -229,7 +214,7 @@ var RsTextarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			autoMessage.value = message;
 		}
 		function setValue(value) {
-			model.value = String(value ?? "");
+			model.value = normalizeRsInputValue(value);
 			scheduleAdjustHeight();
 		}
 		function clearValidation() {
@@ -262,6 +247,9 @@ var RsTextarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			if (props.validateTrigger === "blur" || props.validateTrigger === "both") runValidate("blur");
 			emit("blur", event);
 		}
+		function onFocus(event) {
+			emit("focus", event);
+		}
 		function onKeydown(event) {
 			if (event.key !== "Enter" || composing.value) return;
 			emit("pressEnter", event);
@@ -346,7 +334,7 @@ var RsTextarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 						onCompositionend: onCompositionEnd,
 						onKeydown,
 						onBlur,
-						onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus", $event))
+						onFocus
 					}), null, 16, _hoisted_5),
 					showClearButton.value ? (openBlock(), createElementBlock("button", {
 						key: 0,
@@ -354,7 +342,7 @@ var RsTextarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 						class: "rs-textarea__clear",
 						tabindex: "-1",
 						"aria-label": unref(t)("input.clear"),
-						onPointerdown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+						onPointerdown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
 						onClick: onClear
 					}, [createVNode(RsIcon_default, {
 						name: "x",
@@ -375,7 +363,10 @@ var RsTextarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 					id: errorId.value,
 					class: "rs-field__error",
 					role: "alert"
-				}, [renderSlot(_ctx.$slots, "error", { message: displayMessage.value }, () => [createTextVNode(toDisplayString(displayMessage.value), 1)], true)], 8, _hoisted_7)) : createCommentVNode("", true),
+				}, [renderSlot(_ctx.$slots, "error", normalizeProps(guardReactiveProps(errorSlotProps.value)), () => [formErrorContent.value !== null && formErrorContent.value !== void 0 ? (openBlock(), createBlock(RsVNodeHost_default, {
+					key: 0,
+					content: formErrorContent.value
+				}, null, 8, ["content"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(displayMessage.value), 1)], 64))], true)], 8, _hoisted_7)) : createCommentVNode("", true),
 				__props.hint ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
 			])], 6);
 		};

package/dist/components/textarea/src/RsTextarea.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsTextarea_vue_vue_type_script_setup_true_lang_default from "./RsTextarea.impl.js";
 
 //#region src/components/textarea/src/RsTextarea.vue
-var RsTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTextarea_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cba8d859"]]);
+var RsTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTextarea_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4aaa8fd4"]]);
 //#endregion
 export { RsTextarea_default as default };

package/dist/components/textarea/src/textarea-utils.d.ts

@@ -0,0 +1,27 @@
+export declare const RS_TEXTAREA_RESIZES: readonly ["none", "horizontal", "vertical", "both"];
+export type RsTextareaResize = (typeof RS_TEXTAREA_RESIZES)[number];
+/**
+ * 自适应高度。true 从 rows 起往下长；对象可锁 minRows / maxRows。
+ * 对齐 Ant Design autoSize、Element Plus autosize。
+ */
+export type RsTextareaAutosize = boolean | {
+    minRows?: number;
+    maxRows?: number;
+};
+export declare function isRsTextareaResize(value: unknown): value is RsTextareaResize;
+export declare function isRsTextareaAutosizeEnabled(autosize?: RsTextareaAutosize | null): boolean;
+export declare function resolveRsTextareaAutosizeSpec(autosize?: RsTextareaAutosize | null): {
+    minRows?: number;
+    maxRows?: number;
+};
+export declare function resolveRsTextareaDisplayRows(autosize?: RsTextareaAutosize | null, rows?: number): number;
+/** autosize 开启时强制 none，与 Element Plus 一致。 */
+export declare function resolveRsTextareaResize(resize?: RsTextareaResize | null, autosize?: RsTextareaAutosize | null): RsTextareaResize;
+export declare function parseTextareaLineHeight(el: HTMLTextAreaElement): number;
+export declare function textareaAutosizePadding(el: HTMLTextAreaElement): number;
+/** 写入或清掉 autosize 高度。el 已卸载时直接返回。 */
+export declare function applyTextareaAutosize(el: HTMLTextAreaElement | null, options: {
+    enabled: boolean;
+    minRows: number;
+    maxRows?: number;
+}): void;

package/dist/components/textarea/src/textarea-utils.js

@@ -0,0 +1,61 @@
+//#region src/components/textarea/src/textarea-utils.ts
+var RS_TEXTAREA_RESIZES = [
+	"none",
+	"horizontal",
+	"vertical",
+	"both"
+];
+function isRsTextareaResize(value) {
+	return typeof value === "string" && RS_TEXTAREA_RESIZES.includes(value);
+}
+function isRsTextareaAutosizeEnabled(autosize) {
+	return autosize === true || typeof autosize === "object" && autosize != null;
+}
+function resolveRsTextareaAutosizeSpec(autosize) {
+	return typeof autosize === "object" && autosize ? autosize : {};
+}
+function resolveRsTextareaDisplayRows(autosize, rows = 3) {
+	return resolveRsTextareaAutosizeSpec(autosize).minRows ?? rows;
+}
+/** autosize 开启时强制 none，与 Element Plus 一致。 */
+function resolveRsTextareaResize(resize, autosize) {
+	if (isRsTextareaAutosizeEnabled(autosize)) return "none";
+	return isRsTextareaResize(resize) ? resize : "vertical";
+}
+function parseTextareaLineHeight(el) {
+	const style = getComputedStyle(el);
+	const lh = Number.parseFloat(style.lineHeight);
+	if (Number.isFinite(lh) && lh > 0) return lh;
+	return (Number.parseFloat(style.fontSize) || 14) * 1.5;
+}
+function textareaAutosizePadding(el) {
+	const style = getComputedStyle(el);
+	const pad = Number.parseFloat(style.paddingTop) + Number.parseFloat(style.paddingBottom);
+	if (style.boxSizing !== "border-box") return 0;
+	const border = Number.parseFloat(style.borderTopWidth) + Number.parseFloat(style.borderBottomWidth);
+	return (Number.isFinite(pad) ? pad : 0) + (Number.isFinite(border) ? border : 0);
+}
+/** 写入或清掉 autosize 高度。el 已卸载时直接返回。 */
+function applyTextareaAutosize(el, options) {
+	if (!el) return;
+	if (!options.enabled) {
+		el.style.height = "";
+		el.style.overflowY = "";
+		return;
+	}
+	el.style.height = "auto";
+	el.style.overflowY = "hidden";
+	const lineHeight = parseTextareaLineHeight(el);
+	const extra = textareaAutosizePadding(el);
+	const min = lineHeight * options.minRows + extra;
+	const max = options.maxRows != null ? lineHeight * options.maxRows + extra : void 0;
+	let height = el.scrollHeight;
+	if (height < min) height = min;
+	if (max != null && height > max) {
+		height = max;
+		el.style.overflowY = "auto";
+	}
+	el.style.height = `${height}px`;
+}
+//#endregion
+export { RS_TEXTAREA_RESIZES, applyTextareaAutosize, isRsTextareaAutosizeEnabled, isRsTextareaResize, parseTextareaLineHeight, resolveRsTextareaAutosizeSpec, resolveRsTextareaDisplayRows, resolveRsTextareaResize, textareaAutosizePadding };

package/dist/components/time-picker/index.d.ts

@@ -1,7 +1,8 @@
 export { default as RsTimePicker } from './src/RsTimePicker.js';
 export { default as RsTimePickerColumns } from './src/RsTimePickerColumns.js';
-export type { RsParsedTime, RsTimeRangeValue, RsTimeUnit, RsTimeUnitOption } from './src/time-picker-utils';
-export { EMPTY_TIME_RANGE, TIME_HOUR_OPTIONS, TIME_SECOND_OPTIONS, formatTimeFromParts, formatTimeParts, formatTimeRangeDisplay, formatTimeUnitLabel, formatTimeValue, getTimeMinuteOptions, isTimeRangeEmpty, isTimeRangeOrdered, isTimeWithinBounds, parseTimeValue, scrollTimeColumnToValue, } from './src/time-picker-utils';
+export type { RsTimePickerExpose, RsTimePickerInstance, RsTimePickerLabelPosition, } from './src/RsTimePicker.js';
+export type { RsParsedTime, RsTimePickerDisabledTime, RsTimePickerGetPopupContainer, RsTimePickerHourCycle, RsTimePickerModelValue, RsTimePickerShortcut, RsTimeRangeValue, RsTimeUnit, RsTimeUnitOption, } from './src/time-picker-utils';
+export { EMPTY_TIME_RANGE, TIME_HOUR12_OPTIONS, TIME_HOUR_OPTIONS, TIME_SECOND_OPTIONS, formatTimeDisplay, formatTimeFromParts, formatTimeParts, formatTimeRangeDisplay, formatTimeUnitLabel, formatTimeValue, getTimeMinuteOptions, isTimeRangeEmpty, isTimeRangeOrdered, isTimeWithinBounds, parseTimeValue, scrollTimeColumnToValue, toHour12, toHour24, } from './src/time-picker-utils';
 export type { RsTimeValidationError, RsTimeValidationResult, RsTimeValidationRules } from './src/time-validation';
 export { validateTimeValue } from './src/time-validation';
 export type { RsTimeRangeValidationError, RsTimeRangeValidationResult, RsTimeRangeValidationRules, } from './src/time-range-validation';

package/dist/components/time-picker/src/RsTimePicker.css

@@ -1,11 +1,15 @@
 
-.rs-time-picker[data-v-f037f46a] {
+.rs-time-picker[data-v-74cf1aa1] {
+  position: relative;
   width: 100%;
 }
-.rs-time-picker-embedded[data-v-f037f46a] {
+.rs-time-picker-embedded[data-v-74cf1aa1] {
   min-width: 0;
 }
-.rs-time-picker__trigger[data-v-f037f46a] {
+.rs-time-picker-wrap--clearable .rs-time-picker__trigger[data-v-74cf1aa1] {
+  padding-inline-end: calc(var(--rs-space-md) + 2.25rem);
+}
+.rs-time-picker__trigger[data-v-74cf1aa1] {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
@@ -16,7 +20,7 @@
   min-height: var(--rs-control-height-md);
   padding: 0 var(--rs-space-md);
   border: 1px solid var(--rs-input-border, var(--rs-border));
-  border-radius: var(--rs-radius-sm);
+  border-radius: var(--rs-time-picker-radius, var(--rs-radius-sm));
   background: var(--rs-input-bg);
   color: var(--rs-text);
   font: inherit;
@@ -31,74 +35,87 @@
     box-shadow var(--rs-transition-fast),
     background var(--rs-transition-fast);
 }
-.rs-time-picker--ssm .rs-time-picker__trigger[data-v-f037f46a] {
+.rs-time-picker--ssm .rs-time-picker__trigger[data-v-74cf1aa1] {
   height: var(--rs-control-height-ssm);
   min-height: var(--rs-control-height-ssm);
   padding: 0 var(--rs-space-xs);
   font-size: var(--rs-font-size-xs);
 }
-.rs-time-picker--sm .rs-time-picker__trigger[data-v-f037f46a] {
+.rs-time-picker--sm .rs-time-picker__trigger[data-v-74cf1aa1] {
   height: var(--rs-control-height-sm);
   min-height: var(--rs-control-height-sm);
   padding: 0 var(--rs-space-sm);
   font-size: var(--rs-font-size-xs);
 }
-.rs-time-picker--lg .rs-time-picker__trigger[data-v-f037f46a] {
+.rs-time-picker--lg .rs-time-picker__trigger[data-v-74cf1aa1] {
   height: var(--rs-control-height-lg);
   min-height: var(--rs-control-height-lg);
   padding: 0 var(--rs-space-lg);
   font-size: var(--rs-font-size-base);
 }
-.rs-time-picker__trigger--embedded[data-v-f037f46a] {
+.rs-time-picker__trigger--embedded[data-v-74cf1aa1] {
   min-width: 5.5rem;
   background: color-mix(in srgb, var(--rs-surface) 72%, transparent);
 }
-.rs-time-picker--ssm .rs-time-picker__trigger--embedded[data-v-f037f46a] {
+.rs-time-picker--ssm .rs-time-picker__trigger--embedded[data-v-74cf1aa1] {
   min-width: 4.75rem;
 }
-.rs-time-picker--lg .rs-time-picker__trigger--embedded[data-v-f037f46a] {
+.rs-time-picker--lg .rs-time-picker__trigger--embedded[data-v-74cf1aa1] {
   min-width: 6.25rem;
 }
-.rs-time-picker__trigger[data-v-f037f46a]:hover:not(:disabled) {
+.rs-time-picker__trigger[data-v-74cf1aa1]:hover:not(:disabled) {
   border-color: var(--rs-input-border-hover, var(--rs-border));
 }
-.rs-time-picker__trigger[data-v-f037f46a]:focus-visible {
+.rs-time-picker__trigger[data-v-74cf1aa1]:focus-visible {
   outline: none;
   border-color: var(--rs-focus-border, var(--rs-primary));
   box-shadow:
     var(--rs-input-shadow, none),
     0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-time-picker__trigger[data-v-f037f46a]:disabled {
-  opacity: 0.38;
+.rs-time-picker__trigger[data-v-74cf1aa1]:disabled {
+  opacity: var(--rs-time-picker-disabled-opacity, 0.38);
   cursor: not-allowed;
 }
-.rs-time-picker__trigger--placeholder .rs-time-picker__value[data-v-f037f46a] {
+.rs-time-picker__trigger--placeholder .rs-time-picker__value[data-v-74cf1aa1] {
   color: var(--rs-placeholder);
 }
-.rs-time-picker__trigger--invalid[data-v-f037f46a] {
-  border-color: var(--rs-danger, var(--rs-color-danger, #dc2626));
+.rs-time-picker__trigger--invalid[data-v-74cf1aa1] {
+  border-color: var(--rs-danger, var(--rs-color-danger));
 }
-.rs-time-picker__trigger--invalid[data-v-f037f46a]:focus-visible {
-  border-color: var(--rs-danger, var(--rs-color-danger, #dc2626));
+.rs-time-picker__trigger--invalid[data-v-74cf1aa1]:focus-visible {
+  border-color: var(--rs-danger, var(--rs-color-danger));
   box-shadow:
     var(--rs-input-shadow, none),
     0 0 0 var(--rs-focus-ring-width, 2px)
-      color-mix(in srgb, var(--rs-danger, #dc2626) 14%, transparent);
+      color-mix(in srgb, var(--rs-danger) 14%, transparent);
+}
+.rs-time-picker__clear[data-v-74cf1aa1] {
+  position: absolute;
+  inset-block-start: 50%;
+  inset-inline-end: var(--rs-space-xs);
+  z-index: 1;
+  transform: translateY(-50%);
+}
+.rs-time-picker-field__error[data-v-74cf1aa1] {
+  margin: var(--rs-space-xs) 0 0;
+  color: var(--rs-danger, var(--rs-color-danger));
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-tight);
 }
-.rs-time-picker__leading[data-v-f037f46a] {
+.rs-time-picker__leading[data-v-74cf1aa1] {
   display: inline-flex;
   min-width: 0;
   flex: 1;
   align-items: center;
   gap: var(--rs-space-sm);
 }
-.rs-time-picker__icon[data-v-f037f46a],
-.rs-time-picker__chevron[data-v-f037f46a] {
+.rs-time-picker__icon[data-v-74cf1aa1],
+.rs-time-picker__chevron[data-v-74cf1aa1] {
   flex-shrink: 0;
   color: var(--rs-muted);
 }
-.rs-time-picker__value[data-v-f037f46a] {
+.rs-time-picker__value[data-v-74cf1aa1] {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;

package/dist/components/time-picker/src/RsTimePicker.d.ts

@@ -1,8 +1,28 @@
-import { type RsComponentSize } from '../../../theme/types';
-import { type RsTimeRangeValue } from './time-picker-utils';
-export type { RsTimeRangeValue } from './time-picker-utils';
+import { type RsComponentSize, type RsRadius } from '../../../theme/types';
+import { type RsFormRuleTrigger } from '../../form/src/form-rules';
+import { type RsTimePickerDisabledTime, type RsTimePickerGetPopupContainer, type RsTimePickerHourCycle, type RsTimePickerModelValue, type RsTimePickerShortcut } from './time-picker-utils';
+export type { RsTimePickerDisabledTime, RsTimePickerGetPopupContainer, RsTimePickerHourCycle, RsTimePickerModelValue, RsTimePickerShortcut, RsTimeRangeValue, } from './time-picker-utils';
 export type RsTimePickerLabelPosition = 'top' | 'left';
+export interface RsTimePickerExpose {
+    setValue: (value: unknown) => void;
+    clearValidation: () => void;
+    setError: (message: string) => void;
+    validate: (trigger?: RsFormRuleTrigger) => Promise<{
+        valid: boolean;
+        message?: string;
+        name?: string;
+    }>;
+    focus: () => void;
+    blur: () => void;
+}
+export type RsTimePickerInstance = RsTimePickerExpose & {
+    $el: HTMLElement;
+};
+export interface RsTimePickerColumnsExpose {
+    scrollToSelectionAfterPaint: () => void;
+}
 type __VLS_Props = {
+    name?: string;
     label?: string;
     hint?: string;
     placeholder?: string;
@@ -15,26 +35,51 @@ type __VLS_Props = {
     embedded?: boolean;
     labelPosition?: RsTimePickerLabelPosition;
     size?: RsComponentSize;
+    radius?: RsRadius;
     id?: string;
     invalid?: boolean;
+    showValidateMessage?: boolean;
+    clearable?: boolean;
+    readonly?: boolean;
+    ariaLabel?: string;
+    hourCycle?: RsTimePickerHourCycle;
+    minuteStep?: number;
+    disabledTime?: RsTimePickerDisabledTime;
+    shortcuts?: RsTimePickerShortcut[];
+    getPopupContainer?: RsTimePickerGetPopupContainer;
 };
 type __VLS_ModelProps = {
-    modelValue?: string | RsTimeRangeValue;
+    modelValue?: RsTimePickerModelValue;
     'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | RsTimeRangeValue) => any;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, RsTimePickerExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: RsTimePickerModelValue) => any;
+    blur: () => any;
+    focus: () => any;
+    clear: () => any;
+    "update:modelValue": (value: RsTimePickerModelValue) => any;
     "update:open": (value: boolean) => any;
+    openChange: (open: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | RsTimeRangeValue) => any) | undefined;
+    onChange?: ((value: RsTimePickerModelValue) => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: RsTimePickerModelValue) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onOpenChange?: ((open: boolean) => any) | undefined;
 }>, {
     required: boolean;
     disabled: boolean;
     range: boolean;
+    readonly: boolean;
+    clearable: boolean;
+    showValidateMessage: boolean;
     labelPosition: RsTimePickerLabelPosition;
     withSeconds: boolean;
+    hourCycle: RsTimePickerHourCycle;
+    minuteStep: number;
     embedded: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;