@kengic/vue 0.26.6-beta.9 → 0.26.6-beta.90

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

@@ -0,0 +1,155 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import './KgCanvas.css';
+export declare const getProps: () => {
+    /**
+     * 组件 KgCanvasToolbarFullscreen 的参数.
+     */
+    kgCanvasToolbarFullscreen: {
+        type: PropType<Partial<ExtractPropTypes<{
+            kgIsShowText: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+        }>>>;
+    };
+    /**
+     * 是否可以编辑.
+     *
+     * @default false
+     */
+    kgIsEditable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否启用预览面板.
+     *
+     * @default false
+     */
+    kgIsEnableOverview: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否启用网格背景.
+     *
+     * @default false
+     */
+    kgIsGridBackground: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否支持拖动大小.
+     *
+     * @default false
+     */
+    kgIsResizable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+};
+export declare type KgCanvasProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * 组件 KgCanvasToolbarFullscreen 的参数.
+     */
+    kgCanvasToolbarFullscreen: {
+        type: PropType<Partial<ExtractPropTypes<{
+            kgIsShowText: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+        }>>>;
+    };
+    /**
+     * 是否可以编辑.
+     *
+     * @default false
+     */
+    kgIsEditable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否启用预览面板.
+     *
+     * @default false
+     */
+    kgIsEnableOverview: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否启用网格背景.
+     *
+     * @default false
+     */
+    kgIsGridBackground: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否支持拖动大小.
+     *
+     * @default false
+     */
+    kgIsResizable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    /**
+     * 组件 KgCanvasToolbarFullscreen 的参数.
+     */
+    kgCanvasToolbarFullscreen: {
+        type: PropType<Partial<ExtractPropTypes<{
+            kgIsShowText: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+        }>>>;
+    };
+    /**
+     * 是否可以编辑.
+     *
+     * @default false
+     */
+    kgIsEditable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否启用预览面板.
+     *
+     * @default false
+     */
+    kgIsEnableOverview: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否启用网格背景.
+     *
+     * @default false
+     */
+    kgIsGridBackground: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否支持拖动大小.
+     *
+     * @default false
+     */
+    kgIsResizable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    kgIsEditable: boolean;
+    kgIsEnableOverview: boolean;
+    kgIsGridBackground: boolean;
+    kgIsResizable: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,43 @@
+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 IUseGlobalContextMenus = {
+    globalContextMenus: Array<IKgCanvasContextMenu>;
+};
+export declare function _useGlobalContextMenus(param: {
+    eid: string;
+}): IUseGlobalContextMenus;
+export declare type IUseResizeObserver = {};
+export declare function _useResizeObserver(param: {
+    eid: string;
+    graph: () => Q.Graph | null;
+    kgCanvasContextMenuProps: Ref<KgCanvasContextMenuProps>;
+    kgCanvasRef: Ref<HTMLDivElement | null>;
+}): IUseResizeObserver;

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

@@ -0,0 +1,4 @@
+export { default as KgCanvas } from './KgCanvas';
+export { type IKgCanvasContextMenu } from './KgCanvas.ContextMenu';
+export * from './index.hooks';
+export { type IKgCanvasElementProperties } from './KgCanvas.service';

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

@@ -0,0 +1,67 @@
+import { IRemoveEventListenerHandler } from '../../const';
+import { IKgCanvasOnClickEventListener, IKgCanvasOnContextMenuCloseEventListener, IKgCanvasOnContextMenuOpenEventListener, IKgCanvasOnInitEventListener, IKgCanvasOnMouseEnterEventListener, IKgCanvasOnMouseLeaveEventListener, IKgCanvasOnMouseMoveEventListener, IKgCanvasOnReloadEventListener, IKgCanvasOnResizeEventListener, IKgCanvasOnRightClickEventListener, IKgCanvasStore } from './index.store';
+export declare type IUseKgCanvas = {
+    /**
+     * 监听事件: 单击鼠标左键.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onClick(listener: IKgCanvasOnClickEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 右键菜单关闭.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onContextMenuClose(listener: IKgCanvasOnContextMenuCloseEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 右键菜单打开.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onContextMenuOpen(listener: IKgCanvasOnContextMenuOpenEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 图形组件初始完成.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onInit(listener: IKgCanvasOnInitEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 鼠标进入.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onMouseEnter(listener: IKgCanvasOnMouseEnterEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 鼠标离开.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onMouseLeave(listener: IKgCanvasOnMouseLeaveEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 鼠标移动.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onMouseMove(listener: IKgCanvasOnMouseMoveEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 重新加载.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onReload(listener: IKgCanvasOnReloadEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 尺寸变化.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onResize(listener: IKgCanvasOnResizeEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 单击鼠标右键.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onRightClick(listener: IKgCanvasOnRightClickEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /** 状态数据. */
+    store: IKgCanvasStore;
+};
+export declare function useKgCanvas(): IUseKgCanvas;

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

