@zyzgroup/core-vue 0.0.43 → 0.0.44

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zyzgroup/core-vue",
   "private": false,
-  "version": "0.0.43",
+  "version": "0.0.44",
   "sideEffects": false,
   "type": "module",
   "main": "dist/zyzgroup_core_vue.umd.cjs",
@@ -32,7 +32,7 @@
   "scripts": {
     "dev": "vite",
     "preview": "vite preview",
-    "build": "npm run lib && npm run ce",
+    "build": "npm run ce && npm run lib",
     "lib": "vue-tsc --emitDeclarationOnly && npm run --prefix ../../../vite/ lib -- ../lib/packages/core-vue/vite.config.json",
     "ce": "copy_ce_vue && npm run --prefix ../../../vite/ lib:ce -- ../lib/packages/core-vue/vite.ce.config.json",
     "copy:components": "copy /src/components/ /dist/ vue",

package/types/components/Accordion.ce.vue.d.ts

@@ -10,23 +10,21 @@ type __VLS_Props = {
     padding?: string;
     duration?: number;
 };
-declare const resize: (width: number, height: number) => void;
 declare const content: import("vue").Ref<any, any>;
 declare const contentMaxHeight: import("vue").Ref<string, string>;
 declare const open: import("vue").Ref<boolean, boolean>;
 declare function toggleOpen(): void;
 declare const rotate: import("vue").Ref<number, number>;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_9: {}, __VLS_14: {};
+declare var __VLS_5: {}, __VLS_10: {};
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    title?: (props: typeof __VLS_9) => any;
+    title?: (props: typeof __VLS_5) => any;
 } & {
-    content?: (props: typeof __VLS_14) => any;
+    content?: (props: typeof __VLS_10) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     Container: typeof Container;
     SVGDown: typeof SVGDown;
-    resize: typeof resize;
     content: typeof content;
     contentMaxHeight: typeof contentMaxHeight;
     open: typeof open;
@@ -34,36 +32,32 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     rotate: typeof rotate;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
-    resize: (width: number, height: number) => any;
     open: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: () => any;
-    onResize?: (width: number, height: number) => any;
     onOpen?: () => any;
 }>, {
     padding: string;
     borderRadius: string;
+    fontColor: string;
     borderColor: string;
     bgColor: string;
-    fontColor: string;
     duration: number;
     initOpen: boolean;
     titleHeight: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
-    resize: (width: number, height: number) => any;
     open: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: () => any;
-    onResize?: (width: number, height: number) => any;
     onOpen?: () => any;
 }>, {
     padding: string;
     borderRadius: string;
+    fontColor: string;
     borderColor: string;
     bgColor: string;
-    fontColor: string;
     duration: number;
     initOpen: boolean;
     titleHeight: string;

package/types/components/Accordion.vue.d.ts

@@ -10,23 +10,21 @@ type __VLS_Props = {
     padding?: string;
     duration?: number;
 };
-declare const resize: (width: number, height: number) => void;
 declare const content: import("vue").Ref<any, any>;
 declare const contentMaxHeight: import("vue").Ref<string, string>;
 declare const open: import("vue").Ref<boolean, boolean>;
 declare function toggleOpen(): void;
 declare const rotate: import("vue").Ref<number, number>;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_9: {}, __VLS_14: {};
+declare var __VLS_5: {}, __VLS_10: {};
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    title?: (props: typeof __VLS_9) => any;
+    title?: (props: typeof __VLS_5) => any;
 } & {
-    content?: (props: typeof __VLS_14) => any;
+    content?: (props: typeof __VLS_10) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     Container: typeof Container;
     SVGDown: typeof SVGDown;
-    resize: typeof resize;
     content: typeof content;
     contentMaxHeight: typeof contentMaxHeight;
     open: typeof open;
@@ -34,36 +32,32 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     rotate: typeof rotate;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
-    resize: (width: number, height: number) => any;
     open: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: () => any;
-    onResize?: (width: number, height: number) => any;
     onOpen?: () => any;
 }>, {
     padding: string;
     borderRadius: string;
+    fontColor: string;
     borderColor: string;
     bgColor: string;
-    fontColor: string;
     duration: number;
     initOpen: boolean;
     titleHeight: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
-    resize: (width: number, height: number) => any;
     open: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: () => any;
-    onResize?: (width: number, height: number) => any;
     onOpen?: () => any;
 }>, {
     padding: string;
     borderRadius: string;
+    fontColor: string;
     borderColor: string;
     bgColor: string;
-    fontColor: string;
     duration: number;
     initOpen: boolean;
     titleHeight: string;

package/types/components/Button.ce.vue.d.ts

@@ -1,31 +1,34 @@
 import Icon from "./Icon.vue";
-import { theme } from "@zyzgroup/core-web";
 import Loading11 from "./loading/Loading11.vue";
+export type ButtonStylePatternType = "fullfill" | "outline" | "transparent";
 type __VLS_Props = {
     label?: string;
     icon?: string;
-    iconPosition?: string;
+    iconPosition?: "left" | "right";
     disabled?: boolean;
     width?: string;
     height?: string;
     padding?: string;
     fontSize?: string;
+    fontWeight?: string;
     borderRadius?: string;
-    stylePattern?: "fullfilled" | "outline";
+    stylePattern?: ButtonStylePatternType;
+    fontColor?: string;
     borderColor?: string;
     bgColor?: string;
-    fontColor?: string;
+    bgColorStart?: string;
+    bgColorEnd?: string;
     asyncClick?: () => Promise<void>;
 };
 declare const el: import("vue").Ref<HTMLElement, HTMLElement>;
+declare const fontColor: import("vue").Ref<string, string>;
 declare const borderColor: import("vue").Ref<string, string>;
 declare const bgColor: import("vue").Ref<string, string>;
-declare const fontColor: import("vue").Ref<string, string>;
 declare const opacity: import("vue").Ref<string, string>;
 declare const cursor: import("vue").Ref<string, string>;
 declare const mouseover: () => void;
 declare const mouseleave: () => void;
-declare const asyncClickResultPending: import("vue").Ref<boolean, boolean>;
+declare const asyncClickPending: import("vue").Ref<boolean, boolean>;
 declare const throttleClick: (this: any, ...args: any[]) => void;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_4: {};
@@ -34,17 +37,16 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
 }>;
 declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     Icon: typeof Icon;
