@splicetree/plugin-selectable 0.1.1 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @splicetree/plugin-selectable
 
+## 0.3.0
+
+### Minor Changes
+
+- 选择行为优化：
+  - 普通点击在 multiple: true 时采用单选语义：清空其它选中，仅选中当前节点；若再次点击已选中节点则取消选中。
+  - ⌘/Ctrl + 点击 支持多选；Shift + 点击 支持范围选择。
+  - 示例已统一接入标准 onClick 事件，避免直接调用 toggleSelect 导致行为不一致。
+
+  影响与迁移：
+  - 若项目依赖旧的“普通点击追加选择”行为，请改为使用 ⌘/Ctrl + 点击 完成多选。
+
+## 0.2.0
+
+### Minor Changes
+
+- chore: align pointer/selectable versions with other plugins
+
 ## 0.1.0
 
 ### Minor Changes

package/dist/index.js

@@ -46,9 +46,13 @@ const selectablePlugin = {
 			if (!ctx.tree.getNode(nodeId)) return;
 			const shift = modifiers.shift;
 			const multiToggle = multiple && (modifiers.ctrl || modifiers.meta);
-			if (shift && lastSelectedKey) selectRange(lastSelectedKey, nodeId);
+			if (shift && multiple && lastSelectedKey) selectRange(lastSelectedKey, nodeId);
 			else if (multiToggle) toggleSelect(nodeId);
-			else toggleSelect(nodeId, true);
+			else {
+				const wasSelected = isSelected(nodeId);
+				if (multiple) selectedKeys.clear();
+				toggleSelect(nodeId, !wasSelected);
+			}
 		});
 		ctx.events.on("input:direction", (p) => {
 			const direction = p.direction;
@@ -66,13 +70,19 @@ const selectablePlugin = {
 					const parent = node.getParent();
 					if (parent) {
 						ctx.tree.activeId = parent.id;
-						if (!(modifiers.ctrl || modifiers.meta)) toggleSelect(parent.id, true);
+						if (!(modifiers.ctrl || modifiers.meta)) {
+							if (multiple) selectedKeys.clear();
+							toggleSelect(parent.id, true);
+						}
 					}
 				}
 				else if (direction === "right") {
 					if (node.hasChildren()) {
 						node.toggleExpand(true);
-						if (!(modifiers.ctrl || modifiers.meta)) toggleSelect(node.id, true);
+						if (!(modifiers.ctrl || modifiers.meta)) {
+							if (multiple) selectedKeys.clear();
+							toggleSelect(node.id, true);
+						}
 					}
 				}
 				return;
@@ -84,7 +94,10 @@ const selectablePlugin = {
 			if (!nextId) return;
 			ctx.tree.activeId = nextId;
 			if (modifiers.shift && multiple && lastSelectedKey) selectRange(lastSelectedKey, nextId);
-			else if (!(modifiers.ctrl || modifiers.meta)) toggleSelect(nextId, true);
+			else if (!(modifiers.ctrl || modifiers.meta)) {
+				if (multiple) selectedKeys.clear();
+				toggleSelect(nextId, true);
+			}
 		});
 		for (const id of defaultSelected) {
 			selectedKeys.add(id);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@splicetree/plugin-selectable",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "author": {
     "email": "michael.cocova@gmail.com",
     "name": "Michael Cocova"
@@ -23,7 +23,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@splicetree/core": "0.1.1"
+    "@splicetree/core": "0.3.0"
   },
   "scripts": {
     "dev": "tsdown --watch",

package/src/index.ts

@@ -96,12 +96,16 @@ export const selectablePlugin: SpliceTreePlugin = {
       }
       const shift = modifiers.shift
       const multiToggle = multiple && (modifiers.ctrl || modifiers.meta)
-      if (shift && lastSelectedKey) {
+      if (shift && multiple && lastSelectedKey) {
         selectRange(lastSelectedKey, nodeId)
       } else if (multiToggle) {
         toggleSelect(nodeId)
       } else {
-        toggleSelect(nodeId, true)
+        const wasSelected = isSelected(nodeId)
+        if (multiple) {
+          selectedKeys.clear()
+        }
+        toggleSelect(nodeId, !wasSelected)
       }
     })
 
@@ -130,6 +134,9 @@ export const selectablePlugin: SpliceTreePlugin = {
             if (parent) {
               ctx.tree.activeId = parent.id
               if (!(modifiers.ctrl || modifiers.meta)) {
+                if (multiple) {
+                  selectedKeys.clear()
+                }
                 toggleSelect(parent.id, true)
               }
             }
@@ -138,6 +145,9 @@ export const selectablePlugin: SpliceTreePlugin = {
           if (node.hasChildren()) {
             node.toggleExpand(true)
             if (!(modifiers.ctrl || modifiers.meta)) {
+              if (multiple) {
+                selectedKeys.clear()
+              }
               toggleSelect(node.id, true)
             }
           }
@@ -158,6 +168,9 @@ export const selectablePlugin: SpliceTreePlugin = {
       if (modifiers.shift && multiple && lastSelectedKey) {
         selectRange(lastSelectedKey, nextId)
       } else if (!(modifiers.ctrl || modifiers.meta)) {
+        if (multiple) {
+          selectedKeys.clear()
+        }
         toggleSelect(nextId, true)
       }
     })