gis-view-webgl2 0.1.2 → 0.1.4

package/docs/steps/selftest-scale.html

@@ -123,6 +123,7 @@
 				const plainView = createGisView(host(320, 200), {
 					points: [{ id: 'p0', x: 0, y: 0 }, { id: 'p1', x: 40, y: 0 }],
 					lines: [{ id: 'pl0', from: 'p0', to: 'p1', start: [-20, -20], end: [60, -20] }],
+					lineFollowsNode: false,
 					filterWorker: false
 				})
 				await settle()
@@ -132,8 +133,8 @@
 					`首顶点 ${JSON.stringify(firstVertex())}`)
 				plainView.updatePoint('p0', { visible: false })
 				await settle()
-				check('无筛选：visible: false 的节点当场退场（绑定线的端点退回自身坐标）',
-					plainView.isPointVisible(0) === false && firstVertex()?.[0] === -20,
+				check('无筛选：lineFollowsNode: false 时 visible: false 只收起节点，绑定线停在最后坐标',
+					plainView.isPointVisible(0) === false && firstVertex()?.[0] === 0,
 					`首顶点 ${JSON.stringify(firstVertex())}`)
 				plainView.updatePoint('p0', { visible: true })
 				await settle()
@@ -372,6 +373,104 @@
 				await settle()
 				check('cascade: false 换回来，通道回线又出来', cascadeView.listLines({}).length === 2, `画出来的线 ${cascadeView.listLines({}).length} 条`)
 				cascadeView.destroy()
+				/* 3.7 删除型筛选：不命中的要素真正从数据里删掉；无 id 线路、点级联、通道、单条事件与历史都走同一条路。
+				   初始 filter 在创建期就生效，ready 看到的是删完的数据；undo / redo 只回放数据，不会让 remove 筛选再删一次 */
+				const removeChanges = []
+				let removeFilterCount = 0
+				let removeReady = null
+				const filterRemoveView = createGisView(host(420, 240), {
+					points: [
+						{ id: 'keep-a', x: 0, y: 0, keep: true },
+						{ id: 'drop', x: 50, y: 0, keep: false },
+						{ id: 'keep-b', x: 100, y: 0, keep: true }
+					],
+					lines: [
+						{ id: 'bound', from: 'drop', to: 'keep-a', keep: true },
+						{ path: [[50, 20], [100, 20]], keep: false },
+						{ id: 'kept-line', from: 'keep-a', to: 'keep-b', keep: true }
+					],
+					channels: [{ id: 'filter-ch', from: 'drop', to: 'keep-a', lineIds: ['bound'] }],
+					filter: { points: { keep: true }, lines: { keep: true }, cascade: 'binding', mode: 'remove' },
+					filterWorker: false,
+					history: true,
+					onReady: () => queueMicrotask(() => {
+						const data = filterRemoveView.getData()
+						removeReady = { points: data.points.length, lines: data.lines.length, channels: filterRemoveView.getOptions().channels.length }
+					}),
+					onFilter: () => { removeFilterCount += 1 },
+					onDataChange: payload => removeChanges.push(payload)
+				})
+				await settle()
+				const removeData = filterRemoveView.getData()
+				const removeChange = removeChanges.find(payload => payload.type === 'filterRemove') ?? null
+				const removeFinal = filterRemoveView.getFilterResult()
+				check('remove 筛选：初始条件在 ready 前删完（只留命中的点 / 线，空通道一并消失）',
+					removeReady?.points === 2 && removeReady?.lines === 1 && removeReady?.channels === 0 &&
+					removeData.points.every(point => point.keep === true) && removeData.lines.length === 1 && filterRemoveView.getOptions().channels.length === 0,
+					`ready ${JSON.stringify(removeReady)} / 数据 ${removeData.points.length} 点 ${removeData.lines.length} 线 ${filterRemoveView.getOptions().channels.length} 通道`)
+				check('remove 筛选：无 id 线路按原下标删除，级联线路与通道一起清掉',
+					removeData.lines[0]?.id === 'kept-line' &&
+					JSON.stringify(removeChange?.pointIndexes) === JSON.stringify([1]) &&
+					JSON.stringify(removeChange?.removedLineIndexes) === JSON.stringify([0, 1]) &&
+					removeChange?.removedLines === 2 && removeChange?.removedChannels === 1 &&
+					removeChange?.mode === 'remove' && removeChange?.removedPoints?.length === 1 && removeChange?.removedPoints?.[0]?.id === 'drop' &&
+					removeChange?.removedLineItems?.length === 2 && removeChange?.removedLineItems.some(line => line?.id === 'bound') &&
+					removeChange?.points?.length === 2 && !removeChange.points.some(point => point?.id === 'drop'),
+					JSON.stringify({ pointIndexes: removeChange?.pointIndexes, removedLineIndexes: removeChange?.removedLineIndexes, removedPoints: removeChange?.removedPoints?.map(point => point?.id), removedLineItems: removeChange?.removedLineItems?.map(line => line?.id ?? '无 id'), remainingPoints: removeChange?.points?.map(point => point?.id), lines: removeChange?.removedLines, channels: removeChange?.removedChannels }))
+				check('remove 筛选：只发一条 filterRemove 数据变更，不发中间的 removePoints / removeLines',
+					removeChanges.length === 1 && removeChange?.type === 'filterRemove' && removeChange?.ok === true,
+					removeChanges.map(payload => payload.type).join(',') || '无')
+				check('remove 筛选：删除完成后隐藏集合为空，并只回调一次 onFilter',
+					removeFinal?.hiddenPoints.length === 0 && removeFinal?.hiddenLines.length === 0 && removeFilterCount === 1,
+					`hidden ${removeFinal?.hiddenPoints.length}/${removeFinal?.hiddenLines.length} · onFilter ${removeFilterCount}`)
+				check('remove 筛选：历史只记一步 filterRemove',
+					filterRemoveView.getHistoryState().undoCount === 1 && filterRemoveView.getHistory()[0]?.type === 'filterRemove',
+					JSON.stringify(filterRemoveView.getHistory()))
+				const removeHistoryChanges = removeChanges.length
+				filterRemoveView.undo()
+				await settle()
+				const removeUndone = filterRemoveView.getData()
+				check('remove 筛选撤销：数据原样恢复，不会被仍生效的 remove 条件再次删除',
+					removeUndone.points.length === 3 && removeUndone.lines.length === 3 && filterRemoveView.getOptions().channels.length === 1 &&
+					removeChanges.filter(payload => payload.type === 'filterRemove').length === 1,
+					`${removeUndone.points.length} 点 ${removeUndone.lines.length} 线 ${filterRemoveView.getOptions().channels.length} 通道 / 新增 ${removeChanges.length - removeHistoryChanges} 条事件`)
+				check('remove 筛选撤销：筛选仍生效，恢复出来的不命中要素按隐藏态显示',
+					filterRemoveView.getFilter()?.mode === 'remove' &&
+					JSON.stringify(filterRemoveView.getFilterResult()?.hiddenPoints) === JSON.stringify([1]) &&
+					JSON.stringify(filterRemoveView.getFilterResult()?.hiddenLines) === JSON.stringify([0, 1]),
+					JSON.stringify({ hiddenPoints: filterRemoveView.getFilterResult()?.hiddenPoints, hiddenLines: filterRemoveView.getFilterResult()?.hiddenLines }))
+				filterRemoveView.redo()
+				await settle()
+				const removeRedone = filterRemoveView.getData()
+				check('remove 筛选重做：数据回到删完的状态，不会补发第二条 filterRemove',
+					removeRedone.points.length === 2 && removeRedone.lines.length === 1 && filterRemoveView.getOptions().channels.length === 0 &&
+					removeChanges.filter(payload => payload.type === 'filterRemove').length === 1,
+					`${removeRedone.points.length} 点 ${removeRedone.lines.length} 线 ${filterRemoveView.getOptions().channels.length} 通道`)
+				filterRemoveView.destroy()
+				const runtimeRemoveChanges = []
+				const runtimeRemoveView = createGisView(host(320, 200), {
+					points: [{ id: 'r0', x: 0, y: 0, keep: true }, { id: 'r1', x: 60, y: 0, keep: false }],
+					filterWorker: false,
+					onDataChange: payload => runtimeRemoveChanges.push(payload.type)
+				})
+				runtimeRemoveView.setFilter({ points: { keep: true }, mode: 'remove' })
+				await settle()
+				check('remove 筛选：运行时 setFilter 同样只发一条 filterRemove 并删掉不命中项',
+					runtimeRemoveView.getData().points.length === 1 && runtimeRemoveChanges.filter(type => type === 'filterRemove').length === 1,
+					`${runtimeRemoveView.getData().points.length} 点 / ${runtimeRemoveChanges.join(',') || '无事件'}`)
+				runtimeRemoveView.destroy()
+				const isolatedRemoveView = createGisView(host(320, 200), {
+					points: [{ id: 'i0', x: 0, y: 0, keep: true }, { id: 'i1', x: 80, y: 0, keep: false }],
+					lines: [{ id: 'i-line', from: 'i1', to: 'i0', keep: true }],
+					filter: { points: { keep: true }, cascade: false, mode: 'remove' },
+					filterWorker: false
+				})
+				await settle()
+				const isolatedRemoveData = isolatedRemoveView.getData()
+				check('remove 筛选：cascade: false 时删点只删筛选结果，不按 lineFollowsNode 连带删线路',
+					isolatedRemoveData.points.length === 1 && isolatedRemoveData.lines.length === 1,
+					`${isolatedRemoveData.points.length} 点 / ${isolatedRemoveData.lines.length} 线`)
+				isolatedRemoveView.destroy()
 				/* 4. 网格索引：线段按「真正穿过的格子」登记，一层铺不下就换更粗的一层（不再按包围盒兜底） */
 				const segments = [{ start: [0, 0], end: [1000, 1000] }, { start: [0, 950], end: [1000, 1000] }]
 				for (let index = 0; index < 4000; index += 1) {
@@ -776,36 +875,58 @@
 				const claimPath = claimView.getLine('cl')?.path
 				check('追加被线路按 id 认领的节点：回落整份重建，线跟着出来', claimPath?.length === 2 && Math.abs(claimPath[1][0] - 200) < 0.5 && claimView.getStats().pointCount === 3, `${claimPath?.length} 个顶点 / ${claimView.getStats().pointCount} 个点`)
 				claimView.destroy()
-				/* 自适应比例（zoomScaleAuto）与重定基准（setZoomBaseScale）：包围盒 / 比例一变，节点与通道间距一起变 */
-				const autoView = createGisView(host(640, 320), {
-					points: [{ id: 'z0', x: 0, y: 0, size: 10 }, { id: 'z1', x: 600, y: 0, size: 10 }],
-					lines: [{ id: 'zl', from: 'z0', to: 'z1', width: 2 }],
-					zoomScaleAuto: true,
-					showGrid: false
-				})
+				/* 适应视图的节点间距（fitSpacing）：远处孤立点撑大包围盒时，按最近可见节点中心距反推比例 */
+				const spacingPoints = [
+					{ id: 'f0', x: 0, y: 0, size: 10 },
+					{ id: 'f0b', x: 0, y: 0, size: 10 },
+					{ id: 'f1', x: 60, y: 0, size: 10 },
+					{ id: 'f2', x: 200, y: 0, size: 10 },
+					{ id: 'f3', x: 0, y: 200, size: 10 },
+					{ id: 'fx', x: 10000, y: 10000, size: 10 }
+				]
+				const fitSpacingBaseView = createGisView(host(640, 320), { points: spacingPoints, showGrid: false })
+				const spacingView = createGisView(host(640, 320), { points: spacingPoints, fitSpacing: { minDistance: 24, maxZoom: 0 }, showGrid: false })
 				await settle(140)
-				const autoFit = autoView.getCamera().scale
-				const autoSizeFit = autoView.snapshotScene({ background: false }).points[0]?.size ?? 0
-				check('自适应比例：开关写进 getOptions（面板回显读得到）', autoView.getOptions().zoomScaleAuto === true, String(autoView.getOptions().zoomScaleAuto))
-				check('自适应比例：联动基准缺省取首次适应视图时的比例', Math.abs(autoView.getZoomBaseScale() - autoFit) < 1e-9, `基准 ${autoView.getZoomBaseScale()} / 相机 ${autoFit}`)
-				autoView.setCamera({ scale: autoFit * 2, center: [0, 0] })
+				const plainFit = fitSpacingBaseView.getCamera().scale
+				const spacingFit = spacingView.getCamera().scale
+				check('适应节点间距：配置写进 getOptions（面板回显读得到）', spacingView.getOptions().fitSpacing?.minDistance === 24, JSON.stringify(spacingView.getOptions().fitSpacing))
+				check('适应节点间距：远处孤立点撑大包围盒后仍提高比例（重合点不算最近距离）', spacingFit > plainFit * 5, `${plainFit} → ${spacingFit}`)
+				const spacingCenter = spacingView.getCamera().center
+				check('适应节点间距：相机保持在普通适应的包围盒中心', Math.abs(spacingCenter[0] - 5000) < 0.5 && Math.abs(spacingCenter[1] - 5000) < 0.5, JSON.stringify(spacingCenter))
+				const spacingViewport = spacingView.getViewport()
+				const spacingCenterScreen = spacingView.project(5000, 5000)
+				check('适应节点间距：放大围绕普通适应中心发生，不跳到最近节点对', Math.abs(spacingCenterScreen[0] - spacingViewport.cssWidth / 2) < 0.1 && Math.abs(spacingCenterScreen[1] - spacingViewport.cssHeight / 2) < 0.1, JSON.stringify(spacingCenterScreen))
+				const spacingScreen0 = spacingView.project(0, 0)
+				const spacingScreen1 = spacingView.project(60, 0)
+				const spacingScreen = Math.hypot(spacingScreen1[0] - spacingScreen0[0], spacingScreen1[1] - spacingScreen0[1])
+				check('适应节点间距：最近节点中心距达到 minDistance（CSS 像素）', Math.abs(spacingScreen - 24) < 0.1, String(spacingScreen))
+				spacingView.updateOptions({ fitSpacing: { minDistance: 24, maxZoom: 2 } })
+				spacingView.fitView()
 				await settle(60)
-				const autoSizeZoom = autoView.snapshotScene({ background: false }).points[0]?.size ?? 0
-				check('自适应比例：相机放大 2 倍，节点绘制尺寸跟着翻倍（没写 pointZoomScale 时按 1 算）', Math.abs(autoSizeZoom - autoSizeFit * 2) < 0.02, `${autoSizeFit} → ${autoSizeZoom}`)
-				autoView.setZoomBaseScale()
+				const spacingCapped = spacingView.getCamera().scale
+				check('适应节点间距：maxZoom 限制相对普通适应比例的上限', Math.abs(spacingCapped - plainFit * 2) < 1e-6, `${plainFit} → ${spacingCapped}`)
+				spacingView.updateOptions({ fitSpacing: false })
+				spacingView.fitView()
 				await settle(60)
-				const autoSizeBased = autoView.snapshotScene({ background: false }).points[0]?.size ?? 0
-				check('重定基准：不传参数取当下相机比例，比例系数回到 1（节点回到原样大小）', Math.abs(autoView.getZoomBaseScale() - autoFit * 2) < 1e-9 && Math.abs(autoSizeBased - autoSizeFit) < 0.02, `基准 ${autoView.getZoomBaseScale()} / ${autoSizeZoom} → ${autoSizeBased}`)
-				autoView.updateOptions({ pointZoomScale: 0 })
-				autoView.setCamera({ scale: autoFit, center: [0, 0] })
-				await settle(60)
-				const autoSizeExplicit = autoView.snapshotScene({ background: false }).points[0]?.size ?? 0
-				check('自适应比例：显式写过指数就以显式值为准（写 0 即这一项不跟随）', Math.abs(autoSizeExplicit - autoSizeFit) < 0.02, `${autoSizeFit} / ${autoSizeExplicit}`)
-				autoView.updateOptions({ zoomScaleAuto: false })
-				autoView.setCamera({ scale: autoFit * 2, center: [0, 0] })
-				await settle(60)
-				check('自适应比例：关掉开关之后节点尺寸不再跟随（比例只按显式指数算）', Math.abs((autoView.snapshotScene({ background: false }).points[0]?.size ?? 0) - autoSizeFit) < 0.02, String(autoView.snapshotScene({ background: false }).points[0]?.size))
-				autoView.destroy()
+				const spacingOff = spacingView.getCamera()
+				check('适应节点间距：关闭后恢复普通适应比例与包围盒中心', Math.abs(spacingOff.scale - plainFit) < 1e-9 && Math.abs(spacingOff.center[0] - 5000) < 0.5, `${spacingCapped} → ${spacingOff.scale} / ${JSON.stringify(spacingOff.center)}`)
+				/* 规则网格里最近距离满地都是：比例仍按最近距离算，相机中心继续沿用普通适应的包围盒中心 */
+				const gridPoints = []
+				for (let row = 0; row < 5; row += 1) {
+					for (let column = 0; column < 5; column += 1) {
+						gridPoints.push({ id: `g${column}_${row}`, x: column * 10, y: row * 10, size: 10 })
+					}
+				}
+				gridPoints.push({ id: 'gx', x: 10000, y: 10000, size: 10 })
+				const gridSpacingView = createGisView(host(640, 320), { points: gridPoints, fitSpacing: { minDistance: 24, maxZoom: 0 }, showGrid: false })
+				await settle(140)
+				const gridCenter = gridSpacingView.getCamera().center
+				check('适应节点间距：最近距离并列时只调整比例，相机仍停在普通适应中心',
+					Math.abs(gridCenter[0] - 5000) <= 0.5 && Math.abs(gridCenter[1] - 5000) <= 0.5,
+					JSON.stringify(gridCenter))
+				gridSpacingView.destroy()
+				fitSpacingBaseView.destroy()
+				spacingView.destroy()
 			}
 			catch (error) {
 				check('页面没有抛错', false, String(error && error.stack ? error.stack : error).split('\n').slice(0, 3).join(' | '))

package/docs/steps/selftest-select.html

@@ -558,6 +558,96 @@
 				window.Image = nativeImage
 				dualView.destroy()
 				dualHost.remove()
+
+				/* ---------- 本轮：SVG 导出的描边色，以及 selectTrigger 单击 / 双击 ---------- */
+				const svgStrokeHost = document.createElement('div')
+				document.body.append(svgStrokeHost)
+				const strokeIcon = { type: 'svg', path: 'M3 8 L13 8', viewBox: [0, 0, 16, 16], fill: 'none', stroke: 'currentStrokeColor', strokeWidth: 4, tint: true }
+				const svgStrokeView = createGisView(svgStrokeHost, {
+					points: [{ id: 'stroke-a', x: 0, y: 0, symbol: strokeIcon, size: 28 }],
+					pointStyle: { size: 28, color: '#ffffff', strokeColor: '#e01f1f', strokeWidth: 2 },
+					showGrid: false,
+					fitOnInit: false,
+					initialView: { center: [0, 0], scale: 1 },
+					width: 240,
+					height: 180
+				})
+				await settle(120)
+				const decodeExportSvg = (url) => new TextDecoder().decode(Uint8Array.from(atob(String(url).slice(String(url).indexOf('base64,') + 7)), character => character.charCodeAt(0)))
+				const svgStrokeMarkup = decodeExportSvg(await svgStrokeView.exportImage({ type: 'svg', background: 'none', includeLabels: false }))
+				check('SVG 导出：currentStrokeColor 跟着节点描边色走（不再是纯白）', /stroke="rgba\(224, 31, 31, 1\)"/.test(svgStrokeMarkup), (svgStrokeMarkup.match(/<path[^>]*>/) ?? ['没有 path'])[0].slice(0, 160))
+				svgStrokeView.destroy()
+				svgStrokeHost.remove()
+
+				const triggerHost = document.createElement('div')
+				document.body.append(triggerHost)
+				const triggerClicks = []
+				const triggerDblClicks = []
+				const triggerChanges = []
+				const triggerView = createGisView(triggerHost, {
+					points: [
+						{ id: 'trigger-a', x: 0, y: 0, size: 22 },
+						{ id: 'trigger-b', x: 120, y: 0, size: 22 }
+					],
+					features: { select: true },
+					showGrid: false,
+					fitOnInit: false,
+					initialView: { center: [60, 0], scale: 1 },
+					width: 400,
+					height: 240,
+					onClick: payload => triggerClicks.push(payload),
+					onDblClick: payload => triggerDblClicks.push(payload),
+					onSelectChange: payload => triggerChanges.push(payload)
+				})
+				await settle(100)
+				const triggerBox = triggerView.canvas.getBoundingClientRect()
+				const triggerAt = (x, y, extra = {}) => {
+					pointerId += 1
+					const screen = triggerView.project(x, y)
+					const at = { clientX: triggerBox.left + screen[0], clientY: triggerBox.top + screen[1] }
+					const common = { bubbles: true, cancelable: true, pointerId, pointerType: 'mouse', button: 0, buttons: 1, ...at, ...extra }
+					triggerView.canvas.dispatchEvent(new PointerEvent('pointerdown', common))
+					triggerView.canvas.dispatchEvent(new PointerEvent('pointerup', { ...common, buttons: 0 }))
+				}
+				const triggerClick = async (x, y, extra = {}) => {
+					triggerAt(x, y, extra)
+					await settle(25)
+				}
+				const triggerIds = () => triggerView.getSelectionData().ids.join(',')
+				await triggerClick(0, 0)
+				check('selectTrigger 缺省 click：第一次单击就选中', triggerIds() === 'trigger-a' && triggerClicks.at(-1)?.action?.type === 'select', `${triggerIds()} / ${triggerClicks.at(-1)?.action?.type}`)
+				triggerView.selectFeatures(null)
+				triggerView.updateOptions({ selectTrigger: 'dblClick' })
+				const clicksBeforeDoubleTrigger = triggerClicks.length
+				const doublesBeforeTrigger = triggerDblClicks.length
+				await triggerClick(0, 0)
+				check('selectTrigger: dblClick：第一下只派发 onClick，不改选中集', triggerIds() === '' && triggerClicks.length === clicksBeforeDoubleTrigger + 1 && triggerDblClicks.length === doublesBeforeTrigger, `${triggerIds()} / click ${triggerClicks.length - clicksBeforeDoubleTrigger}`)
+				await triggerClick(0, 0)
+				check('selectTrigger: dblClick：第二下选中，并同时派发 onClick 与 onDblClick', triggerIds() === 'trigger-a' && triggerClicks.at(-1)?.action?.type === 'select' && triggerClicks.at(-1)?.action?.double === true && triggerDblClicks.length === doublesBeforeTrigger + 1 && triggerDblClicks.at(-1)?.action?.type === 'dblClick', `${triggerIds()} / ${triggerClicks.at(-1)?.action?.type} / dbl ${triggerDblClicks.length - doublesBeforeTrigger}`)
+				const doublesBeforeBlank = triggerDblClicks.length
+				await triggerClick(200, 80)
+				const blankFirstKept = triggerIds() === 'trigger-a'
+				await triggerClick(200, 80)
+				check('selectTrigger: dblClick：点空白也要等第二下才清空', blankFirstKept && triggerIds() === '' && triggerDblClicks.length === doublesBeforeBlank + 1, `${blankFirstKept} → ${triggerIds() || '空'}`)
+				triggerView.updateOptions({ selectTrigger: 'click' })
+				await triggerClick(120, 0)
+				check('selectTrigger 运行时改回 click 立刻生效', triggerIds() === 'trigger-b', triggerIds())
+
+				triggerView.updateOptions({ selectTrigger: 'dblClick', multiSelect: true })
+				triggerView.selectFeatures(null)
+				triggerClicks.length = 0
+				triggerDblClicks.length = 0
+				await triggerClick(0, 0)
+				await triggerClick(0, 0)
+				check('selectTrigger: dblClick + multiSelect：第二下取反选中', triggerIds() === 'trigger-a' && triggerClicks.at(-1)?.action?.type === 'toggleSelect' && triggerDblClicks.length === 1, `${triggerIds()} / ${triggerClicks.at(-1)?.action?.type}`)
+				await triggerClick(120, 0)
+				await triggerClick(120, 0)
+				check('selectTrigger: dblClick + multiSelect：再双击另一个节点是累加', triggerIds() === 'trigger-a,trigger-b' && triggerClicks.at(-1)?.action?.type === 'toggleSelect', triggerIds())
+				await triggerClick(0, 0)
+				await triggerClick(0, 0)
+				check('selectTrigger: dblClick + multiSelect：双击已选节点是取消', triggerIds() === 'trigger-b' && triggerClicks.at(-1)?.action?.type === 'toggleSelect', triggerIds())
+				triggerView.destroy()
+				triggerHost.remove()
 			}
 			catch (error) {
 				results.push('ERROR ' + (error && error.stack ? error.stack : error))

package/docs/steps/step-10-full.js

@@ -76,7 +76,7 @@ export const createFullView = (target, options = {}) => {
 		draggable: true,
 		boxSelect: true,
 		waypointEditable: true,
-		features: { pan: true, zoom: true, hover: true, select: true, contextMenu: true, keyboard: true, channelDraft: true, channelMenu: true },
+		features: { pan: true, zoom: true, hover: true, select: true, contextMenu: true, keyboard: true, channelDraft: true },
 		// 组件的回调都带载荷：type / index / item 就是「当前是哪个元素」，world 是光标处的世界坐标
 		onHover: payload => forward.onHover?.(payload),
 		onClick: payload => forward.onClick?.(payload),

package/docs/steps/step-12-events.js

@@ -119,7 +119,7 @@ export const createActionView = (target, options = {}) => {
 		draggable: true,
 		boxSelect: true,
 		waypointEditable: true,
-		features: { pan: true, zoom: true, hover: true, select: true, contextMenu: true, keyboard: true, channelDraft: true, channelMenu: true },
+		features: { pan: true, zoom: true, hover: true, select: true, contextMenu: true, keyboard: true, channelDraft: true },
 		// 下面五条是同一条路：每个回调先报一句判读，再交给页面自己那一条（日志、草稿读数都还在）
 		onPointerDown: (payload, event) => {
 			report(describeAction(payload, '按下'))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gis-view-webgl2",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "WebGL2 矢量视图：点、线与 GeoJSON / 图片背景层，无内置界面，点击 / 双击 / 拖拽可配置",
   "type": "module",
   "scripts": {