From b39af0f5e4e440f87ed40a03bd5e5cba255fe405 Mon Sep 17 00:00:00 2001
From: zs <zhousong@weben-smart.com>
Date: 周三, 30 4月 2025 17:13:02 +0800
Subject: [PATCH] 前端页面修改
---
HIAWms/web/src/components/vue3-context-menu/ContextMenuGroup.vue | 164 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 164 insertions(+), 0 deletions(-)
diff --git a/HIAWms/web/src/components/vue3-context-menu/ContextMenuGroup.vue b/HIAWms/web/src/components/vue3-context-menu/ContextMenuGroup.vue
new file mode 100644
index 0000000..1f09933
--- /dev/null
+++ b/HIAWms/web/src/components/vue3-context-menu/ContextMenuGroup.vue
@@ -0,0 +1,164 @@
+<script lang="ts">
+import { defineComponent, h, inject, toRefs } from 'vue'
+import type { PropType, SVGAttributes } from 'vue'
+import ContextSubMenuConstructor from './ContextSubMenu.vue';
+import ContextMenuItemConstructor from './ContextMenuItem.vue';
+import type { MenuOptions } from './ContextMenuDefine';
+
+export default defineComponent({
+ name: 'ContextMenuGroup',
+ props: {
+ /**
+ * Is this menu disabled?
+ */
+ disabled: {
+ type: Boolean,
+ default: false
+ },
+ /**
+ * Is this menu hidden?
+ */
+ hidden: {
+ type: Boolean,
+ default: false
+ },
+ /**
+ * Is this menu disabled?
+ */
+ clickHandler: {
+ type: Function as PropType<() => void>,
+ default: null
+ },
+ /**
+ * Menu label
+ */
+ label: {
+ type: String,
+ default: ''
+ },
+ /**
+ * Menu icon (for icon class)
+ */
+ icon: {
+ type: String,
+ default: ''
+ },
+ /**
+ * Custom icon library font class name.
+ *
+ * Only for css font icon, If you use the svg icon, you do not need to use this.
+ */
+ iconFontClass: {
+ type: String,
+ default: 'iconfont'
+ },
+ /**
+ * Is this menu item checked?
+ *
+ * The check mark are displayed on the left side of the icon, so it is not recommended to display the icon at the same time.
+ */
+ checked: {
+ type: Boolean,
+ default: false
+ },
+ /**
+ * Shortcut key text display on the right.
+ *
+ * The shortcut keys here are only for display. You need to handle the key events by yourself.
+ */
+ shortcut: {
+ type: String,
+ default: ''
+ },
+ /**
+ * Display icons use svg symbol (`<use xlink:href="#icon-symbol-name">`) 锛� only valid when icon attribute is empty.
+ */
+ svgIcon: {
+ type: String,
+ default: ''
+ },
+ /**
+ * The user-defined attribute of the svg tag, which is valid when using `svgIcon`.
+ */
+ svgProps: {
+ type: Object as PropType<SVGAttributes>,
+ default: null
+ },
+ /**
+ * Should a fixed-width icon area be reserved for menu items without icon. (this item)
+ *
+ * Default is true .
+ *
+ * The width of icon area can be override with css var `--mx-menu-placeholder-width`.
+ */
+ preserveIconWidth: {
+ type: Boolean,
+ default: true,
+ },
+ /**
+ * Show right arrow on this menu?
+ */
+ showRightArrow: {
+ type: Boolean,
+ default: false
+ },
+ /**
+ * Should close menu when Click this menu item ?
+ */
+ clickClose: {
+ type: Boolean,
+ default: true
+ },
+ /**
+ * By default, the submenu will automatically adjust its position to prevent it overflow the container.
+ *
+ * If you allow menu overflow containers, you can set this to false.
+ *
+ * Default is inherit from `MenuOptions.adjustPosition` .
+ */
+ adjustSubMenuPosition: {
+ type: Boolean,
+ default: undefined
+ },
+ /**
+ * Max width of submenu
+ */
+ maxWidth: {
+ type: [String, Number],
+ default: 0,
+ },
+ /**
+ * Min width of submenu
+ */
+ minWidth: {
+ type: [String, Number],
+ default: 0,
+ },
+ },
+ setup(props, ctx) {
+
+ const options = inject('globalOptions') as MenuOptions;
+ const { adjustSubMenuPosition, maxWidth, minWidth } = toRefs(props);
+ const adjustSubMenuPositionValue = typeof adjustSubMenuPosition.value !== 'undefined' ? adjustSubMenuPosition.value : options.adjustPosition;
+
+ //Create Item
+ return () => h(ContextMenuItemConstructor, {
+ ...props,
+ showRightArrow: true,
+ maxWidth: undefined,
+ minWidth: undefined,
+ adjustSubMenuPosition: undefined,
+ hasChildren: typeof ctx.slots.default !== undefined,
+ }, ctx.slots.default ? {
+ //Create SubMenu
+ submenu: () => h(ContextSubMenuConstructor, {
+ maxWidth: maxWidth.value,
+ minWidth: minWidth.value,
+ adjustPosition: adjustSubMenuPositionValue,
+ }, {
+ default: ctx.slots.default,
+ })
+ } : undefined);
+ },
+})
+</script>
\ No newline at end of file
--
Gitblit v1.9.3