@sdata/web-vue 3.12.0 → 3.13.0

package/es/textarea/textarea.vue_vue_type_script_setup_true_lang.js

@@ -7,14 +7,17 @@ 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 { useCursor } from "../_hooks/use-cursor.js";
+import { isReadonlyModificationKey, useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
 import { INPUT_EVENTS } from "../_utils/constant.js";
 import { omit } from "../_utils/omit.js";
 import pick from "../_utils/pick.js";
+import Tooltip from "../tooltip/index.js";
 import { getSizeStyles } from "./utils.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, toDisplayString, toRefs, unref, useAttrs, watch, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, toDisplayString, toRef, toRefs, unref, useAttrs, watch, withCtx } from "vue";
 //#region components/textarea/textarea.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"disabled",
+	"readonly",
 	"value",
 	"placeholder"
 ];
@@ -52,6 +55,14 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			default: false
 		},
 		/**
+		* @zh 是否为只读状态
+		* @en Whether it is read-only
+		*/
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
+		/**
 		* @zh 是否为错误状态
 		* @en Whether it is an error state
 		*/
@@ -127,6 +138,8 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			error
 		});
 		const { mergedAllowClear } = useAllowClear(allowClear);
+		const { tipVisible, show: showReadonlyTip } = useReadonlyTip(toRef(props, "readonly"), mergedDisabled);
+		const readonlyTipText = useReadonlyTipText(toRef(props, "readonly"));
 		const textareaRef = ref();
 		const textareaStyle = ref();
 		const mirrorRef = ref();
@@ -155,7 +168,7 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const isScroll = ref(false);
 		const focused = ref(false);
 		const showClearBtn = computed(() => {
-			return mergedAllowClear.value && !mergedDisabled.value && computedValue.value;
+			return mergedAllowClear.value && !mergedDisabled.value && !props.readonly && computedValue.value;
 		});
 		const isComposition = ref(false);
 		const compositionValue = ref("");
@@ -233,6 +246,9 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			emitChange("", ev);
 			emit("clear", ev);
 		};
+		const handleKeyDown = (e) => {
+			if (props.readonly && !mergedDisabled.value && isReadonlyModificationKey(e)) showReadonlyTip();
+		};
 		watch(() => modelValue.value, (value) => {
 			if (value !== computedValue.value) updateValue(value !== null && value !== void 0 ? value : "", false);
 		});
