@baron1996/klinecharts-runtime 0.9.14 → 0.9.15

package/README.md

@@ -4,7 +4,7 @@ Browser editing runtime and standard annotation toolbar for deterministic KLineC
 ChartScene files.
 
 ```bash
-npm install --save-exact @baron1996/kline-scene-schema@0.9.14 @baron1996/klinecharts-runtime@0.9.14
+npm install --save-exact @baron1996/kline-scene-schema@0.9.15 @baron1996/klinecharts-runtime@0.9.15
 ```
 
 ```ts

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 /** Web Runtime npm 包版本；ChartScene runtimeVersion 是独立的数据契约版本。 */
-export declare const WEB_RUNTIME_PACKAGE_VERSION: "0.9.14";
+export declare const WEB_RUNTIME_PACKAGE_VERSION: "0.9.15";
 export { SUPPORTED_OVERLAYS } from '@baron1996/klinecharts-adapter';
 export * from './cross-period/coordinator.js';
 export * from './drawing/capabilities.js';

package/dist/index.js

@@ -1,5 +1,5 @@
 /** Web Runtime npm 包版本；ChartScene runtimeVersion 是独立的数据契约版本。 */
-export const WEB_RUNTIME_PACKAGE_VERSION = '0.9.14';
+export const WEB_RUNTIME_PACKAGE_VERSION = '0.9.15';
 export { SUPPORTED_OVERLAYS } from '@baron1996/klinecharts-adapter';
 export * from './cross-period/coordinator.js';
 export * from './drawing/capabilities.js';

package/dist/toolbar/drawing-floating-toolbar.d.ts

@@ -1,8 +1,8 @@
 import type { DrawingRuntimeCapability } from '../drawing/capabilities.js';
 import type { DrawingFloatingToolbar, DrawingFloatingToolbarOptions } from '../types.js';
 /**
- * 创建选中 Drawing 的对象级浮动工具栏。工具栏使用 body portal，避免修改图表引擎 DOM；
- * 拖动位置只保存在当前实例内，刷新后回到图表顶部中央。
+ * 创建选中 Drawing 的对象级浮动工具栏。普通模式使用 body portal，目标图表所属工作区
+ * 进入元素全屏时迁入对应全屏子树；拖动位置只保存在当前实例内，刷新后回到图表顶部中央。
  */
 export declare function createDrawingFloatingToolbar(target: HTMLElement, runtime: DrawingRuntimeCapability, options?: DrawingFloatingToolbarOptions): DrawingFloatingToolbar;
 //# sourceMappingURL=drawing-floating-toolbar.d.ts.map

package/dist/toolbar/drawing-floating-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawing-floating-toolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/drawing-floating-toolbar.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,EACX,sBAAsB,EACtB,6BAA6B,EAC7B,MAAM,aAAa,CAAC;AAgFrB;;;GAGG;AACH,wBAAgB,4BAA4B,CAC3C,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,wBAAwB,EACjC,OAAO,GAAE,6BAAkC,GACzC,sBAAsB,CA6WxB"}
+{"version":3,"file":"drawing-floating-toolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/drawing-floating-toolbar.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,EACX,sBAAsB,EACtB,6BAA6B,EAC7B,MAAM,aAAa,CAAC;AAgFrB;;;GAGG;AACH,wBAAgB,4BAA4B,CAC3C,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,wBAAwB,EACjC,OAAO,GAAE,6BAAkC,GACzC,sBAAsB,CA4XxB"}

package/dist/toolbar/drawing-floating-toolbar.js

@@ -62,8 +62,8 @@ function selectedDrawing(runtime) {
     return id === undefined ? undefined : runtime.getDrawing(id);
 }
 /**
- * 创建选中 Drawing 的对象级浮动工具栏。工具栏使用 body portal，避免修改图表引擎 DOM；
- * 拖动位置只保存在当前实例内，刷新后回到图表顶部中央。
+ * 创建选中 Drawing 的对象级浮动工具栏。普通模式使用 body portal，目标图表所属工作区
+ * 进入元素全屏时迁入对应全屏子树；拖动位置只保存在当前实例内，刷新后回到图表顶部中央。
  */
 export function createDrawingFloatingToolbar(target, runtime, options = {}) {
     const style = document.createElement('style');
@@ -125,7 +125,13 @@ export function createDrawingFloatingToolbar(target, runtime, options = {}) {
     status.hidden = true;
     root.append(grip, type, createSeparator(), color, lineStyle.label, lineWidth.label, textInput, createSeparator(), lock, remove, status);
     document.head.append(style);
-    document.body.append(root);
+    const resolvePortalHost = () => {
+        const fullscreenElement = document.fullscreenElement;
+        return fullscreenElement !== null && fullscreenElement.contains(target)
+            ? fullscreenElement
+            : document.body;
+    };
+    resolvePortalHost().append(root);
     let destroyed = false;
     let userPositioned = false;
     let dragging = null;
@@ -327,8 +333,16 @@ export function createDrawingFloatingToolbar(target, runtime, options = {}) {
     grip.addEventListener('pointercancel', finishDrag);
     const unsubscribe = runtime.subscribeDrawingChanges(render);
     const handleViewportChange = () => clampCurrentPosition();
+    const handleFullscreenChange = () => {
+        const portalHost = resolvePortalHost();
+        if (root.parentNode !== portalHost) {
+            portalHost.append(root);
+        }
+        clampCurrentPosition();
+    };
     window.addEventListener('resize', handleViewportChange);
     window.addEventListener('scroll', handleViewportChange, true);
+    document.addEventListener('fullscreenchange', handleFullscreenChange);
     const resizeObserver = typeof ResizeObserver === 'undefined'
         ? null
         : new ResizeObserver(handleViewportChange);
@@ -354,6 +368,7 @@ export function createDrawingFloatingToolbar(target, runtime, options = {}) {
             resizeObserver?.disconnect();
             window.removeEventListener('resize', handleViewportChange);
             window.removeEventListener('scroll', handleViewportChange, true);
+            document.removeEventListener('fullscreenchange', handleFullscreenChange);
             colorInput.removeEventListener('change', handleColorChange);
             lineStyle.select.removeEventListener('change', handleLineStyleChange);
             lineWidth.select.removeEventListener('change', handleLineWidthChange);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baron1996/klinecharts-runtime",
-  "version": "0.9.14",
+  "version": "0.9.15",
   "description": "Web runtime for deterministic KLineCharts scenes.",
   "type": "module",
   "license": "Apache-2.0",
@@ -39,8 +39,8 @@
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@baron1996/kline-scene-schema": "0.9.14",
-    "@baron1996/klinecharts-adapter": "0.9.14",
+    "@baron1996/kline-scene-schema": "0.9.15",
+    "@baron1996/klinecharts-adapter": "0.9.15",
     "@js-temporal/polyfill": "0.5.1"
   }
 }