-    theme: typeof theme;
     Loading11: typeof Loading11;
     el: typeof el;
+    fontColor: typeof fontColor;
     borderColor: typeof borderColor;
     bgColor: typeof bgColor;
-    fontColor: typeof fontColor;
     opacity: typeof opacity;
     cursor: typeof cursor;
     mouseover: typeof mouseover;
     mouseleave: typeof mouseleave;
-    asyncClickResultPending: typeof asyncClickResultPending;
+    asyncClickPending: typeof asyncClickPending;
     throttleClick: typeof throttleClick;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: () => any;
@@ -55,12 +57,13 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
 }>, {
     width: string;
     height: string;
-    iconPosition: string;
+    iconPosition: "left" | "right";
     disabled: boolean;
     padding: string;
     fontSize: string;
+    fontWeight: string;
     borderRadius: string;
-    stylePattern: "fullfilled" | "outline";
+    stylePattern: ButtonStylePatternType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     el: import("vue").Ref<HTMLElement, HTMLElement>;
@@ -73,12 +76,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
 }>, {
     width: string;
     height: string;
-    iconPosition: string;
+    iconPosition: "left" | "right";
     disabled: boolean;
     padding: string;
     fontSize: string;
+    fontWeight: string;
     borderRadius: string;
-    stylePattern: "fullfilled" | "outline";
+    stylePattern: ButtonStylePatternType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/types/components/Button.vue.d.ts

@@ -1,31 +1,34 @@
 import Icon from "./Icon.vue";
-import { theme } from "@zyzgroup/core-web";
 import Loading11 from "./loading/Loading11.vue";
+export type ButtonStylePatternType = "fullfill" | "outline" | "transparent";
 type __VLS_Props = {
     label?: string;
     icon?: string;
-    iconPosition?: string;
+    iconPosition?: "left" | "right";
     disabled?: boolean;
     width?: string;
     height?: string;
     padding?: string;
     fontSize?: string;
+    fontWeight?: string;
     borderRadius?: string;
-    stylePattern?: "fullfilled" | "outline";
+    stylePattern?: ButtonStylePatternType;
+    fontColor?: string;
     borderColor?: string;
     bgColor?: string;
-    fontColor?: string;
+    bgColorStart?: string;
+    bgColorEnd?: string;
     asyncClick?: () => Promise<void>;
 };
 declare const el: import("vue").Ref<HTMLElement, HTMLElement>;
+declare const fontColor: import("vue").Ref<string, string>;
 declare const borderColor: import("vue").Ref<string, string>;
 declare const bgColor: import("vue").Ref<string, string>;
-declare const fontColor: import("vue").Ref<string, string>;
 declare const opacity: import("vue").Ref<string, string>;
 declare const cursor: import("vue").Ref<string, string>;
 declare const mouseover: () => void;
 declare const mouseleave: () => void;
-declare const asyncClickResultPending: import("vue").Ref<boolean, boolean>;
+declare const asyncClickPending: import("vue").Ref<boolean, boolean>;
 declare const throttleClick: (this: any, ...args: any[]) => void;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_4: {};
@@ -34,17 +37,16 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
 }>;
 declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     Icon: typeof Icon;
