@sdata/web-vue 4.4.1 → 4.4.2

package/es/color-picker/hooks/use-control-block.js

@@ -16,7 +16,7 @@ var useControlBlock = ({ value, onChange }) => {
 		const { clientX, clientY } = ev;
 		const rect = blockRef.value.getBoundingClientRect();
 		const newValue = [getPercentNumber(clientX - rect.x, rect.width), getPercentNumber(clientY - rect.y, rect.height)];
-		if (newValue[0] !== value[0] || newValue[1] !== value[1]) throttledChange(newValue);
+		if (newValue[0] !== value()[0] || newValue[1] !== value()[1]) throttledChange(newValue);
 	};
 	const removeListener = () => {
 		active.value = false;
@@ -24,6 +24,11 @@ var useControlBlock = ({ value, onChange }) => {
 		window.removeEventListener("mouseup", removeListener);
 		window.removeEventListener("contextmenu", removeListener);
 	};
+	function onMouseMove(ev) {
+		ev.preventDefault();
+		if (ev.buttons > 0) setCurrentPosition(ev);
+		else removeListener();
+	}
 	const onMouseDown = (ev) => {
 		ev.preventDefault();
 		active.value = true;
@@ -32,11 +37,6 @@ var useControlBlock = ({ value, onChange }) => {
 		window.addEventListener("mouseup", removeListener);
 		window.addEventListener("contextmenu", removeListener);
 	};
-	function onMouseMove(ev) {
-		ev.preventDefault();
-		if (ev.buttons > 0) setCurrentPosition(ev);
-		else removeListener();
-	}
 	return {
 		active,
 		blockRef,

package/es/color-picker/palette.vue_vue_type_script_setup_true_lang.js

@@ -18,7 +18,7 @@ var palette_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		const prefixCls = getPrefixCls("color-picker");
 		const hsv = computed(() => props.color.hsv);
 		const { blockRef, handlerRef, onMouseDown } = useControlBlock({
-			value: [hsv.value.s, 1 - hsv.value.v],
+			value: () => [hsv.value.s, 1 - hsv.value.v],
 			onChange: (value) => {
 				var _props$onChange;
 				return (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, value[0], 1 - value[1]);

package/es/comment/comment.vue_vue_type_script_setup_true_lang.js

@@ -77,11 +77,16 @@ var comment_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 			"datetime"
 		].map((propName) => hasPropOrSlot(props, slots, propName));
 		const computedAlign = computed(() => {
+			var _align$datetime, _align$actions;
 			const { align } = props;
-			return _objectSpread2({}, isString(align) ? {
+			if (isString(align)) return {
 				datetime: align,
 				actions: align
-			} : align);
+			};
+			return {
+				datetime: (_align$datetime = align === null || align === void 0 ? void 0 : align.datetime) !== null && _align$datetime !== void 0 ? _align$datetime : "left",
+				actions: (_align$actions = align === null || align === void 0 ? void 0 : align.actions) !== null && _align$actions !== void 0 ? _align$actions : "left"
+			};
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [unref(hasAvatar) ? (openBlock(), createElementBlock("div", {

package/es/config-provider/config-provider.vue_vue_type_script_setup_true_lang.js

@@ -211,7 +211,7 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		* @version 2.28.0
 		*/
 		const slots = useSlots();
-		const { prefixCls, locale, size, allowClear, autoInsertSpaceInButton, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer, pagination, colorPicker, spinProps, basicCrudTableSpinProps, cardSpinProps, cascaderSpinProps, listSpinProps, qrCodeSpinProps, selectSpinProps, tableSpinProps, timelineSpinProps, toolbarSpinProps, treeSelectSpinProps } = toRefs(props);
+		const { prefixCls, locale, size, allowClear, autoInsertSpaceInButton, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer, pagination, colorPicker, spinProps, basicCrudTableSpinProps, cardSpinProps, cascaderSpinProps, listSpinProps, qrCodeSpinProps, selectSpinProps, tableSpinProps, timelineSpinProps, toolbarSpinProps, treeSelectSpinProps, jsonForm } = toRefs(props);
 		const config = reactive({
 			slots,
 			prefixCls,
@@ -241,7 +241,7 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			timelineSpinProps,
 			toolbarSpinProps,
 			treeSelectSpinProps,
-			jsonForm: toRefs(props).jsonForm,
+			jsonForm,
 			theme: normalizeTheme(props.theme)
 		});
 		watch(() => props.theme, (themeConfig) => {
@@ -250,10 +250,11 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			immediate: true,
 			deep: true
 		});
-		if (props.global) {
-			const instance = getCurrentInstance();
-			if (instance) instance.appContext.app.provide(configProviderInjectionKey, config);
-		} else provide(configProviderInjectionKey, config);
+		provide(configProviderInjectionKey, config);
+		const instance = getCurrentInstance();
+		watch(() => props.global, (global) => {
+			if (global && instance) instance.appContext.app.provide(configProviderInjectionKey, config);
+		}, { immediate: true });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(theme_provider_default, {
 				theme: __props.theme,

package/es/config-provider/theme-provider.vue_vue_type_script_setup_true_lang.js

@@ -31,6 +31,9 @@ var theme_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		onBeforeUnmount(() => {
 			if (usesLocalThemeContainer.value) closePopupManager();
 		});
+		watch(zIndex, (value) => {
+			if (popupContainer.value) popupContainer.value.style.zIndex = String(value);
+		});
 		let appliedThemeKeys = /* @__PURE__ */ new Set();
 		let appliedPopupThemeKeys = /* @__PURE__ */ new Set();
 		let activeTarget = null;

package/es/copy/copy.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
+import { useI18n } from "../locale/index.js";
 import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
 import Tooltip from "../tooltip/index.js";
 import Button from "../button/index.js";
@@ -16,14 +17,14 @@ var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 	__name: "copy",
 	props: {
 		content: { default: "" },
-		tooltip: { default: "复制" },
+		tooltip: { default: void 0 },
 		tooltipProps: { default: void 0 },
 		clipboardProps: { default: void 0 },
 		textInherit: {
 			type: Boolean,
 			default: true
 		},
-		successMessage: { default: "复制成功" },
+		successMessage: { default: void 0 },
 		href: {},
 		status: {},
 		hoverable: { type: Boolean },
@@ -50,12 +51,13 @@ var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		const emit = __emit;
 		const attrs = useAttrs();
 		const slots = useSlots();
+		const { t } = useI18n();
 		const prefixCls = getPrefixCls("copy");
 		const computedAriaLabel = computed(() => {
 			const consumer = attrs["aria-label"];
 			if (consumer !== void 0) return consumer;
 			if (slots.default) return void 0;
-			return props.tooltip;
+			return mergedTooltip.value;
 		});
 		const componentMap = {
 			link: Link,
@@ -68,18 +70,26 @@ var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			const disabled = (_props$disabled = props.disabled) !== null && _props$disabled !== void 0 ? _props$disabled : attrs.disabled;
 			return disabled === "" || disabled === true || disabled === "true";
 		});
+		const mergedTooltip = computed(() => {
+			var _props$tooltip;
+			return (_props$tooltip = props.tooltip) !== null && _props$tooltip !== void 0 ? _props$tooltip : t("copy.copy");
+		});
+		const mergedSuccessMessage = computed(() => {
+			var _props$successMessage;
+			return (_props$successMessage = props.successMessage) !== null && _props$successMessage !== void 0 ? _props$successMessage : t("copy.copied");
+		});
 		const mergedTooltipProps = computed(() => {
 			var _props$tooltipProps$c, _props$tooltipProps;
-			return _objectSpread2(_objectSpread2({}, props.tooltipProps), {}, { content: (_props$tooltipProps$c = (_props$tooltipProps = props.tooltipProps) === null || _props$tooltipProps === void 0 ? void 0 : _props$tooltipProps.content) !== null && _props$tooltipProps$c !== void 0 ? _props$tooltipProps$c : props.tooltip });
+			return _objectSpread2(_objectSpread2({}, props.tooltipProps), {}, { content: (_props$tooltipProps$c = (_props$tooltipProps = props.tooltipProps) === null || _props$tooltipProps === void 0 ? void 0 : _props$tooltipProps.content) !== null && _props$tooltipProps$c !== void 0 ? _props$tooltipProps$c : mergedTooltip.value });
 		});
 		function handleCopy() {
 			return _handleCopy.apply(this, arguments);
 		}
 		function _handleCopy() {
 			_handleCopy = _asyncToGenerator(function* () {
-				if (isDisabled.value) return;
-				yield copy(props.content, props.clipboardProps);
-				Message.success(props.successMessage);
+				if (isDisabled.value || !props.content) return;
+				if (!(yield copy(props.content, props.clipboardProps))) throw new Error("[sdCopy] failed to copy content to the clipboard");
+				Message.success(mergedSuccessMessage.value);
 				emit("copy", props.content);
 			});
 			return _handleCopy.apply(this, arguments);
@@ -87,6 +97,7 @@ var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Tooltip), normalizeProps(guardReactiveProps(mergedTooltipProps.value)), {
 				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(renderComponent.value), mergeProps(unref(attrs), {
+					disabled: isDisabled.value,
 					class: componentClass.value,
 					"aria-label": computedAriaLabel.value,
 					onClick: handleCopy
@@ -94,7 +105,11 @@ var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 					icon: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(IconCopy))])]),
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				}, 16, ["class", "aria-label"]))]),
+				}, 16, [
+					"disabled",
+					"class",
+					"aria-label"
+				]))]),
 				_: 3
 			}, 16);
 		};

