@363045841yyt/klinechart 0.7.5 → 0.7.6

package/dist/version.d.ts

@@ -1,3 +1,3 @@
 export declare const VERSION: string;
-export { VERSION as CORE_VERSION } from '../../core/src';
+export { VERSION as CORE_VERSION } from '@363045841yyt/klinechart-core';
 //# sourceMappingURL=version.d.ts.map

package/dist/web-component.d.ts

@@ -0,0 +1,18 @@
+import { SemanticChartConfig, DataFetcher } from '@363045841yyt/klinechart-core/semantic';
+declare const KLineChartElement: import('vue').VueElementConstructor<{
+    semanticConfig: SemanticChartConfig;
+    dataFetcher: DataFetcher;
+    yPaddingPx?: number;
+    minKWidth?: number;
+    maxKWidth?: number;
+    rightAxisWidth?: number;
+    bottomAxisHeight?: number;
+    priceLabelWidth?: number;
+    zoomLevels?: number;
+    initialZoomLevel?: number;
+    isFullscreen?: boolean;
+}>;
+export { KLineChartElement };
+export default KLineChartElement;
+export type { SemanticChartConfig, DataFetcher };
+//# sourceMappingURL=web-component.d.ts.map

package/dist/web-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-component.d.ts","sourceRoot":"","sources":["../src/web-component.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAE9F,QAAA,MAAM,iBAAiB;;;;;;;;;;;;EAErB,CAAA;AAIF,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,eAAe,iBAAiB,CAAA;AAEhC,YAAY,EAAE,mBAAmB,EAAE,WAAW,EAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@363045841yyt/klinechart",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "description": "Vue 3 bindings for @363045841yyt/klinechart-core. Idiomatic composables, SFC components.",
   "license": "MIT",
   "repository": {
@@ -28,6 +28,11 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./web-component": {
+      "import": {
+        "default": "./dist/kline-chart.js"
+      }
+    },
     "./style.css": "./dist/klinechart.css"
   },
   "files": [
@@ -39,7 +44,8 @@
   },
   "scripts": {
     "dev": "vite --config preview/vite.config.ts",
-    "build": "vite build && node -e \"require('fs').copyFileSync('dist/index.d.ts','dist/index.d.cts')\"",
+    "build": "vite build",
+    "build:wc": "cross-env BUILD_TARGET=web-component vite build",
     "postbuild": "node -e \"require('fs').copyFileSync('dist/index.d.ts','dist/index.d.cts')\"",
     "test": "vitest run",
     "test:watch": "vitest",
@@ -69,6 +75,7 @@
     "@size-limit/preset-small-lib": "^12.1.0",
     "@vitejs/plugin-vue": "^6.0.0",
     "@vue/test-utils": "^2.4.10",
+    "cross-env": "^7.0.3",
     "jsdom": "^29.1.1",
     "publint": "^0.3.0",
     "size-limit": "^12.1.0",
@@ -76,6 +83,7 @@
     "unplugin-icons": "^23.0.1",
     "vite": "^8.0.14",
     "vite-plugin-babel": "^1.3.2",
+    "vite-plugin-css-injected-by-js": "^5.0.1",
     "vite-plugin-dts": "^5.0.1",
     "vitest": "^4.1.5",
     "vue": "^3.5.0"

package/src/__tests__/_mockController.ts

@@ -20,13 +20,14 @@ import type {
     IndicatorDefinition,
     IndicatorSelectorController,
     KLineData,
+    PaneSpec,
     ToolbarController,
     ToolDefinition,
     ToolId,
 } from '@363045841yyt/klinechart-core'
 
 // ---------------------------------------------------------------------------
-// Inline mini-signal �?Object.is-equality, sync notify. Drop-in compatible
+// Inline mini-signal �?Object.is-equality, sync notify. Drop-in compatible
 // with `@363045841yyt/klinechart-core/reactivity` for shape-only test purposes.
 // ---------------------------------------------------------------------------
 
@@ -132,6 +133,7 @@ export function createMockChartController(
     })
     const data = createSignal<ReadonlyArray<KLineData>>(opts.data ?? [])
     const theme = createSignal<'light' | 'dark'>(opts.theme ?? 'light')