@@ -336,50 +352,59 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			blur
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps(getWrapperAttrs(_ctx.$attrs), {
-				class: wrapperCls.value,
-				onMousedown: handleMousedown
-			}), [
-				__props.autoSize ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					ref_key: "mirrorRef",
-					ref: mirrorRef,
-					class: normalizeClass(`${unref(prefixCls)}-mirror`),
-					style: normalizeStyle(mirrorStyle.value)
-				}, toDisplayString(`${computedValue.value}\n`), 7)) : createCommentVNode("", true),
-				createVNode(unref(resize_observer_default), { onResize: handleResize }, {
-					default: withCtx(() => [createElementVNode("textarea", mergeProps({
-						ref_key: "textareaRef",
-						ref: textareaRef
-					}, mergeTextareaAttrs.value, {
-						disabled: unref(mergedDisabled),
-						class: unref(prefixCls),
-						style: textareaStyle.value,
-						value: computedValue.value,
-						placeholder: __props.placeholder,
-						onInput: handleInput,
-						onFocus: handleFocus,
-						onBlur: handleBlur,
-						onCompositionstart: handleComposition,
-						onCompositionupdate: handleComposition,
-						onCompositionend: handleComposition
-					}), null, 16, _hoisted_1)]),
-					_: 1
-				}),
-				renderSlot(_ctx.$slots, "suffix"),
-				computedMaxLength.value && __props.showWordLimit ? (openBlock(), createElementBlock("div", {
-					key: 1,
-					class: normalizeClass(`${unref(prefixCls)}-word-limit`)
-				}, toDisplayString(valueLength.value) + "/" + toDisplayString(computedMaxLength.value), 3)) : createCommentVNode("", true),
-				showClearBtn.value ? (openBlock(), createElementBlock("div", {
-					key: 2,
-					class: normalizeClass(`${unref(prefixCls)}-clear-btn`),
-					onClick: handleClear
-				}, [createVNode(icon_hover_default, null, {
-					default: withCtx(() => [createVNode(unref(IconClose))]),
-					_: 1
-				})], 2)) : createCommentVNode("", true)
-			], 16);
+			return openBlock(), createBlock(unref(Tooltip), {
+				"popup-visible": unref(tipVisible),
+				content: unref(readonlyTipText),
+				position: "top"
+			}, {
+				default: withCtx(() => [createElementVNode("div", mergeProps(getWrapperAttrs(_ctx.$attrs), {
+					class: wrapperCls.value,
+					onMousedown: handleMousedown
+				}), [
+					__props.autoSize ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						ref_key: "mirrorRef",
+						ref: mirrorRef,
+						class: normalizeClass(`${unref(prefixCls)}-mirror`),
+						style: normalizeStyle(mirrorStyle.value)
+					}, toDisplayString(`${computedValue.value}\n`), 7)) : createCommentVNode("", true),
+					createVNode(unref(resize_observer_default), { onResize: handleResize }, {
+						default: withCtx(() => [createElementVNode("textarea", mergeProps({
+							ref_key: "textareaRef",
+							ref: textareaRef
+						}, mergeTextareaAttrs.value, {
+							disabled: unref(mergedDisabled),
+							readonly: !!__props.readonly,
+							class: unref(prefixCls),
+							style: textareaStyle.value,
+							value: computedValue.value,
+							placeholder: __props.placeholder,
+							onKeydown: handleKeyDown,
+							onInput: handleInput,
+							onFocus: handleFocus,
+							onBlur: handleBlur,
+							onCompositionstart: handleComposition,
+							onCompositionupdate: handleComposition,
+							onCompositionend: handleComposition
+						}), null, 16, _hoisted_1)]),
+						_: 1
+					}),
+					renderSlot(_ctx.$slots, "suffix"),
+					computedMaxLength.value && __props.showWordLimit ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(`${unref(prefixCls)}-word-limit`)
+					}, toDisplayString(valueLength.value) + "/" + toDisplayString(computedMaxLength.value), 3)) : createCommentVNode("", true),
+					showClearBtn.value ? (openBlock(), createElementBlock("div", {
+						key: 2,
+						class: normalizeClass(`${unref(prefixCls)}-clear-btn`),
+						onClick: handleClear
+					}, [createVNode(icon_hover_default, null, {
+						default: withCtx(() => [createVNode(unref(IconClose))]),
+						_: 1
+					})], 2)) : createCommentVNode("", true)
+				], 16)]),
+				_: 3
+			}, 8, ["popup-visible", "content"]);
 		};
 	}
 }));

package/es/time-picker/index.d.ts

