@zyzgroup/core-vue 0.0.42 → 0.0.43

package/types/components/effect/CSSAnimation.ce.vue.d.ts

@@ -1,7 +1,8 @@
+import Container from "../Container.vue";
 import { ContainerType, EffectTriggerTiming } from "../../types";
-import { SupportedEaseNameToCubicBezier } from "@zyzgroup/core-web";
+import { DOMEventBus, SupportedEaseNameToCubicBezier } from "@zyzgroup/core-web";
 export type SupportedCSSAnimation = "jelly" | "bounce" | "flash" | "pulse" | "rubberBand" | "shakeX" | "shakeY" | "headShake" | "swing" | "tada" | "wobble" | "jello" | "heartBeat" | "backInLeft" | "backInRight" | "backInUp" | "backInDown" | "backOutLeft" | "backOutRight" | "backOutUp" | "backOutDown" | "bounceIn" | "bounceInLeft" | "bounceInRight" | "bounceInUp" | "bounceInDown" | "bounceOut" | "bounceOutLeft" | "bounceOutRight" | "bounceOutUp" | "bounceOutDown" | "fadeIn" | "fadeInLeft" | "fadeInLeftBig" | "fadeInRight" | "fadeInRightBig" | "fadeInUp" | "fadeInUpBig" | "fadeInDown" | "fadeInDownBig" | "fadeInTopLeft" | "fadeInTopRight" | "fadeInBottomLeft" | "fadeInBottomRight" | "fadeOut" | "fadeOutLeft" | "fadeOutLeftBig" | "fadeOutRight" | "fadeOutRightBig" | "fadeOutUp" | "fadeOutUpBig" | "fadeOutDown" | "fadeOutDownBig" | "fadeOutTopLeft" | "fadeOutTopRight" | "fadeOutBottomRight" | "fadeOutBottomLeft" | "flip" | "flipInX" | "flipInY" | "flipOutX" | "flipOutY" | "flipOutRight" | "flipInLeft" | "flipOutLeft" | "flipInRight" | "flipOutTop" | "flipInBottom" | "flipOutBottom" | "flipInTop" | "lightSpeedInLeft" | "lightSpeedInRight" | "lightSpeedOutLeft" | "lightSpeedOutRight" | "rotateIn" | "rotateInUpLeft" | "rotateInUpRight" | "rotateInDownLeft" | "rotateInDownRight" | "rotateOut" | "rotateOutUpLeft" | "rotateOutUpRight" | "rotateOutDownLeft" | "rotateOutDownRight" | "hinge" | "rotateFall" | "rotateOutNewspaper" | "rotateInNewspaper" | "jackInTheBox" | "rollIn" | "rollOut" | "zoomIn" | "zoomInLeft" | "zoomInRight" | "zoomInUp" | "zoomInDown" | "zoomOut" | "zoomOutLeft" | "zoomOutRight" | "zoomOutUp" | "zoomOutDown" | "fade" | "moveFromLeft" | "moveToLeft" | "moveFromRight" | "moveToRight" | "moveFromTop" | "moveToTop" | "moveFromBottom" | "moveToBottom" | "moveFromLeftFade" | "moveToLeftFade" | "moveFromRightFade" | "moveToRightFade" | "moveFromTopFade" | "moveToTopFade" | "moveFromBottomFade" | "moveToBottomFade" | "scaleFromSmall" | "scaleToSmall" | "scaleFromLarge" | "scaleToLarge" | "scaleFromSmallCenter" | "scaleToSmallCenter" | "slideInLeft" | "slideInRight" | "slideInUp" | "slideInDown" | "slideOutLeft" | "slideOutRight" | "slideOutUp" | "slideOutDown" | "rotateRightSideFirst" | "rotateLeftSideFirst" | "rotateTopSideFirst" | "rotateBottomSideFirst" | "rotatePushLeft" | "rotatePushRight" | "rotatePushTop" | "rotatePushBottom" | "rotatePullRight" | "rotatePullLeft" | "rotatePullTop" | "rotatePullBottom" | "rotateFoldRight" | "rotateFoldLeft" | "rotateFoldTop" | "rotateFoldBottom" | "rotateUnfoldLeft" | "rotateUnfoldRight" | "rotateUnfoldTop" | "rotateUnfoldBottom" | "rotateRoomLeftOut" | "rotateRoomLeftIn" | "rotateRoomRightOut" | "rotateRoomRightIn" | "rotateRoomTopOut" | "rotateRoomTopIn" | "rotateRoomBottomOut" | "rotateRoomBottomIn" | "rotateCubeLeftOut" | "rotateCubeLeftIn" | "rotateCubeRightOut" | "rotateCubeRightIn" | "rotateCubeTopOut" | "rotateCubeTopIn" | "rotateCubeBottomOut" | "rotateCubeBottomIn" | "rotateCarouselLeftOut" | "rotateCarouselLeftIn" | "rotateCarouselRightOut" | "rotateCarouselRightIn" | "rotateCarouselTopOut" | "rotateCarouselTopIn" | "rotateCarouselBottomOut" | "rotateCarouselBottomIn" | "rotateSidesOut" | "rotateSidesIn" | "rotateSlideOut" | "rotateSlideIn" | "superRainbow" | "statusProcessing";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+type __VLS_Props = {
     containerType?: ContainerType;
     supportCopyText?: boolean;
     effectTriggerTiming?: EffectTriggerTiming;
@@ -10,80 +11,68 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     duration?: number;
     delay?: number;
     repeat?: number | "infinite";
-    direction?: "reverse" | "normal" | "alternate" | "alternate-reverse";
-    fillMode?: "none" | "both" | "forwards" | "backwards";
+    direction?: "normal" | "reverse" | "alternate" | "alternate-reverse";
+    fillMode?: "none" | "forwards" | "backwards" | "both";
     playState?: "running" | "paused";
     perspective?: string;
+};
+declare const parentStyle: Record<string, string>;
+declare const style: Record<string, string>;
+declare const animationRef: import("vue").Ref<any, any>;
+declare const ready: (app: DOMEventBus) => void;
+declare const start: () => void;
+declare const end: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_11: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_11) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    Container: typeof Container;
+    parentStyle: typeof parentStyle;
+    style: typeof style;
+    animationRef: typeof animationRef;
+    ready: typeof ready;
+    start: typeof start;
+    end: typeof end;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cssanimationstart: (name: string) => any;
+    cssanimationend: (name: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCssanimationstart?: (name: string) => any;
+    onCssanimationend?: (name: string) => any;
 }>, {
-    containerType: string;
+    name: SupportedCSSAnimation;
+    effectTriggerTiming: EffectTriggerTiming;
     supportCopyText: boolean;
-    effectTriggerTiming: string;
-    name: string;
-    fillMode: string;
-    playState: string;
+    containerType: ContainerType;
+    fillMode: "none" | "forwards" | "backwards" | "both";
+    playState: "running" | "paused";
     perspective: string;
-}>>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     trigger: (newAnimationName?: SupportedCSSAnimation) => void;
     triggerReverse: (newAnimationName?: SupportedCSSAnimation) => void;
     clear: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cssanimationstart: (name: string) => void;
