@sdata/web-vue 4.5.0 → 4.5.1

package/es/image/hooks/use-image-drag.js

@@ -43,10 +43,12 @@ function useImageDrag(props) {
 		off(window, "mouseup", onMoveEnd, false);
 	}
 	watchEffect((onInvalidate) => {
-		imageEl.value && on(imageEl.value, "mousedown", onMoveStart);
+		const image = imageEl.value;
+		image && on(image, "mousedown", onMoveStart);
 		onInvalidate(() => {
-			imageEl.value && off(imageEl.value, "mousedown", onMoveStart);
+			image && off(image, "mousedown", onMoveStart);
 			offEvents();
+			moving.value = false;
 		});
 	});
 	watch([scale], () => {

package/es/image/image-footer.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-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 { createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
 //#region components/image/image-footer.vue?vue&type=script&setup=true&lang.ts

package/es/image/image.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-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 { isBoolean } from "../_utils/is.js";
 import { isServerRendering } from "../_utils/dom.js";
@@ -12,7 +12,7 @@ import useImageLoadStatus from "./hooks/use-image-load-status.js";
 import image_footer_default from "./image-footer.js";
 import preview_default from "./preview.js";
 import { normalizeImageSizeProp } from "./utils/index.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeStyle, openBlock, reactive, ref, renderSlot, toDisplayString, toRefs, unref, useAttrs, useSlots, watchEffect, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, getCurrentInstance, inject, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, reactive, ref, renderSlot, toDisplayString, toRefs, unref, useAttrs, useSlots, watchEffect, withCtx } from "vue";
 //#region components/image/image.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["title", "alt"];
 var image_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
@@ -127,7 +127,6 @@ var image_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 	},
 	emits: ["preview-visible-change", "update:previewVisible"],
 	setup(__props, { expose: __expose, emit: __emit }) {
-		let uuid = 0;
 		const props = __props;
 		const emit = __emit;
 		/**
@@ -187,22 +186,27 @@ var image_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const mergePreview = computed(() => !(groupContext === null || groupContext === void 0 ? void 0 : groupContext.preview) && preview.value);
 		watchEffect(() => {
 			if (isServerRendering || !refImg.value) return;
-			if (!(src === null || src === void 0 ? void 0 : src.value)) return;
+			if (!(src === null || src === void 0 ? void 0 : src.value)) {
+				refImg.value.removeAttribute("src");
+				setLoadStatus("beforeLoad");
+				return;
+			}
 			refImg.value.src = src === null || src === void 0 ? void 0 : src.value;
 			setLoadStatus("loading");
 		});
-		const imageId = uuid++;
-		watchEffect((onInvalidate) => {
+		const imageId = getCurrentInstance().uid;
+		let unregisterImage;
+		watchEffect(() => {
 			var _groupContext$registe, _previewProps$value$s, _previewProps$value;
-			const unRegister = groupContext === null || groupContext === void 0 || (_groupContext$registe = groupContext.registerImageUrl) === null || _groupContext$registe === void 0 ? void 0 : _groupContext$registe.call(groupContext, imageId, ((_previewProps$value$s = previewProps === null || previewProps === void 0 || (_previewProps$value = previewProps.value) === null || _previewProps$value === void 0 ? void 0 : _previewProps$value.src) !== null && _previewProps$value$s !== void 0 ? _previewProps$value$s : src === null || src === void 0 ? void 0 : src.value) || "", preview.value);
-			onInvalidate(() => {
-				unRegister === null || unRegister === void 0 || unRegister();
-			});
+			unregisterImage = groupContext === null || groupContext === void 0 || (_groupContext$registe = groupContext.registerImageUrl) === null || _groupContext$registe === void 0 ? void 0 : _groupContext$registe.call(groupContext, imageId, ((_previewProps$value$s = previewProps === null || previewProps === void 0 || (_previewProps$value = previewProps.value) === null || _previewProps$value === void 0 ? void 0 : _previewProps$value.src) !== null && _previewProps$value$s !== void 0 ? _previewProps$value$s : src === null || src === void 0 ? void 0 : src.value) || "", preview.value);
 		});
+		onBeforeUnmount(() => unregisterImage === null || unregisterImage === void 0 ? void 0 : unregisterImage());
 		function onImgLoaded() {
+			if (!(src === null || src === void 0 ? void 0 : src.value)) return;
 			setLoadStatus("loaded");
 		}
 		function onImgLoadError() {
+			if (!(src === null || src === void 0 ? void 0 : src.value)) return;
 			setLoadStatus("error");
 		}
 		function onImgClick() {

package/es/image/preview-action.vue.d.ts

@@ -9,14 +9,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: {
         type: BooleanConstructor;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
     };
     disabled: {
         type: BooleanConstructor;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/image/preview-action.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-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 Tooltip from "../tooltip/index.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, useSlots, withCtx } from "vue";
@@ -24,7 +24,13 @@ var preview_action_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		*/
 		disabled: { type: Boolean }
 	},
-	setup(__props) {
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const onClick = (event) => {
+			if (!props.disabled) emit("click", event);
+		};
 		const slots = useSlots();
 		const prefixCls = getPrefixCls("image-preview-toolbar-action");
 		const [DefineContent, ReuseContent] = createReusableTemplate();
@@ -38,7 +44,10 @@ var preview_action_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DefineContent), null, {
-				default: withCtx(() => [createElementVNode("div", mergeProps({ class: [unref(prefixCls), { [`${unref(prefixCls)}-disabled`]: __props.disabled }] }, _ctx.$attrs, { onMousedown: onMouseDown }), [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-content`) }, [renderSlot(_ctx.$slots, "default")], 2)], 16)]),
+				default: withCtx(() => [createElementVNode("div", mergeProps({ class: [unref(prefixCls), { [`${unref(prefixCls)}-disabled`]: __props.disabled }] }, _ctx.$attrs, {
+					onMousedown: onMouseDown,
+					onClick
+				}), [createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-content`) }, [renderSlot(_ctx.$slots, "default")], 2)], 16)]),
 				_: 3
 			}), hasContent() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.name ? (openBlock(), createBlock(unref(Tooltip), {
 				key: 0,

package/es/image/preview-arrow.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-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 IconLeft from "../icon/icon-left/index.js";
 import IconRight from "../icon/icon-right/index.js";

package/es/image/preview-group.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-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 { isArray, isUndefined } from "../_utils/is.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import { PreviewGroupInjectionKey } from "./context.js";
 import preview_default from "./preview.js";
-import { Fragment, computed, createElementBlock, createSlots, createVNode, defineComponent, mergeProps, openBlock, provide, reactive, ref, renderSlot, toRefs, unref, watch, withCtx } from "vue";
+import { Fragment, computed, createElementBlock, createSlots, createVNode, defineComponent, mergeProps, openBlock, provide, reactive, ref, renderSlot, toRefs, unref, withCtx } from "vue";
 //#region components/image/preview-group.vue?vue&type=script&setup=true&lang.tsx
 var preview_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
 	name: "ImagePreviewGroup",
@@ -124,21 +124,19 @@ var preview_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			url,
 			canPreview: true
 		}]) : []));
