@sdata/web-vue 4.5.0 → 4.5.2

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.d.ts → image.vue.d.vue.ts}

@@ -37,17 +37,17 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
     };
     fit: {
-        type: PropType<"contain" | "cover" | "fill" | "none" | "scale-down">;
+        type: PropType<'contain' | 'cover' | 'fill' | 'none' | 'scale-down'>;
     };
     alt: {
         type: StringConstructor;
     };
     hideFooter: {
-        type: PropType<boolean | "never">;
+        type: PropType<boolean | 'never'>;
         default: boolean;
     };
     footerPosition: {
-        type: PropType<"inner" | "outer">;
+        type: PropType<'inner' | 'outer'>;
         default: string;
     };
     showLoader: {
@@ -70,7 +70,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<ImagePreviewProps>;
     };
     footerClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
     };
 }>, {
     onImgLoaded: typeof onImgLoaded;
@@ -101,17 +101,17 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: StringConstructor;
     };
     fit: {
-        type: PropType<"contain" | "cover" | "fill" | "none" | "scale-down">;
+        type: PropType<'contain' | 'cover' | 'fill' | 'none' | 'scale-down'>;
     };
     alt: {
         type: StringConstructor;
     };
     hideFooter: {
-        type: PropType<boolean | "never">;
+        type: PropType<boolean | 'never'>;
         default: boolean;
     };
     footerPosition: {
-        type: PropType<"inner" | "outer">;
+        type: PropType<'inner' | 'outer'>;
         default: string;
     };
     showLoader: {
@@ -134,17 +134,17 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<ImagePreviewProps>;
     };
     footerClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
     };
 }>> & Readonly<{
     "onPreview-visible-change"?: ((_visible: boolean) => any) | undefined;
     "onUpdate:previewVisible"?: ((_visible: boolean) => any) | undefined;
 }>, {
     renderToBody: boolean;
-    preview: boolean;
-    hideFooter: boolean | "never";
-    footerPosition: "outer" | "inner";
+    hideFooter: "never" | boolean;
+    footerPosition: "inner" | "outer";
     showLoader: boolean;
+    preview: boolean;
     previewVisible: boolean;
     defaultPreviewVisible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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 → preview-action.vue.d.vue.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.d.ts → preview.vue.d.vue.ts}

@@ -1,4 +1,6 @@
 import { PropType } from 'vue';
+declare const onImgLoad: () => void;
+declare const onImgError: () => void;
 declare var __VLS_33: {};
 type __VLS_Slots = {} & {
     actions?: (props: typeof __VLS_33) => any;
@@ -63,8 +65,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: number;
     };
 }>, {
-    onImgLoad: () => void;
-    onImgError: () => void;
+    onImgLoad: typeof onImgLoad;
+    onImgError: typeof onImgError;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     "update:visible": (_visible: boolean) => any;
@@ -131,15 +133,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onClose?: (() => any) | undefined;
     "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
 }>, {
-    visible: boolean;
     renderToBody: boolean;
-    escToClose: boolean;
+    visible: boolean;
     defaultVisible: boolean;
-    closable: boolean;
     maskClosable: boolean;
+    closable: boolean;
     actionsLayout: string[];
     inGroup: boolean;
     groupArrowProps: Record<string, any>;
+    escToClose: boolean;
     wheelZoom: boolean;
     keyboard: boolean;
     defaultScale: number;

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';