-    cssanimationend: (name: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    containerType?: ContainerType;
-    supportCopyText?: boolean;
-    effectTriggerTiming?: EffectTriggerTiming;
-    name?: SupportedCSSAnimation;
-    timingFunction?: SupportedEaseNameToCubicBezier;
-    duration?: number;
-    delay?: number;
-    repeat?: number | "infinite";
-    direction?: "reverse" | "normal" | "alternate" | "alternate-reverse";
-    fillMode?: "none" | "both" | "forwards" | "backwards";
-    playState?: "running" | "paused";
-    perspective?: string;
-}>, {
-    containerType: string;
-    supportCopyText: boolean;
-    effectTriggerTiming: string;
-    name: string;
-    fillMode: string;
-    playState: string;
-    perspective: string;
-}>>> & Readonly<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cssanimationstart: (name: string) => any;
+    cssanimationend: (name: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCssanimationstart?: (name: string) => any;
     onCssanimationend?: (name: string) => any;
 }>, {
     name: SupportedCSSAnimation;
-    perspective: string;
-    containerType: ContainerType;
-    supportCopyText: boolean;
     effectTriggerTiming: EffectTriggerTiming;
-    fillMode: "none" | "both" | "forwards" | "backwards";
+    supportCopyText: boolean;
+    containerType: ContainerType;
+    fillMode: "none" | "forwards" | "backwards" | "both";
     playState: "running" | "paused";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+    perspective: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/types/components/effect/CSSAnimation.vue.d.ts

@@ -1,7 +1,8 @@
+import Container from "../Container.vue";
 import { ContainerType, EffectTriggerTiming } from "../../types";
-import { SupportedEaseNameToCubicBezier } from "@zyzgroup/core-web";
+import { DOMEventBus, SupportedEaseNameToCubicBezier } from "@zyzgroup/core-web";
 export type SupportedCSSAnimation = "jelly" | "bounce" | "flash" | "pulse" | "rubberBand" | "shakeX" | "shakeY" | "headShake" | "swing" | "tada" | "wobble" | "jello" | "heartBeat" | "backInLeft" | "backInRight" | "backInUp" | "backInDown" | "backOutLeft" | "backOutRight" | "backOutUp" | "backOutDown" | "bounceIn" | "bounceInLeft" | "bounceInRight" | "bounceInUp" | "bounceInDown" | "bounceOut" | "bounceOutLeft" | "bounceOutRight" | "bounceOutUp" | "bounceOutDown" | "fadeIn" | "fadeInLeft" | "fadeInLeftBig" | "fadeInRight" | "fadeInRightBig" | "fadeInUp" | "fadeInUpBig" | "fadeInDown" | "fadeInDownBig" | "fadeInTopLeft" | "fadeInTopRight" | "fadeInBottomLeft" | "fadeInBottomRight" | "fadeOut" | "fadeOutLeft" | "fadeOutLeftBig" | "fadeOutRight" | "fadeOutRightBig" | "fadeOutUp" | "fadeOutUpBig" | "fadeOutDown" | "fadeOutDownBig" | "fadeOutTopLeft" | "fadeOutTopRight" | "fadeOutBottomRight" | "fadeOutBottomLeft" | "flip" | "flipInX" | "flipInY" | "flipOutX" | "flipOutY" | "flipOutRight" | "flipInLeft" | "flipOutLeft" | "flipInRight" | "flipOutTop" | "flipInBottom" | "flipOutBottom" | "flipInTop" | "lightSpeedInLeft" | "lightSpeedInRight" | "lightSpeedOutLeft" | "lightSpeedOutRight" | "rotateIn" | "rotateInUpLeft" | "rotateInUpRight" | "rotateInDownLeft" | "rotateInDownRight" | "rotateOut" | "rotateOutUpLeft" | "rotateOutUpRight" | "rotateOutDownLeft" | "rotateOutDownRight" | "hinge" | "rotateFall" | "rotateOutNewspaper" | "rotateInNewspaper" | "jackInTheBox" | "rollIn" | "rollOut" | "zoomIn" | "zoomInLeft" | "zoomInRight" | "zoomInUp" | "zoomInDown" | "zoomOut" | "zoomOutLeft" | "zoomOutRight" | "zoomOutUp" | "zoomOutDown" | "fade" | "moveFromLeft" | "moveToLeft" | "moveFromRight" | "moveToRight" | "moveFromTop" | "moveToTop" | "moveFromBottom" | "moveToBottom" | "moveFromLeftFade" | "moveToLeftFade" | "moveFromRightFade" | "moveToRightFade" | "moveFromTopFade" | "moveToTopFade" | "moveFromBottomFade" | "moveToBottomFade" | "scaleFromSmall" | "scaleToSmall" | "scaleFromLarge" | "scaleToLarge" | "scaleFromSmallCenter" | "scaleToSmallCenter" | "slideInLeft" | "slideInRight" | "slideInUp" | "slideInDown" | "slideOutLeft" | "slideOutRight" | "slideOutUp" | "slideOutDown" | "rotateRightSideFirst" | "rotateLeftSideFirst" | "rotateTopSideFirst" | "rotateBottomSideFirst" | "rotatePushLeft" | "rotatePushRight" | "rotatePushTop" | "rotatePushBottom" | "rotatePullRight" | "rotatePullLeft" | "rotatePullTop" | "rotatePullBottom" | "rotateFoldRight" | "rotateFoldLeft" | "rotateFoldTop" | "rotateFoldBottom" | "rotateUnfoldLeft" | "rotateUnfoldRight" | "rotateUnfoldTop" | "rotateUnfoldBottom" | "rotateRoomLeftOut" | "rotateRoomLeftIn" | "rotateRoomRightOut" | "rotateRoomRightIn" | "rotateRoomTopOut" | "rotateRoomTopIn" | "rotateRoomBottomOut" | "rotateRoomBottomIn" | "rotateCubeLeftOut" | "rotateCubeLeftIn" | "rotateCubeRightOut" | "rotateCubeRightIn" | "rotateCubeTopOut" | "rotateCubeTopIn" | "rotateCubeBottomOut" | "rotateCubeBottomIn" | "rotateCarouselLeftOut" | "rotateCarouselLeftIn" | "rotateCarouselRightOut" | "rotateCarouselRightIn" | "rotateCarouselTopOut" | "rotateCarouselTopIn" | "rotateCarouselBottomOut" | "rotateCarouselBottomIn" | "rotateSidesOut" | "rotateSidesIn" | "rotateSlideOut" | "rotateSlideIn" | "superRainbow" | "statusProcessing";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+type __VLS_Props = {
     containerType?: ContainerType;
     supportCopyText?: boolean;
     effectTriggerTiming?: EffectTriggerTiming;
@@ -10,80 +11,68 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     duration?: number;
     delay?: number;
     repeat?: number | "infinite";
-    direction?: "reverse" | "normal" | "alternate" | "alternate-reverse";
-    fillMode?: "none" | "both" | "forwards" | "backwards";
+    direction?: "normal" | "reverse" | "alternate" | "alternate-reverse";
+    fillMode?: "none" | "forwards" | "backwards" | "both";
     playState?: "running" | "paused";
     perspective?: string;
+};
+declare const parentStyle: Record<string, string>;
+declare const style: Record<string, string>;
+declare const animationRef: import("vue").Ref<any, any>;
+declare const ready: (app: DOMEventBus) => void;
+declare const start: () => void;
+declare const end: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_11: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_11) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    Container: typeof Container;
+    parentStyle: typeof parentStyle;
+    style: typeof style;
+    animationRef: typeof animationRef;
+    ready: typeof ready;
+    start: typeof start;
+    end: typeof end;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cssanimationstart: (name: string) => any;
+    cssanimationend: (name: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCssanimationstart?: (name: string) => any;
+    onCssanimationend?: (name: string) => any;
 }>, {
-    containerType: string;
+    name: SupportedCSSAnimation;
+    effectTriggerTiming: EffectTriggerTiming;
     supportCopyText: boolean;
-    effectTriggerTiming: string;
-    name: string;
-    fillMode: string;
-    playState: string;
+    containerType: ContainerType;
+    fillMode: "none" | "forwards" | "backwards" | "both";
+    playState: "running" | "paused";
     perspective: string;
-}>>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     trigger: (newAnimationName?: SupportedCSSAnimation) => void;
     triggerReverse: (newAnimationName?: SupportedCSSAnimation) => void;
     clear: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cssanimationstart: (name: string) => void;
