From d7b0c15619e89d31c74f8db7a680b4c6a0009add Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期五, 09 八月 2024 16:51:34 +0800
Subject: [PATCH] 工艺路线行为上料选择更新
---
src/views/demo/feat/context-menu/index.vue | 117 +++++++++++++++++++++++++++-------------------------------
1 files changed, 55 insertions(+), 62 deletions(-)
diff --git a/src/views/demo/feat/context-menu/index.vue b/src/views/demo/feat/context-menu/index.vue
index 0bde0cf..f0601ac 100644
--- a/src/views/demo/feat/context-menu/index.vue
+++ b/src/views/demo/feat/context-menu/index.vue
@@ -9,77 +9,70 @@
</CollapseContainer>
</PageWrapper>
</template>
-<script lang="ts">
- import { defineComponent } from 'vue';
- import { useContextMenu } from '/@/hooks/web/useContextMenu';
- import { CollapseContainer } from '/@/components/Container';
- import { useMessage } from '/@/hooks/web/useMessage';
- import { PageWrapper } from '/@/components/Page';
+<script lang="ts" setup>
+ import { useContextMenu } from '@/hooks/web/useContextMenu';
+ import { CollapseContainer } from '@/components/Container';
+ import { useMessage } from '@/hooks/web/useMessage';
+ import { PageWrapper } from '@/components/Page';
- export default defineComponent({
- components: { CollapseContainer, PageWrapper },
- setup() {
- const [createContextMenu] = useContextMenu();
- const { createMessage } = useMessage();
- function handleContext(e: MouseEvent) {
- createContextMenu({
- event: e,
- items: [
+ const [createContextMenu] = useContextMenu();
+ const { createMessage } = useMessage();
+
+ function handleContext(e: MouseEvent) {
+ createContextMenu({
+ event: e,
+ items: [
+ {
+ label: 'New',
+ icon: 'bi:plus',
+ handler: () => {
+ createMessage.success('click new');
+ },
+ },
+ {
+ label: 'Open',
+ icon: 'bx:bxs-folder-open',
+ handler: () => {
+ createMessage.success('click open');
+ },
+ },
+ ],
+ });
+ }
+
+ function handleMultipleContext(e: MouseEvent) {
+ createContextMenu({
+ event: e,
+ items: [
+ {
+ label: 'New',
+ icon: 'bi:plus',
+
+ children: [
{
- label: 'New',
+ label: 'New1-1',
icon: 'bi:plus',
- handler: () => {
- createMessage.success('click new');
- },
- },
- {
- label: 'Open',
- icon: 'bx:bxs-folder-open',
- handler: () => {
- createMessage.success('click open');
- },
- },
- ],
- });
- }
-
- function handleMultipleContext(e: MouseEvent) {
- createContextMenu({
- event: e,
- items: [
- {
- label: 'New',
- icon: 'bi:plus',
-
+ divider: true,
children: [
{
- label: 'New1-1',
- icon: 'bi:plus',
- divider: true,
- children: [
- {
- label: 'New1-1-1',
- handler: () => {
- createMessage.success('click new');
- },
- },
- {
- label: 'New1-2-1',
- disabled: true,
- },
- ],
+ label: 'New1-1-1',
+ handler: () => {
+ createMessage.success('click new');
+ },
},
{
- label: 'New1-2',
- icon: 'bi:plus',
+ label: 'New1-2-1',
+ disabled: true,
},
],
},
+ {
+ label: 'New1-2',
+ icon: 'bi:plus',
+ },
],
- });
- }
-
- return { handleContext, handleMultipleContext };
- },
- });
+ },
+ ],
+ });
+ }
</script>
--
Gitblit v1.9.3