@sdata/web-vue 4.4.3 → 4.5.1

package/es/auto-complete/auto-complete.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isUndefined } from "../_utils/is.js";
 import virtual_list_default from "../_components/virtual-list/index.js";
@@ -107,13 +107,16 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const dropdownRef = ref();
 		const optionRefs = ref({});
 		const innerPopupVisible = ref(false);
+		watch([mergedDisabled, () => props.readonly], ([disabled, readonly]) => {
+			if (disabled || readonly) innerPopupVisible.value = false;
+		});
 		const computedPopupVisible = computed(() => innerPopupVisible.value && validOptionInfos.value.length > 0);
 		const virtualListRef = ref();
 		const { mergedDropdownVirtualListProps } = useDropdownVirtualListProps(computed(() => props.virtualListProps));
 		const component = computed(() => mergedDropdownVirtualListProps.value ? "div" : "li");
 		const resolvedVirtualListProps = computed(() => resolveDropdownVirtualListProps(mergedDropdownVirtualListProps.value, props.triggerProps, DEFAULT_AUTOCOMPLETE_VIRTUAL_ITEM_SIZE));
 		const handlePopupVisibleChange = (popupVisible) => {
-			if (popupVisible && props.readonly) return;
+			if (popupVisible && (props.readonly || mergedDisabled.value)) return;
 			innerPopupVisible.value = popupVisible;
 		};
 		const strictFilterOption = (inputValue, option) => {
@@ -141,8 +144,9 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			emit("clear", event);
 		};
 		const handleSelect = (key, _event) => {
-			var _optionInfoMap$get, _inputRef$value;
-			const value = (_optionInfoMap$get = optionInfoMap.get(key)) === null || _optionInfoMap$get === void 0 ? void 0 : _optionInfoMap$get.value;
+			var _optionInfoMap$get$va, _optionInfoMap$get, _inputRef$value;
+			if (props.readonly || mergedDisabled.value) return;
+			const value = String((_optionInfoMap$get$va = (_optionInfoMap$get = optionInfoMap.get(key)) === null || _optionInfoMap$get === void 0 ? void 0 : _optionInfoMap$get.value) !== null && _optionInfoMap$get$va !== void 0 ? _optionInfoMap$get$va : "");
 			emit("select", value);
 			handleChange(value);
 			(_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.blur();
@@ -162,6 +166,7 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			component,
 			dropdownRef,
 			optionRefs,
+			virtualListRef,
 			onSelect: handleSelect,
 			onPopupVisibleChange: handlePopupVisibleChange
 		});
@@ -179,7 +184,7 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			if (!item.disabled) setActiveKey();
 		};
 		const mergedTriggerProps = computed(() => {
-			var _props$floatingOption, _props$triggerProps;
+			var _props$popupContainer, _props$floatingOption, _props$triggerProps;
 			return _objectSpread2(_objectSpread2({
 				trigger: "focus",
 				position: "bl",
@@ -190,7 +195,8 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 				preventFocus: true,
 				popupOffset: 4,
 				disabled: mergedDisabled.value,
-				autoFitPopupWidth: true
+				autoFitPopupWidth: true,
+				popupContainer: (_props$popupContainer = props.popupContainer) !== null && _props$popupContainer !== void 0 ? _props$popupContainer : void 0
 			}, props.triggerProps), {}, { floatingOptions: (_props$floatingOption = props.floatingOptions) !== null && _props$floatingOption !== void 0 ? _props$floatingOption : (_props$triggerProps = props.triggerProps) === null || _props$triggerProps === void 0 ? void 0 : _props$triggerProps.floatingOptions });
 		});
 		const focus = () => {
@@ -233,7 +239,7 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					onClick: ($event) => handleOptionClick(item, $event),
 					onMouseenter: ($event) => handleOptionMouseEnter(item),
 					onMouseleave: ($event) => handleOptionMouseLeave(item)
-				}, [createElementVNode("span", { class: normalizeClass(`${unref(optionPrefixCls)}-content`) }, [unref(slots).option && item.value ? renderSlot(_ctx.$slots, "option", { data: item }, void 0, void 0, 0) : (openBlock(), createBlock(unref(Ellipsis), { key: 1 }, {
+				}, [createElementVNode("span", { class: normalizeClass(`${unref(optionPrefixCls)}-content`) }, [unref(slots).option ? renderSlot(_ctx.$slots, "option", { data: item }, void 0, void 0, 0) : (openBlock(), createBlock(unref(Ellipsis), { key: 1 }, {
 					default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 					_: 2
 				}, 1024))], 2)], 42, _hoisted_2))]),
@@ -250,8 +256,15 @@ var auto_complete_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					"virtual-list": withCtx(() => [createVNode(unref(virtual_list_default), mergeProps({
 						ref_key: "virtualListRef",
 						ref: virtualListRef
-					}, resolvedVirtualListProps.value, { items: unref(validOptions) }), {
-						item: withCtx(({ item }) => [createVNode(unref(ReuseOption), { item }, null, 8, ["item"])]),
+					}, resolvedVirtualListProps.value, {
+						items: unref(validOptions),
+						onScroll: handleDropdownScroll,
+						onReachBottom: handleDropdownReachBottom
+					}), {
+						item: withCtx(({ item }) => [(openBlock(), createBlock(unref(ReuseOption), {
+							key: item.key,
+							item
+						}, null, 8, ["item"]))]),
 						_: 1
 					}, 16, ["items"])]),
 					footer: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),