-    cssanimationend: (name: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    containerType?: ContainerType;
-    supportCopyText?: boolean;
-    effectTriggerTiming?: EffectTriggerTiming;
-    name?: SupportedCSSAnimation;
-    timingFunction?: SupportedEaseNameToCubicBezier;
-    duration?: number;
-    delay?: number;
-    repeat?: number | "infinite";
-    direction?: "reverse" | "normal" | "alternate" | "alternate-reverse";
-    fillMode?: "none" | "both" | "forwards" | "backwards";
-    playState?: "running" | "paused";
-    perspective?: string;
-}>, {
-    containerType: string;
-    supportCopyText: boolean;
-    effectTriggerTiming: string;
-    name: string;
-    fillMode: string;
-    playState: string;
-    perspective: string;
-}>>> & Readonly<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cssanimationstart: (name: string) => any;
+    cssanimationend: (name: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCssanimationstart?: (name: string) => any;
     onCssanimationend?: (name: string) => any;
 }>, {
     name: SupportedCSSAnimation;
-    perspective: string;
-    containerType: ContainerType;
-    supportCopyText: boolean;
     effectTriggerTiming: EffectTriggerTiming;
-    fillMode: "none" | "both" | "forwards" | "backwards";
+    supportCopyText: boolean;
+    containerType: ContainerType;
+    fillMode: "none" | "forwards" | "backwards" | "both";
     playState: "running" | "paused";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+    perspective: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/types/components/effect/CSSTransition.ce.vue.d.ts

@@ -1,75 +1,67 @@
+import Container from "../Container.vue";
 import { ContainerType, EffectTriggerTiming } from "../../types";
-import { SupportedEaseNameToCubicBezier } from "@zyzgroup/core-web";
+import { DOMEventBus, SupportedEaseNameToCubicBezier } from "@zyzgroup/core-web";
 export type SupportedCSSTransition = "superRainbow";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+type __VLS_Props = {
     containerType?: ContainerType;
     supportCopyText?: boolean;
     effectTriggerTiming?: EffectTriggerTiming;
-    name?: "superRainbow";
-    duration?: number;
-    timingFunction?: SupportedEaseNameToCubicBezier;
-    delay?: number;
-}>, {
-    containerType: string;
-    supportCopyText: boolean;
-    effectTriggerTiming: string;
-    name: string;
-    duration: number;
-    timingFunction: string;
-    delay: number;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    csstransitionstart: (e: TransitionEvent) => void;
-    csstransitionend: (e: TransitionEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    containerType?: ContainerType;
-    supportCopyText?: boolean;
-    effectTriggerTiming?: EffectTriggerTiming;
-    name?: "superRainbow";
+    name?: SupportedCSSTransition;
     duration?: number;
     timingFunction?: SupportedEaseNameToCubicBezier;
     delay?: number;
+};
+declare const parentStyle: Record<string, string>;
+declare const style: Record<string, string>;
+declare const ready: (app: DOMEventBus) => void;
+declare const start: () => void;
+declare const end: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_11: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_11) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    Container: typeof Container;
+    parentStyle: typeof parentStyle;
+    style: typeof style;
+    ready: typeof ready;
+    start: typeof start;
+    end: typeof end;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    csstransitionstart: (e: TransitionEvent) => any;
+    csstransitionend: (e: TransitionEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCsstransitionstart?: (e: TransitionEvent) => any;
+    onCsstransitionend?: (e: TransitionEvent) => any;
 }>, {
-    containerType: string;
+    name: SupportedCSSTransition;
+    effectTriggerTiming: EffectTriggerTiming;
     supportCopyText: boolean;
-    effectTriggerTiming: string;
-    name: string;
     duration: number;
-    timingFunction: string;
+    containerType: ContainerType;
+    timingFunction: SupportedEaseNameToCubicBezier;
     delay: number;
-}>>> & Readonly<{
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    csstransitionstart: (e: TransitionEvent) => any;
+    csstransitionend: (e: TransitionEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCsstransitionstart?: (e: TransitionEvent) => any;
     onCsstransitionend?: (e: TransitionEvent) => any;
 }>, {
+    name: SupportedCSSTransition;
+    effectTriggerTiming: EffectTriggerTiming;
+    supportCopyText: boolean;
     duration: number;
-    name: "superRainbow";
+    containerType: ContainerType;
     timingFunction: SupportedEaseNameToCubicBezier;
     delay: number;
-    containerType: ContainerType;
-    supportCopyText: boolean;
-    effectTriggerTiming: EffectTriggerTiming;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/types/components/effect/CSSTransition.vue.d.ts

@@ -1,75 +1,67 @@
+import Container from "../Container.vue";
 import { ContainerType, EffectTriggerTiming } from "../../types";
-import { SupportedEaseNameToCubicBezier } from "@zyzgroup/core-web";
+import { DOMEventBus, SupportedEaseNameToCubicBezier } from "@zyzgroup/core-web";
 export type SupportedCSSTransition = "superRainbow";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+type __VLS_Props = {
     containerType?: ContainerType;
     supportCopyText?: boolean;
     effectTriggerTiming?: EffectTriggerTiming;
-    name?: "superRainbow";
-    duration?: number;
-    timingFunction?: SupportedEaseNameToCubicBezier;
-    delay?: number;
-}>, {
-    containerType: string;
-    supportCopyText: boolean;
-    effectTriggerTiming: string;
-    name: string;
-    duration: number;
-    timingFunction: string;
-    delay: number;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    csstransitionstart: (e: TransitionEvent) => void;
-    csstransitionend: (e: TransitionEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    containerType?: ContainerType;
-    supportCopyText?: boolean;
-    effectTriggerTiming?: EffectTriggerTiming;
-    name?: "superRainbow";
+    name?: SupportedCSSTransition;
     duration?: number;
     timingFunction?: SupportedEaseNameToCubicBezier;
     delay?: number;
+};
+declare const parentStyle: Record<string, string>;
+declare const style: Record<string, string>;
+declare const ready: (app: DOMEventBus) => void;
+declare const start: () => void;
+declare const end: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_11: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_11) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    Container: typeof Container;
+    parentStyle: typeof parentStyle;
+    style: typeof style;
+    ready: typeof ready;
+    start: typeof start;
+    end: typeof end;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    csstransitionstart: (e: TransitionEvent) => any;
+    csstransitionend: (e: TransitionEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCsstransitionstart?: (e: TransitionEvent) => any;
+    onCsstransitionend?: (e: TransitionEvent) => any;
 }>, {
-    containerType: string;
+    name: SupportedCSSTransition;
+    effectTriggerTiming: EffectTriggerTiming;
     supportCopyText: boolean;
-    effectTriggerTiming: string;
-    name: string;
     duration: number;
-    timingFunction: string;
+    containerType: ContainerType;
+    timingFunction: SupportedEaseNameToCubicBezier;
     delay: number;
-}>>> & Readonly<{
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    csstransitionstart: (e: TransitionEvent) => any;
+    csstransitionend: (e: TransitionEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCsstransitionstart?: (e: TransitionEvent) => any;
     onCsstransitionend?: (e: TransitionEvent) => any;
 }>, {
+    name: SupportedCSSTransition;
+    effectTriggerTiming: EffectTriggerTiming;
+    supportCopyText: boolean;
     duration: number;
-    name: "superRainbow";
+    containerType: ContainerType;
     timingFunction: SupportedEaseNameToCubicBezier;
     delay: number;
-    containerType: ContainerType;
-    supportCopyText: boolean;
-    effectTriggerTiming: EffectTriggerTiming;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/types/components/effect/Circle.ce.vue.d.ts

@@ -1,59 +1,47 @@
+import Container from "../Container.vue";
 import { ContainerType, EffectTriggerTiming } from "../../types";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+type __VLS_Props = {
     containerType?: ContainerType;
     supportCopyText?: boolean;
     effectTriggerTiming?: EffectTriggerTiming;
     color?: string;
     dur?: number;
-}>, {
-    containerType: string;
-    supportCopyText: boolean;
-    effectInit: string;
-    effectTriggerTiming: string;
+};
+declare const containerRef: import("vue").Ref<any, any>;
+declare const style: Record<string, string>;
+declare const resize: (w: number, h: number) => void;
+declare const start: () => void;
+declare const end: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_12: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_12) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    Container: typeof Container;
+    containerRef: typeof containerRef;
+    style: typeof style;
+    resize: typeof resize;
+    start: typeof start;
+    end: typeof end;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     color: string;
-    dur: number;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    containerType?: ContainerType;
-    supportCopyText?: boolean;
-    effectTriggerTiming?: EffectTriggerTiming;
-    color?: string;
-    dur?: number;
-}>, {
-    containerType: string;
+    effectTriggerTiming: EffectTriggerTiming;
     supportCopyText: boolean;
-    effectInit: string;
-    effectTriggerTiming: string;
-    color: string;
     dur: number;
-}>>> & Readonly<{}>, {
-    dur: number;
-    color: string;
     containerType: ContainerType;
-    supportCopyText: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
     effectTriggerTiming: EffectTriggerTiming;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+    supportCopyText: boolean;
+    dur: number;
+    containerType: ContainerType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};