duoyun-ui 2.1.0 → 2.2.1

package/react/DySankeyChart.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { DuoyunSankeyChartElement } from '../elements/sankey-chart';
+export * from '../elements/sankey-chart';
+export type DySankeyChartProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunSankeyChartElement> & {
+    data?: DuoyunSankeyChartElement['data'];
+    nodeWidth?: DuoyunSankeyChartElement['nodeWidth'];
+    nodePadding?: DuoyunSankeyChartElement['nodePadding'];
+    xAxi?: DuoyunSankeyChartElement['xAxi'];
+    yAxi?: DuoyunSankeyChartElement['yAxi'];
+};
+export type DySankeyChartExpose = {};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'dy-sankey-chart': DySankeyChartProps;
+        }
+    }
+}
+export declare const DySankeyChart: ForwardRefExoticComponent<Omit<DySankeyChartProps, "ref"> & RefAttributes<DySankeyChartExpose>>;
+export default DySankeyChart;

package/react/DySankeyChart.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { forwardRef, useImperativeHandle, useRef, useLayoutEffect } from 'react';
+export * from '../elements/sankey-chart';
+export const DySankeyChart = forwardRef(function (props, ref) {
+    const elementRef = useRef(null);
+    useImperativeHandle(ref, () => {
+        return {};
+    }, []);
+    // React Bug?
+    useLayoutEffect(() => {
+        const element = elementRef.current;
+        ["data", "nodeWidth", "nodePadding", "xAxi", "yAxi"].map(name => {
+            element[name] = props[name];
+        });
+    }, []);
+    return React.createElement("dy-sankey-chart", { ref: elementRef, ...props });
+});
+export default DySankeyChart;

package/react/DySortBox.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { DuoyunSortBoxElement } from '../elements/sort-box';
+export * from '../elements/sort-box';
+export type DySortBoxProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunSortBoxElement> & {
+    'onsort'?: (event: CustomEvent<Parameters<DuoyunSortBoxElement['sort']>[0]>) => void;
+};
+export type DySortBoxExpose = {};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'dy-sort-box': DySortBoxProps;
+        }
+    }
+}
+export declare const DySortBox: ForwardRefExoticComponent<Omit<DySortBoxProps, "ref"> & RefAttributes<DySortBoxExpose>>;
+export default DySortBox;

package/react/DySortBox.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { forwardRef, useImperativeHandle, useRef, useLayoutEffect } from 'react';
+export * from '../elements/sort-box';
+export const DySortBox = forwardRef(function (props, ref) {
+    const elementRef = useRef(null);
+    useImperativeHandle(ref, () => {
+        return {};
+    }, []);
+    // React Bug?
+    useLayoutEffect(() => {
+        const element = elementRef.current;
+        [].map(name => {
+            element[name] = props[name];
+        });
+    }, []);
+    return React.createElement("dy-sort-box", { ref: elementRef, ...props });
+});
+export default DySortBox;

package/react/DySortHandle.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { DuoyunSortHandleElement } from '../elements/sort-box';
+export * from '../elements/sort-box';
+export type DySortHandleProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunSortHandleElement> & {};
+export type DySortHandleExpose = {};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'dy-sort-handle': DySortHandleProps;
+        }
+    }
+}
+export declare const DySortHandle: ForwardRefExoticComponent<Omit<DySortHandleProps, "ref"> & RefAttributes<DySortHandleExpose>>;
+export default DySortHandle;

package/react/DySortHandle.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { forwardRef, useImperativeHandle, useRef, useLayoutEffect } from 'react';
+export * from '../elements/sort-box';
+export const DySortHandle = forwardRef(function (props, ref) {
+    const elementRef = useRef(null);
+    useImperativeHandle(ref, () => {
+        return {};
+    }, []);
+    // React Bug?
+    useLayoutEffect(() => {
+        const element = elementRef.current;
+        [].map(name => {
+            element[name] = props[name];
+        });
+    }, []);
+    return React.createElement("dy-sort-handle", { ref: elementRef, ...props });
+});
+export default DySortHandle;

