@mx-sose-front/mx-sose-graph 1.1.3 → 1.1.4

package/src/utils/nameEditUtils.ts

@@ -1,137 +0,0 @@
-import { ref, nextTick, type Ref } from 'vue';
-import type { Shape } from '../types';
-
-export interface NameEditOptions {
-  onNameChange?: (oldName: string, newName: string) => void;
-  validateName?: (name: string) => string | null; // 返回错误信息，null表示验证通过
-  onEditStart?: () => void;
-  onEditEnd?: () => void;
-}
-
-export class NameEditManager {
-  private isEditing: Ref<boolean>;
-  private editingName: Ref<string>;
-  private nameInput: Ref<HTMLInputElement | undefined | null>;
-  private options: NameEditOptions;
-
-  constructor(options: NameEditOptions = {}) {
-    this.isEditing = ref(false);
-    this.editingName = ref('');
-    this.nameInput = ref<HTMLInputElement>();
-    this.options = options;
-  }
-
-  // 获取响应式状态
-  get editingState() {
-    return {
-      isEditingName: this.isEditing,
-      editingName: this.editingName,
-      nameInput: this.nameInput
-    };
-  }
-
-  // 设置名称输入框引用
-  setNameInput(input: HTMLInputElement | null) {
-    this.nameInput.value = input;
-  }
-
-  // 开始编辑名称
-  async startEdit(shape: Shape | null): Promise<void> {
-    if (!shape || this.isEditing.value) return;
-    
-    this.isEditing.value = true;
-    this.editingName.value = shape.name;
-    
-    // 触发开始编辑回调
-    this.options.onEditStart?.();
-    
-    await nextTick();
-    
-    // 聚焦并选中文本
-    this.nameInput.value?.focus();
-    this.nameInput.value?.select();
-  }
-
-  // 完成编辑
-  finishEdit(shape: Shape | null): void {
-    if (!shape || !this.isEditing.value) return;
-    
-    const newName = this.editingName.value.trim();
-    const oldName = shape.name;
-    
-    if (newName && newName !== oldName) {
-      // 验证名称
-      const validationError = this.options.validateName?.(newName);
-      if (validationError) {
-        // 如果验证失败，可以显示错误提示
-        console.warn('名称验证失败:', validationError);
-        this.cancelEdit();
-        return;
-      }
-      
-      // 调用名称变更回调
-      this.options.onNameChange?.(oldName, newName);
-    }
-    
-    this.isEditing.value = false;
-    this.editingName.value = '';
-    this.options.onEditEnd?.();
-  }
-
-  // 取消编辑
-  cancelEdit(): void {
-    this.isEditing.value = false;
-    this.editingName.value = '';
-    this.options.onEditEnd?.();
-  }
-
-  // 处理键盘事件
-  handleKeyUp(event: KeyboardEvent, shape: Shape | null): void {
-    if (event.key === 'Enter') {
-      this.finishEdit(shape);
-    } else if (event.key === 'Escape') {
-      this.cancelEdit();
-    }
-  }
-
-  // 处理失焦事件
-  handleBlur(shape: Shape | null): void {
-    this.finishEdit(shape);
-  }
-
-  // 判断是否可以编辑
-  canEdit(shape: Shape | null): boolean {
-    return !!shape && 
-           shape.shapeKey !== 'ConceptRole' && 
-           !this.isEditing.value;
-  }
-
-  // 获取名称显示文本
-  getDisplayName(shape: Shape | null): string {
-    return shape?.name || '';
-  }
-
-  // 重置状态
-  reset(): void {
-    this.isEditing.value = false;
-    this.editingName.value = '';
-  }
-}
-
-// 便捷创建函数
-export function createNameEditManager(options?: NameEditOptions): NameEditManager {
-  return new NameEditManager(options);
-}
-
-// 默认验证函数
-export function defaultNameValidator(name: string): string | null {
-  if (!name.trim()) {
-    return '名称不能为空';
-  }
-  
-  if (name.length > 100) {
-    return '名称长度不能超过100个字符';
-  }
-  
-  return null;
-}