gis-view-webgl2 0.1.0 → 0.1.2

package/docs/demos/DragDropDemo.vue

@@ -27,7 +27,7 @@
  *
  * 另外两块顺带把这一轮的其它能力摆出来：
  *   - 「微调最后一条」用细粒度方法改大小 / 图标 / 颜色 / 线宽 / 拐点 / 标记
- *     （setPointSize / setPointSymbol / setPointColor / setLineWidth / addWaypoint / addLineDecoration）；
+ *     （updatePoint / updateLine / addWaypoint / addLineDecoration）；
  *   - 「存档 → 重建」把 exportData({ format: 'input' }) 的结果整份喂回去（含标签状态 labelStates），
  *     重建之后拖过的标签偏移、运行时加的标签都还在 —— 数据格式与回显走的是同一条路。
  */
@@ -310,7 +310,7 @@ const clearPreview = () => {
 	previewPointer = null
 	previewInfo.value = null
 	lastContext = null
-	view?.clearDropPreview()
+	view?.setDropPreview(null)
 }
 
 /**
@@ -674,23 +674,23 @@ const tweaks = computed(() => {
 	}
 	if (target.kind === 'point') {
 		return [
-			{ label: '大一点', run: () => view.setPointSize(target.ref, pointSizeOf(target.ref) + 4) },
-			{ label: '小一点', run: () => view.setPointSize(target.ref, Math.max(4, pointSizeOf(target.ref) - 4)) },
-			{ label: '换图标', run: () => view.setPointSymbol(target.ref, isSquareSymbol(target.ref) ? 'circle' : 'square') },
-			{ label: '换个色', run: () => view.setPointColor(target.ref, pickColor()) }
+			{ label: '大一点', run: () => view.updatePoint(target.ref, { size: pointSizeOf(target.ref) + 4 }) },
+			{ label: '小一点', run: () => view.updatePoint(target.ref, { size: Math.max(4, pointSizeOf(target.ref) - 4) }) },
+			{ label: '换图标', run: () => view.updatePoint(target.ref, { symbol: isSquareSymbol(target.ref) ? 'circle' : 'square' }) },
+			{ label: '换个色', run: () => view.updatePoint(target.ref, { color: pickColor() }) }
 		]
 	}
 	if (target.kind === 'line') {
 		return [
-			{ label: '粗一点', run: () => view.setLineWidth(target.ref, (Number(lineItemOf(target.ref)?.width) || 1.4) + 1.5) },
-			{ label: '细一点', run: () => view.setLineWidth(target.ref, Math.max(0.5, (Number(lineItemOf(target.ref)?.width) || 1.4) - 1.5)) },
+			{ label: '粗一点', run: () => view.updateLine(target.ref, { width: (Number(lineItemOf(target.ref)?.width) || 1.4) + 1.5 }) },
+			{ label: '细一点', run: () => view.updateLine(target.ref, { width: Math.max(0.5, (Number(lineItemOf(target.ref)?.width) || 1.4) - 1.5) }) },
 			{ label: '加拐点', run: () => addMidWaypoint(target.ref) },
 			{ label: '加标记', run: () => addMidDecoration(target.ref) }
 		]
 	}
 	return [
-		{ label: '宽一点', run: () => view.setChannelWidth(target.ref, (Number(view.getChannel(target.ref)?.item?.width) || 0.3) + 0.2) },
-		{ label: '窄一点', run: () => view.setChannelWidth(target.ref, Math.max(0.05, (Number(view.getChannel(target.ref)?.item?.width) || 0.3) - 0.2)) },
+		{ label: '宽一点', run: () => view.updateChannel(target.ref, { width: (Number(view.getChannel(target.ref)?.item?.width) || 0.3) + 0.2 }) },
+		{ label: '窄一点', run: () => view.updateChannel(target.ref, { width: Math.max(0.05, (Number(view.getChannel(target.ref)?.item?.width) || 0.3) - 0.2) }) },
 		{ label: '换配色', run: () => view.setChannelColors(target.ref, pickColors()) },
 		{ label: '加拐点', run: () => view.addChannelGroupWaypoint(target.ref, undefined) }
 	]
@@ -891,7 +891,7 @@ onBeforeUnmount(() => {
 					>{{ tweak.label }}</button>
 				</div>
 				<p class="dv-readout">{{ lastAdded ? `${lastAdded.title} · ${lastAdded.ref}：${readoutOf(lastAdded)}` : '先拖一个要素上来' }}</p>
-				<p class="dv-hint">这些按钮走的是细粒度方法：setPointSize / setPointSymbol / setPointColor / setLineWidth / addWaypoint / addLineDecoration / setChannelWidth / setChannelColors…</p>
+				<p class="dv-hint">这些按钮走的是定向补丁：updatePoint / updateLine / addWaypoint / addLineDecoration / updateChannel / setChannelColors…</p>
 			</div>
 
 			<div class="dv-group">

package/docs/demos/EffectsDemo.vue

@@ -3,7 +3,7 @@
  * 动画效果演示：线路上的跑动图标（ECharts 的 lines.effect 那一类）与节点上的扩散涟漪（effectScatter 那一类）。
  *
  * 这一页只讲一件事 —— **颜色**：
- * - 全局一套色（setEffects）：所有动点 / 涟漪同一个颜色，改色板当场生效；
+ * - 全局一套色（updateOptions({ effects })）：所有动点 / 涟漪同一个颜色，改色板当场生效；
  * - 逐条各自一个色：把颜色写进数据里的 lines[].effect / points[].effect（view.batch 合成一条改动）；
  * - 图标自带颜色：换成内联 SVG 时那一份颜色就画在 SVG 里，动点直接用它；
  * - 读数是公开接口：getEffects / getStats / getLineEffects / getPointEffects / getPrebake，
@@ -138,21 +138,21 @@ const syncPrebake = () => {
 	prebakeText.value = [exact, cross].filter(Boolean).join(' · ')
 }
 
-/** 下发全局那一套：setEffects 是样式类快路径 —— 重解析要素、不重铺数据，逐条写的 effect 在这次重解析里定下来 */
+/** 下发全局那一套：updateOptions({ effects }) 是样式类快路径 —— 重解析要素、不重铺数据，逐条写的 effect 在这次重解析里定下来 */
 const applyEffects = () => {
 	if (!view) {
 		return
 	}
 	if (!lineOn.value && !pointOn.value) {
 		// 两层都关：等价于「一处全关」，逐条配的也一起停（与 effects: false 同一个语义）
-		view.setEffects(false)
+		view.updateOptions({ effects: false })
 		syncReadout()
 		return
 	}
-	view.setEffects({
+	view.updateOptions({ effects: {
 		line: lineOn.value ? buildLineEffect() : null,
 		point: pointOn.value ? buildPointEffect() : null
-	})
+	} })
 	syncReadout()
 	requestAnimationFrame(() => {
 		syncReadout()
@@ -208,7 +208,7 @@ const clearPrebake = () => {
 }
 /** 一处全关（effects: false）：连逐条配的一起停 —— 与「某个层关掉」不是一回事 */
 const killAll = () => {
-	view?.setEffects(false)
+	view?.updateOptions({ effects: false })
 	lineOn.value = false
 	pointOn.value = false
 	syncReadout()