@baron1996/klinecharts-runtime 0.9.13 → 0.9.15

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/dist/toolbar/toolbar-icons.d.ts

@@ -507,6 +507,95 @@ declare const ICON_SPECS: {
             readonly d: "M11.5 21h-4.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v5m-5 6h7m-3 -3l3 3l-3 3";
         };
     }];
+    readonly indicator: readonly [{
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M3 17l5 -5l4 4l8 -10";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M17 6h3v3";
+        };
+    }];
+    readonly timezone: readonly [{
+        readonly name: "circle";
+        readonly attributes: {
+            readonly cx: "12";
+            readonly cy: "12";
+            readonly r: "9";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M3 12h18";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M12 3a14 14 0 0 1 0 18";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M12 3a14 14 0 0 0 0 18";
+        };
+    }];
+    readonly settings: readonly [{
+        readonly name: "circle";
+        readonly attributes: {
+            readonly cx: "12";
+            readonly cy: "12";
+            readonly r: "3";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06 .06l-2.83 2.83l-.06 -.06a1.7 1.7 0 0 0 -1.88 -.34a1.7 1.7 0 0 0 -1.03 1.56v.17h-4v-.17a1.7 1.7 0 0 0 -1.03 -1.56a1.7 1.7 0 0 0 -1.88 .34l-.06 .06l-2.83 -2.83l.06 -.06a1.7 1.7 0 0 0 .34 -1.88a1.7 1.7 0 0 0 -1.56 -1.03h-.17v-4h.17a1.7 1.7 0 0 0 1.56 -1.03a1.7 1.7 0 0 0 -.34 -1.88l-.06 -.06l2.83 -2.83l.06 .06a1.7 1.7 0 0 0 1.88 .34h.01a1.7 1.7 0 0 0 1.02 -1.56v-.17h4v.17a1.7 1.7 0 0 0 1.03 1.56a1.7 1.7 0 0 0 1.88 -.34l.06 -.06l2.83 2.83l-.06 .06a1.7 1.7 0 0 0 -.34 1.88v.01a1.7 1.7 0 0 0 1.56 1.02h.17v4h-.17a1.7 1.7 0 0 0 -1.56 1.03";
+        };
+    }];
+    readonly fullscreen: readonly [{
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M4 8v-4h4";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M16 4h4v4";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M20 16v4h-4";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M8 20h-4v-4";
+        };
+    }];
+    readonly fullscreenExit: readonly [{
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M8 4v4h-4";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M16 4v4h4";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M20 16h-4v4";
+        };
+    }, {
+        readonly name: "path";
+        readonly attributes: {
+            readonly d: "M4 16h4v4";
+        };
+    }];
 };
 export type ToolbarIconName = keyof typeof ICON_SPECS;
 /** 使用 DOM API 创建符合 24×24 / 2px 规范的工具栏图标。 */

package/dist/toolbar/toolbar-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-icons.d.ts","sourceRoot":"","sources":["../../src/toolbar/toolbar-icons.ts"],"names":[],"mappings":"AAcA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsM2C,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,UAAU,CAAC;AAEtD,4CAA4C;AAC5C,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,eAAe,GAAG,aAAa,CAoBtE"}
+{"version":3,"file":"toolbar-icons.d.ts","sourceRoot":"","sources":["../../src/toolbar/toolbar-icons.ts"],"names":[],"mappings":"AAcA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgO2C,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,UAAU,CAAC;AAEtD,4CAA4C;AAC5C,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,eAAe,GAAG,aAAa,CAoBtE"}

package/dist/toolbar/toolbar-icons.js

@@ -201,6 +201,32 @@ const ICON_SPECS = {
             },
         },
     ],
+    indicator: [
+        { name: 'path', attributes: { d: 'M3 17l5 -5l4 4l8 -10' } },
+        { name: 'path', attributes: { d: 'M17 6h3v3' } },
+    ],
+    timezone: [
+        { name: 'circle', attributes: { cx: '12', cy: '12', r: '9' } },
+        { name: 'path', attributes: { d: 'M3 12h18' } },
+        { name: 'path', attributes: { d: 'M12 3a14 14 0 0 1 0 18' } },
+        { name: 'path', attributes: { d: 'M12 3a14 14 0 0 0 0 18' } },
+    ],
+    settings: [
+        { name: 'circle', attributes: { cx: '12', cy: '12', r: '3' } },
+        { name: 'path', attributes: { d: 'M19.4 15a1.7 1.7 0 0 0 .34 1.88l.06 .06l-2.83 2.83l-.06 -.06a1.7 1.7 0 0 0 -1.88 -.34a1.7 1.7 0 0 0 -1.03 1.56v.17h-4v-.17a1.7 1.7 0 0 0 -1.03 -1.56a1.7 1.7 0 0 0 -1.88 .34l-.06 .06l-2.83 -2.83l.06 -.06a1.7 1.7 0 0 0 .34 -1.88a1.7 1.7 0 0 0 -1.56 -1.03h-.17v-4h.17a1.7 1.7 0 0 0 1.56 -1.03a1.7 1.7 0 0 0 -.34 -1.88l-.06 -.06l2.83 -2.83l.06 .06a1.7 1.7 0 0 0 1.88 .34h.01a1.7 1.7 0 0 0 1.02 -1.56v-.17h4v.17a1.7 1.7 0 0 0 1.03 1.56a1.7 1.7 0 0 0 1.88 -.34l.06 -.06l2.83 2.83l-.06 .06a1.7 1.7 0 0 0 -.34 1.88v.01a1.7 1.7 0 0 0 1.56 1.02h.17v4h-.17a1.7 1.7 0 0 0 -1.56 1.03' } },
+    ],
+    fullscreen: [
+        { name: 'path', attributes: { d: 'M4 8v-4h4' } },
+        { name: 'path', attributes: { d: 'M16 4h4v4' } },
+        { name: 'path', attributes: { d: 'M20 16v4h-4' } },
+        { name: 'path', attributes: { d: 'M8 20h-4v-4' } },
+    ],
+    fullscreenExit: [
+        { name: 'path', attributes: { d: 'M8 4v4h-4' } },
+        { name: 'path', attributes: { d: 'M16 4v4h4' } },
+        { name: 'path', attributes: { d: 'M20 16h-4v4' } },
+        { name: 'path', attributes: { d: 'M4 16h4v4' } },
+    ],
 };
 /** 使用 DOM API 创建符合 24×24 / 2px 规范的工具栏图标。 */
 export function createToolbarIcon(name) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baron1996/klinecharts-runtime",
-  "version": "0.9.13",
+  "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.13",
-    "@baron1996/klinecharts-adapter": "0.9.13",
+    "@baron1996/kline-scene-schema": "0.9.15",
+    "@baron1996/klinecharts-adapter": "0.9.15",
     "@js-temporal/polyfill": "0.5.1"
   }
 }