@kengic/vue 0.30.1-beta.8 → 0.30.1-beta.81

package/dist/src/component/KgButton/index.d.ts

@@ -1,62 +1,4 @@
-import { default as KgButtonItem } from './KgButton.Item';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            KgLoading: import("vue").PropType<(button: import("../..").VarButton) => boolean | undefined>;
-            kgDisabled: import("vue").PropType<(button: import("../..").VarButton) => boolean | undefined>;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            KgLoading: import("vue").PropType<(button: import("../..").VarButton) => boolean | undefined>;
-            kgDisabled: import("vue").PropType<(button: import("../..").VarButton) => boolean | undefined>;
-        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        KgLoading: import("vue").PropType<(button: import("../..").VarButton) => boolean | undefined>;
-        kgDisabled: import("vue").PropType<(button: import("../..").VarButton) => boolean | undefined>;
-    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    KgLoading: import("vue").PropType<(button: import("../..").VarButton) => boolean | undefined>;
-    kgDisabled: import("vue").PropType<(button: import("../..").VarButton) => boolean | undefined>;
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    Item: typeof KgButtonItem;
-};
-export default _default;
-export { type IKgButtonProps } from './KgButton';
+export { KgButtonItem } from './KgButton.Item';
+export { KgButton, type IKgButtonProps } from './KgButton';
 export * from './KgButton.hooks';
 export * from './KgButton.store';

package/dist/src/component/KgCanvas/KgCanvas.ContextMenu.d.ts

@@ -49,7 +49,7 @@ export declare const getProps: () => {
     'onUpdate:kgIsVisible': PropType<(value: boolean) => void>;
 };
 export declare type KgCanvasContextMenuProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