package/es/avatar/avatar-group.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,11 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { getAllElements } from "../_utils/vue-utils.js";
 import Popover from "../popover/index.js";
 import { avatarGroupInjectionKey } from "./context.js";
 import avatar_default from "./avatar.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, provide, reactive, ref, toDisplayString, toRef, unref, useSlots, withCtx } from "vue";
-import { createReusableTemplate } from "@vueuse/core";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeProps, normalizeStyle, openBlock, provide, reactive, toDisplayString, toRef, unref, useSlots, withCtx } from "vue";
 //#region components/avatar/avatar-group.vue?vue&type=script&setup=true&lang.ts
 var avatar_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "AvatarGroup" }), {}, {
 	__name: "avatar-group",
@@ -28,7 +27,6 @@ var avatar_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 	setup(__props) {
 		const props = __props;
 		const slots = useSlots();
-		const [DefineAvatarContent, ReuseAvatarContent] = createReusableTemplate();
 		const RenderVNodes = defineComponent({
 			name: "AvatarGroupRenderVNodes",
 			props: { content: {
@@ -46,13 +44,11 @@ var avatar_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			var _configCtx$rtl;
 			return (_configCtx$rtl = configCtx === null || configCtx === void 0 ? void 0 : configCtx.rtl) !== null && _configCtx$rtl !== void 0 ? _configCtx$rtl : false;
 		});
-		const total = ref(0);
-		const getChildren = () => {
+		const children = computed(() => {
 			var _slots$default, _slots$default2;
-			const children = getAllElements((_slots$default = (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : []);
-			total.value = children.length;
-			return children;
-		};
+			return getAllElements((_slots$default = (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : []);
+		});
+		const total = computed(() => children.value.length);
 		const getVisibleAvatars = (children) => props.maxCount > 0 ? children.slice(0, props.maxCount) : children;
 		const getOverflowAvatars = (children) => props.maxCount > 0 ? children.slice(props.maxCount) : [];
 		provide(avatarGroupInjectionKey, reactive({
@@ -64,20 +60,17 @@ var avatar_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 			rtl
 		}));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(prefixCls), { [`${unref(prefixCls)}-rtl`]: rtl.value }]) }, [createVNode(unref(DefineAvatarContent), null, {
-				default: withCtx(({ children }) => [createVNode(unref(RenderVNodes), { content: getVisibleAvatars(children) }, null, 8, ["content"]), getOverflowAvatars(children).length > 0 ? (openBlock(), createBlock(unref(Popover), normalizeProps(mergeProps({ key: 0 }, __props.maxPopoverTriggerProps)), {
-					content: withCtx(() => [createElementVNode("div", { class: normalizeClass(`${unref(avatarPrefixCls)}-group-popover`) }, [createVNode(unref(RenderVNodes), { content: getOverflowAvatars(children) }, null, 8, ["content"])], 2)]),
-					default: withCtx(() => [createVNode(avatar_default, {
-						class: normalizeClass(`${unref(prefixCls)}-max-count-avatar`),
-						style: normalizeStyle(__props.maxStyle)
-					}, {
-						default: withCtx(() => [createTextVNode(" +" + toDisplayString(getOverflowAvatars(children).length), 1)]),
-						_: 2
-					}, 1032, ["class", "style"])]),
-					_: 2
-				}, 1040)) : createCommentVNode("", true)]),
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(prefixCls), { [`${unref(prefixCls)}-rtl`]: rtl.value }]) }, [createVNode(unref(RenderVNodes), { content: getVisibleAvatars(children.value) }, null, 8, ["content"]), getOverflowAvatars(children.value).length > 0 ? (openBlock(), createBlock(unref(Popover), normalizeProps(mergeProps({ key: 0 }, __props.maxPopoverTriggerProps)), {
+				content: withCtx(() => [createElementVNode("div", { class: normalizeClass(`${unref(avatarPrefixCls)}-group-popover`) }, [createVNode(unref(RenderVNodes), { content: getOverflowAvatars(children.value) }, null, 8, ["content"])], 2)]),
+				default: withCtx(() => [createVNode(avatar_default, {
+					class: normalizeClass(`${unref(prefixCls)}-max-count-avatar`),
+					style: normalizeStyle(__props.maxStyle)
+				}, {
+					default: withCtx(() => [createTextVNode(" +" + toDisplayString(getOverflowAvatars(children.value).length), 1)]),
+					_: 1
+				}, 8, ["class", "style"])]),
 				_: 1
-			}), createVNode(unref(ReuseAvatarContent), { children: getChildren() }, null, 8, ["children"])], 2);
+			}, 16)) : createCommentVNode("", true)], 2);
 		};
 	}
 }));

