refactor: 重构用户管理部门树，支持部门管理

src/views/system/user/dept/RightMenu.vue

@@ -0,0 +1,67 @@
+<template>
+  <a-menu class="right-menu">
+    <a-menu-item @click="onClick('add')">
+      <template #icon><icon-plus-circle :size="16" :stroke-width="3" /></template>
+      <span>新增</span>
+    </a-menu-item>
+
+    <a-menu-item v-permission="['system:dept:update']" @click="onClick('update')">
+      <template #icon><icon-edit :size="16" :stroke-width="3" /></template>
+      <span>修改</span>
+    </a-menu-item>
+
+    <a-menu-item v-permission="['system:dept:delete']" :title="data.isSystem ? '系统内置数据不能删除' : undefined" :disabled="data.isSystem" @click="onClick('delete')">
+      <template #icon><icon-delete :size="16" :stroke-width="3" /></template>
+      <span>删除</span>
+    </a-menu-item>
+  </a-menu>
+</template>
+
+<script lang="ts" setup>
+import type { DeptResp } from '@/apis'
+
+interface Props {
+  data: DeptResp
+}
+
+const props = withDefaults(defineProps<Props>(), {})
+
+const emit = defineEmits<{
+  (e: 'on-menu-item-click', mode: string, data: DeptResp): void
+}>()
+
+// 点击菜单项
+const onClick = (mode: string) => {
+  emit('on-menu-item-click', mode, props.data)
+}
+</script>
+
+<style lang="scss" scoped>
+:deep(.arco-menu-inner) {
+  padding: 4px;
+
+  .arco-menu-item {
+    height: 34px;
+
+    &:not(.arco-menu-selected) {
+      color: $color-text-1;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.right-menu {
+  width: 120px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  border: 1px solid var(--color-border-2);
+  box-sizing: border-box;
+
+  .arrow-icon {
+    margin-right: 0;
+  }
+}
+</style>