@363045841yyt/klinechart 0.7.5 → 0.7.6

package/src/components/KLineTooltip.vue

@@ -70,7 +70,7 @@ export interface KLineData {
 const props = defineProps<{
   k: KLineData | null
   index: number | null
-  data: KLineData[]
+  data: ReadonlyArray<KLineData>
   pos: { x: number; y: number }
   useAnchor?: boolean
   anchorPlacement?: 'right-bottom' | 'left-bottom'
@@ -109,7 +109,7 @@ const UP_COLOR = '#ef4444'
 const DOWN_COLOR = '#22c55e'
 const NEUTRAL_COLOR = '#6b7280'
 
-function calcDirection(k: KLineData, data: KLineData[], idx: number | null): number {
+function calcDirection(k: KLineData, data: ReadonlyArray<KLineData>, idx: number | null): number {
   if (k.close >= k.open) return 1
   const prev = typeof idx === 'number' && idx > 0 ? data[idx - 1] : undefined
   if (prev && k.close > prev.close) return 1

package/src/components/MarkerTooltip.vue

@@ -19,18 +19,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import type { ComponentPublicInstance } from 'vue'
-
-interface MarkerEntity {
-  markerType: string
-  metadata: Record<string, unknown>
-}
-
-interface CustomMarkerEntity {
-  date: string
-  shape: string
-  label?: { text: string }
-  metadata: Record<string, unknown>
-}
+import type { MarkerEntity, CustomMarkerEntity } from '@363045841yyt/klinechart-core/engine/marker/registry'
 
 const MARKER_TYPE_LABELS: Record<string, string> = {
   support: '支撑位',

package/src/composables/useFullscreenTeleportTarget.ts

@@ -8,11 +8,9 @@ export function provideFullscreenTeleportTarget(targetRef: Ref<HTMLElement | nul
 }
 
 export function useFullscreenTeleportTarget() {
-  // null = no provider in ancestor tree (degraded scenario)
   const targetRef = inject(FULLSCREEN_TARGET_KEY, null)
 
   return computed<HTMLElement | string>(() => {
-    // targetRef null → no provider; targetRef.value null → container not mounted yet
     return targetRef?.value ?? 'body'
   })
 }

package/src/web-component.ts

@@ -0,0 +1,14 @@
+import { defineCustomElement } from 'vue'
+import KLineChartVue from './components/KLineChart.vue'
+import type { SemanticChartConfig, DataFetcher } from '@363045841yyt/klinechart-core/semantic'
+
+const KLineChartElement = defineCustomElement(KLineChartVue, {
+  shadowRoot: true,
+})
+
+customElements.define('kline-chart', KLineChartElement)
+
+export { KLineChartElement }
+export default KLineChartElement
+
+export type { SemanticChartConfig, DataFetcher }