package/es/avatar/avatar.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,14 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
+import { getAllElements } from "../_utils/vue-utils.js";
 import resize_observer_v2_default from "../_components/resize-observer-v2.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { useIndex } from "../_hooks/use-index.js";
 import IconImageClose from "../icon/icon-image-close/index.js";
 import { avatarGroupInjectionKey } from "./context.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderSlot, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, onMounted, onUpdated, openBlock, ref, renderSlot, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
 //#region components/avatar/avatar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["src"];
 var avatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Avatar" }), {}, {
@@ -74,7 +75,12 @@ var avatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			return _objectSpread2(_objectSpread2({}, triggerIconStyle), addon);
 		};
 		const emit = __emit;
-		useSlots();
+		/**
+		* @zh 可点击的头像交互图标
+		* @en Clickable avatar interaction icon
+		* @slot trigger-icon
+		*/
+		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = __props;
 		const { shape, autoFixFontSize, triggerType, triggerIconStyle } = toRefs(props);
@@ -99,10 +105,23 @@ var avatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			var _groupCtx$autoFixFont;
 			return (_groupCtx$autoFixFont = groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.autoFixFontSize) !== null && _groupCtx$autoFixFont !== void 0 ? _groupCtx$autoFixFont : autoFixFontSize.value;
 		});
