refactor(chart): move components to widgets folder, change export type

extensions/chart/src/index.ts

@@ -1,16 +1,2 @@
 export * from './utils'
-export * from './baseChart'
-export * from './chartData.vue'
-export { default as ChartData } from './chartData.vue'
-export * from './chartDataset.vue'
-export { default as ChartDataset } from './chartDataset.vue'
-export * from './barChart.vue'
-export { default as BarChart } from './barChart.vue'
-export * from './lineChart.vue'
-export { default as LineChart } from './lineChart.vue'
-export * from './scatterChart.vue'
-export { default as ScatterChart } from './scatterChart.vue'
-export * from './bubbleChart.vue'
-export { default as BubbleChart } from './bubbleChart.vue'
-export * from './mixedChart.vue'
-export { default as MixedChart } from './mixedChart.vue'
+export * from './widgets'

extensions/chart/src/utils/index.ts

@@ -1 +1,3 @@
-export * as ChartUtil from './chartUtil'
+import * as ChartUtil from './chartUtil'
+
+export { ChartUtil }

extensions/chart/src/utils/useSimpleChart.ts

@@ -2,9 +2,9 @@ import { defineWidget } from '@vue-motion/core'
 import type { Ref } from 'vue'
 import { inject, provide, ref, unref } from 'vue'
 
