@sdata/web-vue 3.29.0 → 4.0.0

package/es/image/image.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,11 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean } from "../_utils/is.js";
 import { isServerRendering } from "../_utils/dom.js";
 import { useI18n } from "../locale/index.js";
+import useMergeState from "../_hooks/use-merge-state.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import { omit } from "../_utils/omit.js";
-import useMergeState from "../_hooks/use-merge-state.js";
 import IconImageClose from "../icon/icon-image-close/index.js";
 import { PreviewGroupInjectionKey } from "./context.js";
 import useImageLoadStatus from "./hooks/use-image-load-status.js";

package/es/image/index.d.ts

@@ -1,7 +1,7 @@
 import { App } from 'vue';
 import { SDOptions } from '../_utils/types';
 import _Image from './image.vue';
-import _ImagePreviewAction from './preview-action';
+import _ImagePreviewAction from './preview-action.vue';
 import _ImagePreviewGroup from './preview-group.vue';
 import _ImagePreview from './preview.vue';
 declare const Image: typeof _Image & {

package/es/image/preview-action.js

@@ -1,49 +1,5 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import Tooltip from "../tooltip/index.js";
-import { createVNode, defineComponent, isVNode, mergeProps } from "vue";
-//#region components/image/preview-action.tsx
-/**
-* @version 2.17.0
-*/
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var preview_action_default = /* @__PURE__ */ defineComponent({
-	name: "ImagePreviewAction",
-	components: { Tooltip },
-	inheritAttrs: false,
-	props: {
-		/**
-		* @zh 名称
-		* @en the name of the action
-		*/
-		name: { type: String },
-		/**
-		* @zh 是否禁用
-		* @en Whether to disable the action
-		*/
-		disabled: { type: Boolean }
-	},
-	setup(props, { slots, attrs }) {
-		const prefixCls = getPrefixCls("image-preview-toolbar-action");
-		return () => {
-			var _slots$default;
-			const { name, disabled } = props;
-			const children = (_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
-			if (!children || !children.length) return null;
-			const content = createVNode("div", mergeProps({
-				"class": [`${prefixCls}`, { [`${prefixCls}-disabled`]: disabled }],
-				"onMousedown": (e) => {
-					/** 解决快速点击按钮的情况下 tooltip 被选中 */
-					e.preventDefault();
-				}
-			}, attrs), [createVNode("span", { "class": `${prefixCls}-content` }, [children])]);
-			return name ? createVNode(Tooltip, {
-				"class": `${prefixCls}-tooltip`,
-				"content": name
-			}, _isSlot(content) ? content : { default: () => [content] }) : content;
-		};
-	}
-});
+import preview_action_vue_vue_type_script_setup_true_lang_default from "./preview-action.vue_vue_type_script_setup_true_lang.js";
+//#region components/image/preview-action.vue
+var preview_action_default = preview_action_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { preview_action_default as default };

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

@@ -0,0 +1,29 @@
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,55 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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";
+import { createReusableTemplate } from "@vueuse/core";
+//#region components/image/preview-action.vue?vue&type=script&setup=true&lang.ts
+/**
+* @version 2.17.0
+*/
+var preview_action_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "ImagePreviewAction",
+	inheritAttrs: false
+}), {}, {
+	__name: "preview-action",
+	props: {
+		/**
+		* @zh 名称
+		* @en the name of the action
+		*/
+		name: { type: String },
+		/**
+		* @zh 是否禁用
+		* @en Whether to disable the action
+		*/
+		disabled: { type: Boolean }
+	},
+	setup(__props) {
+		const slots = useSlots();
+		const prefixCls = getPrefixCls("image-preview-toolbar-action");
+		const [DefineContent, ReuseContent] = createReusableTemplate();
+		const hasContent = () => {
+			var _slots$default;
+			return Boolean((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots).length);
+		};
+		const onMouseDown = (event) => {
+			/** 解决快速点击按钮的情况下 tooltip 被选中 */
+			event.preventDefault();
+		};
+		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)]),
+				_: 3
+			}), hasContent() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.name ? (openBlock(), createBlock(unref(Tooltip), {
+				key: 0,
+				class: normalizeClass(`${unref(prefixCls)}-tooltip`),
+				content: __props.name
+			}, {
+				default: withCtx(() => [createVNode(unref(ReuseContent))]),
+				_: 1
+			}, 8, ["class", "content"])) : (openBlock(), createBlock(unref(ReuseContent), { key: 1 }))], 64)) : createCommentVNode("", true)], 64);
+		};
+	}
+}));
+//#endregion
+export { preview_action_vue_vue_type_script_setup_true_lang_default as default };

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.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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";

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