package/es/cropper/cropper.vue_vue_type_script_setup_true_lang.js

@@ -70,6 +70,12 @@ var cropper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				fn
 			});
 		}
+		function removeTrackedListener(el, event, fn) {
+			const index = trackedHandlers.findIndex((handler) => handler.el === el && handler.event === event && handler.fn === fn);
+			if (index === -1) return;
+			trackedHandlers.splice(index, 1);
+			el.removeEventListener(event, fn);
+		}
 		function toKebabCase(key) {
 			return key.replace(/([A-Z])/g, "-$1").toLowerCase();
 		}
@@ -149,6 +155,10 @@ var cropper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 			addTrackedListener(image, "transform", (event) => {
 				emit("image:transform", event.detail);
 			});
+			if (!props.fitSelectionToImage) return;
+			scheduleAlignOnLoad();
+		}
+		function scheduleAlignOnLoad() {
 			if (!props.fitSelectionToImage) return;
 			const imageElement = imgRef.value;
 			if (!imageElement) return;
@@ -158,10 +168,10 @@ var cropper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				return;
 			}
 			const onLoad = () => {
-				imageElement.removeEventListener("load", onLoad);
+				removeTrackedListener(imageElement, "load", onLoad);
 				align();
 			};
-			imageElement.addEventListener("load", onLoad);
+			addTrackedListener(imageElement, "load", onLoad);
 		}
 		function syncChildProps() {
 			syncPropsToElement(getCropperCanvas(), props.canvasProps);
@@ -182,6 +192,7 @@ var cropper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				selection.y = nextY;
 				selection.width = nextWidth;
 				selection.height = nextHeight;
+				if (typeof selection.$render === "function") selection.$render();
 				return;
 			}
 			selection.$change(nextX, nextY, nextWidth, nextHeight);