package/react/DySortItem.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { DuoyunSortItemElement } from '../elements/sort-box';
+export * from '../elements/sort-box';
+export type DySortItemProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunSortItemElement> & {
+    handle?: DuoyunSortItemElement['handle'];
+};
+export type DySortItemExpose = {};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'dy-sort-item': DySortItemProps;
+        }
+    }
+}
+export declare const DySortItem: ForwardRefExoticComponent<Omit<DySortItemProps, "ref"> & RefAttributes<DySortItemExpose>>;
+export default DySortItem;

package/react/DySortItem.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { forwardRef, useImperativeHandle, useRef, useLayoutEffect } from 'react';
+export * from '../elements/sort-box';
+export const DySortItem = forwardRef(function (props, ref) {
+    const elementRef = useRef(null);
+    useImperativeHandle(ref, () => {
+        return {};
+    }, []);
+    // React Bug?
+    useLayoutEffect(() => {
+        const element = elementRef.current;
+        ["handle"].map(name => {
+            element[name] = props[name];
+        });
+    }, []);
+    return React.createElement("dy-sort-item", { ref: elementRef, ...props });
+});
+export default DySortItem;

package/react/DyVestaboard.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes, RefAttributes } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { DuoyunVestaboardElement } from '../elements/vestaboard';
+export * from '../elements/vestaboard';
+export type DyVestaboardProps = HTMLAttributes<HTMLDivElement> & RefAttributes<DuoyunVestaboardElement> & {
+    char?: DuoyunVestaboardElement['char'];
+    variant?: DuoyunVestaboardElement['variant'];
+    direction?: DuoyunVestaboardElement['direction'];
+    duration?: DuoyunVestaboardElement['duration'];
+    debug?: DuoyunVestaboardElement['debug'];
+};
+export type DyVestaboardExpose = {};
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'dy-vestaboard': DyVestaboardProps;
+        }
+    }
+}
+export declare const DyVestaboard: ForwardRefExoticComponent<Omit<DyVestaboardProps, "ref"> & RefAttributes<DyVestaboardExpose>>;
+export default DyVestaboard;

package/react/DyVestaboard.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { forwardRef, useImperativeHandle, useRef, useLayoutEffect } from 'react';
+export * from '../elements/vestaboard';
+export const DyVestaboard = forwardRef(function (props, ref) {
+    const elementRef = useRef(null);
+    useImperativeHandle(ref, () => {
+        return {};
+    }, []);
+    // React Bug?
+    useLayoutEffect(() => {
+        const element = elementRef.current;
+        ["char", "variant", "direction", "duration", "debug"].map(name => {
+            element[name] = props[name];
+        });
+    }, []);
+    return React.createElement("dy-vestaboard", { ref: elementRef, ...props });
+});
+export default DyVestaboard;

package/svelte/area-chart.d.ts