@@ -0,0 +1,239 @@
+import { Q } from '@thymine/xunee';
+import { StoreDefinition } from 'pinia';
+import { Ref } from 'vue';
+import { IKgEventListener } from '../../const';
+import { type IKgCanvasContextMenu } from './KgCanvas.ContextMenu';
+/**
+ * 事件类型.
+ *   'onInit':             图形组件初始完成
+ *   'onReload':           重新加载
+ *   'onResize':           尺寸变化
+ *   'onMouseMove':        鼠标移动
+ *   'onMouseEnter':       鼠标进入
+ *   'onMouseLeave':       鼠标离开
+ *   'onClick':            单击鼠标左键
+ *   'onRightClick':       单击鼠标右键
+ *   'onContextMenuOpen':  右键菜单打开
+ *   'onContextMenuClose': 右键菜单关闭
+ */
+export declare type IKgCanvasEvent = 'onInit' | 'onReload' | 'onResize' | 'onMouseMove' | 'onMouseEnter' | 'onMouseLeave' | 'onClick' | 'onRightClick' | 'onContextMenuOpen' | 'onContextMenuClose';
+export declare type IKgCanvasOnInitEventListenerParameter = {
+    /**
+     * Q.
+     */
+    Q: typeof Q;
+    /**
+     * 图形组件对象.
+     */
+    graph: Q.Graph;
+    eid: string;
+};
+export declare type IKgCanvasOnInitEventListener = ((param: IKgCanvasOnInitEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvasOnReloadEventListenerParameter = {
+    /**
+     * Q.
+     */
+    Q: typeof Q;
+    eid: string;
+    /**
+     * 图形组件对象.
+     */
+    graph: Q.Graph;
+};
+export declare type IKgCanvasOnReloadEventListener = ((param: IKgCanvasOnReloadEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvasOnResizeEventListenerParameter = {
+    /**
+     * Q.
+     */
+    Q: typeof Q;
+    eid: string;
+    /**
+     * 图形组件对象.
+     */
+    graph: Q.Graph;
+    /**
+     * 当前高度.
+     */
+    height: number;
+    /**
+     * 当前宽度.
+     */
+    width: number;
+};
+export declare type IKgCanvasOnResizeEventListener = ((param: IKgCanvasOnResizeEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvasOnRightClickEventListenerParameter = {
+    /**
+     * Q.
+     */
+    Q: typeof Q;
+    /**
+     * <p>右键菜单列表.</p>
+     * <p>用户可以直接修改该参数的值, 从而修改此次单击右键事件弹出的右键菜单.</p>
+     */
+    contextMenus: Ref<Array<IKgCanvasContextMenu>>;
+    eid: string;
+    /**
+     * 图元.
+     */
+    element?: Q.Element;
+    /**
+     * 图元组件.
+     */
+    elementUI?: Q.ElementUI;
+    /**
+     * 鼠标事件.
+     */
+    event: MouseEvent;
+    /**
+     * 图形组件对象.
+     */
+    graph: Q.Graph;
+    /**
+     * 图元组件.
+     */
+    ui?: Q.BaseUI;
+};
+export declare type IKgCanvasOnRightClickEventListener = ((param: IKgCanvasOnRightClickEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvasOnMouseMoveEventListenerParameter = {
+    /**
+     * Q.
+     */
+    Q: typeof Q;
+    eid: string;
+    /**
+     * 图元.
+     */
+    element?: Q.Element;
+    /**
+     * 图元组件.
+     */
+    elementUI?: Q.ElementUI;
+    /**
+     * 图形组件对象.
+     */
+    graph: Q.Graph;
+    /**
+     * 图元组件.
+     */
+    ui?: Q.BaseUI;
+};
+export declare type IKgCanvasOnMouseMoveEventListener = ((param: IKgCanvasOnMouseMoveEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvasOnMouseLeaveEventListenerParameter = {
+    /**
+     * Q.
+     */
+    Q: typeof Q;
+    eid: string;
+    /**
+     * 图元.
+     */
+    element?: Q.Element;
+    /**
+     * 图元组件.
+     */
+    elementUI?: Q.ElementUI;
+    /**
+     * 图形组件对象.
+     */
+    graph: Q.Graph;
+    /**
+     * 图元组件.
+     */
+    ui?: Q.BaseUI;
+};
+export declare type IKgCanvasOnMouseLeaveEventListener = ((param: IKgCanvasOnMouseLeaveEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvasOnMouseEnterEventListenerParameter = {
+    /**
+     * Q.
+     */
+    Q: typeof Q;
+    eid: string;
+    /**
+     * 图元.
+     */
+    element?: Q.Element;
+    /**
+     * 图元组件.
+     */
+    elementUI?: Q.ElementUI;
+    /**
+     * 图形组件对象.
+     */
+    graph: Q.Graph;
+    /**
+     * 图元组件.
+     */
+    ui?: Q.BaseUI;
+};
+export declare type IKgCanvasOnMouseEnterEventListener = ((param: IKgCanvasOnMouseEnterEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvasOnClickEventListenerParameter = {
+    /**
+     * Q.
+     */
+    Q: typeof Q;
+    eid: string;
+    /**
+     * 图元.
+     */
+    element?: Q.Element;
+    /**
+     * 图元组件.
+     */
+    elementUI?: Q.ElementUI;
+    /**
+     * 图形组件对象.
+     */
+    graph: Q.Graph;
+    /**
+     * 图元组件.
+     */
+    ui?: Q.BaseUI;
+};
+export declare type IKgCanvasOnClickEventListener = ((param: IKgCanvasOnClickEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvasOnContextMenuOpenEventListenerParameter = {
+    eid: string;
+};
+export declare type IKgCanvasOnContextMenuOpenEventListener = ((param: IKgCanvasOnContextMenuOpenEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvasOnContextMenuCloseEventListenerParameter = {
+    eid: string;
+};
+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 interface IUseKgCanvasStoreState {
+    onClickEventListenerMap: Map<string, Array<IKgCanvasOnClickEventListener>>;
+    onContextMenuCloseEventListenerMap: Map<string, Array<IKgCanvasOnContextMenuCloseEventListener>>;
+    onContextMenuOpenEventListenerMap: Map<string, Array<IKgCanvasOnContextMenuOpenEventListener>>;
+    onInitEventListenerMap: Map<string, Array<IKgCanvasOnInitEventListener>>;
+    onMouseEnterEventListenerMap: Map<string, Array<IKgCanvasOnMouseEnterEventListener>>;
+    onMouseLeaveEventListenerMap: Map<string, Array<IKgCanvasOnMouseLeaveEventListener>>;
+    onMouseMoveEventListenerMap: Map<string, Array<IKgCanvasOnMouseMoveEventListener>>;
+    onReloadEventListenerMap: Map<string, Array<IKgCanvasOnReloadEventListener>>;
+    onResizeEventListenerMap: Map<string, Array<IKgCanvasOnResizeEventListener>>;
+    onRightClickEventListenerMap: Map<string, Array<IKgCanvasOnRightClickEventListener>>;
+}
+export interface IUseKgCanvasStoreGetters {
+}
+export interface IUseKgCanvasStoreActions {
+    /**
+     * 注册事件监听.
+     * @param event 事件名称.
+     * @param listener 事件监听函数.
+     */
+    addEventListener(event: IKgCanvasEvent, listener: any): void;
+    /**
+     * 触发事件.
+     * @param event 事件名称.
+     * @param param 参数.
+     */
+    emit<T = IKgCanvasEventListenerParameter>(event: IKgCanvasEvent, param?: T | null): Promise<boolean>;
+    /**
+     * 退订事件监听.
+     * @param event 事件名称.
+     * @param listener 事件监听函数.
+     */
+    removeEventListener(event: IKgCanvasEvent, listener?: any): void;
+}
+export declare type IUseKgCanvasStore = StoreDefinition<'KgCanvas', IUseKgCanvasStoreState, IUseKgCanvasStoreGetters, IUseKgCanvasStoreActions>;
+export declare type IKgCanvasStore = ReturnType<IUseKgCanvasStore>;
+export declare const useKgCanvasStore: IUseKgCanvasStore;

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

@@ -0,0 +1,29 @@
+import { Q } from '@thymine/xunee';
+import { InjectionKey } from 'vue';
+export declare const KG__DI__KG_CANVAS_PROPS: InjectionKey<Partial<import("vue").ExtractPropTypes<{
+    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>;