+    const paneLayout = createSignal<ReadonlyArray<PaneSpec>>([])
     const indicatorSelector = createMockIndicatorSelector()
     const toolbar = createMockToolbar()
     const drawing = createMockDrawing()
@@ -140,12 +142,15 @@ export function createMockChartController(
         viewport,
         data,
         theme,
+        paneLayout,
         indicatorSelector,
         toolbar,
         drawing,
         setData: (next) => data.set(next),
         appendData: (next) => data.set([...data.peek(), ...next]),
         updateData: (next) => data.set(next),
+        getData: () => data.peek(),
+        getZoomLevelCount: () => 10,
         setTheme: (next) => theme.set(next),
         zoomToLevel: (level) =>
             viewport.set({ ...viewport.peek(), zoomLevel: level }),
@@ -167,12 +172,17 @@ export function createMockChartController(
         removeIndicator: () => false,
         updateIndicatorParams: () => false,
         updateRendererConfig: () => {},
+        setTooltipSize: () => {},
+        setTooltipAnchorPositioning: () => {},
+        getIndicatorTitle: () => undefined,
         setDrawingTool: (tool) => drawing.setActiveTool(tool),
         clearDrawings: () => drawing.clearAll(),
         removeDrawing: () => {},
         resizeSubPane: () => false,
         createSubPane: () => false,
         clearSubPanes: () => {},
+        replaceSubPaneIndicator: () => false,
+        updatePaneLayout: (_panes: PaneSpec[]) => {},
         updateCustomMarkers: () => {},
         clearCustomMarkers: () => {},
         updateSettingsFacade: () => {},

package/src/components/DrawingStyleToolbar.vue

@@ -50,20 +50,7 @@
 
 <script setup lang="ts">
 import { onMounted, onUnmounted } from 'vue'
-
-export interface DrawingStyle {
-  stroke?: string
-  strokeWidth?: number
-  strokeStyle?: 'solid' | 'dashed' | 'dotted'
-  fill?: string
-}
-
-export interface DrawingObject {
-  id: string
-  type: string
-  points: { x: number; y: number }[]
-  style: DrawingStyle
-}
+import type { DrawingObject, DrawingStyle } from '@363045841yyt/klinechart-core/plugin'
 
 const props = defineProps<{
   drawing: DrawingObject

package/src/components/IndicatorParams.vue

@@ -117,6 +117,7 @@
 
 <script setup lang="ts">
 import { ref, watch, computed } from 'vue'
+import { useFullscreenTeleportTarget } from '../composables/useFullscreenTeleportTarget'
 
 export interface ParamConfig {
   key: string
@@ -146,7 +147,7 @@ const emit = defineEmits<{
 const localValues = ref<Record<string, number>>({ ...props.values })
 const showDescription = ref(true)
 
-const teleportTarget = computed(() => 'body')
+const teleportTarget = useFullscreenTeleportTarget()
 
 watch(
   () => props.values,

package/src/components/IndicatorSelector.vue

@@ -293,14 +293,12 @@ import IndicatorParams from './IndicatorParams.vue'
 import { useFullscreenTeleportTarget } from '../composables/useFullscreenTeleportTarget'
 import { coreSignalToVueRef } from '../index'
 import {
+  createIndicatorSelectorController,
+  type IndicatorDefinition,
   allIndicators,
   findIndicator,
   isSubIndicatorId,
-} from '@363045841yyt/klinechart-core/engine/renderers/Indicator/indicatorData'
-import type { Indicator } from '@363045841yyt/klinechart-core/engine/renderers/Indicator/indicatorData'
-import {
-  createIndicatorSelectorController,
-  type IndicatorDefinition,
+  type Indicator,
 } from '@363045841yyt/klinechart-core/controllers'
 
 const props = defineProps<{