@@ -21,7 +21,7 @@ declare const TimePicker: {
             default: boolean;
         };
         readonly: {
-            type: BooleanConstructor;
+            type: (StringConstructor | BooleanConstructor)[];
         };
         error: {
             type: BooleanConstructor;
@@ -99,7 +99,6 @@ declare const TimePicker: {
     }, import("vue").PublicProps, {
         type: "time" | "time-range";
         error: boolean;
-        readonly: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
@@ -136,7 +135,7 @@ declare const TimePicker: {
             default: boolean;
         };
         readonly: {
-            type: BooleanConstructor;
+            type: (StringConstructor | BooleanConstructor)[];
         };
         error: {
             type: BooleanConstructor;
@@ -207,7 +206,6 @@ declare const TimePicker: {
     }>, {}, {}, {}, {}, {
         type: "time" | "time-range";
         error: boolean;
-        readonly: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
@@ -241,7 +239,7 @@ declare const TimePicker: {
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     error: {
         type: BooleanConstructor;
@@ -319,7 +317,6 @@ declare const TimePicker: {
 }, string, {
     type: "time" | "time-range";
     error: boolean;
-    readonly: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";

package/es/time-picker/panel.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isUndefined } from "../_utils/is.js";
-import Button from "../button/index.js";
 import { useI18n } from "../locale/index.js";
+import Button from "../button/index.js";
 import { dayjs } from "../_utils/date.js";
 import useTimeFormat from "./hooks/use-time-format.js";
 import useIsDisabledTime from "./hooks/use-is-disabled-time.js";

package/es/time-picker/time-picker.vue.d.ts

@@ -28,7 +28,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     error: {
         type: BooleanConstructor;
@@ -115,7 +115,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
     readonly: {
-        type: BooleanConstructor;
+        type: (StringConstructor | BooleanConstructor)[];
     };
     error: {
         type: BooleanConstructor;
@@ -186,7 +186,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     type: "time" | "time-range";
     error: boolean;
-    readonly: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     position: "top" | "tl" | "tr" | "bottom" | "bl" | "br";

package/es/time-picker/time-picker.vue_vue_type_script_setup_true_lang.js

@@ -3,15 +3,17 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isArray, isUndefined } from "../_utils/is.js";
 import { useAllowClear } from "../_hooks/use-allow-clear.js";
+import { useI18n } from "../locale/index.js";
+import Trigger from "../trigger/index.js";
 import useState from "../_hooks/use-state.js";
 import useMergeState from "../_hooks/use-merge-state.js";
-import Trigger from "../trigger/index.js";
-import { useI18n } from "../locale/index.js";
 import { dayjs, getDateValue, getSortedDayjsArray, isValueChange } from "../_utils/date.js";
+import input_default from "../_components/picker/input.js";
 import { getFormattedValue, isValidInputValue, isValidRangeValue } from "./utils/index.js";
 import useTimeFormat from "./hooks/use-time-format.js";
 import IconClockCircle from "../icon/icon-clock-circle/index.js";
 import useIsDisabledTime from "./hooks/use-is-disabled-time.js";
+import input_range_default from "../_components/picker/input-range.js";
 import useTimeState from "./hooks/use-time-state.js";
 import { computed, createBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, openBlock, reactive, ref, renderSlot, resolveDynamicComponent, toRefs, unref, watch, withCtx } from "vue";
 //#region components/time-picker/time-picker.vue?vue&type=script&setup=true&lang.ts
@@ -66,7 +68,7 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		* @zh 是否为只读模式
 		* @en Whether it is read-only mode
 		* */
-		readonly: { type: Boolean },
+		readonly: { type: [Boolean, String] },
 		/**
 		* @zh 是否为错误状态
 		* @en Whether it is an error state
@@ -199,6 +201,7 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
 		const { mergedAllowClear } = useAllowClear(allowClear);
 		const isRange = computed(() => type.value === "time-range");
+		const InputComponent = computed(() => isRange.value ? input_range_default : input_default);
 		const prefixCls = getPrefixCls("timepicker");
 		const refInput = ref();
 		const { format: computedFormat, use12Hours: computedUse12Hours } = useTimeFormat(reactive({
@@ -367,7 +370,7 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 				"auto-fit-transform-origin": "",
 				"click-to-close": false,
 				position: __props.position,
-				disabled: unref(mergedDisabled) || __props.readonly,
+				disabled: unref(mergedDisabled) || !!__props.readonly,
 				"popup-offset": 4,
 				"popup-visible": unref(panelVisible),
 				"prevent-focus": true,
@@ -406,7 +409,7 @@ var time_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 					"hide-disabled-options",
 					"hide-footer"
 				]))], 2)]),
-				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(isRange.value ? "DateRangeInput" : "DateInput"), mergeProps(_objectSpread2(_objectSpread2({}, _ctx.$attrs), inputProps.value), {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(InputComponent.value), mergeProps(_objectSpread2(_objectSpread2({}, _ctx.$attrs), inputProps.value), {
 					ref_key: "refInput",
 					ref: refInput,
 					"input-value": unref(inputValue),

package/es/toolbar/toolbar.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { useResizeObserver } from "../_hooks/use-resize-observer.js";
 import Button from "../button/index.js";
 import Spin from "../spin/index.js";
-import { useResizeObserver } from "../_hooks/use-resize-observer.js";
 import IconDown from "../icon/icon-down/index.js";
 import Link from "../link/index.js";
 import JsonForm from "../json-form/index.js";

package/es/tooltip/index.d.ts

@@ -2,47 +2,7 @@ import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
 import _Tooltip from './tooltip.vue';
 declare const Tooltip: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        popupVisible: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        defaultPopupVisible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        content: StringConstructor;
-        position: {
-            type: import("vue").PropType<import("../index.ts").TriggerPosition>;
-            default: string;
-        };
-        mini: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        backgroundColor: {
-            type: StringConstructor;
-        };
-        contentClass: {
-            type: import("vue").PropType<import("../_utils/types").ClassName>;
-        };
-        contentStyle: {
-            type: import("vue").PropType<import("vue").CSSProperties>;
-        };
-        arrowClass: {
-            type: import("vue").PropType<import("../_utils/types").ClassName>;
-        };
-        arrowStyle: {
-            type: import("vue").PropType<import("vue").CSSProperties>;
-        };
-        popupContainer: {
-            type: import("vue").PropType<string | HTMLElement>;
-        };
-    }>> & Readonly<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").TooltipProps> & Readonly<{
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -52,109 +12,29 @@ declare const Tooltip: {
         mini: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        position: import("../index.ts").TriggerPosition;
         disabled: boolean;
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        popupVisible: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        defaultPopupVisible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        content: StringConstructor;
-        position: {
-            type: import("vue").PropType<import("../index.ts").TriggerPosition>;
-            default: string;
-        };
-        mini: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        backgroundColor: {
-            type: StringConstructor;
-        };
-        contentClass: {
-            type: import("vue").PropType<import("../_utils/types").ClassName>;
-        };
-        contentStyle: {
-            type: import("vue").PropType<import("vue").CSSProperties>;
-        };
-        arrowClass: {
-            type: import("vue").PropType<import("../_utils/types").ClassName>;
-        };
-        arrowStyle: {
-            type: import("vue").PropType<import("vue").CSSProperties>;
-        };
-        popupContainer: {
-            type: import("vue").PropType<string | HTMLElement>;
-        };
-    }>> & Readonly<{
+    }, Readonly<import("./interface").TooltipProps> & Readonly<{
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         mini: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+        position: import("../index.ts").TriggerPosition;
         disabled: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    popupVisible: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    defaultPopupVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    content: StringConstructor;
-    position: {
-        type: import("vue").PropType<import("../index.ts").TriggerPosition>;
-        default: string;
-    };
-    mini: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    backgroundColor: {
-        type: StringConstructor;
-    };
-    contentClass: {
-        type: import("vue").PropType<import("../_utils/types").ClassName>;
-    };
-    contentStyle: {
-        type: import("vue").PropType<import("vue").CSSProperties>;
-    };
-    arrowClass: {
-        type: import("vue").PropType<import("../_utils/types").ClassName>;
-    };
-    arrowStyle: {
-        type: import("vue").PropType<import("vue").CSSProperties>;
-    };
-    popupContainer: {
-        type: import("vue").PropType<string | HTMLElement>;
-    };
-}>> & Readonly<{
+} & import("vue").ComponentOptionsBase<Readonly<import("./interface").TooltipProps> & Readonly<{
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -164,7 +44,7 @@ declare const Tooltip: {
     mini: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    position: import("../index.ts").TriggerPosition;
     disabled: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
@@ -176,4 +56,5 @@ declare const Tooltip: {
     install: (app: App, options?: SDOptions) => void;
 };
 export type TooltipInstance = InstanceType<typeof _Tooltip>;
+export type { TooltipProps } from './interface';
 export default Tooltip;

package/es/tooltip/interface.d.ts

@@ -0,0 +1,17 @@
+import type { CSSProperties } from 'vue';
+import type { TriggerPosition } from '../_utils/constant';
+import type { ClassName } from '../_utils/types';
+export interface TooltipProps {
+    popupVisible?: boolean;
+    defaultPopupVisible?: boolean;
+    disabled?: boolean;
+    content?: string;
+    position?: TriggerPosition;
+    mini?: boolean;
+    backgroundColor?: string;
+    contentClass?: ClassName;
+    contentStyle?: CSSProperties;
+    arrowClass?: ClassName;
+    arrowStyle?: CSSProperties;
+    popupContainer?: string | HTMLElement;
+}

package/es/tooltip/tooltip.vue.d.ts

@@ -1,106 +1,23 @@
-import type { PropType } from 'vue';
-import { CSSProperties } from 'vue';
-import { TriggerPosition } from '../_utils/constant';
-import { ClassName } from '../_utils/types';
+import type { TooltipProps } from './interface';
 declare var __VLS_10: {}, __VLS_13: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 } & {
     content?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    popupVisible: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    defaultPopupVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    content: StringConstructor;
-    position: {
-        type: PropType<TriggerPosition>;
-        default: string;
-    };
-    mini: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    backgroundColor: {
-        type: StringConstructor;
-    };
-    contentClass: {
-        type: PropType<ClassName>;
-    };
-    contentStyle: {
-        type: PropType<CSSProperties>;
-    };
-    arrowClass: {
-        type: PropType<ClassName>;
-    };
-    arrowStyle: {
-        type: PropType<CSSProperties>;
-    };
-    popupContainer: {
-        type: PropType<string | HTMLElement>;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:popupVisible": (_visible: boolean) => any;
     popupVisibleChange: (_visible: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    popupVisible: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    defaultPopupVisible: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    content: StringConstructor;
-    position: {
-        type: PropType<TriggerPosition>;
-        default: string;
-    };
-    mini: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    backgroundColor: {
-        type: StringConstructor;
-    };
-    contentClass: {
-        type: PropType<ClassName>;
-    };
-    contentStyle: {
-        type: PropType<CSSProperties>;
-    };
-    arrowClass: {
-        type: PropType<ClassName>;
-    };
-    arrowStyle: {
-        type: PropType<CSSProperties>;
-    };
-    popupContainer: {
-        type: PropType<string | HTMLElement>;
-    };
-}>> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
 }>, {
     mini: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
-    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
+    position: import("..").TriggerPosition;
     disabled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;