-    theme: typeof theme;
     Loading11: typeof Loading11;
     el: typeof el;
+    fontColor: typeof fontColor;
     borderColor: typeof borderColor;
     bgColor: typeof bgColor;
-    fontColor: typeof fontColor;
     opacity: typeof opacity;
     cursor: typeof cursor;
     mouseover: typeof mouseover;
     mouseleave: typeof mouseleave;
-    asyncClickResultPending: typeof asyncClickResultPending;
+    asyncClickPending: typeof asyncClickPending;
     throttleClick: typeof throttleClick;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: () => any;
@@ -55,12 +57,13 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
 }>, {
     width: string;
     height: string;
-    iconPosition: string;
+    iconPosition: "left" | "right";
     disabled: boolean;
     padding: string;
     fontSize: string;
+    fontWeight: string;
     borderRadius: string;
-    stylePattern: "fullfilled" | "outline";
+    stylePattern: ButtonStylePatternType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     el: import("vue").Ref<HTMLElement, HTMLElement>;
@@ -73,12 +76,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
 }>, {
     width: string;
     height: string;
-    iconPosition: string;
+    iconPosition: "left" | "right";
     disabled: boolean;
     padding: string;
     fontSize: string;
+    fontWeight: string;
     borderRadius: string;
-    stylePattern: "fullfilled" | "outline";
+    stylePattern: ButtonStylePatternType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/types/components/Canvas.ce.vue.d.ts

@@ -3,16 +3,16 @@ type __VLS_Props = {
     bgColor?: string;
     enableCustomContext?: boolean;
 };
-declare function getCanvas(): Promise<YZCanvas>;
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
-    getCanvasElement: () => any;
-    getCanvas: typeof getCanvas;
+    getCanvas: () => Promise<YZCanvas>;
+    getElement: () => any;
+    getRect: () => any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    resize: (width: number, height: number) => any;
     ready: (canvas: YZCanvas) => any;
+    update: (canvas: YZCanvas) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onResize?: (width: number, height: number) => any;
     onReady?: (canvas: YZCanvas) => any;
+    onUpdate?: (canvas: YZCanvas) => any;
 }>, {
     bgColor: string;
     enableCustomContext: boolean;

package/types/components/Canvas.vue.d.ts

@@ -3,16 +3,16 @@ type __VLS_Props = {
     bgColor?: string;
     enableCustomContext?: boolean;
 };
-declare function getCanvas(): Promise<YZCanvas>;
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
-    getCanvasElement: () => any;
-    getCanvas: typeof getCanvas;
+    getCanvas: () => Promise<YZCanvas>;
+    getElement: () => any;
+    getRect: () => any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    resize: (width: number, height: number) => any;
     ready: (canvas: YZCanvas) => any;
+    update: (canvas: YZCanvas) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onResize?: (width: number, height: number) => any;
     onReady?: (canvas: YZCanvas) => any;
+    onUpdate?: (canvas: YZCanvas) => any;
 }>, {
     bgColor: string;
     enableCustomContext: boolean;

package/types/components/Container.ce.vue.d.ts

@@ -1,5 +1,6 @@
-import { DOMEventBus } from "@zyzgroup/core-web";
-import { ContainerType, EffectTriggerTiming } from "../types";
+export type ContainerType = "block" | "shrink" | "full";
+export type EffectTriggerTiming = "manual" | "mouseMove" | "click" | "immediate";
+export type EffectStatus = "start" | "end";
 type __VLS_Props = {
     type?: ContainerType;
     effectTriggerTiming?: EffectTriggerTiming;
@@ -14,17 +15,85 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
 declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     r: typeof r;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    resize: (width: number, height: number, rect: DOMRect) => any;
     start: () => any;
     end: () => any;
-    ready: (app: DOMEventBus) => any;
+    ready: (controller: {
+        el: HTMLElement;
+        readonly rect: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+            bottom: number;
+            left: number;
+            right: number;
+            top: number;
+            toJSON(): any;
+        };
+        mousePoint: import("@zyzgroup/core-web").MousePoint;
+        eb: import("@zyzgroup/core-common").EventBus<import("@zyzgroup/core-web").ElementEventBusListeners>;
+        start: () => Promise<void>;
+        end: () => void;
+    }) => any;
+    update: (controller: {
+        el: HTMLElement;
+        readonly rect: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+            bottom: number;
+            left: number;
+            right: number;
+            top: number;
+            toJSON(): any;
+        };
+        mousePoint: import("@zyzgroup/core-web").MousePoint;
+        eb: import("@zyzgroup/core-common").EventBus<import("@zyzgroup/core-web").ElementEventBusListeners>;
+        start: () => Promise<void>;
+        end: () => void;
+    }) => any;
     clipboard_success: (text: string) => any;
     clipboard_error: (text: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onResize?: (width: number, height: number, rect: DOMRect) => any;
     onStart?: () => any;
     onEnd?: () => any;
-    onReady?: (app: DOMEventBus) => any;
+    onReady?: (controller: {
+        el: HTMLElement;
+        readonly rect: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+            bottom: number;
+            left: number;
+            right: number;
+            top: number;
+            toJSON(): any;
+        };
+        mousePoint: import("@zyzgroup/core-web").MousePoint;
+        eb: import("@zyzgroup/core-common").EventBus<import("@zyzgroup/core-web").ElementEventBusListeners>;
+        start: () => Promise<void>;
+        end: () => void;
+    }) => any;
+    onUpdate?: (controller: {
+        el: HTMLElement;
+        readonly rect: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+            bottom: number;
+            left: number;
+            right: number;
+            top: number;
+            toJSON(): any;
+        };
+        mousePoint: import("@zyzgroup/core-web").MousePoint;
+        eb: import("@zyzgroup/core-common").EventBus<import("@zyzgroup/core-web").ElementEventBusListeners>;
+        start: () => Promise<void>;
+        end: () => void;
+    }) => any;
     onClipboard_success?: (text: string) => any;
     onClipboard_error?: (text: string) => any;
 }>, {
@@ -33,21 +102,106 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     supportCopyText: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    getController: () => Promise<{
+        el: HTMLElement;
+        readonly rect: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+            bottom: number;
+            left: number;
+            right: number;
+            top: number;
+            toJSON(): any;
+        };
+        mousePoint: import("@zyzgroup/core-web").MousePoint;
+        eb: import("@zyzgroup/core-common").EventBus<import("@zyzgroup/core-web").ElementEventBusListeners>;
+        start: () => Promise<void>;
+        end: () => void;
+    }>;
     getElement: () => any;
