@sdata/web-vue 1.14.0 → 1.19.0

package/es/menu/sub-menu-inline.vue_vue_type_script_lang.js

@@ -1,3 +1,4 @@
+import Ellipsis from "../ellipsis/index.js";
 import useLevel from "./hooks/use-level.js";
 import useMenu from "./hooks/use-menu.js";
 import useMenuContext from "./hooks/use-menu-context.js";
@@ -9,7 +10,8 @@ var sub_menu_inline_vue_vue_type_script_lang_default = defineComponent({
 	name: "SubMenuInline",
 	components: {
 		MenuIndent: indent_default,
-		ExpandTransition: expand_transition_default
+		ExpandTransition: expand_transition_default,
+		Ellipsis
 	},
 	props: {
 		title: { type: String },
@@ -24,6 +26,7 @@ var sub_menu_inline_vue_vue_type_script_lang_default = defineComponent({
 		return {
 			prefixCls,
 			menuPrefixCls,
+			menuContext,
 			classNames: computed(() => [prefixCls.value]),
 			level,
 			isSelected: computed(() => props.isChildrenSelected),

package/es/menu/sub-menu-pop.js

@@ -4,6 +4,7 @@ import { Fragment, createBlock, createCommentVNode, createElementBlock, createEl
 //#region components/menu/sub-menu-pop.vue
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_MenuIndent = resolveComponent("MenuIndent");
+	const _component_Ellipsis = resolveComponent("Ellipsis");
 	const _component_RenderFunction = resolveComponent("RenderFunction");
 	const _component_Menu = resolveComponent("Menu");
 	const _component_Trigger = resolveComponent("Trigger");
@@ -29,6 +30,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			"selected-keys": _ctx.selectedKeys,
 			theme: _ctx.menuContext.theme,
 			"trigger-props": _ctx.menuContext.triggerProps,
+			ellipsis: _ctx.menuContext.ellipsis,
+			"ellipsis-props": _ctx.menuContext.ellipsisProps,
 			style: normalizeStyle(_ctx.popupMenuStyles),
 			onMenuItemClick: _ctx.onMenuItemClick
 		}, createSlots({
@@ -47,15 +50,39 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 			"selected-keys",
 			"theme",
 			"trigger-props",
+			"ellipsis",
+			"ellipsis-props",
 			"style",
 			"onMenuItemClick"
 		])]),
 		default: withCtx(() => [createElementVNode("div", mergeProps({
-			class: [_ctx.classNames, { [`${_ctx.menuPrefixCls}-has-icon`]: _ctx.$slots.icon }],
+			class: [_ctx.classNames, {
+				[`${_ctx.menuPrefixCls}-has-icon`]: _ctx.$slots.icon,
+				[`${_ctx.menuPrefixCls}-ellipsis-enabled`]: _ctx.menuContext.ellipsis
+			}],
 			"aria-haspopup": "true"
 		}, _ctx.$attrs, { onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)) }), [
 			createVNode(_component_MenuIndent, { level: _ctx.level }, null, 8, ["level"]),
-			_ctx.$slots.icon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", { class: normalizeClass(`${_ctx.menuPrefixCls}-icon`) }, [renderSlot(_ctx.$slots, "icon")], 2), createElementVNode("span", { class: normalizeClass(`${_ctx.menuPrefixCls}-title`) }, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(_ctx.title), 1)])], 2)], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [createTextVNode(toDisplayString(_ctx.title), 1)]),
+			_ctx.$slots.icon ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", { class: normalizeClass(`${_ctx.menuPrefixCls}-icon`) }, [renderSlot(_ctx.$slots, "icon")], 2), _ctx.menuContext.ellipsis ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass([
+					`${_ctx.menuPrefixCls}-item-inner`,
+					`${_ctx.menuPrefixCls}-title`,
+					`${_ctx.menuPrefixCls}-ellipsis-wrapper`
+				])
+			}, [createVNode(_component_Ellipsis, mergeProps({ class: `${_ctx.menuPrefixCls}-ellipsis` }, _ctx.menuContext.ellipsisProps), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(_ctx.title), 1)])]),
+				_: 3
+			}, 16, ["class"])], 2)) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(`${_ctx.menuPrefixCls}-title`)
+			}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(_ctx.title), 1)])], 2))], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [_ctx.menuContext.ellipsis ? (openBlock(), createElementBlock("span", {
+				key: 0,
+				class: normalizeClass([`${_ctx.menuPrefixCls}-item-inner`, `${_ctx.menuPrefixCls}-ellipsis-wrapper`])
+			}, [createVNode(_component_Ellipsis, mergeProps({ class: `${_ctx.menuPrefixCls}-ellipsis` }, _ctx.menuContext.ellipsisProps), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(_ctx.title), 1)])]),
+				_: 3
+			}, 16, ["class"])], 2)) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [createTextVNode(toDisplayString(_ctx.title), 1)])], 64)),
 			createElementVNode("span", { class: normalizeClass(`${_ctx.menuPrefixCls}-icon-suffix`) }, [_ctx.needPopOnBottom ? renderSlot(_ctx.$slots, "expand-icon-down", { key: 0 }) : renderSlot(_ctx.$slots, "expand-icon-right", { key: 1 })], 2),
 			_ctx.isSelected && _ctx.mode === "horizontal" ? (openBlock(), createElementBlock("div", {
 				key: 2,