fix: outsideClickDeselect event in menu element

common/changes/@visactor/vtable/fix-menu-clear-select_2024-12-05-03-54.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@visactor/vtable",
+      "comment": "fix: outsideClickDeselect event in menu element",
+      "type": "none"
+    }
+  ],
+  "packageName": "@visactor/vtable"
+}

packages/vtable/src/components/menu/dom/BaseMenu.ts

@@ -40,4 +40,7 @@ export abstract class BaseMenu {
     const menuElement = this._getMenuElement();
     return menuElement.pointInMenuElement(x, y);
   }
+  getRootElement(): HTMLElement {
+    return this._getMenuElement().rootElement;
+  }
 }

packages/vtable/src/components/menu/dom/MenuHandler.ts

@@ -252,4 +252,14 @@ export class MenuHandler {
       info
     };
   }
+
+  containElement(el: HTMLElement): boolean {
+    for (const k in this._menuInstances) {
+      const contain = this._menuInstances[k].getRootElement()?.contains(el);
+      if (contain) {
+        return true;
+      }
+    }
+    return false;
+  }
 }

packages/vtable/src/event/listener/table-group.ts

@@ -398,7 +398,7 @@ export function bindTableGroupListener(eventManager: EventManager) {
   };
   const globalPointerdownCallback = (e: MouseEvent) => {
     const target = e.target as HTMLElement;
-    if (!table.getElement().contains(target)) {
+    if (!table.getElement().contains(target) && !table.internalProps.menuHandler.containElement(target)) {
       // 如果点击到表格外部的dom
       const isCompleteEdit = (table as ListTableAPI).editorManager?.completeEdit(e);
       getPromiseValue<boolean>(isCompleteEdit, isCompleteEdit => {

packages/vtable/src/icons.ts

@@ -332,27 +332,27 @@ const builtins = {
       cursor: 'pointer'
     };
   },
-  //loading状态按钮
-  get loading(): ImageIcon {
-    return {
-      type: 'image',
-      src: 'https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/media/loading-circle.gif',
-      width: collapse_size,
-      height: collapse_size,
-      name: 'loading',
-      positionType: IconPosition.contentLeft,
-      marginLeft: 0,
-      marginRight: 4,
-      hover: {
-        width: collapse_size_2,
-        height: collapse_size_2,
-        bgColor: 'rgba(101, 117, 168, 0.1)'
-      },
-      // cursor: 'pointer',
+  // //loading状态按钮
+  // get loading(): ImageIcon {
+  //   return {
+  //     type: 'image',
+  //     src: 'https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/media/loading-circle.gif',
+  //     width: collapse_size,
+  //     height: collapse_size,
+  //     name: 'loading',
+  //     positionType: IconPosition.contentLeft,
+  //     marginLeft: 0,
+  //     marginRight: 4,
+  //     hover: {
+  //       width: collapse_size_2,
+  //       height: collapse_size_2,
+  //       bgColor: 'rgba(101, 117, 168, 0.1)'
+  //     },
+  //     // cursor: 'pointer',
 
-      isGif: true
-    };
-  },
+  //     isGif: true
+  //   };
+  // },
 
   // drill按钮
   get drillDown(): SvgIcon {

packages/vtable/src/scenegraph/group-creater/cell-helper.ts

@@ -556,7 +556,12 @@ export function updateCell(
 
     // update text
     const textMark = oldCellGroup.getChildByName('text');
-    if (textMark) {
+    if (forceFastUpdate && textMark) {
+      const attribute = {
+        textBaseline: 'top'
+      };
+      textMark.setAttributes(cellTheme.text ? (Object.assign({}, cellTheme.text, attribute) as any) : attribute);
+    } else if (textMark) {
       const text = table.getCellValue(col, row);
       const { text: textArr, moreThanMaxCharacters } = breakString(text, table);