20260821230656

code/fms/fms-vue/src/components/ui/tree/index.scss

@@ -243,3 +243,70 @@
     transition: none;
   }
 }
+
+/* ============================================================
+ * 右键菜单（fixed 定位，挂载到 body）
+ * ============================================================ */
+.tree-context-menu {
+  position: fixed;
+  z-index: 3000;
+  min-width: 140px;
+  padding: 4px;
+  background: var(--fms-card);
+  border: 1px solid var(--fms-border);
+  border-radius: var(--fms-control-radius);
+  box-shadow: var(--fms-shadow);
+  overflow: hidden;
+}
+
+.tree-context-menu__item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 5px 10px;
+  border: none;
+  background: transparent;
+  color: var(--fms-text);
+  font-size: 13px;
+  line-height: 1.5;
+  text-align: left;
+  cursor: pointer;
+
+  &:hover:not(:disabled) {
+    background: var(--fms-secondary-hover);
+  }
+
+  &.is-danger {
+    color: #f53f3f;
+  }
+
+  &.is-disabled {
+    color: var(--fms-disabled-text);
+    cursor: not-allowed;
+  }
+}
+
+.tree-context-menu__icon {
+  flex: none;
+}
+
+.tree-context-menu__divider {
+  height: 1px;
+  margin: 4px 8px;
+  background: var(--fms-border);
+}
+
+/* 淡入淡出动画 */
+.tree-context-fade-enter-active {
+  transition: opacity 0.12s ease;
+}
+
+.tree-context-fade-leave-active {
+  transition: opacity 0.08s ease;
+}
+
+.tree-context-fade-enter-from,
+.tree-context-fade-leave-to {
+  opacity: 0;
+}