duoyun-ui 2.2.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/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/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/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/DyActionText.vue

@@ -2,15 +2,15 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunActionTextElement } from '../elements/action-text';
-
+        
         const elementRef = ref<DuoyunActionTextElement>();
-
+        
         const props = defineProps<{
           tooltip?: DuoyunActionTextElement['tooltip'],
 color?: DuoyunActionTextElement['color'],
 active?: DuoyunActionTextElement['active']
         }>();
-
+        
         const emit = defineEmits<{
           
         }>()
@@ -18,12 +18,12 @@ active?: DuoyunActionTextElement['active']
         type DyActionTextExpose = {
           
         }
-
+        
         defineExpose<DyActionTextExpose>({
           
           
         })
-
+        
         </script>
 
         <script lang="ts">
@@ -32,7 +32,7 @@ active?: DuoyunActionTextElement['active']
           name: 'DyActionText',
         };
         </script>
-
+        
         <template>
           <dy-action-text
             ref="elementRef"

package/vue/DyActiveLink.vue

@@ -2,13 +2,13 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunActiveLinkElement } from '../elements/link';
-
+        
         const elementRef = ref<DuoyunActiveLinkElement>();
-
+        
         const props = defineProps<{
           
         }>();
-
+        
         const emit = defineEmits<{
           
         }>()
@@ -16,12 +16,12 @@
         type DyActiveLinkExpose = {
           
         }
-
+        
         defineExpose<DyActiveLinkExpose>({
           
           
         })
-
+        
         </script>
 
         <script lang="ts">
@@ -30,7 +30,7 @@
           name: 'DyActiveLink',
         };
         </script>
-
+        
         <template>
           <dy-active-link
             ref="elementRef"

package/vue/DyAlert.vue

@@ -2,15 +2,15 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunAlertElement } from '../elements/alert';
-
+        
         const elementRef = ref<DuoyunAlertElement>();
-
+        
         const props = defineProps<{
           header?: DuoyunAlertElement['header'],
 status?: DuoyunAlertElement['status'],
 action?: DuoyunAlertElement['action']
         }>();
-
+        
         const emit = defineEmits<{
           
         }>()
@@ -18,12 +18,12 @@ action?: DuoyunAlertElement['action']
         type DyAlertExpose = {
           
         }
-
+        
         defineExpose<DyAlertExpose>({
           
           
         })
-
+        
         </script>
 
         <script lang="ts">
@@ -32,7 +32,7 @@ action?: DuoyunAlertElement['action']
           name: 'DyAlert',
         };
         </script>
-
+        
         <template>
           <dy-alert
             ref="elementRef"

package/vue/DyAreaChart.vue

@@ -2,9 +2,9 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunAreaChartElement } from '../elements/area-chart';
-
+        
         const elementRef = ref<DuoyunAreaChartElement>();
-
+        
         const props = defineProps<{
           fill?: DuoyunAreaChartElement['fill'],
 stroke?: DuoyunAreaChartElement['stroke'],
@@ -23,53 +23,19 @@ 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<{
           zoom: [event: CustomEvent<Parameters<DuoyunAreaChartElement['zoom']>[0]>],
 indexclick: [event: CustomEvent<Parameters<DuoyunAreaChartElement['indexclick']>[0]>]
@@ -78,12 +44,12 @@ indexclick: [event: CustomEvent<Parameters<DuoyunAreaChartElement['indexclick']>
         type DyAreaChartExpose = {
           
         }
-
+        
         defineExpose<DyAreaChartExpose>({
           
           
         })
-
+        
         </script>
 
         <script lang="ts">
@@ -92,11 +58,11 @@ indexclick: [event: CustomEvent<Parameters<DuoyunAreaChartElement['indexclick']>
           name: 'DyAreaChart',
         };
         </script>
-
+        
         <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/DyAvatar.vue

@@ -2,9 +2,9 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunAvatarElement } from '../elements/avatar';
-
+        
         const elementRef = ref<DuoyunAvatarElement>();
-
+        
         const props = defineProps<{
           src?: DuoyunAvatarElement['src'],
 alt?: DuoyunAvatarElement['alt'],
@@ -14,7 +14,7 @@ size?: DuoyunAvatarElement['size'],
 crossorigin?: DuoyunAvatarElement['crossorigin'],
 square?: DuoyunAvatarElement['square']
         }>();
-
+        
         const emit = defineEmits<{
           
         }>()
@@ -22,12 +22,12 @@ square?: DuoyunAvatarElement['square']
         type DyAvatarExpose = {
           
         }
-
+        
         defineExpose<DyAvatarExpose>({
           
           
         })
-
+        
         </script>
 
         <script lang="ts">
@@ -36,7 +36,7 @@ square?: DuoyunAvatarElement['square']
           name: 'DyAvatar',
         };
         </script>
-
+        
         <template>
           <dy-avatar
             ref="elementRef"

package/vue/DyAvatarGroup.vue

@@ -2,9 +2,9 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunAvatarGroupElement } from '../elements/avatar';
-
+        
         const elementRef = ref<DuoyunAvatarGroupElement>();