@@ -20,52 +20,18 @@ interface DyAreaChartProps extends HTMLAttributes<HTMLElement> {
     colors?: DuoyunAreaChartElement['colors'];
     xAxi?: DuoyunAreaChartElement['xAxi'];
     yAxi?: DuoyunAreaChartElement['yAxi'];
+    pAxi?: DuoyunAreaChartElement['pAxi'];
     yMin?: DuoyunAreaChartElement['yMin'];
     yMax?: DuoyunAreaChartElement['yMax'];
     xStep?: DuoyunAreaChartElement['xStep'];
     yStep?: DuoyunAreaChartElement['yStep'];
+    pStep?: DuoyunAreaChartElement['pStep'];
     tooltip?: DuoyunAreaChartElement['tooltip'];
     markLines?: DuoyunAreaChartElement['markLines'];
     'on:indexclick'?: (event: CustomEvent<Parameters<DuoyunAreaChartElement['indexclick']>[0]>) => void;
     loading?: DuoyunAreaChartElement['loading'];
     noData?: DuoyunAreaChartElement['noData'];
-    stageWidth?: DuoyunAreaChartElement['stageWidth'];
-    stageHeight?: DuoyunAreaChartElement['stageHeight'];
-    chartId?: DuoyunAreaChartElement['chartId'];
-    filtersSet?: DuoyunAreaChartElement['filtersSet'];
-    xAxiMin?: DuoyunAreaChartElement['xAxiMin'];
-    xAxiMax?: DuoyunAreaChartElement['xAxiMax'];
-    xAxiUnit?: DuoyunAreaChartElement['xAxiUnit'];
-    xAxiStepUnit?: DuoyunAreaChartElement['xAxiStepUnit'];
-    xAxiMarks?: DuoyunAreaChartElement['xAxiMarks'];
-    xAxiLabels?: DuoyunAreaChartElement['xAxiLabels'];
-    stateXAxiMarks?: DuoyunAreaChartElement['stateXAxiMarks'];
-    yAxiMin?: DuoyunAreaChartElement['yAxiMin'];
-    yAxiMax?: DuoyunAreaChartElement['yAxiMax'];
-    yAxiUnit?: DuoyunAreaChartElement['yAxiUnit'];
-    yAxiStepUnit?: DuoyunAreaChartElement['yAxiStepUnit'];
-    yAxiMarks?: DuoyunAreaChartElement['yAxiMarks'];
-    yAxiLabels?: DuoyunAreaChartElement['yAxiLabels'];
-    stateYAxiMarks?: DuoyunAreaChartElement['stateYAxiMarks'];
-    viewBox?: DuoyunAreaChartElement['viewBox'];
-    initXAxi?: DuoyunAreaChartElement['initXAxi'];
-    initYAxi?: DuoyunAreaChartElement['initYAxi'];
-    initViewBox?: DuoyunAreaChartElement['initViewBox'];
     genGradientId?: DuoyunAreaChartElement['genGradientId'];
-    getSVGPixel?: DuoyunAreaChartElement['getSVGPixel'];
-    getStageScale?: DuoyunAreaChartElement['getStageScale'];
-    getStagePoint?: DuoyunAreaChartElement['getStagePoint'];
-    getStagePointFromPosition?: DuoyunAreaChartElement['getStagePointFromPosition'];
-    renderLoading?: DuoyunAreaChartElement['renderLoading'];
-    renderNotData?: DuoyunAreaChartElement['renderNotData'];
-    renderXAxi?: DuoyunAreaChartElement['renderXAxi'];
-    renderYAxi?: DuoyunAreaChartElement['renderYAxi'];
-    renderMarkLines?: DuoyunAreaChartElement['renderMarkLines'];
-    polarToCartesian?: DuoyunAreaChartElement['polarToCartesian'];
-    cartesianToPolar?: DuoyunAreaChartElement['cartesianToPolar'];
-    mergeNumberValues?: DuoyunAreaChartElement['mergeNumberValues'];
-    mergeValues?: DuoyunAreaChartElement['mergeValues'];
-    findClosestIndex?: DuoyunAreaChartElement['findClosestIndex'];
 }
 declare module "svelte/elements" {
     interface SvelteHTMLElements {

package/svelte/countdown.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from "svelte/elements";
+import { DuoyunCountdownElement } from '../elements/countdown';
+export * from '../elements/countdown';
+interface DyCountdownProps extends HTMLAttributes<HTMLElement> {
+    value?: DuoyunCountdownElement['value'];
+    renderChar?: DuoyunCountdownElement['renderChar'];
+    'on:finish'?: (event: CustomEvent<Parameters<DuoyunCountdownElement['finish']>[0]>) => void;
+}
+declare module "svelte/elements" {
+    interface SvelteHTMLElements {
+        'dy-countdown': DyCountdownProps;
+    }
+}

package/svelte/countdown.js

@@ -0,0 +1,2 @@
+export * from '../elements/countdown';
+;

package/svelte/divider.d.ts

@@ -5,6 +5,7 @@ interface DyDividerProps extends HTMLAttributes<HTMLElement> {
     size?: DuoyunDividerElement['size'];
     color?: DuoyunDividerElement['color'];
     orientation?: DuoyunDividerElement['orientation'];
+    position?: DuoyunDividerElement['position'];
 }
 declare module "svelte/elements" {
     interface SvelteHTMLElements {

package/svelte/donut-chart.d.ts

@@ -6,7 +6,6 @@ interface DyDonutChartProps extends HTMLAttributes<HTMLElement> {
     total?: DuoyunDonutChartElement['total'];
     aspectRatio?: DuoyunDonutChartElement['aspectRatio'];
     sequences?: DuoyunDonutChartElement['sequences'];
-    stageWidth?: DuoyunDonutChartElement['stageWidth'];
 }
 declare module "svelte/elements" {
     interface SvelteHTMLElements {

package/svelte/radar-chart.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from "svelte/elements";
+import { DuoyunRadarChartElement } from '../elements/radar-chart';
+export * from '../elements/radar-chart';
+interface DyRadarChartProps extends HTMLAttributes<HTMLElement> {
+    dimensions?: DuoyunRadarChartElement['dimensions'];
+    sequences?: DuoyunRadarChartElement['sequences'];
+    showPoint?: DuoyunRadarChartElement['showPoint'];
+    showArea?: DuoyunRadarChartElement['showArea'];
+    xAxi?: DuoyunRadarChartElement['xAxi'];
+    yAxi?: DuoyunRadarChartElement['yAxi'];
+}
+declare module "svelte/elements" {
+    interface SvelteHTMLElements {
+        'dy-radar-chart': DyRadarChartProps;
+    }
+}

package/svelte/radar-chart.js

@@ -0,0 +1,2 @@
+export * from '../elements/radar-chart';
+;

package/svelte/sankey-chart.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes } from "svelte/elements";
+import { DuoyunSankeyChartElement } from '../elements/sankey-chart';
+export * from '../elements/sankey-chart';
+interface DySankeyChartProps extends HTMLAttributes<HTMLElement> {
+    data?: DuoyunSankeyChartElement['data'];
+    nodeWidth?: DuoyunSankeyChartElement['nodeWidth'];
+    nodePadding?: DuoyunSankeyChartElement['nodePadding'];
+    xAxi?: DuoyunSankeyChartElement['xAxi'];
+    yAxi?: DuoyunSankeyChartElement['yAxi'];
+}
+declare module "svelte/elements" {
+    interface SvelteHTMLElements {
+        'dy-sankey-chart': DySankeyChartProps;
+    }
+}

package/svelte/sankey-chart.js

@@ -0,0 +1,2 @@
+export * from '../elements/sankey-chart';
+;

package/svelte/sort-box.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from "svelte/elements";
+export * from '../elements/sort-box';
+interface DySortHandleProps extends HTMLAttributes<HTMLElement> {
+}
+declare module "svelte/elements" {
+    interface SvelteHTMLElements {
+        'dy-sort-handle': DySortHandleProps;
+    }
+}

package/svelte/sort-box.js

@@ -0,0 +1,2 @@
+export * from '../elements/sort-box';
+;

package/svelte/vestaboard.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes } from "svelte/elements";
+import { DuoyunVestaboardElement } from '../elements/vestaboard';
+export * from '../elements/vestaboard';
+interface DyVestaboardProps extends HTMLAttributes<HTMLElement> {
+    char?: DuoyunVestaboardElement['char'];
+    variant?: DuoyunVestaboardElement['variant'];
+    direction?: DuoyunVestaboardElement['direction'];
+    duration?: DuoyunVestaboardElement['duration'];
+    debug?: DuoyunVestaboardElement['debug'];
+}
+declare module "svelte/elements" {
+    interface SvelteHTMLElements {
+        'dy-vestaboard': DyVestaboardProps;
+    }
+}

package/svelte/vestaboard.js

@@ -0,0 +1,2 @@
+export * from '../elements/vestaboard';
+;

package/vue/DyAreaChart.vue

@@ -23,51 +23,17 @@ filters?: DuoyunAreaChartElement['filters'],
 colors?: DuoyunAreaChartElement['colors'],
 xAxi?: DuoyunAreaChartElement['xAxi'],
 yAxi?: DuoyunAreaChartElement['yAxi'],
+pAxi?: DuoyunAreaChartElement['pAxi'],
 yMin?: DuoyunAreaChartElement['yMin'],
 yMax?: DuoyunAreaChartElement['yMax'],
 xStep?: DuoyunAreaChartElement['xStep'],
 yStep?: DuoyunAreaChartElement['yStep'],
+pStep?: DuoyunAreaChartElement['pStep'],
 tooltip?: DuoyunAreaChartElement['tooltip'],
 markLines?: DuoyunAreaChartElement['markLines'],
 loading?: DuoyunAreaChartElement['loading'],
 noData?: DuoyunAreaChartElement['noData'],
-stageWidth?: DuoyunAreaChartElement['stageWidth'],
-stageHeight?: DuoyunAreaChartElement['stageHeight'],
-chartId?: DuoyunAreaChartElement['chartId'],
-filtersSet?: DuoyunAreaChartElement['filtersSet'],
-xAxiMin?: DuoyunAreaChartElement['xAxiMin'],
-xAxiMax?: DuoyunAreaChartElement['xAxiMax'],
-xAxiUnit?: DuoyunAreaChartElement['xAxiUnit'],
-xAxiStepUnit?: DuoyunAreaChartElement['xAxiStepUnit'],
-xAxiMarks?: DuoyunAreaChartElement['xAxiMarks'],
-xAxiLabels?: DuoyunAreaChartElement['xAxiLabels'],
-stateXAxiMarks?: DuoyunAreaChartElement['stateXAxiMarks'],
-yAxiMin?: DuoyunAreaChartElement['yAxiMin'],
-yAxiMax?: DuoyunAreaChartElement['yAxiMax'],
-yAxiUnit?: DuoyunAreaChartElement['yAxiUnit'],
-yAxiStepUnit?: DuoyunAreaChartElement['yAxiStepUnit'],
-yAxiMarks?: DuoyunAreaChartElement['yAxiMarks'],
-yAxiLabels?: DuoyunAreaChartElement['yAxiLabels'],
-stateYAxiMarks?: DuoyunAreaChartElement['stateYAxiMarks'],
-viewBox?: DuoyunAreaChartElement['viewBox'],
-initXAxi?: DuoyunAreaChartElement['initXAxi'],
-initYAxi?: DuoyunAreaChartElement['initYAxi'],
-initViewBox?: DuoyunAreaChartElement['initViewBox'],
-genGradientId?: DuoyunAreaChartElement['genGradientId'],
-getSVGPixel?: DuoyunAreaChartElement['getSVGPixel'],
-getStageScale?: DuoyunAreaChartElement['getStageScale'],
-getStagePoint?: DuoyunAreaChartElement['getStagePoint'],
-getStagePointFromPosition?: DuoyunAreaChartElement['getStagePointFromPosition'],
-renderLoading?: DuoyunAreaChartElement['renderLoading'],
-renderNotData?: DuoyunAreaChartElement['renderNotData'],
-renderXAxi?: DuoyunAreaChartElement['renderXAxi'],
-renderYAxi?: DuoyunAreaChartElement['renderYAxi'],
-renderMarkLines?: DuoyunAreaChartElement['renderMarkLines'],
-polarToCartesian?: DuoyunAreaChartElement['polarToCartesian'],
-cartesianToPolar?: DuoyunAreaChartElement['cartesianToPolar'],
-mergeNumberValues?: DuoyunAreaChartElement['mergeNumberValues'],
-mergeValues?: DuoyunAreaChartElement['mergeValues'],
-findClosestIndex?: DuoyunAreaChartElement['findClosestIndex']
+genGradientId?: DuoyunAreaChartElement['genGradientId']
         }>();
         
         const emit = defineEmits<{
@@ -96,7 +62,7 @@ indexclick: [event: CustomEvent<Parameters<DuoyunAreaChartElement['indexclick']>
         <template>
           <dy-area-chart
             ref="elementRef"
-            .fill="props.fill" .stroke="props.stroke" .stack="props.stack" .symbol="props.symbol" .symbolRender="props.symbolRender" .chartzoom="props.chartzoom" .chartZoom="props.chartZoom" .range="props.range" .smooth="props.smooth" .gradient="props.gradient" .sequences="props.sequences" .aspectRatio="props.aspectRatio" .filters="props.filters" .colors="props.colors" .xAxi="props.xAxi" .yAxi="props.yAxi" .yMin="props.yMin" .yMax="props.yMax" .xStep="props.xStep" .yStep="props.yStep" .tooltip="props.tooltip" .markLines="props.markLines" .loading="props.loading" .noData="props.noData" .stageWidth="props.stageWidth" .stageHeight="props.stageHeight" .chartId="props.chartId" .filtersSet="props.filtersSet" .xAxiMin="props.xAxiMin" .xAxiMax="props.xAxiMax" .xAxiUnit="props.xAxiUnit" .xAxiStepUnit="props.xAxiStepUnit" .xAxiMarks="props.xAxiMarks" .xAxiLabels="props.xAxiLabels" .stateXAxiMarks="props.stateXAxiMarks" .yAxiMin="props.yAxiMin" .yAxiMax="props.yAxiMax" .yAxiUnit="props.yAxiUnit" .yAxiStepUnit="props.yAxiStepUnit" .yAxiMarks="props.yAxiMarks" .yAxiLabels="props.yAxiLabels" .stateYAxiMarks="props.stateYAxiMarks" .viewBox="props.viewBox" .initXAxi="props.initXAxi" .initYAxi="props.initYAxi" .initViewBox="props.initViewBox" .genGradientId="props.genGradientId" .getSVGPixel="props.getSVGPixel" .getStageScale="props.getStageScale" .getStagePoint="props.getStagePoint" .getStagePointFromPosition="props.getStagePointFromPosition" .renderLoading="props.renderLoading" .renderNotData="props.renderNotData" .renderXAxi="props.renderXAxi" .renderYAxi="props.renderYAxi" .renderMarkLines="props.renderMarkLines" .polarToCartesian="props.polarToCartesian" .cartesianToPolar="props.cartesianToPolar" .mergeNumberValues="props.mergeNumberValues" .mergeValues="props.mergeValues" .findClosestIndex="props.findClosestIndex"
+            .fill="props.fill" .stroke="props.stroke" .stack="props.stack" .symbol="props.symbol" .symbolRender="props.symbolRender" .chartzoom="props.chartzoom" .chartZoom="props.chartZoom" .range="props.range" .smooth="props.smooth" .gradient="props.gradient" .sequences="props.sequences" .aspectRatio="props.aspectRatio" .filters="props.filters" .colors="props.colors" .xAxi="props.xAxi" .yAxi="props.yAxi" .pAxi="props.pAxi" .yMin="props.yMin" .yMax="props.yMax" .xStep="props.xStep" .yStep="props.yStep" .pStep="props.pStep" .tooltip="props.tooltip" .markLines="props.markLines" .loading="props.loading" .noData="props.noData" .genGradientId="props.genGradientId"
             @zoom="e => emit('zoom', e)" @indexclick="e => emit('indexclick', e)">
             <slot />
           </dy-area-chart>

package/vue/DyCountdown.vue

@@ -0,0 +1,43 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunCountdownElement } from '../elements/countdown';
+        
+        const elementRef = ref<DuoyunCountdownElement>();
+        
+        const props = defineProps<{
+          value?: DuoyunCountdownElement['value'],
+renderChar?: DuoyunCountdownElement['renderChar']
+        }>();
+        
+        const emit = defineEmits<{
+          finish: [event: CustomEvent<Parameters<DuoyunCountdownElement['finish']>[0]>]
+        }>()
+
+        type DyCountdownExpose = {
+          
+        }
+        
+        defineExpose<DyCountdownExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/countdown';
+        export default {
+          name: 'DyCountdown',
+        };
+        </script>
+        
+        <template>
+          <dy-countdown
+            ref="elementRef"
+            .value="props.value" .renderChar="props.renderChar"
+            @finish="e => emit('finish', e)">
+            <slot />
+          </dy-countdown>
+        </template>
+      

package/vue/DyDivider.vue

@@ -8,7 +8,8 @@
         const props = defineProps<{
           size?: DuoyunDividerElement['size'],
 color?: DuoyunDividerElement['color'],
-orientation?: DuoyunDividerElement['orientation']
+orientation?: DuoyunDividerElement['orientation'],
+position?: DuoyunDividerElement['position']
         }>();
         
         const emit = defineEmits<{
@@ -36,7 +37,7 @@ orientation?: DuoyunDividerElement['orientation']
         <template>
           <dy-divider
             ref="elementRef"
-            .size="props.size" .color="props.color" .orientation="props.orientation"
+            .size="props.size" .color="props.color" .orientation="props.orientation" .position="props.position"
             >
             <slot />
           </dy-divider>

package/vue/DyDonutChart.vue

@@ -9,8 +9,7 @@
           label?: DuoyunDonutChartElement['label'],
 total?: DuoyunDonutChartElement['total'],
 aspectRatio?: DuoyunDonutChartElement['aspectRatio'],
-sequences?: DuoyunDonutChartElement['sequences'],
-stageWidth?: DuoyunDonutChartElement['stageWidth']
+sequences?: DuoyunDonutChartElement['sequences']
         }>();
         
         const emit = defineEmits<{
@@ -38,7 +37,7 @@ stageWidth?: DuoyunDonutChartElement['stageWidth']
         <template>
           <dy-donut-chart
             ref="elementRef"
-            .label="props.label" .total="props.total" .aspectRatio="props.aspectRatio" .sequences="props.sequences" .stageWidth="props.stageWidth"
+            .label="props.label" .total="props.total" .aspectRatio="props.aspectRatio" .sequences="props.sequences"
             >
             <slot />
           </dy-donut-chart>

package/vue/DyRadarChart.vue

@@ -0,0 +1,47 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunRadarChartElement } from '../elements/radar-chart';
+        
+        const elementRef = ref<DuoyunRadarChartElement>();
+        
+        const props = defineProps<{
+          dimensions?: DuoyunRadarChartElement['dimensions'],
+sequences?: DuoyunRadarChartElement['sequences'],
+showPoint?: DuoyunRadarChartElement['showPoint'],
+showArea?: DuoyunRadarChartElement['showArea'],
+xAxi?: DuoyunRadarChartElement['xAxi'],
+yAxi?: DuoyunRadarChartElement['yAxi']
+        }>();
+        
+        const emit = defineEmits<{
+          
+        }>()
+
+        type DyRadarChartExpose = {
+          
+        }
+        
+        defineExpose<DyRadarChartExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/radar-chart';
+        export default {
+          name: 'DyRadarChart',
+        };
+        </script>
+        
+        <template>
+          <dy-radar-chart
+            ref="elementRef"
+            .dimensions="props.dimensions" .sequences="props.sequences" .showPoint="props.showPoint" .showArea="props.showArea" .xAxi="props.xAxi" .yAxi="props.yAxi"
+            >
+            <slot />
+          </dy-radar-chart>
+        </template>
+      

package/vue/DySankeyChart.vue

@@ -0,0 +1,46 @@
+
+        <script setup lang="ts">
+        import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
+        import { DuoyunSankeyChartElement } from '../elements/sankey-chart';
+        
+        const elementRef = ref<DuoyunSankeyChartElement>();
+        
+        const props = defineProps<{
+          data?: DuoyunSankeyChartElement['data'],
+nodeWidth?: DuoyunSankeyChartElement['nodeWidth'],
+nodePadding?: DuoyunSankeyChartElement['nodePadding'],
+xAxi?: DuoyunSankeyChartElement['xAxi'],
+yAxi?: DuoyunSankeyChartElement['yAxi']
+        }>();
+        
+        const emit = defineEmits<{
+          
+        }>()
+
+        type DySankeyChartExpose = {
+          
+        }
+        
+        defineExpose<DySankeyChartExpose>({
+          
+          
+        })
+        
+        </script>
+
+        <script lang="ts">
+        export * from '../elements/sankey-chart';
+        export default {
+          name: 'DySankeyChart',
+        };
+        </script>
+        
+        <template>
+          <dy-sankey-chart
+            ref="elementRef"
+            .data="props.data" .nodeWidth="props.nodeWidth" .nodePadding="props.nodePadding" .xAxi="props.xAxi" .yAxi="props.yAxi"
+            >
+            <slot />
+          </dy-sankey-chart>
+        </template>
+