-		const isImage = ref(false);
+		const isImage = computed(() => {
+			var _slots$default, _slots$default2;
+			const firstChild = getAllElements((_slots$default = (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : [])[0];
+			if (typeof (firstChild === null || firstChild === void 0 ? void 0 : firstChild.type) === "object" || typeof (firstChild === null || firstChild === void 0 ? void 0 : firstChild.type) === "function") {
+				var _wrapperRef$value;
+				const tag = (_wrapperRef$value = wrapperRef.value) === null || _wrapperRef$value === void 0 || (_wrapperRef$value = _wrapperRef$value.firstElementChild) === null || _wrapperRef$value === void 0 ? void 0 : _wrapperRef$value.tagName;
+				return tag === "IMG" || tag === "PICTURE";
+			}
+			return (firstChild === null || firstChild === void 0 ? void 0 : firstChild.type) === "img" || (firstChild === null || firstChild === void 0 ? void 0 : firstChild.type) === "picture";
+		});
 		const hasError = ref(false);
 		const shouldLoad = ref(true);
 		const isLoaded = ref(false);
+		watch(() => props.imageUrl, () => {
+			hasError.value = false;
+			isLoaded.value = false;
+		});
 		const index = groupCtx ? useIndex({
 			itemRef,
 			selector: `.${prefixCls}`
@@ -116,7 +135,9 @@ var avatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			if (groupCtx) {
 				var _mergedSize$value;
 				style.zIndex = groupCtx.zIndexAscend ? index.value + 1 : groupCtx.total - index.value;
-				style.marginLeft = index.value !== 0 ? `-${((_mergedSize$value = mergedSize.value) !== null && _mergedSize$value !== void 0 ? _mergedSize$value : 40) / 4}px` : "0";
+				const margin = index.value !== 0 ? `-${((_mergedSize$value = mergedSize.value) !== null && _mergedSize$value !== void 0 ? _mergedSize$value : 40) / 4}px` : "0";
+				style.marginLeft = rtl.value ? "0" : margin;
+				style.marginRight = rtl.value ? margin : void 0;
 			}
 			return style;
 		});
@@ -126,24 +147,23 @@ var avatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 			triggerType: triggerType.value
 		}));
 		const autoFixFontSizeHandler = () => {
-			if (!isImage.value && !props.imageUrl) nextTick(() => {
+			nextTick(() => {
 				var _mergedSize$value2;
 				if (!wrapperRef.value || !itemRef.value) return;
+				if (isImage.value || props.imageUrl || !mergedAutoFixFontSize.value) {
+					wrapperRef.value.style.transform = "";
+					return;
+				}
 				const textWidth = wrapperRef.value.clientWidth;
 				const avatarWidth = (_mergedSize$value2 = mergedSize.value) !== null && _mergedSize$value2 !== void 0 ? _mergedSize$value2 : itemRef.value.offsetWidth;
 				const scale = avatarWidth / (textWidth + 8);
-				if (avatarWidth && scale < 1) wrapperRef.value.style.transform = `scale(${scale}) translateX(-50%)`;
+				wrapperRef.value.style.transform = avatarWidth && scale < 1 ? `scale(${scale}) translateX(-50%)` : "";
 				shouldLoad.value = true;
 			});
 		};
-		onMounted(() => {
-			var _wrapperRef$value;
-			if (((_wrapperRef$value = wrapperRef.value) === null || _wrapperRef$value === void 0 ? void 0 : _wrapperRef$value.firstElementChild) && ["IMG", "PICTURE"].includes(wrapperRef.value.firstElementChild.tagName)) isImage.value = true;
-			if (mergedAutoFixFontSize.value) autoFixFontSizeHandler();
-		});
-		watch(() => props.size, () => {
-			if (mergedAutoFixFontSize.value) autoFixFontSizeHandler();
-		});
+		onMounted(autoFixFontSizeHandler);
+		onUpdated(autoFixFontSizeHandler);
+		watch([mergedSize, mergedAutoFixFontSize], autoFixFontSizeHandler);
 		const cls = computed(() => [prefixCls, `${prefixCls}-${mergedShape.value}`]);
 		const wrapperCls = computed(() => isImage.value || props.imageUrl ? `${prefixCls}-image` : `${prefixCls}-text`);
 		const onClick = (e) => {
@@ -187,11 +207,7 @@ var avatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 					!(hasError.value || !shouldLoad.value) ? (openBlock(), createElementBlock("img", {
 						key: 2,
 						src: __props.imageUrl,
-						style: normalizeStyle({
-							width: __props.size + "px",
-							height: __props.size + "px",
-							objectFit: __props.objectFit
-						}),
+						style: normalizeStyle({ objectFit: __props.objectFit }),
 						alt: "avatar",
 						onLoad: handleImgLoad,
 						onError: handleImgError

package/es/avatar/style/index.css

@@ -139,4 +139,8 @@
 }
 .sd-avatar-group-popover .sd-avatar:not(:first-child) {
   margin-left: 4px !important;
+}
+.sd-avatar-group-popover .sd-avatar-rtl:not(:first-child) {
+  margin-right: 4px !important;
+  margin-left: 0 !important;
 }

package/es/avatar/style/index.scss

@@ -159,4 +159,9 @@ $avatar-prefix-cls: string.unquote('#{theme.$prefix}-avatar');
     // 气泡内头像使用正向间距，需覆盖条带布局写入的内联 margin-left
     margin-left: $avatar-group-popover-item-spacing !important;
   }
+
+  &-group-popover &-rtl:not(:first-child) {
+    margin-right: $avatar-group-popover-item-spacing !important;
+    margin-left: 0 !important;
+  }
 }

package/es/back-top/back-top.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isString } from "../_utils/is.js";
 import { off, on } from "../_utils/dom.js";
 import { throttleByRaf } from "../_utils/throttle-by-raf.js";
 import { useI18n } from "../locale/index.js";
 import IconToTop from "../icon/icon-to-top/index.js";
-import { Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+import { Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
 import BTween from "b-tween";
 //#region components/back-top/back-top.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
@@ -48,7 +48,7 @@ var back_top_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const prefixCls = getPrefixCls("back-top");
 		const visible = ref(false);
 		const target = ref();
-		const isWindow = !props.targetContainer;
+		let tween;
 		const scrollHandler = throttleByRaf(() => {
 			if (target.value) {
 				const { visibleHeight } = props;
@@ -61,26 +61,36 @@ var back_top_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			return container;
 		};
 		onMounted(() => {
-			var _document;
-			target.value = isWindow ? (_document = document) === null || _document === void 0 ? void 0 : _document.documentElement : getContainer(props.targetContainer);
-			if (target.value) {
-				on(isWindow ? window : target.value, "scroll", scrollHandler);
-				scrollHandler();
-			}
+			watch(() => props.targetContainer, (container, _previous, onCleanup) => {
+				target.value = container ? getContainer(container) : document.documentElement;
+				visible.value = false;
+				if (target.value) {
+					const eventTarget = container ? target.value : window;
+					on(eventTarget, "scroll", scrollHandler);
+					scrollHandler();
+					onCleanup(() => {
+						off(eventTarget, "scroll", scrollHandler);
+						scrollHandler.cancel();
+						tween === null || tween === void 0 || tween.stop();
+					});
+				}
+			}, { immediate: true });
 		});
+		watch(() => props.visibleHeight, scrollHandler);
 		onUnmounted(() => {
 			scrollHandler.cancel();
-			if (target.value) off(isWindow ? window : target.value, "scroll", scrollHandler);
+			tween === null || tween === void 0 || tween.stop();
 		});
 		const scrollToTop = () => {
+			tween === null || tween === void 0 || tween.stop();
 			if (target.value) {
 				var _window$matchMedia, _window;
-				if ((_window$matchMedia = (_window = window).matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, "(prefers-reduced-motion: reduce)").matches) {
+				if (props.duration <= 0 || ((_window$matchMedia = (_window = window).matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, "(prefers-reduced-motion: reduce)").matches)) {
 					target.value.scrollTop = 0;
 					return;
 				}
 				const { scrollTop } = target.value;
-				new BTween({
+				tween = new BTween({
 					from: { scrollTop },
 					to: { scrollTop: 0 },
 					easing: props.easing,
@@ -88,7 +98,8 @@ var back_top_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 					onUpdate: (keys) => {
 						if (target.value) target.value.scrollTop = keys.scrollTop;
 					}
-				}).start();
+				});
+				tween.start();
 			}
 		};
 		return (_ctx, _cache) => {

package/es/badge/badge.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import NumberFlow from "../number-flow/index.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
@@ -48,11 +48,11 @@ var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		});
 		const hasCount = computed(() => __props.count != null);
 		const countValue = computed(() => Math.max(Number(__props.count) || 0, 0));
-		const wrapperClassName = computed(() => [prefixCls, {
+		const wrapperClassName = () => [prefixCls, {
 			[`${prefixCls}-status`]: __props.status,
 			[`${prefixCls}-no-children`]: !slots.default,
 			[`${prefixCls}-rtl`]: rtl.value
-		}]);
+		}];
 		const computedDotStyle = computed(() => {
 			const style = _objectSpread2({}, __props.dotStyle);
 			const [leftOffset, topOffset] = __props.offset;
@@ -66,7 +66,7 @@ var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const displayCount = computed(() => isCountOverflow.value ? __props.maxCount : countValue.value);
 		const displaySuffix = computed(() => isCountOverflow.value ? "+" : void 0);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", { class: normalizeClass(wrapperClassName.value) }, [
+			return openBlock(), createElementBlock("span", { class: normalizeClass(wrapperClassName()) }, [
 				renderSlot(_ctx.$slots, "default"),
 				_ctx.$slots.content ? (openBlock(), createElementBlock("span", {
 					key: 0,
@@ -108,7 +108,7 @@ var badge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					"suffix",
 					"animated"
 				])], 6)) : createCommentVNode("", true),
-				__props.status && countValue.value > 0 ? (openBlock(), createElementBlock("span", {
+				!_ctx.$slots.content && __props.status && countValue.value > 0 ? (openBlock(), createElementBlock("span", {
 					key: 5,
 					class: normalizeClass(`${unref(prefixCls)}-number`),
 					style: normalizeStyle(mergedStyle.value)

package/es/basic-crud-table/basic-crud-modal.vue.d.ts

@@ -15,7 +15,7 @@ type __VLS_Props = {
     valueTransformer?: (data: UnknownRecord) => UnknownRecord;
     beforeSubmit?: (context: BasicCrudTableModalSubmitContext<TableData>) => MaybePromise<boolean | void>;
 };
-declare function open(row?: TableData): Promise<void>;
+declare function open(row?: TableData): Promise<boolean>;
 type __VLS_ModelProps = {
     'visible'?: boolean;
     'model'?: UnknownRecord;

package/es/basic-crud-table/basic-crud-modal.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/asyncToGenerator.js";
 import JsonForm from "../json-form/index.js";
 import Modal from "../modal/index.js";
-import { computed, createBlock, createSlots, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, openBlock, renderList, renderSlot, shallowRef, unref, useModel, useSlots, withCtx } from "vue";
+import { computed, createBlock, createSlots, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeProps, onBeforeUnmount, openBlock, renderList, renderSlot, shallowRef, unref, useModel, useSlots, withCtx } from "vue";
 import { cloneDeep } from "es-toolkit";
 //#region components/basic-crud-table/basic-crud-modal.vue?vue&type=script&setup=true&lang.ts
 var basic_crud_modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "BasicCrudModal" }), {}, {
@@ -41,26 +41,34 @@ var basic_crud_modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 			row: editingRow.value,
 			model: model.value
 		}));
-		const formSlotNames = computed(() => Object.keys(slots).filter((name) => !["title", "footer"].includes(name)));
+		const formSlotNames = () => Object.keys(slots).filter((name) => !["title", "footer"].includes(name));
+		let openRequestId = 0;
+		onBeforeUnmount(() => {
+			openRequestId++;
+		});
 		function open(_x) {
 			return _open.apply(this, arguments);
 		}
 		function _open() {
 			_open = _asyncToGenerator(function* (row) {
 				var _formRef$value;
+				const requestId = ++openRequestId;
 				type.value = row ? "edit" : "create";
 				editingRow.value = row;
 				model.value = cloneDeep(initialModel.value);
 				if (row) try {
 					const detail = __props.detailApi ? yield __props.detailApi(row) : cloneDeep(_objectSpread2({}, row));
+					if (requestId !== openRequestId) return false;
 					model.value = __props.valueTransformer ? __props.valueTransformer(detail) : detail;
 				} catch (error) {
-					emit("error", error);
-					return;
+					if (requestId === openRequestId) emit("error", error);
+					return false;
 				}
 				visible.value = true;
 				yield nextTick();
+				if (requestId !== openRequestId) return false;
 				(_formRef$value = formRef.value) === null || _formRef$value === void 0 || _formRef$value.clearValidate();
+				return true;
 			});
 			return _open.apply(this, arguments);
 		}
@@ -69,15 +77,15 @@ var basic_crud_modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		}
 		function _handleBeforeOk() {
 			_handleBeforeOk = _asyncToGenerator(function* () {
-				var _formRef$value2;
-				if (yield (_formRef$value2 = formRef.value) === null || _formRef$value2 === void 0 ? void 0 : _formRef$value2.validate()) return false;
-				const context = {
-					type: type.value,
-					row: editingRow.value,
-					model: model.value
-				};
-				if (__props.beforeSubmit && (yield __props.beforeSubmit(context)) === false) return false;
 				try {
+					var _formRef$value2;
+					if (yield (_formRef$value2 = formRef.value) === null || _formRef$value2 === void 0 ? void 0 : _formRef$value2.validate()) return false;
+					const context = {
+						type: type.value,
+						row: editingRow.value,
+						model: model.value
+					};
+					if (__props.beforeSubmit && (yield __props.beforeSubmit(context)) === false) return false;
 					const api = type.value === "create" ? __props.createApi : __props.updateApi;
 					const result = api ? yield api(model.value) : void 0;
 					emit("success", result, context);
@@ -91,6 +99,7 @@ var basic_crud_modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		}
 		function handleClose() {
 			var _formRef$value3, _formRef$value4;
+			openRequestId++;
 			model.value = cloneDeep(initialModel.value);
 			editingRow.value = void 0;
 			type.value = "create";
@@ -117,7 +126,7 @@ var basic_crud_modal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 					ref: formRef,
 					modelValue: model.value,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
-				}, __props.modalFormProps), createSlots({ _: 2 }, [renderList(formSlotNames.value, (name) => {
+				}, __props.modalFormProps), createSlots({ _: 2 }, [renderList(formSlotNames(), (name) => {
 					return {
 						name,
 						fn: withCtx((data) => [renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(_objectSpread2(_objectSpread2({}, data), slotContext.value))))])

package/es/basic-crud-table/basic-crud-table.vue.d.ts

@@ -88,7 +88,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
             "onUpdate:visible"?: ((value: boolean) => any) | undefined;
             "onUpdate:model"?: ((value: UnknownRecord) => any) | undefined;
         }>, {
-            open: (row?: TableData) => Promise<void>;
+            open: (row?: TableData) => Promise<boolean>;
             type: import("vue").ComputedRef<"create" | "edit">;
             formRef: import("vue").ShallowRef<({
                 $: import("vue").ComponentInternalInstance;
@@ -351,7 +351,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         "onUpdate:visible"?: ((value: boolean) => any) | undefined;
         "onUpdate:model"?: ((value: UnknownRecord) => any) | undefined;
     }>, "type" | "open" | "formRef"> & {
-        open: (row?: TableData) => Promise<void>;
+        open: (row?: TableData) => Promise<boolean>;
         type: "create" | "edit";
         formRef: ({
             $: import("vue").ComponentInternalInstance;
@@ -515,7 +515,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
             "onUpdate:visible"?: ((value: boolean) => any) | undefined;
             "onUpdate:model"?: ((value: UnknownRecord) => any) | undefined;
         }>, {
-            open: (row?: TableData) => Promise<void>;
+            open: (row?: TableData) => Promise<boolean>;
             type: import("vue").ComputedRef<"create" | "edit">;
             formRef: import("vue").ShallowRef<({
                 $: import("vue").ComponentInternalInstance;
@@ -778,7 +778,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         "onUpdate:visible"?: ((value: boolean) => any) | undefined;
         "onUpdate:model"?: ((value: UnknownRecord) => any) | undefined;
     }>, "type" | "open" | "formRef"> & {
-        open: (row?: TableData) => Promise<void>;
+        open: (row?: TableData) => Promise<boolean>;
         type: "create" | "edit";
         formRef: ({
             $: import("vue").ComponentInternalInstance;