-
+        
         const props = defineProps<{
           max?: DuoyunAvatarGroupElement['max'],
 size?: DuoyunAvatarGroupElement['size'],
@@ -13,7 +13,7 @@ crossorigin?: DuoyunAvatarGroupElement['crossorigin'],
 data?: DuoyunAvatarGroupElement['data'],
 items?: DuoyunAvatarGroupElement['items']
         }>();
-
+        
         const emit = defineEmits<{
           
         }>()
@@ -21,12 +21,12 @@ items?: DuoyunAvatarGroupElement['items']
         type DyAvatarGroupExpose = {
           
         }
-
+        
         defineExpose<DyAvatarGroupExpose>({
           
           
         })
-
+        
         </script>
 
         <script lang="ts">
@@ -35,7 +35,7 @@ items?: DuoyunAvatarGroupElement['items']
           name: 'DyAvatarGroup',
         };
         </script>
-
+        
         <template>
           <dy-avatar-group
             ref="elementRef"

package/vue/DyBadge.vue

@@ -2,9 +2,9 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunBadgeElement } from '../elements/badge';
-
+        
         const elementRef = ref<DuoyunBadgeElement>();
-
+        
         const props = defineProps<{
           color?: DuoyunBadgeElement['color'],
 count?: DuoyunBadgeElement['count'],
@@ -14,7 +14,7 @@ max?: DuoyunBadgeElement['max'],
 inline?: DuoyunBadgeElement['inline'],
 icon?: DuoyunBadgeElement['icon']
         }>();
-
+        
         const emit = defineEmits<{
           
         }>()
@@ -22,12 +22,12 @@ icon?: DuoyunBadgeElement['icon']
         type DyBadgeExpose = {
           
         }
-
+        
         defineExpose<DyBadgeExpose>({
           
           
         })
-
+        
         </script>
 
         <script lang="ts">
@@ -36,7 +36,7 @@ icon?: DuoyunBadgeElement['icon']
           name: 'DyBadge',
         };
         </script>
-
+        
         <template>
           <dy-badge
             ref="elementRef"

package/vue/DyBanner.vue

@@ -2,15 +2,15 @@
         <script setup lang="ts">
         import { ref, defineProps, defineEmits, defineExpose, onMounted } from 'vue'
         import { DuoyunBannerElement } from '../elements/banner';
-
+        
         const elementRef = ref<DuoyunBannerElement>();
-
+        
         const props = defineProps<{
           closable?: DuoyunBannerElement['closable'],
 status?: DuoyunBannerElement['status'],
 action?: DuoyunBannerElement['action']
         }>();
-
+        
         const emit = defineEmits<{
           close: [event: CustomEvent<Parameters<DuoyunBannerElement['close']>[0]>]
         }>()
@@ -18,12 +18,12 @@ action?: DuoyunBannerElement['action']
         type DyBannerExpose = {
           
         }
-
+        
         defineExpose<DyBannerExpose>({
           
           
         })
-
+        
         </script>
 
         <script lang="ts">
@@ -32,7 +32,7 @@ action?: DuoyunBannerElement['action']
           name: 'DyBanner',
         };
         </script>
-
+        
         <template>
           <dy-banner
             ref="elementRef"