@sdata/web-vue 3.1.0 → 3.2.0

package/es/index.css

@@ -4031,6 +4031,24 @@ body {
   display: block;
   width: 100%;
 }
+.sd-tree-node-title-with-ellipsis {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.sd-tree-node-title-text-ellipsis {
+  display: block;
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.sd-tree-node-title-ellipsis {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+}
 .sd-tree-node-indent {
   position: relative;
   flex-shrink: 0;
@@ -14786,6 +14804,154 @@ body.sd-tour-active .sd-tour-popover * {
     opacity: 1;
   }
 }
+.sd-file-previewer {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 240px;
+}
+.sd-file-previewer-fullscreen {
+  inset: 0;
+  min-height: 0;
+}
+.sd-file-previewer-inline {
+  overflow: hidden;
+  color: var(--sd-color-text-1);
+  background: var(--sd-color-fill-1);
+  border: 1px solid var(--sd-color-border-2);
+  border-radius: var(--sd-border-radius-medium);
+}
+.sd-file-previewer-mask {
+  position: absolute;
+  inset: 0;
+  background-color: var(--sd-color-mask-bg);
+}
+.sd-file-previewer-content {
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+}
+.sd-file-previewer-content-fullscreen {
+  position: absolute;
+  inset: 40px;
+}
+.sd-file-previewer-content-inline {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-height: 240px;
+}
+.sd-file-previewer-fullscreen .sd-file-previewer-content-audio {
+  inset: 50% auto auto 50%;
+  width: min(560px, 100% - 40px * 2);
+  max-height: 78vh;
+  background: var(--sd-color-bg-2);
+  border-radius: var(--sd-border-radius-medium);
+  transform: translate(-50%, -50%);
+}
+.sd-file-previewer-header {
+  box-sizing: border-box;
+  padding: 12px 20px;
+  color: var(--sd-color-text-1);
+  font-size: 16px;
+}
+.sd-file-previewer-title {
+  display: block;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.sd-file-previewer-body {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  min-height: 0;
+}
+.sd-file-previewer-image, .sd-file-previewer-video-player, .sd-file-previewer-video, .sd-file-previewer-pdf {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.sd-file-previewer-image {
+  object-fit: contain;
+}
+.sd-file-previewer-video-player {
+  max-width: 1180px;
+  max-height: 78vh;
+}
+.sd-file-previewer-inline .sd-file-previewer-video-player {
+  max-width: 100%;
+  max-height: none;
+}
+.sd-file-previewer-video {
+  background: #000;
+}
+.sd-file-previewer-audio-panel {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 20px;
+}
+.sd-file-previewer-audio {
+  display: block;
+  width: 100%;
+}
+.sd-file-previewer-pdf {
+  background: var(--sd-color-bg-2);
+  border: 0;
+  border-radius: var(--sd-border-radius-medium);
+}
+.sd-file-previewer-inline .sd-file-previewer-pdf {
+  border-radius: 0;
+}
+.sd-file-previewer-close-btn {
+  position: absolute;
+  top: 36px;
+  right: 36px;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  color: var(--sd-color-white);
+  font-size: 14px;
+  background: rgba(0, 0, 0, 0.5);
+  border: 0;
+  border-radius: 50%;
+  cursor: pointer;
+}
+.sd-file-previewer-loading {
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 48px;
+  height: 48px;
+  color: rgb(var(--sd-primary-6));
+  background-color: #232324;
+  border-radius: var(--sd-border-radius-medium);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.sd-file-previewer-error {
+  z-index: 2;
+  color: var(--sd-color-white);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.sd-file-previewer-inline .sd-file-previewer-error {
+  color: var(--sd-color-danger-6);
+}
+
 .sd-json-form-row {
   gap: 8px 8px;
 }

package/es/index.d.ts

@@ -69,6 +69,8 @@ export { default as Grid, Col, Row, GridItem } from './grid';
 export type { ColProps, GridColInstance, GridInstance, GridItemInstance, GridItemProps, GridProps, GridRowInstance, ResponsiveValue, RowProps, } from './grid';
 export { default as Icon } from './icon-component';
 export type { IconInstance, IconProps } from './icon-component';
+export { default as FilePreviewer } from './file-previewer';
+export type { FilePreviewerContentSlotProps, FilePreviewerInstance, FilePreviewerProps, FilePreviewerStatus, FilePreviewerType, } from './file-previewer';
 export { default as Image, ImagePreviewAction, ImagePreview, ImagePreviewGroup } from './image';
 export type { ImageInstance, ImagePreviewActionInstance, ImagePreviewInstance, ImagePreviewGroupInstance, } from './image';
 export { default as Input, InputGroup, InputPassword, InputSearch } from './input';

package/es/index.js

@@ -66,6 +66,7 @@ import descriptions_item_default from "./descriptions/descriptions-item.js";
 import Descriptions from "./descriptions/index.js";
 import Divider from "./divider/index.js";
 import Drawer from "./drawer/index.js";
+import FilePreviewer from "./file-previewer/index.js";
 import grid_col_default from "./grid/grid-col.js";
 import grid_item_default from "./grid/grid-item.js";
 import grid_row_default from "./grid/grid-row.js";
@@ -142,4 +143,4 @@ import Typography from "./typography/index.js";
 import Upload from "./upload/index.js";
 import Watermark from "./watermark/index.js";
 import SDVue from "./sd-vue.js";
-export { A2UI_0_8, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, month_picker_default as MonthPicker, Notification, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, ResizeBox, Result, grid_row_default as Row, Scrollbar, Secret, Select, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, TimePicker, Timeline, item_default$1 as TimelineItem, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, defineJsonFormComponents, defineJsonFormSchemas, getCssVarToken, getLocale, useFormItem, useLocale };
+export { A2UI_0_8, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, AvatarGroup, BackTop, Badge, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, Input, input_group_default as InputGroup, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, month_picker_default as MonthPicker, Notification, OverflowList, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, ResizeBox, Result, grid_row_default as Row, Scrollbar, Secret, Select, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, TimePicker, Timeline, item_default$1 as TimelineItem, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, year_picker_default as YearPicker, addI18nMessages, SDVue as default, defineJsonFormComponents, defineJsonFormSchemas, getCssVarToken, getLocale, useFormItem, useLocale };

package/es/index.scss

@@ -56,6 +56,7 @@
 @use '@components/image/style/index.scss' as *;
 @use '@components/grid/style/index.scss' as *;
 @use '@components/form/style/index.scss' as *;
+@use '@components/file-previewer/style/index.scss' as *;
 @use '@components/json-form/style/index.scss' as *;
 @use '@components/ellipsis/style/index.scss' as *;
 @use '@components/empty/style/index.scss' as *;

package/es/menu/style/css.js

@@ -1,4 +1,3 @@
 import "../../dropdown/style/index.js";
-import "../../ellipsis/style/index.js";
 import "../../style/index.css";
 import "./index.css";

package/es/menu/style/index.js

@@ -1,4 +1,3 @@
 import "../../dropdown/style/index.js";
-import "../../ellipsis/style/index.js";
 import "../../style/index.scss";
 import "./index.scss";

package/es/sd-vue.js

@@ -66,6 +66,7 @@ import descriptions_item_default from "./descriptions/descriptions-item.js";
 import Descriptions from "./descriptions/index.js";
 import Divider from "./divider/index.js";
 import Drawer from "./drawer/index.js";
+import FilePreviewer from "./file-previewer/index.js";
 import grid_col_default from "./grid/grid-col.js";
 import grid_item_default from "./grid/grid-item.js";
 import grid_row_default from "./grid/grid-row.js";
@@ -161,6 +162,7 @@ var components = {
 	Copy,
 	Cropper,
 	Empty,
+	FilePreviewer,
 	Image,
 	Scrollbar,
 	List,

package/es/tree/base-node.vue.d.ts

@@ -6,9 +6,11 @@ declare var __VLS_10: {}, __VLS_13: {}, __VLS_22: {
     indeterminate: boolean | undefined;
     expanded: boolean | undefined;
     isLeaf: boolean;
-}, __VLS_39: {
+}, __VLS_45: {
     title: string | undefined;
-}, __VLS_41: {
+}, __VLS_52: {
+    title: string | undefined;
+}, __VLS_54: {
     loading: boolean | undefined;
     checked: boolean | undefined;
     selected: boolean | undefined;
@@ -23,9 +25,11 @@ type __VLS_Slots = {} & {
 } & {
     icon?: (props: typeof __VLS_22) => any;
 } & {
-    title?: (props: typeof __VLS_39) => any;
+    title?: (props: typeof __VLS_45) => any;
+} & {
+    title?: (props: typeof __VLS_52) => any;
 } & {
-    'drag-icon'?: (props: typeof __VLS_41) => any;
+    'drag-icon'?: (props: typeof __VLS_54) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: {

package/es/tree/base-node.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction } from "../_utils/is.js";
+import Ellipsis, { PerformantEllipsis } from "../ellipsis/index.js";
 import Checkbox from "../checkbox/index.js";
 import { toArray } from "../_utils/to-array.js";
 import IconDragDotVertical from "../icon/icon-drag-dot-vertical/index.js";
@@ -103,7 +104,8 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			[`${prefixCls}-title-gap-bottom`]: isDragOver.value && isAllowDrop.value && dropPosition.value > 0,
 			[`${prefixCls}-title-highlight`]: !isDragging.value && isDragOver.value && isAllowDrop.value && dropPosition.value === 0,
 			[`${prefixCls}-title-dragging`]: isDragging.value,
-			[`${prefixCls}-title-block`]: node.value.blockNode
+			[`${prefixCls}-title-block`]: node.value.blockNode,
+			[`${prefixCls}-title-with-ellipsis`]: shouldRenderEllipsis.value
 		}]);
 		const checked = computed(() => {
 			var _treeContext$checkedK, _treeContext$checkedK2;
@@ -127,6 +129,15 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		});
 		const treeDragIcon = computed(() => treeContext.dragIcon);
 		const treeNodeIcon = computed(() => treeContext.nodeIcon);
+		const shouldRenderEllipsis = computed(() => {
+			var _treeContext$treeProp3, _treeContext$treeProp4;
+			return ((_treeContext$treeProp3 = treeContext.treeProps) === null || _treeContext$treeProp3 === void 0 ? void 0 : _treeContext$treeProp3.ellipsis) === true || ((_treeContext$treeProp4 = treeContext.treeProps) === null || _treeContext$treeProp4 === void 0 ? void 0 : _treeContext$treeProp4.ellipsis) === "performant-ellipsis";
+		});
+		const ellipsisComponent = computed(() => {
+			var _treeContext$treeProp5;
+			return ((_treeContext$treeProp5 = treeContext.treeProps) === null || _treeContext$treeProp5 === void 0 ? void 0 : _treeContext$treeProp5.ellipsis) === "performant-ellipsis" ? PerformantEllipsis : Ellipsis;
+		});
+		const titleTextClassNames = computed(() => [`${prefixCls}-title-text`, { [`${prefixCls}-title-text-ellipsis`]: shouldRenderEllipsis.value }]);
 		function onSwitcherClick(e) {
 			var _children$value;
 			if (isLeaf.value) return;
@@ -301,10 +312,19 @@ var base_node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				}, [_ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", normalizeProps(mergeProps({ key: 0 }, nodeStatus))) : __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), normalizeProps(mergeProps({ key: 1 }, nodeStatus)), null, 16)) : treeNodeIcon.value ? (openBlock(), createBlock(resolveDynamicComponent(treeNodeIcon.value), mergeProps({
 					key: 2,
 					node: treeNodeData.value
-				}, nodeStatus), null, 16, ["node"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createElementVNode("span", { class: normalizeClass(`${unref(prefixCls)}-title-text`) }, [treeTitle.value ? (openBlock(), createBlock(resolveDynamicComponent(treeTitle.value), { key: 0 })) : renderSlot(_ctx.$slots, "title", {
+				}, nodeStatus), null, 16, ["node"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), createElementVNode("span", { class: normalizeClass(titleTextClassNames.value) }, [shouldRenderEllipsis.value ? (openBlock(), createBlock(resolveDynamicComponent(ellipsisComponent.value), {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-title-ellipsis`)
+				}, {
+					default: withCtx(() => [treeTitle.value ? (openBlock(), createBlock(resolveDynamicComponent(treeTitle.value), { key: 0 })) : renderSlot(_ctx.$slots, "title", {
+						key: 1,
+						title: __props.title
+					}, () => [createTextVNode(toDisplayString(__props.title), 1)])]),
+					_: 3
+				}, 8, ["class"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [treeTitle.value ? (openBlock(), createBlock(resolveDynamicComponent(treeTitle.value), { key: 0 })) : renderSlot(_ctx.$slots, "title", {
 					key: 1,
 					title: __props.title
-				}, () => [createTextVNode(toDisplayString(__props.title), 1)]), unref(draggable) ? (openBlock(), createElementBlock("span", {
+				}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 64)), unref(draggable) ? (openBlock(), createElementBlock("span", {
 					key: 2,
 					class: normalizeClass([`${unref(prefixCls)}-icon`, `${unref(prefixCls)}-drag-icon`])
 				}, [_ctx.$slots["drag-icon"] ? renderSlot(_ctx.$slots, "drag-icon", normalizeProps(mergeProps({ key: 0 }, nodeStatus))) : __props.dragIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.dragIcon), normalizeProps(mergeProps({ key: 1 }, nodeStatus)), null, 16)) : treeDragIcon.value ? (openBlock(), createBlock(resolveDynamicComponent(treeDragIcon.value), mergeProps({

package/es/tree/interface.d.ts

@@ -2,6 +2,7 @@ import { Slot, VNode } from 'vue';
 import { VirtualListProps } from '../_components/virtual-list/interface';
 import { Size } from '../_utils/constant';
 export type TreeNodeKey = number | string;
+export type TreeEllipsis = boolean | 'performant-ellipsis';
 export type TreeNodeDomEventName = 'click' | 'dblclick' | 'contextmenu' | 'mouseover' | 'mouseenter' | 'mouseleave' | 'mousemove' | 'mouseout' | 'mousedown' | 'mouseup' | 'pointerdown' | 'pointermove' | 'pointerup' | 'pointerenter' | 'pointerleave' | 'pointerover' | 'pointerout' | 'pointercancel' | 'touchstart' | 'touchmove' | 'touchend' | 'touchcancel' | 'keydown' | 'keyup' | 'keypress';
 export type TreeNodeSwipeEventName = 'swipeStart' | 'swipe' | 'swipeEnd';
 export type TreeNodeSwipeDirection = 'up' | 'down' | 'left' | 'right' | 'none';
@@ -99,6 +100,7 @@ export interface TreeProps {
     autoExpandParent?: boolean;
     onlyCheckLeaf: boolean;
     animation: boolean;
+    ellipsis: TreeEllipsis;
     actionOnNodeClick?: 'expand';
     disableSelectActionOnly: boolean;
     dragIcon?: Slot;

package/es/tree/style/index.css

@@ -144,6 +144,24 @@
   display: block;
   width: 100%;
 }
+.sd-tree-node-title-with-ellipsis {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.sd-tree-node-title-text-ellipsis {
+  display: block;
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+.sd-tree-node-title-ellipsis {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+}
 .sd-tree-node-indent {
   position: relative;
   flex-shrink: 0;

package/es/tree/style/index.d.ts

@@ -1,3 +1,4 @@
 import '../../style/index.scss';
 import '../../checkbox/style';
+import '../../ellipsis/style';
 import './index.scss';

package/es/tree/style/index.scss

@@ -189,6 +189,27 @@ $tree-node-prefix-cls: string.unquote('#{theme.$prefix}-tree-node');
     }
   }
 
+  &-node-title-with-ellipsis {
+    flex: 1 1 0;
+    min-width: 0;
+    max-width: 100%;
+    overflow: hidden;
+  }
+
+  &-node-title-text-ellipsis {
+    display: block;
+    flex: 1 1 0;
+    min-width: 0;
+    max-width: 100%;
+    overflow: hidden;
+  }
+
+  &-node-title-ellipsis {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+  }
+
   &-node-indent {
     position: relative;
     flex-shrink: 0;

package/es/tree/tree.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { VirtualListProps, ScrollIntoViewOptions } from '../_components/virtual-list/interface';
-import type { TreeFieldNames, TreeNodeData, FilterTreeNode, TreeNodeKey, CheckedStrategy, TreeNodeSwipeEventData } from './interface';
+import type { TreeFieldNames, TreeNodeData, FilterTreeNode, TreeNodeKey, CheckedStrategy, TreeNodeSwipeEventData, TreeEllipsis } from './interface';
 declare function toggleCheck(key: TreeNodeKey, e: Event): void;
 declare function scrollIntoView(options: ScrollIntoViewOptions): void;
 declare function getSelectedNodes(): (TreeNodeData | undefined)[];
@@ -123,6 +123,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: BooleanConstructor;
         default: boolean;
     };
+    ellipsis: {
+        type: PropType<TreeEllipsis>;
+        default: boolean;
+    };
     actionOnNodeClick: {
         type: PropType<"expand">;
     };
@@ -314,6 +318,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: BooleanConstructor;
         default: boolean;
     };
+    ellipsis: {
+        type: PropType<TreeEllipsis>;
+        default: boolean;
+    };
     actionOnNodeClick: {
         type: PropType<"expand">;
     };
@@ -388,6 +396,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     size: "small" | "mini" | "medium" | "large";
     data: TreeNodeData[];
+    ellipsis: TreeEllipsis;
     multiple: boolean;
     checkable: boolean | ((node: TreeNodeData, info: {
         level: number;

package/es/tree/tree.vue_vue_type_script_setup_true_lang.js

@@ -198,6 +198,14 @@ var tree_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			default: true
 		},
 		/**
+		* @zh 是否使用 Ellipsis 组件渲染节点标题。传入 `performant-ellipsis` 时使用高性能省略实现。
+		* @en Whether to render node titles with the Ellipsis component. Use `performant-ellipsis` for the performant implementation.
+		*/
+		ellipsis: {
+			type: [Boolean, String],
+			default: false
+		},
+		/**
 		* @zh 点击节点的时候触发的动作
 		* @en The action triggered when the node is clicked
 		* @version 2.27.0

package/json/vetur-attributes.json

@@ -1167,6 +1167,54 @@
     "description": "Whether to use in ConfigProvider",
     "type": "boolean"
   },
+  "sd-file-previewer/close": {
+    "description": "Close event"
+  },
+  "sd-file-previewer/visible-change": {
+    "description": "Visible state change"
+  },
+  "sd-file-previewer/src": {
+    "description": "File source url",
+    "type": "string"
+  },
+  "sd-file-previewer/type": {
+    "description": "Preview type, decides which previewer to use"
+  },
+  "sd-file-previewer/visible": {
+    "description": "Whether the previewer is visible",
+    "type": "boolean"
+  },
+  "sd-file-previewer/default-visible": {
+    "description": "Default visibility",
+    "type": "boolean"
+  },
+  "sd-file-previewer/fullscreen": {
+    "description": "Whether to show the previewer in fullscreen overlay",
+    "type": "boolean"
+  },
+  "sd-file-previewer/title": {
+    "description": "Title",
+    "type": "string"
+  },
+  "sd-file-previewer/mask-closable": {
+    "description": "Whether to close when mask is clicked",
+    "type": "boolean"
+  },
+  "sd-file-previewer/closable": {
+    "description": "Whether to show close button",
+    "type": "boolean"
+  },
+  "sd-file-previewer/esc-to-close": {
+    "description": "Whether to support closing with ESC",
+    "type": "boolean"
+  },
+  "sd-file-previewer/popup-container": {
+    "description": "Set the mount point, same as teleport to"
+  },
+  "sd-file-previewer/render-to-body": {
+    "description": "Whether to render to body",
+    "type": "boolean"
+  },
   "sd-form-item/field": {
     "description": "The path of the form element in the data object (required for the data item)",
     "type": "string"
@@ -4065,6 +4113,9 @@
     "description": "Whether to enable expand transition animation",
     "type": "boolean"
   },
+  "sd-tree/ellipsis": {
+    "description": "Whether to render node titles with the Ellipsis component. Use `performant-ellipsis` for the performant implementation."
+  },
   "sd-tree/action-on-node-click": {
     "description": "The action triggered when the node is clicked"
   },

package/json/vetur-tags.json

@@ -504,6 +504,23 @@
       "in-config-provider"
     ]
   },
+  "sd-file-previewer": {
+    "attributes": [
+      "close",
+      "visible-change",
+      "src",
+      "type",
+      "visible",
+      "default-visible",
+      "fullscreen",
+      "title",
+      "mask-closable",
+      "closable",
+      "esc-to-close",
+      "popup-container",
+      "render-to-body"
+    ]
+  },
   "sd-form-item": {
     "attributes": [
       "field",
@@ -1628,6 +1645,7 @@
       "half-checked-keys",
       "only-check-leaf",
       "animation",
+      "ellipsis",
       "action-on-node-click"
     ]
   },