-		const imageUrlMap = ref(new Map(propImageUrlMap.value || []));
+		const registeredImages = ref(/* @__PURE__ */ new Map());
+		const imageUrlMap = computed(() => isArray(srcList === null || srcList === void 0 ? void 0 : srcList.value) ? propImageUrlMap.value : registeredImages.value);
 		const imageIdList = computed(() => Array.from(imageUrlMap.value.keys()));
 		const imageCount = computed(() => imageIdList.value.length);
 		function registerImageUrl(id, url, canPreview) {
-			if (!propImageUrlMap.value.has(id)) imageUrlMap.value.set(id, {
+			registeredImages.value.set(id, {
 				url,
 				canPreview
 			});
 			return function unRegisterPreviewUrl() {
-				if (!propImageUrlMap.value.has(id)) imageUrlMap.value.delete(id);
+				registeredImages.value.delete(id);
 			};
 		}
-		watch(propImageUrlMap, () => {
-			imageUrlMap.value = new Map(propImageUrlMap.value || []);
-		});
 		const [currentIndex, setLocalCurrentIndex] = useMergeState(defaultCurrent.value, reactive({ value: current }));
 		const setCurrentIndex = (index) => {
 			if (index !== currentIndex.value) {
@@ -160,7 +158,7 @@ var preview_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 			registerImageUrl,
 			preview: (imageId) => {
 				setVisible(true);
-				setCurrentId(imageId);
+				if (!isArray(srcList === null || srcList === void 0 ? void 0 : srcList.value)) setCurrentId(imageId);
 			}
 		}));
 		const nextIndex = computed(() => {

package/es/image/preview-toolbar.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-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 preview_action_default from "./preview-action.js";
 import { Fragment, computed, createBlock, createElementBlock, defineComponent, normalizeClass, openBlock, renderList, renderSlot, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";

package/es/image/preview.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-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 { off, on } from "../_utils/dom.js";
 import { throttleByRaf } from "../_utils/throttle-by-raf.js";
@@ -158,7 +158,7 @@ var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		const classNames = computed(() => [prefixCls, { [`${prefixCls}-hide`]: !mergedVisible.value }]);
 		const container = usePopupContainer(document.body, reactive({ popupContainer }));
 		const isFixed = computed(() => container.value === document.body);
-		const { zIndex } = usePopupManager("dialog", { visible: mergedVisible });
+		const { zIndex, close: releasePopup } = usePopupManager("dialog", { visible: mergedVisible });
 		const wrapperStyles = computed(() => {
 			const positionStyles = isFixed.value ? {
 				zIndex: zIndex.value,
@@ -226,29 +226,24 @@ var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 			const action = (e.deltaY || e.deltaX) > 0 ? "zoomOut" : "zoomIn";
 			changeScale(getScaleByRate(scale.value, zoomRate.value, action));
 		});
-		let globalKeyDownListener = false;
-		const addGlobalKeyDownListener = () => {
-			nextTick(() => {
-				var _refWrapper$value;
-				refWrapper === null || refWrapper === void 0 || (_refWrapper$value = refWrapper.value) === null || _refWrapper$value === void 0 || _refWrapper$value.focus();
-			});
-			if (props.keyboard && !globalKeyDownListener) {
-				globalKeyDownListener = true;
-				on(container.value, "keydown", handleKeyDown);
-			}
-		};
-		const removeGlobalKeyDownListener = () => {
-			if (globalKeyDownListener) {
-				globalKeyDownListener = false;
-				off(container.value, "keydown", handleKeyDown);
-			}
-		};
+		watch([
+			mergedVisible,
+			() => props.keyboard,
+			container
+		], ([visible, keyboard, target], _, onCleanup) => {
+			if (!visible || !keyboard) return;
+			on(target, "keydown", handleKeyDown);
+			onCleanup(() => off(target, "keydown", handleKeyDown));
+		}, { immediate: true });
 		watch([src, mergedVisible], () => {
 			if (mergedVisible.value) {
 				reset();
 				setLoadStatus("loading");
-				addGlobalKeyDownListener();
-			} else removeGlobalKeyDownListener();
+				nextTick(() => {
+					var _refWrapper$value;
+					return (_refWrapper$value = refWrapper.value) === null || _refWrapper$value === void 0 ? void 0 : _refWrapper$value.focus();
+				});
+			}
 		}, { immediate: true });
 		function close() {
 			if (mergedVisible.value) {
@@ -283,7 +278,7 @@ var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 			changeScale(getScale(scale.value, action));
 		}
 		onBeforeUnmount(() => {
-			removeGlobalKeyDownListener();
+			releasePopup();
 		});
 		const onCloseClick = close;
 		const onImgLoad = () => {

package/es/index.css

@@ -3679,8 +3679,11 @@ body {
   transition: opacity 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
 .sd-upload-list-picture-operation {
-  display: none;
+  display: flex;
+  justify-content: space-evenly;
   font-size: 14px;
+  opacity: 0;
+  pointer-events: none;
 }
 .sd-upload-list-picture-operation .sd-upload-icon-retry {
   color: var(--sd-color-white);
@@ -3689,14 +3692,14 @@ body {
   color: var(--sd-color-white);
   font-size: 26px;
 }
-.sd-upload-list-picture-mask:hover {
+.sd-upload-list-picture-mask:hover, .sd-upload-list-picture-mask:focus-within {
   opacity: 1;
 }
-.sd-upload-list-picture-mask:hover .sd-upload-list-picture-operation {
-  display: flex;
-  justify-content: space-evenly;
+.sd-upload-list-picture-mask:hover .sd-upload-list-picture-operation, .sd-upload-list-picture-mask:focus-within .sd-upload-list-picture-operation {
+  opacity: 1;
+  pointer-events: auto;
 }
-.sd-upload-list-picture-mask:hover .sd-upload-list-picture-error-tip {
+.sd-upload-list-picture-mask:hover .sd-upload-list-picture-error-tip, .sd-upload-list-picture-mask:focus-within .sd-upload-list-picture-error-tip {
   display: none;
 }
 .sd-upload-list-type-picture .sd-upload-list-item-content {
@@ -5269,8 +5272,8 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-textarea-wrapper.sd-textarea-scroll .sd-textarea-clear-btn {
   right: 25px;
 }
-.sd-textarea-wrapper:hover .sd-textarea-clear-btn {
-  display: block;
+.sd-textarea-wrapper:hover .sd-textarea-clear-btn, .sd-textarea-wrapper:focus-within .sd-textarea-clear-btn {
+  visibility: visible;
 }
 .sd-textarea-wrapper .sd-textarea-mirror {
   position: absolute;
@@ -5450,6 +5453,11 @@ body.sd-tour-active .sd-tour-popover * {
 }
 .sd-tabs-tab-close-btn {
   margin-left: 8px;
+  padding: 0;
+  color: inherit;
+  font: inherit;
+  background: none;
+  border: 0;
   user-select: none;
 }
 .sd-tabs-nav-add-btn {
@@ -5457,12 +5465,23 @@ body.sd-tour-active .sd-tour-popover * {
   align-items: center;
   justify-content: center;
   padding: 0 8px;
+  color: inherit;
+  font: inherit;
   font-size: 12px;
+  background: none;
+  border: 0;
   user-select: none;
 }
 .sd-tabs-add {
   position: relative;
 }
+.sd-tabs-nav-button {
+  padding: 0;
+  color: inherit;
+  font: inherit;
+  background: none;
+  border: 0;
+}
 .sd-tabs-nav-button-left {
   margin-right: 6px;
   margin-left: 10px;
@@ -14080,6 +14099,9 @@ body.sd-tour-active .sd-tour-popover * {
   flex: 0 0 100%;
   width: 100%;
 }
+.sd-col-offset-0 {
+  margin-left: 0%;
+}
 .sd-col-offset-1 {
   margin-left: 4.1666666667%;
 }
@@ -14149,6 +14171,9 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-col-offset-23 {
   margin-left: 95.8333333333%;
 }
+.sd-col-order-0 {
+  order: 0;
+}
 .sd-col-order-1 {
   order: 1;
 }
@@ -14317,6 +14342,9 @@ body.sd-tour-active .sd-tour-popover * {
   flex: 0 0 100%;
   width: 100%;
 }
+.sd-col-xs-offset-0 {
+  margin-left: 0%;
+}
 .sd-col-xs-offset-1 {
   margin-left: 4.1666666667%;
 }
@@ -14386,6 +14414,9 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-col-xs-offset-23 {
   margin-left: 95.8333333333%;
 }
+.sd-col-xs-order-0 {
+  order: 0;
+}
 .sd-col-xs-order-1 {
   order: 1;
 }
@@ -14555,6 +14586,9 @@ body.sd-tour-active .sd-tour-popover * {
     flex: 0 0 100%;
     width: 100%;
   }
+  .sd-col-sm-offset-0 {
+    margin-left: 0%;
+  }
   .sd-col-sm-offset-1 {
     margin-left: 4.1666666667%;
   }
@@ -14624,6 +14658,9 @@ body.sd-tour-active .sd-tour-popover * {
   .sd-col-sm-offset-23 {
     margin-left: 95.8333333333%;
   }
+  .sd-col-sm-order-0 {
+    order: 0;
+  }
   .sd-col-sm-order-1 {
     order: 1;
   }
@@ -14794,6 +14831,9 @@ body.sd-tour-active .sd-tour-popover * {
     flex: 0 0 100%;
     width: 100%;
   }
+  .sd-col-md-offset-0 {
+    margin-left: 0%;
+  }
   .sd-col-md-offset-1 {
     margin-left: 4.1666666667%;
   }
@@ -14863,6 +14903,9 @@ body.sd-tour-active .sd-tour-popover * {
   .sd-col-md-offset-23 {
     margin-left: 95.8333333333%;
   }
+  .sd-col-md-order-0 {
+    order: 0;
+  }
   .sd-col-md-order-1 {
     order: 1;
   }
@@ -15033,6 +15076,9 @@ body.sd-tour-active .sd-tour-popover * {
     flex: 0 0 100%;
     width: 100%;
   }
+  .sd-col-lg-offset-0 {
+    margin-left: 0%;
+  }
   .sd-col-lg-offset-1 {
     margin-left: 4.1666666667%;
   }
@@ -15102,6 +15148,9 @@ body.sd-tour-active .sd-tour-popover * {
   .sd-col-lg-offset-23 {
     margin-left: 95.8333333333%;
   }
+  .sd-col-lg-order-0 {
+    order: 0;
+  }
   .sd-col-lg-order-1 {
     order: 1;
   }
@@ -15272,6 +15321,9 @@ body.sd-tour-active .sd-tour-popover * {
     flex: 0 0 100%;
     width: 100%;
   }
+  .sd-col-xl-offset-0 {
+    margin-left: 0%;
+  }
   .sd-col-xl-offset-1 {
     margin-left: 4.1666666667%;
   }
@@ -15341,6 +15393,9 @@ body.sd-tour-active .sd-tour-popover * {
   .sd-col-xl-offset-23 {
     margin-left: 95.8333333333%;
   }
+  .sd-col-xl-order-0 {
+    order: 0;
+  }
   .sd-col-xl-order-1 {
     order: 1;
   }
@@ -15511,6 +15566,9 @@ body.sd-tour-active .sd-tour-popover * {
     flex: 0 0 100%;
     width: 100%;
   }
+  .sd-col-xxl-offset-0 {
+    margin-left: 0%;
+  }
   .sd-col-xxl-offset-1 {
     margin-left: 4.1666666667%;
   }
@@ -15580,6 +15638,9 @@ body.sd-tour-active .sd-tour-popover * {
   .sd-col-xxl-offset-23 {
     margin-left: 95.8333333333%;
   }
+  .sd-col-xxl-order-0 {
+    order: 0;
+  }
   .sd-col-xxl-order-1 {
     order: 1;
   }
@@ -22335,6 +22396,10 @@ body.sd-tour-active .sd-tour-popover * {
 .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;
+}
 
 /**********************************************
  * Popup Box

package/es/index.d.ts

@@ -176,15 +176,15 @@ export type { ToolbarEmits, ToolbarInstance, ToolbarModelValue, ToolbarProps, To
 export { default as Textarea } from './textarea';
 export type { TextareaInstance } from './textarea';
 export { default as TimePicker } from './time-picker';
-export type { TimePickerInstance, TimeValue } from './time-picker';
+export type { TimePickerInstance, TimePickerProps, TimeValue } from './time-picker';
 export { default as Timeline, TimelineItem } from './timeline';
-export type { DotType, LabelPositionType, LineType, ModeType, PositionType, TimelineInstance, TimelineItemInstance, } from './timeline';
+export type { DotType, LabelPositionType, LineType, ModeType, PositionType, TimelineInstance, TimelineItemInstance, TimelineItemProps, TimelineProps, } from './timeline';
 export { default as Tooltip } from './tooltip';
-export type { TooltipInstance } from './tooltip';
+export type { TooltipInstance, TooltipProps } from './tooltip';
 export { default as Tour } from './tour';
 export type { TourAlignment, TourAllowedButton, TourConfig, TourController, TourExpose, TourInstance, TourPopover, TourProps, TourSide, TourState, TourStep, } from './tour';
 export { default as Transfer } from './transfer';
-export type { TransferInstance, TransferItem } from './transfer';
+export type { TransferInstance, TransferItem, TransferProps } from './transfer';
 export { default as Tree } from './tree';
 export type { CheckedStrategy, CheckableType, DropPosition, FilterTreeNode, Key2TreeNode, LoadMore, TreeCheckHandler, TreeDropHandler, TreeExpandHandler, TreeFieldNames, TreeInstance, TreeNodeData, TreeNodeKey, TreeNodeSwipeEventData, TreeProps, TreeSelectHandler, } from './tree';
 export { default as TreeSelect } from './tree-select';
@@ -196,8 +196,8 @@ export type { EllipsisConfig, TypographyInstance, TypographyParagraphInstance, T
 export { default as Upload } from './upload';
 export type { CustomIcon, FileItem, FileStatus, RequestOption, UploadInstance, UploadRequest, } from './upload';
 export { default as VerificationCode } from './verification-code';
-export type { VerificationCodeInstance } from './verification-code';
+export type { VerificationCodeInstance, VerificationCodeProps } from './verification-code';
 export { default as Watermark } from './watermark';
-export type { WatermarkInstance } from './watermark';
+export type { WatermarkFont, WatermarkInstance, WatermarkProps } from './watermark';
 export { useFormItem } from './_hooks/use-form-item';
 export { getCssVarToken } from './_utils/global-config';

package/es/input/index.d.ts

@@ -857,10 +857,10 @@ declare const Input: {
             search: (value: string, event: MouseEvent) => any;
         }, import("vue").PublicProps, {
             disabled: boolean;
+            loading: boolean;
             fitWidth: boolean;
             maxWFull: boolean;
             searchButton: boolean;
-            loading: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1430,10 +1430,10 @@ declare const Input: {
             blur: () => void;
         }, {}, {}, {}, {
             disabled: boolean;
+            loading: boolean;
             fitWidth: boolean;
             maxWFull: boolean;
             searchButton: boolean;
-            loading: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -2002,10 +2002,10 @@ declare const Input: {
         search: (value: string, event: MouseEvent) => any;
     }, string, {
         disabled: boolean;
+        loading: boolean;
         fitWidth: boolean;
         maxWFull: boolean;
         searchButton: boolean;
-        loading: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             prepend?: (props: {}) => any;

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

@@ -1,4 +1,4 @@
-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 { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
 //#region components/input/input-group.vue?vue&type=script&setup=true&lang.ts

package/es/input/input-password.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-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 icon_hover_default from "../_components/icon-hover.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import IconEye from "../icon/icon-eye/index.js";

package/es/input/input-search.vue.d.ts

@@ -605,10 +605,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onSearch?: ((value: string, event: MouseEvent) => any) | undefined;
 }>, {
     disabled: boolean;
+    loading: boolean;
     fitWidth: boolean;
     maxWFull: boolean;
     searchButton: boolean;
-    loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/input/input-search.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-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 icon_hover_default from "../_components/icon-hover.js";
 import IconLoading from "../icon/icon-loading/index.js";
@@ -79,7 +79,8 @@ var input_search_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const inputRef = ref();
 		const handleClick = (event) => {
 			var _inputRef$value;
-			if ((_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.inputRef) emit("search", inputRef.value.inputRef.value, event);
+			const input = (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.inputRef;
+			if (input && !input.disabled) emit("search", input.value, event);
 		};
 		const focus = () => {
 			var _inputRef$value2;

package/es/input/input.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, isObject, isUndefined } from "../_utils/is.js";
 import icon_hover_default from "../_components/icon-hover.js";
@@ -124,9 +124,6 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		watch(toRef(props, "modelValue"), (value) => {
 			if (isUndefined(value) || isNull(value)) innerValue.value = "";
 		});
-		watch(computedValue, (_value, oldValue) => {
-			previousValue = oldValue;
-		});
 		const focused = ref(false);
 		const showClearBtn = computed(() => mergedAllowClear.value && !props.readonly && !mergedDisabled.value && Boolean(computedValue.value));
 		const isComposition = ref(false);
@@ -155,6 +152,7 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			}
 			innerValue.value = nextValue;
 			emit("update:modelValue", nextValue);
+			return nextValue;
 		};
 		const handleMousedown = (event) => {
 			if (inputRef.value && event.target !== inputRef.value) {
@@ -172,6 +170,7 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		};
 		const handleFocus = (event) => {
 			var _eventHandlers$value2, _eventHandlers$value3;
+			previousValue = computedValue.value;
 			focused.value = true;
 			emit("focus", event);
 			(_eventHandlers$value2 = eventHandlers.value) === null || _eventHandlers$value2 === void 0 || (_eventHandlers$value3 = _eventHandlers$value2.onFocus) === null || _eventHandlers$value3 === void 0 || _eventHandlers$value3.call(_eventHandlers$value2, event);
@@ -202,8 +201,8 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					keepControl();
 					return;
 				}
-				updateValue(value);
-				emit("input", value, event);
+				const nextValue = updateValue(value);
+				emit("input", nextValue, event);
 				(_eventHandlers$value6 = eventHandlers.value) === null || _eventHandlers$value6 === void 0 || (_eventHandlers$value7 = _eventHandlers$value6.onInput) === null || _eventHandlers$value7 === void 0 || _eventHandlers$value7.call(_eventHandlers$value6, event);
 				keepControl();
 			} else {
@@ -220,8 +219,8 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					keepControl();
 					return;
 				}
-				updateValue(value);
-				emit("input", value, event);
+				const nextValue = updateValue(value);
+				emit("input", nextValue, event);
 				(_eventHandlers$value8 = eventHandlers.value) === null || _eventHandlers$value8 === void 0 || (_eventHandlers$value9 = _eventHandlers$value8.onInput) === null || _eventHandlers$value9 === void 0 || _eventHandlers$value9.call(_eventHandlers$value8, event);
 				keepControl();
 			}