-import type { BaseSimpleChartData, BaseSimpleChartOptions } from '../baseSimpleChart.vue'
-import type { ChartLayoutConfig } from '../chartLayout.vue'
-import type { MixedChartData } from '../mixedChart.vue'
+import type { BaseSimpleChartData, BaseSimpleChartOptions } from '../widgets/baseSimpleChart.vue'
+import type { ChartLayoutConfig } from '../widgets/chartLayout.vue'
+import type { MixedChartData } from '../widgets/mixedChart.vue'
 
 export function useSimpleChart<T extends BaseSimpleChartOptions>(props: T) {
   const options = defineWidget<T>(props)

extensions/chart/src/barChart.vue → extensions/chart/src/widgets/barChart.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { onMounted, ref, watchEffect } from 'vue'
-import type { BaseSimpleChartOptions } from './baseSimpleChart.vue'
+import { useSimpleChart } from '../utils/useSimpleChart.ts'
+import type { BaseChartStyle, Color } from '..'
+import { ColorEnum, DataUtil } from '..'
 import BaseSimpleChart from './baseSimpleChart.vue'
-import { useSimpleChart } from './utils/useSimpleChart.ts'
-import type { BaseChartStyle, Color } from '.'
-import { ColorEnum, DataUtil } from '.'
+import type { BaseSimpleChartOptions } from './baseSimpleChart.vue'
 
 /**
  * BarChart style.

extensions/chart/src/baseChart.ts → extensions/chart/src/widgets/baseChart.ts

@@ -2,8 +2,8 @@ import type { DateTime, DateTimeUnit } from 'luxon'
 
 import type { WidgetOptions } from '@vue-motion/lib'
 import type { ReturnWidget } from '@vue-motion/core'
+import type { BarChartStyle, ChartDataOptions, DateTimeWithDuration } from '..'
 import type { LineChartStyle } from './lineChart.vue'
-import type { BarChartStyle, ChartDataOptions, DateTimeWithDuration } from '.'
 // import type { default as ChartLayout } from './chartLayout'
 // import type { ChartDataUnit } from './chartDataUnit'
 

extensions/chart/src/baseSimpleChart.vue → extensions/chart/src/widgets/baseSimpleChart.vue

@@ -3,10 +3,9 @@ import type { Growable } from '@vue-motion/lib'
 import { widget } from '@vue-motion/lib'
 import type { DateTime } from 'luxon'
 import { withDefaults } from 'vue'
+import { useSimpleChart } from '../utils/useSimpleChart.ts'
+import type { BaseChartDataSet, BaseChartOptions, ChartStyle } from '..'
 import ChartLayout from './chartLayout.vue'
-import type { BaseChartOptions, ChartStyle } from './baseChart.ts'
-import type { BaseChartDataSet } from './chartDataset.vue'
-import { useSimpleChart } from './utils/useSimpleChart.ts'
 
 /**
  * BaseSimpleChartOptions

extensions/chart/src/bubbleChart.vue → extensions/chart/src/widgets/bubbleChart.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useSimpleChart } from './utils/useSimpleChart.ts'
-import type { LineChartOptions } from '.'
-import { LineChart } from '.'
+import { useSimpleChart } from '../utils/useSimpleChart.ts'
+import type { LineChartOptions } from '..'
+import { LineChart } from '..'
 
 export interface BubbleChartOptions extends LineChartOptions {
 }

extensions/chart/src/chartData.vue → extensions/chart/src/widgets/chartData.vue

@@ -6,7 +6,7 @@ import { defineWidget } from '@vue-motion/core'
 
 import type { Ref } from 'vue'
 import { inject } from 'vue'
-import type { BaseChartDataSet, ChartStyle } from '.'
+import type { BaseChartDataSet, ChartStyle } from '..'
 
 export interface ChartDataOptions extends WidgetOptions {
   index?: number | DateTimeWithDuration

extensions/chart/src/chartDataset.vue → extensions/chart/src/widgets/chartDataset.vue

@@ -6,8 +6,8 @@ import { defineWidget } from '@vue-motion/core'
 import type { Ref } from 'vue'
 import { inject, provide, ref, unref } from 'vue'
 
+import type { ChartDataOptions, ChartStyle } from '..'
 import type { BaseSimpleChartData } from './baseSimpleChart.vue'
-import type { ChartDataOptions, ChartStyle } from '.'
 
 export interface ChartDatasetOptions extends WidgetOptions {
   label: string

extensions/chart/src/chartLayout.vue → extensions/chart/src/widgets/chartLayout.vue

@@ -7,9 +7,9 @@ import { type Ref, inject, ref, watchEffect } from 'vue'
 import type { DateTimeUnit } from 'luxon'
 import { DateTime } from 'luxon'
 import stringWidth from 'string-width'
+import type { BaseChartOptions, Color, DateTimeFormatOptions } from '..'
+import { ColorEnum, DataUtil } from '..'
 import type { BaseSimpleChartData } from './baseSimpleChart.vue'
-import type { BaseChartOptions, Color, DateTimeFormatOptions } from '.'
-import { ColorEnum, DataUtil } from '.'
 
 export interface ChartLayoutOptions extends BaseChartOptions, Growable {
 }

extensions/chart/src/widgets/index.ts

@@ -0,0 +1,15 @@
+export * from './baseChart.ts'
+export type { ChartDataOptions, DateTimeWithDuration } from './chartData.vue'
+export { default as ChartData } from './chartData.vue'
+export type { ChartDatasetOptions, BaseChartDataSet } from './chartDataset.vue'
+export { default as ChartDataset } from './chartDataset.vue'
+export type { BarChartStyle, BarChartOptions } from './barChart.vue'
+export { default as BarChart } from './barChart.vue'
+export type { LineChartStyle, LineChartOptions } from './lineChart.vue'
+export { default as LineChart } from './lineChart.vue'
+export type { ScatterChartOptions } from './scatterChart.vue'
+export { default as ScatterChart } from './scatterChart.vue'
+export type { BubbleChartOptions } from './bubbleChart.vue'
+export { default as BubbleChart } from './bubbleChart.vue'
+export type { MixedChartData, MixedChartOptions } from './mixedChart.vue'
+export { default as MixedChart } from './mixedChart.vue'

extensions/chart/src/lineChart.vue → extensions/chart/src/widgets/lineChart.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { onMounted, ref, watchEffect } from 'vue'
-import type { BaseSimpleChartOptions } from './baseSimpleChart.vue'
+import { useSimpleChart } from '../utils/useSimpleChart.ts'
+import { bezierControlPoints } from '../utils/bezierControlPoints.ts'
+import type { BaseChartStyle, Color } from '..'
+import { ColorEnum, DataUtil } from '..'
 import BaseSimpleChart from './baseSimpleChart.vue'
-import { useSimpleChart } from './utils/useSimpleChart.ts'
-import { bezierControlPoints } from './utils/bezierControlPoints.ts'
-import type { BaseChartStyle, Color } from '.'
-import { ColorEnum, DataUtil } from '.'
+import type { BaseSimpleChartOptions } from './baseSimpleChart.vue'
 
 /**
  * LineChart style.

extensions/chart/src/scatterChart.vue → extensions/chart/src/widgets/scatterChart.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useSimpleChart } from './utils/useSimpleChart.ts'
-import type { LineChartOptions } from '.'
-import { LineChart } from '.'
+import { useSimpleChart } from '../utils/useSimpleChart.ts'
+import type { LineChartOptions } from '..'
+import { LineChart } from '..'
 
 export interface ScatterChartOptions extends LineChartOptions {
 }