@@ -1,8 +1,8 @@
-import { PropType, VNodeTypes } from 'vue';
+import type { Component, PropType } from 'vue';
 export interface ActionType {
     key: string;
     name: string;
-    content: () => VNodeTypes;
+    content: Component;
     onClick: () => void;
     disabled?: boolean;
 }

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

@@ -1,8 +1,8 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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";
-//#region components/image/preview-toolbar.vue?vue&type=script&setup=true&lang.tsx
+//#region components/image/preview-toolbar.vue?vue&type=script&setup=true&lang.ts
 var preview_toolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ImagePreviewToolbar" }), {}, {
 	__name: "preview-toolbar",
 	props: {
@@ -28,7 +28,7 @@ var preview_toolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(resultActions.value, (action) => {
-				return openBlock(), createBlock(unref(preview_action_default), {
+				return openBlock(), createBlock(preview_action_default, {
 					key: action.key,
 					name: action.name,
 					disabled: action.disabled,

package/es/image/preview.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.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";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";
 import IconClose from "../icon/icon-close/index.js";
 import { useI18n } from "../locale/index.js";
+import useMergeState from "../_hooks/use-merge-state.js";
 import IconLoading from "../icon/icon-loading/index.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
-import useMergeState from "../_hooks/use-merge-state.js";
 import usePopupContainer from "../_hooks/use-popup-container.js";
 import usePopupOverflowHidden from "../_hooks/use-popup-overflow-hidden.js";
 import useImageLoadStatus from "./hooks/use-image-load-status.js";
@@ -21,8 +21,8 @@ import useImageDrag from "./hooks/use-image-drag.js";
 import preview_arrow_default from "./preview-arrow.js";
 import preview_toolbar_default from "./preview-toolbar.js";
 import getScale, { getScaleByRate, maxScale, minScale } from "./utils/get-scale.js";
-import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, openBlock, reactive, ref, renderSlot, toDisplayString, toRefs, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
-//#region components/image/preview.vue?vue&type=script&setup=true&lang.tsx
+import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, openBlock, reactive, ref, renderSlot, toDisplayString, toRefs, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+//#region components/image/preview.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["src"];
 var ROTATE_STEP = 90;
 var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ImagePreview" }), {}, {
@@ -160,13 +160,14 @@ var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		const isFixed = computed(() => container.value === document.body);
 		const { zIndex } = usePopupManager("dialog", { visible: mergedVisible });
 		const wrapperStyles = computed(() => {
-			return _objectSpread2({}, isFixed.value ? {
+			const positionStyles = isFixed.value ? {
 				zIndex: zIndex.value,
 				position: "fixed"
 			} : {
 				zIndex: "inherit",
 				position: "absolute"
-			});
+			};
+			return _objectSpread2({}, positionStyles);
 		});
 		const { isLoading, isLoaded, setLoadStatus } = useImageLoadStatus();
 		const rotate = ref(0);
@@ -215,10 +216,7 @@ var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				case KEYBOARD_KEY.ARROW_DOWN:
 					isIncludes("zoomOut") && handleScale("zoomOut");
 					break;
-				case KEYBOARD_KEY.SPACE:
-					isIncludes("originalSize") && changeScale(1);
-					break;
-				default: break;
+				case KEYBOARD_KEY.SPACE: isIncludes("originalSize") && changeScale(1);
 			}
 		};
 		const onWheel = throttleByRaf((e) => {
@@ -278,7 +276,7 @@ var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 			changeScale(Math.max(newHeightScale, newWidthScale));
 		}
 		function handleRotate(direction) {
-			const newRotate = direction === "clockwise" ? (rotate.value + ROTATE_STEP) % 360 : rotate.value === 0 ? 360 - ROTATE_STEP : rotate.value - ROTATE_STEP;
+			const newRotate = direction === "clockwise" ? (rotate.value + ROTATE_STEP) % 360 : rotate.value === 0 ? 270 : rotate.value - ROTATE_STEP;
 			rotate.value = newRotate;
 		}
 		function handleScale(action) {
@@ -295,44 +293,56 @@ var preview_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 			setLoadStatus("error");
 		};
 		const actions = computed(() => [
+			(
+			/** 满屏 */
 			{
 				key: "fullScreen",
 				name: t("imagePreview.fullScreen"),
-				content: () => h(IconFullscreen),
+				content: IconFullscreen,
 				onClick: () => fullScreen()
-			},
+			}),
+			(
+			/** 顺时针旋转 */
 			{
 				key: "rotateRight",
 				name: t("imagePreview.rotateRight"),
-				content: () => h(IconRotateRight),
+				content: IconRotateRight,
 				onClick: () => handleRotate("clockwise")
-			},
+			}),
+			(
+			/** 逆时针旋转 */
 			{
 				key: "rotateLeft",
 				name: t("imagePreview.rotateLeft"),
-				content: () => h(IconRotateLeft),
+				content: IconRotateLeft,
 				onClick: () => handleRotate("counterclockwise")
-			},
+			}),
+			(
+			/** 放大 */
 			{
 				key: "zoomIn",
 				name: t("imagePreview.zoomIn"),
-				content: () => h(IconZoomIn),
+				content: IconZoomIn,
 				onClick: () => handleScale("zoomIn"),
 				disabled: scale.value === maxScale
-			},
+			}),
+			(
+			/** 缩小 */
 			{
 				key: "zoomOut",
 				name: t("imagePreview.zoomOut"),
-				content: () => h(IconZoomOut),
+				content: IconZoomOut,
 				onClick: () => handleScale("zoomOut"),
 				disabled: scale.value === minScale
-			},
+			}),
+			(
+			/** 缩放到100% */
 			{
 				key: "originalSize",
 				name: t("imagePreview.originalSize"),
-				content: () => h(IconOriginalSize),
+				content: IconOriginalSize,
 				onClick: () => changeScale(1)
-			}
+			})
 		]);
 		__expose({
 			onImgLoad,

package/es/index.css

@@ -3408,11 +3408,11 @@ body {
 }
 
 .sd-upload {
-  display: block;
+  display: inline-block;
   max-width: 100%;
   cursor: pointer;
 }
-.sd-upload .sd-upload.sd-upload-draggable {
+.sd-upload.sd-upload-draggable {
   width: 100%;
 }
 .sd-upload-tip {
@@ -3490,7 +3490,7 @@ body {
 .sd-upload-wrapper {
   width: 100%;
 }
-.sd-upload-wrapper .sd-upload-wrapper.sd-upload-wrapper-type-picture-card {
+.sd-upload-wrapper.sd-upload-wrapper-type-picture-card {
   display: flex;
   justify-content: flex-start;
 }
@@ -3562,12 +3562,10 @@ body {
   padding: 0;
   list-style: none;
 }
-.sd-upload-list .sd-upload-list.sd-upload-list-type-text,
-.sd-upload-list .sd-upload-list.sd-upload-list-type-picture {
+.sd-upload-list.sd-upload-list-type-text, .sd-upload-list.sd-upload-list-type-picture {
   width: 100%;
 }
-.sd-upload-list .sd-upload-list.sd-upload-list-type-text .sd-upload-list-item:first-of-type,
-.sd-upload-list .sd-upload-list.sd-upload-list-type-picture .sd-upload-list-item:first-of-type {
+.sd-upload-list.sd-upload-list-type-text .sd-upload-list-item:first-of-type, .sd-upload-list.sd-upload-list-type-picture .sd-upload-list-item:first-of-type {
   margin-top: 24px;
 }
 .sd-upload-list {
@@ -3668,12 +3666,12 @@ body {
 .sd-upload-list {
   /*** end ****/
 }
-.sd-upload-list .sd-upload-list.sd-upload-list-type-picture-card {
+.sd-upload-list.sd-upload-list-type-picture-card {
   display: flex;
   flex-wrap: wrap;
   vertical-align: top;
 }
-.sd-upload-list .sd-upload-list.sd-upload-list-type-picture-card .sd-upload-list-status {
+.sd-upload-list.sd-upload-list-type-picture-card .sd-upload-list-status {
   top: 50%;
   margin-left: 0;
   transform: translateY(-50%);
@@ -4758,6 +4756,9 @@ body.sd-tour-active .sd-tour-popover * {
   pointer-events: none !important;
 }
 
+.sd-tooltip-mouse-through {
+  pointer-events: none;
+}
 .sd-tooltip-content {
   max-width: 350px;
   padding: 8px 12px;
@@ -10308,20 +10309,6 @@ body.sd-tour-active .sd-tour-popover * {
   margin-top: 4px;
 }
 
-.sd-overflow-list {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-}
-.sd-overflow-list > *:not(:last-child) {
-  flex-shrink: 0;
-}
-.sd-overflow-list-spacer {
-  flex: 1;
-  min-width: 0;
-  height: 1px;
-}
-
 .sd-notification-list {
   position: fixed;
   z-index: 1003;
@@ -13852,6 +13839,243 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-col {
   box-sizing: border-box;
 }
+.sd-col-1 {
+  flex: 0 0 4.1666666667%;
+  width: 4.1666666667%;
+}
+.sd-col-2 {
+  flex: 0 0 8.3333333333%;
+  width: 8.3333333333%;
+}
+.sd-col-3 {
+  flex: 0 0 12.5%;
+  width: 12.5%;
+}
+.sd-col-4 {
+  flex: 0 0 16.6666666667%;
+  width: 16.6666666667%;
+}
+.sd-col-5 {
+  flex: 0 0 20.8333333333%;
+  width: 20.8333333333%;
+}
+.sd-col-6 {
+  flex: 0 0 25%;
+  width: 25%;
+}
+.sd-col-7 {
+  flex: 0 0 29.1666666667%;
+  width: 29.1666666667%;
+}
+.sd-col-8 {
+  flex: 0 0 33.3333333333%;
+  width: 33.3333333333%;
+}
+.sd-col-9 {
+  flex: 0 0 37.5%;
+  width: 37.5%;
+}
+.sd-col-10 {
+  flex: 0 0 41.6666666667%;
+  width: 41.6666666667%;
+}
+.sd-col-11 {
+  flex: 0 0 45.8333333333%;
+  width: 45.8333333333%;
+}
+.sd-col-12 {
+  flex: 0 0 50%;
+  width: 50%;
+}
+.sd-col-13 {
+  flex: 0 0 54.1666666667%;
+  width: 54.1666666667%;
+}
+.sd-col-14 {
+  flex: 0 0 58.3333333333%;
+  width: 58.3333333333%;
+}
+.sd-col-15 {
+  flex: 0 0 62.5%;
+  width: 62.5%;
+}
+.sd-col-16 {
+  flex: 0 0 66.6666666667%;
+  width: 66.6666666667%;
+}
+.sd-col-17 {
+  flex: 0 0 70.8333333333%;
+  width: 70.8333333333%;
+}
+.sd-col-18 {
+  flex: 0 0 75%;
+  width: 75%;
+}
+.sd-col-19 {
+  flex: 0 0 79.1666666667%;
+  width: 79.1666666667%;
+}
+.sd-col-20 {
+  flex: 0 0 83.3333333333%;
+  width: 83.3333333333%;
+}
+.sd-col-21 {
+  flex: 0 0 87.5%;
+  width: 87.5%;
+}
+.sd-col-22 {
+  flex: 0 0 91.6666666667%;
+  width: 91.6666666667%;
+}
+.sd-col-23 {
+  flex: 0 0 95.8333333333%;
+  width: 95.8333333333%;
+}
+.sd-col-24 {
+  flex: 0 0 100%;
+  width: 100%;
+}
+.sd-col-offset-1 {
+  margin-left: 4.1666666667%;
+}
+.sd-col-offset-2 {
+  margin-left: 8.3333333333%;
+}
+.sd-col-offset-3 {
+  margin-left: 12.5%;
+}
+.sd-col-offset-4 {
+  margin-left: 16.6666666667%;
+}
+.sd-col-offset-5 {
+  margin-left: 20.8333333333%;
+}
+.sd-col-offset-6 {
+  margin-left: 25%;
+}
+.sd-col-offset-7 {
+  margin-left: 29.1666666667%;
+}
+.sd-col-offset-8 {
+  margin-left: 33.3333333333%;
+}
+.sd-col-offset-9 {
+  margin-left: 37.5%;
+}
+.sd-col-offset-10 {
+  margin-left: 41.6666666667%;
+}
+.sd-col-offset-11 {
+  margin-left: 45.8333333333%;
+}
+.sd-col-offset-12 {
+  margin-left: 50%;
+}
+.sd-col-offset-13 {
+  margin-left: 54.1666666667%;
+}
+.sd-col-offset-14 {
+  margin-left: 58.3333333333%;
+}
+.sd-col-offset-15 {
+  margin-left: 62.5%;
+}
+.sd-col-offset-16 {
+  margin-left: 66.6666666667%;
+}
+.sd-col-offset-17 {
+  margin-left: 70.8333333333%;
+}
+.sd-col-offset-18 {
+  margin-left: 75%;
+}
+.sd-col-offset-19 {
+  margin-left: 79.1666666667%;
+}
+.sd-col-offset-20 {
+  margin-left: 83.3333333333%;
+}
+.sd-col-offset-21 {
+  margin-left: 87.5%;
+}
+.sd-col-offset-22 {
+  margin-left: 91.6666666667%;
+}
+.sd-col-offset-23 {
+  margin-left: 95.8333333333%;
+}
+.sd-col-order-1 {
+  order: 1;
+}
+.sd-col-order-2 {
+  order: 2;
+}
+.sd-col-order-3 {
+  order: 3;
+}
+.sd-col-order-4 {
+  order: 4;
+}
+.sd-col-order-5 {
+  order: 5;
+}
+.sd-col-order-6 {
+  order: 6;
+}
+.sd-col-order-7 {
+  order: 7;
+}
+.sd-col-order-8 {
+  order: 8;
+}
+.sd-col-order-9 {
+  order: 9;
+}
+.sd-col-order-10 {
+  order: 10;
+}
+.sd-col-order-11 {
+  order: 11;
+}
+.sd-col-order-12 {
+  order: 12;
+}
+.sd-col-order-13 {
+  order: 13;
+}
+.sd-col-order-14 {
+  order: 14;
+}
+.sd-col-order-15 {
+  order: 15;
+}
+.sd-col-order-16 {
+  order: 16;
+}
+.sd-col-order-17 {
+  order: 17;
+}
+.sd-col-order-18 {
+  order: 18;
+}
+.sd-col-order-19 {
+  order: 19;
+}
+.sd-col-order-20 {
+  order: 20;
+}
+.sd-col-order-21 {
+  order: 21;
+}
+.sd-col-order-22 {
+  order: 22;
+}
+.sd-col-order-23 {
+  order: 23;
+}
+.sd-col-order-24 {
+  order: 24;
+}
 .sd-col-xs-1 {
   flex: 0 0 4.1666666667%;
   width: 4.1666666667%;
@@ -17613,6 +17837,7 @@ body.sd-tour-active .sd-tour-popover * {
 }
 .sd-collapse-item-header-title {
   display: inline;
+  overflow: hidden;
 }
 .sd-collapse-item-header-extra {
   float: right;

package/es/index.d.ts

@@ -187,8 +187,6 @@ export { default as Typography, TypographyParagraph, TypographyText, TypographyT
 export type { EllipsisConfig, TypographyInstance, TypographyParagraphInstance, TypographyTextInstance, TypographyTitleInstance, } from './typography';
 export { default as Upload } from './upload';
 export type { CustomIcon, FileItem, FileStatus, RequestOption, UploadInstance, UploadRequest, } from './upload';
-export { default as OverflowList } from './overflow-list';
-export type { OverflowListInstance } from './overflow-list';
 export { default as VerificationCode } from './verification-code';
 export type { VerificationCodeInstance } from './verification-code';
 export { default as Watermark } from './watermark';