-declare const _default: import("vue").DefineComponent<{
+export declare const KgCanvasContextMenu: import("vue").DefineComponent<{
     kgElement: PropType<Q.Element<any>>;
     kgElementUi: PropType<Q.ElementUI>;
     /**
@@ -98,4 +98,3 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     kgIsVisible: boolean;
 }>;
-export default _default;

package/dist/src/component/KgCanvas/{KgCanvas.Toolbar.OverviewScale.d.ts → KgCanvas.ToolbarButton.Fullscreen.d.ts}

@@ -11,8 +11,8 @@ export declare const getProps: () => {
         default: boolean;
     };
 };
-export declare type KgCanvasToolbarOverviewScaleProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
-declare const _default: import("vue").DefineComponent<{
+export declare type KgCanvasToolbarButtonFullscreenProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+export declare const KgCanvasToolbarButtonFullscreen: import("vue").DefineComponent<{
     /**
      * 是否显示文本.
      *
@@ -35,4 +35,3 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     kgIsShowText: boolean;
 }>;
-export default _default;

package/dist/src/component/KgCanvas/KgCanvas.ToolbarButton.Mode.d.ts

@@ -0,0 +1,7 @@
+import { ExtractPropTypes } from 'vue';
+import './KgCanvas.css';
+export declare const getProps: () => any;
+export declare type IKgCanvasToolbarButtonModeProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+export declare const KgCanvasToolbarButtonMode: import("vue").DefineComponent<any, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {
+    [x: string]: any;
+}>;

package/dist/src/component/KgCanvas/{KgCanvas.Toolbar.Fullscreen.d.ts → KgCanvas.ToolbarButton.OverviewScale.d.ts}

@@ -11,8 +11,8 @@ export declare const getProps: () => {
         default: boolean;
     };
 };
-export declare type KgCanvasToolbarFullscreenProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
-declare const _default: import("vue").DefineComponent<{
+export declare type KgCanvasToolbarButtonOverviewScaleProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+export declare const KgCanvasToolbarButtonOverviewScale: import("vue").DefineComponent<{
     /**
      * 是否显示文本.
      *
@@ -35,4 +35,3 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     kgIsShowText: boolean;
 }>;
-export default _default;

package/dist/src/component/KgCanvas/KgCanvas.Tooltip.d.ts

@@ -10,7 +10,7 @@ export declare const getProps: () => {
     kgMouseEvent: PropType<MouseEvent>;
 };
 export declare type KgCanvasTooltipProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
-declare const _default: import("vue").DefineComponent<{
+export declare const KgCanvasTooltip: import("vue").DefineComponent<{
     kgElement: PropType<Q.Element<any>>;
     kgElementUi: PropType<Q.ElementUI>;
     /**
@@ -25,4 +25,3 @@ declare const _default: import("vue").DefineComponent<{
      */
     kgMouseEvent: PropType<MouseEvent>;
 }>>, {}>;
-export default _default;

package/dist/src/component/KgCanvas/KgCanvas.d.ts

@@ -9,7 +9,25 @@ export declare const getProps: () => {
         required: boolean;
     };
     /**
-     * 组件 KgCanvasToolbarFullscreen 的参数.
+     * 画布--右键菜单--重新加载--是否可用.
+     *
+     * @default true
+     */
+    kg$ContextMenu$Reload$IsAvailable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 画布--工具按钮--交互模式--是否可用.
+     *
+     * @default true
+     */
+    kg$KgCanvasToolbarButtonMode$IsAvailable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 组件 KgCanvasToolbarButtonFullscreen 的参数.
      */
     kgCanvasToolbarFullscreen: {
         type: PropType<Partial<ExtractPropTypes<{
@@ -66,7 +84,25 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
     };
     /**
-     * 组件 KgCanvasToolbarFullscreen 的参数.
+     * 画布--右键菜单--重新加载--是否可用.
+     *
+     * @default true
+     */
+    kg$ContextMenu$Reload$IsAvailable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 画布--工具按钮--交互模式--是否可用.
+     *
+     * @default true
+     */
+    kg$KgCanvasToolbarButtonMode$IsAvailable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 组件 KgCanvasToolbarButtonFullscreen 的参数.
      */
     kgCanvasToolbarFullscreen: {
         type: PropType<Partial<ExtractPropTypes<{
@@ -121,7 +157,25 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
     };
     /**
-     * 组件 KgCanvasToolbarFullscreen 的参数.
+     * 画布--右键菜单--重新加载--是否可用.
+     *
+     * @default true
+     */
+    kg$ContextMenu$Reload$IsAvailable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 画布--工具按钮--交互模式--是否可用.
+     *
+     * @default true
+     */
+    kg$KgCanvasToolbarButtonMode$IsAvailable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 组件 KgCanvasToolbarButtonFullscreen 的参数.
      */
     kgCanvasToolbarFullscreen: {
         type: PropType<Partial<ExtractPropTypes<{
@@ -168,6 +222,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
+    kg$ContextMenu$Reload$IsAvailable: boolean;
+    kg$KgCanvasToolbarButtonMode$IsAvailable: boolean;
     kgIsEditable: boolean;
     kgIsEnableOverview: boolean;
     kgIsGridBackground: boolean;

package/dist/src/component/KgCanvas/KgCanvas.event.d.ts

@@ -1,28 +1,27 @@
 import { IKgEventListener } from '@kengic/core.core';
 import { Q } from '@thymine/xunee';
-import { Ref } from 'vue';
 import { IKgCanvasContextMenu } from './KgCanvas.ContextMenu';
 /**
  * 事件类型.
  */
-export declare type IKgCanvasEvent = 'onInit' | 'onReload' | 'onResize' | 'onMouseMove' | 'onMouseEnter' | 'onMouseLeave' | 'onClick' | 'onRightClick' | 'onContextMenuOpen' | 'onContextMenuClose';
-export declare type IKgCanvasOnInitEventListenerParameter = {
+export declare type IKgCanvasEvent = 'onClick' | 'onContextMenuClose' | 'onContextMenuOpen' | 'onDataPropertyChange' | 'onDrop' | 'onElementCreate' | 'onInit' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseMove' | 'onReload' | 'onResize' | 'onRightClick' | 'onSelectChange';
+export declare type IKgCanvas$EventListenerParameter$onInit = {
     Q: typeof Q;
     /**
      * 图形组件对象.
      */
     graph: Q.Graph;
 };
-export declare type IKgCanvasOnInitEventListener = ((param: IKgCanvasOnInitEventListenerParameter) => Promise<boolean>) & IKgEventListener;
-export declare type IKgCanvasOnReloadEventListenerParameter = {
+export declare type IKgCanvas$EventListener$onInit = ((param: IKgCanvas$EventListenerParameter$onInit) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onReload = {
     Q: typeof Q;
     /**
      * 图形组件对象.
      */
     graph: Q.Graph;
 };
-export declare type IKgCanvasOnReloadEventListener = ((param: IKgCanvasOnReloadEventListenerParameter) => Promise<boolean>) & IKgEventListener;
-export declare type IKgCanvasOnResizeEventListenerParameter = {
+export declare type IKgCanvas$EventListener$onReload = ((param: IKgCanvas$EventListenerParameter$onReload) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onResize = {
     Q: typeof Q;
     /**
      * 图形组件对象.
@@ -37,14 +36,16 @@ export declare type IKgCanvasOnResizeEventListenerParameter = {
      */
     width: number;
 };
-export declare type IKgCanvasOnResizeEventListener = ((param: IKgCanvasOnResizeEventListenerParameter) => Promise<boolean>) & IKgEventListener;
-export declare type IKgCanvasOnRightClickEventListenerParameter = {
+export declare type IKgCanvas$EventListener$onResize = ((param: IKgCanvas$EventListenerParameter$onResize) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onRightClick = {
     Q: typeof Q;
     /**
      * <p>右键菜单列表.</p>
      * <p>用户可以直接修改该参数的值, 从而修改此次单击右键事件弹出的右键菜单.</p>
      */
-    contextMenus: Ref<Array<IKgCanvasContextMenu>>;
+    contextMenus: {
+        value: Array<IKgCanvasContextMenu>;
+    };
     /**
      * 图元.
      */
@@ -66,8 +67,8 @@ export declare type IKgCanvasOnRightClickEventListenerParameter = {
      */
     ui?: Q.BaseUI;
 };
-export declare type IKgCanvasOnRightClickEventListener = ((param: IKgCanvasOnRightClickEventListenerParameter) => Promise<boolean>) & IKgEventListener;
-export declare type IKgCanvasOnMouseMoveEventListenerParameter = {
+export declare type IKgCanvas$EventListener$onRightClick = ((param: IKgCanvas$EventListenerParameter$onRightClick) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onMouseMove = {
     Q: typeof Q;
     /**
      * 图元.
@@ -86,8 +87,8 @@ export declare type IKgCanvasOnMouseMoveEventListenerParameter = {
      */
     ui?: Q.BaseUI;
 };
-export declare type IKgCanvasOnMouseMoveEventListener = ((param: IKgCanvasOnMouseMoveEventListenerParameter) => Promise<boolean>) & IKgEventListener;
-export declare type IKgCanvasOnMouseLeaveEventListenerParameter = {
+export declare type IKgCanvas$EventListener$onMouseMove = ((param: IKgCanvas$EventListenerParameter$onMouseMove) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onMouseLeave = {
     Q: typeof Q;
     /**
      * 图元.
@@ -106,8 +107,8 @@ export declare type IKgCanvasOnMouseLeaveEventListenerParameter = {
      */
     ui?: Q.BaseUI;
 };
-export declare type IKgCanvasOnMouseLeaveEventListener = ((param: IKgCanvasOnMouseLeaveEventListenerParameter) => Promise<boolean>) & IKgEventListener;
-export declare type IKgCanvasOnMouseEnterEventListenerParameter = {
+export declare type IKgCanvas$EventListener$onMouseLeave = ((param: IKgCanvas$EventListenerParameter$onMouseLeave) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onMouseEnter = {
     Q: typeof Q;
     /**
      * 图元.
@@ -126,8 +127,8 @@ export declare type IKgCanvasOnMouseEnterEventListenerParameter = {
      */
     ui?: Q.BaseUI;
 };
-export declare type IKgCanvasOnMouseEnterEventListener = ((param: IKgCanvasOnMouseEnterEventListenerParameter) => Promise<boolean>) & IKgEventListener;
-export declare type IKgCanvasOnClickEventListenerParameter = {
+export declare type IKgCanvas$EventListener$onMouseEnter = ((param: IKgCanvas$EventListenerParameter$onMouseEnter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onClick = {
     Q: typeof Q;
     /**
      * 图元.
@@ -146,24 +147,60 @@ export declare type IKgCanvasOnClickEventListenerParameter = {
      */
     ui?: Q.BaseUI;
 };
-export declare type IKgCanvasOnClickEventListener = ((param: IKgCanvasOnClickEventListenerParameter) => Promise<boolean>) & IKgEventListener;
-export declare type IKgCanvasOnContextMenuOpenEventListenerParameter = {};
-export declare type IKgCanvasOnContextMenuOpenEventListener = ((param: IKgCanvasOnContextMenuOpenEventListenerParameter) => Promise<boolean>) & IKgEventListener;
-export declare type IKgCanvasOnContextMenuCloseEventListenerParameter = {};
-export declare type IKgCanvasOnContextMenuCloseEventListener = ((param: IKgCanvasOnContextMenuCloseEventListenerParameter) => Promise<boolean>) & IKgEventListener;
-export declare type IKgCanvasEventListenerParameter = IKgCanvasOnInitEventListenerParameter | IKgCanvasOnReloadEventListenerParameter | IKgCanvasOnResizeEventListenerParameter | IKgCanvasOnRightClickEventListenerParameter | IKgCanvasOnMouseMoveEventListenerParameter | IKgCanvasOnMouseEnterEventListenerParameter | IKgCanvasOnMouseLeaveEventListenerParameter | IKgCanvasOnClickEventListenerParameter | IKgCanvasOnContextMenuOpenEventListenerParameter | IKgCanvasOnContextMenuCloseEventListenerParameter;
-export declare type IKgCanvasEventListener = IKgCanvasOnInitEventListener | IKgCanvasOnReloadEventListener | IKgCanvasOnResizeEventListener | IKgCanvasOnRightClickEventListener | IKgCanvasOnMouseMoveEventListener | IKgCanvasOnMouseEnterEventListener | IKgCanvasOnMouseLeaveEventListener | IKgCanvasOnClickEventListener | IKgCanvasOnContextMenuOpenEventListener | IKgCanvasOnContextMenuCloseEventListener;
+export declare type IKgCanvas$EventListener$onClick = ((param: IKgCanvas$EventListenerParameter$onClick) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onContextMenuOpen = {};
+export declare type IKgCanvas$EventListener$onContextMenuOpen = ((param: IKgCanvas$EventListenerParameter$onContextMenuOpen) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onDataPropertyChange = {
+    /**
+     * 事件对象.
+     */
+    event: Q.Event;
+};
+export declare type IKgCanvas$EventListener$onDataPropertyChange = ((param: IKgCanvas$EventListenerParameter$onDataPropertyChange) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onContextMenuClose = {};
+export declare type IKgCanvas$EventListener$onContextMenuClose = ((param: IKgCanvas$EventListenerParameter$onContextMenuClose) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onDrop = {
+    /**
+     * 拖拽事件对象.
+     */
+    event: DragEvent;
+    /**
+     * 图形组件对象.
+     */
+    graph: Q.Graph;
+};
+export declare type IKgCanvas$EventListener$onDrop = ((param: IKgCanvas$EventListenerParameter$onDrop) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onElementCreate = {
+    /**
+     * 被创建的图元对象.
+     */
+    element: Q.Element;
+};
+export declare type IKgCanvas$EventListener$onElementCreate = ((param: IKgCanvas$EventListenerParameter$onElementCreate) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter$onSelectChange = {
+    /**
+     * 事件对象.
+     */
+    event: Q.ListEvent;
+};
+export declare type IKgCanvas$EventListener$onSelectChange = ((param: IKgCanvas$EventListenerParameter$onSelectChange) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvas$EventListenerParameter = IKgCanvas$EventListenerParameter$onInit | IKgCanvas$EventListenerParameter$onReload | IKgCanvas$EventListenerParameter$onResize | IKgCanvas$EventListenerParameter$onDataPropertyChange | IKgCanvas$EventListenerParameter$onRightClick | IKgCanvas$EventListenerParameter$onMouseMove | IKgCanvas$EventListenerParameter$onMouseEnter | IKgCanvas$EventListenerParameter$onMouseLeave | IKgCanvas$EventListenerParameter$onClick | IKgCanvas$EventListenerParameter$onContextMenuOpen | IKgCanvas$EventListenerParameter$onContextMenuClose | IKgCanvas$EventListenerParameter$onDrop | IKgCanvas$EventListenerParameter$onElementCreate | IKgCanvas$EventListenerParameter$onSelectChange;
+export declare type IKgCanvas$EventListener = IKgCanvas$EventListener$onInit | IKgCanvas$EventListener$onReload | IKgCanvas$EventListener$onResize | IKgCanvas$EventListener$onDataPropertyChange | IKgCanvas$EventListener$onRightClick | IKgCanvas$EventListener$onMouseMove | IKgCanvas$EventListener$onMouseEnter | IKgCanvas$EventListener$onMouseLeave | IKgCanvas$EventListener$onClick | IKgCanvas$EventListener$onContextMenuOpen | IKgCanvas$EventListener$onContextMenuClose | IKgCanvas$EventListener$onDrop | IKgCanvas$EventListener$onElementCreate | IKgCanvas$EventListener$onSelectChange;
 export declare const eventListeners: Record<string, {
-    onClick: Array<IKgCanvasOnClickEventListener>;
-    onContextMenuClose: Array<IKgCanvasOnContextMenuCloseEventListener>;
-    onContextMenuOpen: Array<IKgCanvasOnContextMenuOpenEventListener>;
-    onInit: Array<IKgCanvasOnInitEventListener>;
-    onMouseEnter: Array<IKgCanvasOnMouseEnterEventListener>;
-    onMouseLeave: Array<IKgCanvasOnMouseLeaveEventListener>;
-    onMouseMove: Array<IKgCanvasOnMouseMoveEventListener>;
-    onReload: Array<IKgCanvasOnReloadEventListener>;
-    onResize: Array<IKgCanvasOnResizeEventListener>;
-    onRightClick: Array<IKgCanvasOnRightClickEventListener>;
+    onClick: Array<IKgCanvas$EventListener$onClick>;
+    onContextMenuClose: Array<IKgCanvas$EventListener$onContextMenuClose>;
+    onContextMenuOpen: Array<IKgCanvas$EventListener$onContextMenuOpen>;
+    onDataPropertyChange: Array<IKgCanvas$EventListener$onDataPropertyChange>;
+    onDrop: Array<IKgCanvas$EventListener$onDrop>;
+    onElementCreate: Array<IKgCanvas$EventListener$onElementCreate>;
+    onInit: Array<IKgCanvas$EventListener$onInit>;
+    onMouseEnter: Array<IKgCanvas$EventListener$onMouseEnter>;
+    onMouseLeave: Array<IKgCanvas$EventListener$onMouseLeave>;
+    onMouseMove: Array<IKgCanvas$EventListener$onMouseMove>;
+    onReload: Array<IKgCanvas$EventListener$onReload>;
+    onResize: Array<IKgCanvas$EventListener$onResize>;
+    onRightClick: Array<IKgCanvas$EventListener$onRightClick>;
+    onSelectChange: Array<IKgCanvas$EventListener$onSelectChange>;
 }>;
 /**
  * 触发事件.
@@ -172,7 +209,7 @@ export declare const eventListeners: Record<string, {
  * @param param.id 唯一标识.
  * @param param.parameter 事件参数.
  */
-export declare function emit<P extends IKgCanvasEventListenerParameter>(param: {
+export declare function emit<P extends IKgCanvas$EventListenerParameter>(param: {
     event: IKgCanvasEvent;
     id?: string | undefined;
     parameter: P;

package/dist/src/component/KgCanvas/KgCanvas.hooks.d.ts

@@ -1,72 +1,100 @@
 import { IRemoveEventListener } from '@kengic/core.core';
-import { IKgCanvasOnClickEventListener, IKgCanvasOnContextMenuCloseEventListener, IKgCanvasOnContextMenuOpenEventListener, IKgCanvasOnInitEventListener, IKgCanvasOnMouseEnterEventListener, IKgCanvasOnMouseLeaveEventListener, IKgCanvasOnMouseMoveEventListener, IKgCanvasOnReloadEventListener, IKgCanvasOnResizeEventListener, IKgCanvasOnRightClickEventListener } from './KgCanvas.event';
-import { useKgCanvasStore } from './KgCanvas.store';
+import { IKgCanvas$EventListener$onClick, IKgCanvas$EventListener$onContextMenuClose, IKgCanvas$EventListener$onContextMenuOpen, IKgCanvas$EventListener$onDataPropertyChange, IKgCanvas$EventListener$onDrop, IKgCanvas$EventListener$onElementCreate, IKgCanvas$EventListener$onInit, IKgCanvas$EventListener$onMouseEnter, IKgCanvas$EventListener$onMouseLeave, IKgCanvas$EventListener$onMouseMove, IKgCanvas$EventListener$onReload, IKgCanvas$EventListener$onResize, IKgCanvas$EventListener$onRightClick, IKgCanvas$EventListener$onSelectChange } from './KgCanvas.event';
+import { buildKgCanvasStore } from './KgCanvas.store';
 export declare type IUseKgCanvas = {
+    /**
+     * 标识.
+     */
+    id: string;
     /**
      * 监听事件: 单击鼠标左键.
      * @param listener 事件监听函数.
      * @param isOnce 是否只会触发一次. 默认为 undefined.
      */
-    onClick(listener: IKgCanvasOnClickEventListener, isOnce?: boolean): IRemoveEventListener;
+    onClick(listener: IKgCanvas$EventListener$onClick, isOnce?: boolean): IRemoveEventListener;
     /**
      * 监听事件: 右键菜单关闭.
      * @param listener 事件监听函数.
      * @param isOnce 是否只会触发一次. 默认为 undefined.
      */
-    onContextMenuClose(listener: IKgCanvasOnContextMenuCloseEventListener, isOnce?: boolean): IRemoveEventListener;
+    onContextMenuClose(listener: IKgCanvas$EventListener$onContextMenuClose, isOnce?: boolean): IRemoveEventListener;
     /**
      * 监听事件: 右键菜单打开.
      * @param listener 事件监听函数.
      * @param isOnce 是否只会触发一次. 默认为 undefined.
      */
-    onContextMenuOpen(listener: IKgCanvasOnContextMenuOpenEventListener, isOnce?: boolean): IRemoveEventListener;
+    onContextMenuOpen(listener: IKgCanvas$EventListener$onContextMenuOpen, isOnce?: boolean): IRemoveEventListener;
+    /**
+     * 监听事件: 图元属性发生变更.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onDataPropertyChange(listener: IKgCanvas$EventListener$onDataPropertyChange, isOnce?: boolean): IRemoveEventListener;
+    /**
+     * 监听事件: 拖拽落下.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onDrop(listener: IKgCanvas$EventListener$onDrop, isOnce?: boolean): IRemoveEventListener;
+    /**
+     * 监听事件: 通过界面交互创建图元.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onElementCreate(listener: IKgCanvas$EventListener$onElementCreate, isOnce?: boolean): IRemoveEventListener;
     /**
      * 监听事件: 图形组件初始完成.
      * @param listener 事件监听函数.
      * @param isOnce 是否只会触发一次. 默认为 undefined.
      */
-    onInit(listener: IKgCanvasOnInitEventListener, isOnce?: boolean): IRemoveEventListener;
+    onInit(listener: IKgCanvas$EventListener$onInit, isOnce?: boolean): IRemoveEventListener;
     /**
      * 监听事件: 鼠标进入.
      * @param listener 事件监听函数.
      * @param isOnce 是否只会触发一次. 默认为 undefined.
      */
-    onMouseEnter(listener: IKgCanvasOnMouseEnterEventListener, isOnce?: boolean): IRemoveEventListener;
+    onMouseEnter(listener: IKgCanvas$EventListener$onMouseEnter, isOnce?: boolean): IRemoveEventListener;
     /**
      * 监听事件: 鼠标离开.
      * @param listener 事件监听函数.
      * @param isOnce 是否只会触发一次. 默认为 undefined.
      */
-    onMouseLeave(listener: IKgCanvasOnMouseLeaveEventListener, isOnce?: boolean): IRemoveEventListener;
+    onMouseLeave(listener: IKgCanvas$EventListener$onMouseLeave, isOnce?: boolean): IRemoveEventListener;
     /**
      * 监听事件: 鼠标移动.
      * @param listener 事件监听函数.
      * @param isOnce 是否只会触发一次. 默认为 undefined.
      */
-    onMouseMove(listener: IKgCanvasOnMouseMoveEventListener, isOnce?: boolean): IRemoveEventListener;
+    onMouseMove(listener: IKgCanvas$EventListener$onMouseMove, isOnce?: boolean): IRemoveEventListener;
     /**
      * 监听事件: 重新加载.
      * @param listener 事件监听函数.
      * @param isOnce 是否只会触发一次. 默认为 undefined.
      */
-    onReload(listener: IKgCanvasOnReloadEventListener, isOnce?: boolean): IRemoveEventListener;
+    onReload(listener: IKgCanvas$EventListener$onReload, isOnce?: boolean): IRemoveEventListener;
     /**
      * 监听事件: 尺寸变化.
      * @param listener 事件监听函数.
      * @param isOnce 是否只会触发一次. 默认为 undefined.
      */
-    onResize(listener: IKgCanvasOnResizeEventListener, isOnce?: boolean): IRemoveEventListener;
+    onResize(listener: IKgCanvas$EventListener$onResize, isOnce?: boolean): IRemoveEventListener;
     /**
      * 监听事件: 单击鼠标右键.
      * @param listener 事件监听函数.
      * @param isOnce 是否只会触发一次. 默认为 undefined.
      */
-    onRightClick(listener: IKgCanvasOnRightClickEventListener, isOnce?: boolean): IRemoveEventListener;
+    onRightClick(listener: IKgCanvas$EventListener$onRightClick, isOnce?: boolean): IRemoveEventListener;
+    /**
+     * 监听事件: 选中发生变更.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onSelectChange(listener: IKgCanvas$EventListener$onSelectChange, isOnce?: boolean): IRemoveEventListener;
     /** 状态数据. */
-    store: ReturnType<typeof useKgCanvasStore>;
-};
+    store: ReturnType<ReturnType<typeof buildKgCanvasStore>>;
+} & ReturnType<ReturnType<typeof buildKgCanvasStore>>;
 /**
  *
  * @param id 唯一标识.
  */
-export declare function useKgCanvas(id: string): IUseKgCanvas;
+export declare function useKgCanvas(id?: string | null | undefined): IUseKgCanvas;

package/dist/src/component/KgCanvas/KgCanvas.model.d.ts

@@ -1,33 +1,27 @@
-import { Q } from '@thymine/xunee';
-import { InjectionKey } from 'vue';
-export declare const KG__DI__KG_CANVAS_PROPS: InjectionKey<Partial<import("vue").ExtractPropTypes<{
-    id: {
-        type: import("vue").PropType<string>;
-        required: boolean;
+/**
+ * 节点用户属性.
+ */
+export declare type IKgCanvasElementProperties = {
+    /**
+     * 编码, 全局唯一.
+     */
+    key?: string;
+    /**
+     * 数据.
+     */
+    data?: any;
+    /**
+     * 是否启用提示文本.
+     */
+    isEnableTooltip?: boolean;
+    /**
+     * 样式.
+     */
+    style?: {
+        /**
+         * 鼠标划过时的指针样式.
+         */
+        hoverCursor?: 'pointer' | 'default';
     };
-    kgCanvasToolbarFullscreen: {
-        type: import("vue").PropType<Partial<import("vue").ExtractPropTypes<{
-            kgIsShowText: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>>>;
-    };
-    kgIsEditable: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    kgIsEnableOverview: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    kgIsGridBackground: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    kgIsResizable: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>>>;
-export declare const KG__DI__KG_CANVAS_GET_GRAPH: InjectionKey<() => Q.Graph>;
+    [index: string]: any;
+};

package/dist/src/component/KgCanvas/KgCanvas.service.d.ts

@@ -1,39 +1,13 @@
 import { Q } from '@thymine/xunee';
 import { Ref } from 'vue';
 import { IKgCanvasContextMenu, KgCanvasContextMenuProps } from './KgCanvas.ContextMenu';
-/**
- * 用户属性.
- */
-export declare type IKgCanvasElementProperties = {
-    /**
-     * 编码, 全局唯一.
-     */
-    key?: string;
-    /**
-     * 数据.
-     */
-    data?: any;
-    /**
-     * 是否启用提示文本.
-     */
-    isEnableTooltip?: boolean;
-    /**
-     * 样式.
-     */
-    style?: {
-        /**
-         * 鼠标划过时的指针样式.
-         */
-        hoverCursor?: 'pointer' | 'default';
-    };
-    [index: string]: any;
+export declare type IUseGlobalContextMenuList = {
+    globalContextMenuList: Array<IKgCanvasContextMenu>;
 };
-export declare type IUseGlobalContextMenus = {
-    globalContextMenus: Array<IKgCanvasContextMenu>;
-};
-export declare function _useGlobalContextMenus(param: {
+export declare function _useGlobalContextMenuList(param: {
     id: string | undefined;
-}): IUseGlobalContextMenus;
+    kg$ContextMenu$Reload$IsAvailable?: boolean | null | undefined;
+}): IUseGlobalContextMenuList;
 export declare type IUseResizeObserver = {};
 export declare function _useResizeObserver(param: {
     graph: () => Q.Graph | null;

package/dist/src/component/KgCanvas/KgCanvas.store.d.ts

@@ -1,6 +1,9 @@
+import { Q } from '@thymine/xunee';
 import { KgStoreDefinition } from '../../const';
 export interface IUseKgCanvasStoreGetters {
 }
 export interface IUseKgCanvasStoreActions {
+    get$graph(): Q.Graph | null;
+    set$graph(value: Q.Graph | null | undefined): void;
 }
-export declare const useKgCanvasStore: KgStoreDefinition<IUseKgCanvasStoreGetters, IUseKgCanvasStoreActions>;
+export declare function buildKgCanvasStore(id: string | null | undefined): KgStoreDefinition<IUseKgCanvasStoreGetters, IUseKgCanvasStoreActions>;