@@ -218,11 +229,9 @@ var cropper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		});
 		watch(() => props.src, (value) => {
 			const cropperImage = getCropperImage();
-			if (cropperImage) {
-				cropperImage.src = value !== null && value !== void 0 ? value : "";
-				return;
-			}
-			if (imgRef.value) imgRef.value.src = value !== null && value !== void 0 ? value : "";
+			if (cropperImage) cropperImage.src = value !== null && value !== void 0 ? value : "";
+			else if (imgRef.value) imgRef.value.src = value !== null && value !== void 0 ? value : "";
+			nextTick(() => scheduleAlignOnLoad());
 		});
 		watch(() => props.canvasProps, () => {
 			nextTick(() => {

package/es/drawer/drawer.vue.d.ts

@@ -15,7 +15,7 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     visible: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     defaultVisible: {
         type: BooleanConstructor;
@@ -114,7 +114,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     visible: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     defaultVisible: {
         type: BooleanConstructor;

package/es/drawer/drawer.vue_vue_type_script_setup_true_lang.js

@@ -33,7 +33,7 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 		*/
 		visible: {
 			type: Boolean,
-			default: false
+			default: void 0
 		},
 		/**
 		* @zh 抽屉默认是否可见（非受控模式）
@@ -420,9 +420,8 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 							if (isPromise(result)) try {
 								var _await$result;
 								result = (_await$result = yield result) !== null && _await$result !== void 0 ? _await$result : true;
-							} catch (error) {
+							} catch (_unused) {
 								result = false;
-								throw error;
 							}
 							if (isBoolean(result)) resolve(result);
 						} else resolve(true);
@@ -443,15 +442,9 @@ var drawer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			};
 		}();
 		const handleCancel = (e) => {
-			let result = true;
-			if (isFunction(props.onBeforeCancel)) {
-				var _props$onBeforeCancel;
-				result = (_props$onBeforeCancel = props.onBeforeCancel()) !== null && _props$onBeforeCancel !== void 0 ? _props$onBeforeCancel : false;
-			}
-			if (result) {
-				emit("cancel", e);
-				close();
-			}
+			if (isFunction(props.onBeforeCancel) && props.onBeforeCancel() === false) return;
+			emit("cancel", e);
+			close();
 		};
 		const handleMask = (e) => {
 			if (mergedMaskClosable.value) handleCancel(e);

package/es/drawer/index.d.ts

@@ -6,7 +6,7 @@ declare const Drawer: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         visible: {
             type: BooleanConstructor;
-            default: boolean;
+            default: undefined;
         };
         defaultVisible: {
             type: BooleanConstructor;
@@ -138,7 +138,7 @@ declare const Drawer: {
     }, Readonly<import("vue").ExtractPropTypes<{
         visible: {
             type: BooleanConstructor;
-            default: boolean;
+            default: undefined;
         };
         defaultVisible: {
             type: BooleanConstructor;
@@ -259,7 +259,7 @@ declare const Drawer: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     visible: {
         type: BooleanConstructor;
-        default: boolean;
+        default: undefined;
     };
     defaultVisible: {
         type: BooleanConstructor;

package/es/dropdown/dropdown-panel.vue.d.ts

@@ -9,10 +9,6 @@ type __VLS_Slots = {} & {
     footer?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     isEmpty: {
         type: BooleanConstructor;
         default: boolean;
@@ -35,10 +31,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     scroll: (_e: Event) => any;
     reachBottom: (_e: Event) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     isEmpty: {
         type: BooleanConstructor;
         default: boolean;
@@ -63,7 +55,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     trigger: string | string[];
     isEmpty: boolean;
-    loading: boolean;
     bottomOffset: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/dropdown/dropdown-panel.vue_vue_type_script_setup_true_lang.js

@@ -10,10 +10,6 @@ import { computed, createCommentVNode, createElementBlock, createElementVNode, c
 var dropdown_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "DropdownPanel" }), {}, {
 	__name: "dropdown-panel",
 	props: {
-		loading: {
-			type: Boolean,
-			default: false
-		},
 		isEmpty: {
 			type: Boolean,
 			default: false

package/es/dropdown/dropdown.vue.d.ts

@@ -2,13 +2,13 @@ import { PropType } from 'vue';
 import type { FloatingOptions } from '../_utils/floating';
 import { TriggerEvent } from '../_utils/constant';
 import { DropdownPosition } from './interface';
-declare var __VLS_10: {}, __VLS_19: {}, __VLS_22: {};
+declare var __VLS_10: {}, __VLS_22: {}, __VLS_25: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 } & {
-    content?: (props: typeof __VLS_19) => any;
+    content?: (props: typeof __VLS_22) => any;
 } & {
-    footer?: (props: typeof __VLS_22) => any;
+    footer?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     popupVisible: {
@@ -41,10 +41,16 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    isEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: (_e: Event) => any;
     select: (_value: string | number | Record<string, unknown> | undefined, _ev: Event) => any;
     "update:popupVisible": (_visible: boolean) => any;
     popupVisibleChange: (_visible: boolean) => any;
+    reachBottom: (_e: Event) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     popupVisible: {
         type: BooleanConstructor;
@@ -76,15 +82,22 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: BooleanConstructor;
         default: boolean;
     };
+    isEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
+    onScroll?: ((_e: Event) => any) | undefined;
     onSelect?: ((_value: string | number | Record<string, unknown> | undefined, _ev: Event) => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+    onReachBottom?: ((_e: Event) => any) | undefined;
 }>, {
     position: DropdownPosition;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+    isEmpty: boolean;
     popupMaxHeight: number | boolean;
     hideOnSelect: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/dropdown/dropdown.vue_vue_type_script_setup_true_lang.js

@@ -67,12 +67,22 @@ var dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		hideOnSelect: {
 			type: Boolean,
 			default: true
+		},
+		/**
+		* @zh 下拉内容是否为空（为空时面板显示空态、隐藏页脚）
+		* @en Whether the dropdown content is empty (shows the empty state and hides the footer)
+		*/
+		isEmpty: {
+			type: Boolean,
+			default: false
 		}
 	},
 	emits: [
 		"update:popupVisible",
 		"popupVisibleChange",
-		"select"
+		"select",
+		"scroll",
+		"reachBottom"
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
@@ -103,6 +113,12 @@ var dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			emit("select", value, ev);
 			props.hideOnSelect && handlePopupVisibleChange(false);
 		};
+		const handlePanelScroll = (ev) => {
+			emit("scroll", ev);
+		};
+		const handlePanelReachBottom = (ev) => {
+			emit("reachBottom", ev);
+		};
 		provide(dropdownInjectionKey, reactive({
 			popupMaxHeight,
 			onOptionClick: handleOptionClick
@@ -122,14 +138,19 @@ var dropdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 				"aria-has-popup": "menu",
 				onPopupVisibleChange: unref(handlePopupVisibleChange)
 			}, {
-				content: withCtx(() => [createVNode(dropdown_panel_default, { trigger: __props.trigger }, createSlots({
+				content: withCtx(() => [createVNode(dropdown_panel_default, {
+					trigger: __props.trigger,
+					"is-empty": __props.isEmpty,
+					onScroll: handlePanelScroll,
+					onReachBottom: handlePanelReachBottom
+				}, createSlots({
 					default: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
 					_: 2
 				}, [_ctx.$slots.footer ? {
 					name: "footer",
 					fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
 					key: "0"
-				} : void 0]), 1032, ["trigger"])]),
+				} : void 0]), 1032, ["trigger", "is-empty"])]),
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, [

package/es/dropdown/index.d.ts

@@ -37,19 +37,28 @@ declare const Dropdown: {
             type: BooleanConstructor;
             default: boolean;
         };
+        isEmpty: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
+        onScroll?: ((_e: Event) => any) | undefined;
         onSelect?: ((_value: string | number | Record<string, unknown> | undefined, _ev: Event) => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+        onReachBottom?: ((_e: Event) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        scroll: (_e: Event) => any;
         select: (_value: string | number | Record<string, unknown> | undefined, _ev: Event) => any;
         "update:popupVisible": (_visible: boolean) => any;
         popupVisibleChange: (_visible: boolean) => any;
+        reachBottom: (_e: Event) => any;
     }, import("vue").PublicProps, {
         position: import("./interface").DropdownPosition;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+        isEmpty: boolean;
         popupMaxHeight: number | boolean;
         hideOnSelect: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -90,15 +99,22 @@ declare const Dropdown: {
             type: BooleanConstructor;
             default: boolean;
         };
+        isEmpty: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
+        onScroll?: ((_e: Event) => any) | undefined;
         onSelect?: ((_value: string | number | Record<string, unknown> | undefined, _ev: Event) => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+        onReachBottom?: ((_e: Event) => any) | undefined;
     }>, {}, {}, {}, {}, {
         position: import("./interface").DropdownPosition;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+        isEmpty: boolean;
         popupMaxHeight: number | boolean;
         hideOnSelect: boolean;
     }>;
@@ -136,19 +152,28 @@ declare const Dropdown: {
         type: BooleanConstructor;
         default: boolean;
     };
+    isEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
+    onScroll?: ((_e: Event) => any) | undefined;
     onSelect?: ((_value: string | number | Record<string, unknown> | undefined, _ev: Event) => any) | undefined;
     "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
+    onReachBottom?: ((_e: Event) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: (_e: Event) => any;
     select: (_value: string | number | Record<string, unknown> | undefined, _ev: Event) => any;
     "update:popupVisible": (_visible: boolean) => any;
     popupVisibleChange: (_visible: boolean) => any;
+    reachBottom: (_e: Event) => any;
 }, string, {
     position: import("./interface").DropdownPosition;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+    isEmpty: boolean;
     popupMaxHeight: number | boolean;
     hideOnSelect: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/es/dropdown/interface.d.ts

@@ -10,6 +10,8 @@ export interface DropDownProps {
     popupContainer?: string | HTMLElement;
     floatingOptions?: FloatingOptions;
     popupMaxHeight?: boolean | number;
+    hideOnSelect?: boolean;
+    isEmpty?: boolean;
 }
 export interface DOption {
     value: string | number;

package/es/ellipsis/ellipsis.vue.d.ts

@@ -4,6 +4,7 @@ type __VLS_Slots = {
     default?: () => VNode[];
     tooltip?: () => VNode[];
 };
+declare function waitForMeasurement(): Promise<void>;
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     lineClamp: {
         type: PropType<number | string>;
@@ -19,6 +20,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>, {
     triggerRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    waitForMeasurement: typeof waitForMeasurement;
     readonly triggerElement: HTMLElement | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     lineClamp: {