-    getApp: () => Promise<DOMEventBus>;
-    getSize: () => Promise<DOMRect>;
+    getRect: () => any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    resize: (width: number, height: number, rect: DOMRect) => any;
     start: () => any;
     end: () => any;
-    ready: (app: DOMEventBus) => any;
+    ready: (controller: {
+        el: HTMLElement;
+        readonly rect: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+            bottom: number;
+            left: number;
+            right: number;
+            top: number;
+            toJSON(): any;
+        };
+        mousePoint: import("@zyzgroup/core-web").MousePoint;
+        eb: import("@zyzgroup/core-common").EventBus<import("@zyzgroup/core-web").ElementEventBusListeners>;
+        start: () => Promise<void>;
+        end: () => void;
+    }) => any;
+    update: (controller: {
+        el: HTMLElement;
+        readonly rect: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+            bottom: number;
+            left: number;
+            right: number;
+            top: number;
+            toJSON(): any;
+        };
+        mousePoint: import("@zyzgroup/core-web").MousePoint;
+        eb: import("@zyzgroup/core-common").EventBus<import("@zyzgroup/core-web").ElementEventBusListeners>;
+        start: () => Promise<void>;
+        end: () => void;
+    }) => any;
     clipboard_success: (text: string) => any;
     clipboard_error: (text: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onResize?: (width: number, height: number, rect: DOMRect) => any;
     onStart?: () => any;
     onEnd?: () => any;
-    onReady?: (app: DOMEventBus) => any;
+    onReady?: (controller: {
+        el: HTMLElement;
+        readonly rect: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+            bottom: number;
+            left: number;
+            right: number;
+            top: number;
+            toJSON(): any;
+        };
+        mousePoint: import("@zyzgroup/core-web").MousePoint;
+        eb: import("@zyzgroup/core-common").EventBus<import("@zyzgroup/core-web").ElementEventBusListeners>;
+        start: () => Promise<void>;
+        end: () => void;
+    }) => any;
+    onUpdate?: (controller: {
+        el: HTMLElement;
+        readonly rect: {
+            width: number;
+            height: number;
+            x: number;
+            y: number;
+            bottom: number;
+            left: number;
+            right: number;
+            top: number;
+            toJSON(): any;
+        };
+        mousePoint: import("@zyzgroup/core-web").MousePoint;
+        eb: import("@zyzgroup/core-common").EventBus<import("@zyzgroup/core-web").ElementEventBusListeners>;
+        start: () => Promise<void>;
+        end: () => void;
+    }) => any;
     onClipboard_success?: (text: string) => any;
     onClipboard_error?: (text: string) => any;
 }>, {