@kengic/vue 0.26.5-beta.6 → 0.26.5-beta.7

package/dist/one-to-one-outlined.4f97e62a.mjs

@@ -0,0 +1,8 @@
+const c = {
+  width: 1024,
+  height: 1024,
+  body: '<path fill="currentColor" d="M316 672h60c4.4 0 8-3.6 8-8V360c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8zm196-50c22.1 0 40-17.9 40-39c0-23.1-17.9-41-40-41s-40 17.9-40 41c0 21.1 17.9 39 40 39zm0-140c22.1 0 40-17.9 40-39c0-23.1-17.9-41-40-41s-40 17.9-40 41c0 21.1 17.9 39 40 39z"/><path fill="currentColor" d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"/><path fill="currentColor" d="M648 672h60c4.4 0 8-3.6 8-8V360c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8z"/>'
+};
+export {
+  c as default
+};

package/dist/reload-outlined.abae07b1.mjs

@@ -0,0 +1,8 @@
+const c = {
+  width: 1024,
+  height: 1024,
+  body: '<path fill="currentColor" d="m909.1 209.3l-56.4 44.1C775.8 155.1 656.2 92 521.9 92C290 92 102.3 279.5 102 511.5C101.7 743.7 289.8 932 521.9 932c181.3 0 335.8-115 394.6-276.1c1.5-4.2-.7-8.9-4.9-10.3l-56.7-19.5a8 8 0 0 0-10.1 4.8c-1.8 5-3.8 10-5.9 14.9c-17.3 41-42.1 77.8-73.7 109.4A344.77 344.77 0 0 1 655.9 829c-42.3 17.9-87.4 27-133.8 27c-46.5 0-91.5-9.1-133.8-27A341.5 341.5 0 0 1 279 755.2a342.16 342.16 0 0 1-73.7-109.4c-17.9-42.4-27-87.4-27-133.9s9.1-91.5 27-133.9c17.3-41 42.1-77.8 73.7-109.4c31.6-31.6 68.4-56.4 109.3-73.8c42.3-17.9 87.4-27 133.8-27c46.5 0 91.5 9.1 133.8 27a341.5 341.5 0 0 1 109.3 73.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 0 0 3 14.1l175.6 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c-.1-6.6-7.8-10.3-13-6.2z"/>'
+};
+export {
+  c as default
+};

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

@@ -0,0 +1,104 @@
+import { Q } from '@thymine/xunee';
+import { ExtractPropTypes, PropType } from 'vue';
+import './KgCanvas.css';
+/**
+ * 菜单属性.
+ */
+export declare type IKgCanvasContextMenu = {
+    /** 菜单编码. */
+    code?: string;
+    /** 菜单回调方法. */
+    handler?: (param: {
+        graph: Q.Graph;
+        element?: Q.Element;
+        elementUI?: Q.ElementUI;
+        ui?: Q.BaseUI;
+    }) => void;
+    /** 菜单图标. */
+    icon?: string;
+    /** 是否禁用. */
+    isDisabled?: boolean;
+    /** 是否是分割线. */
+    isDivider?: boolean;
+    /**
+     * 菜单标题.
+     */
+    name?: string;
+};
+export declare const getProps: () => {
+    kgElement: PropType<Q.Element<any>>;
+    kgElementUI: PropType<Q.ElementUI>;
+    kgGraph: PropType<Q.Graph>;
+    /**
+     * 是否显示.
+     *
+     * @default false
+     */
+    kgIsVisible: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 菜单.
+     */
+    kgMenus: PropType<IKgCanvasContextMenu[]>;
+    /**
+     * 鼠标右键点击事件对象.
+     */
+    kgMouseEvent: PropType<MouseEvent>;
+    kgUi: PropType<Q.BaseUI>;
+    'onUpdate:kgIsVisible': PropType<(value: boolean) => void>;
+};
+export declare type KgCanvasContextMenuProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+declare const _default: import("vue").DefineComponent<{
+    kgElement: PropType<Q.Element<any>>;
+    kgElementUI: PropType<Q.ElementUI>;
+    kgGraph: PropType<Q.Graph>;
+    /**
+     * 是否显示.
+     *
+     * @default false
+     */
+    kgIsVisible: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 菜单.
+     */
+    kgMenus: PropType<IKgCanvasContextMenu[]>;
+    /**
+     * 鼠标右键点击事件对象.
+     */
+    kgMouseEvent: PropType<MouseEvent>;
+    kgUi: PropType<Q.BaseUI>;
+    'onUpdate:kgIsVisible': PropType<(value: boolean) => void>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:kgIsVisible"[], "update:kgIsVisible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    kgElement: PropType<Q.Element<any>>;
+    kgElementUI: PropType<Q.ElementUI>;
+    kgGraph: PropType<Q.Graph>;
+    /**
+     * 是否显示.
+     *
+     * @default false
+     */
+    kgIsVisible: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 菜单.
+     */
+    kgMenus: PropType<IKgCanvasContextMenu[]>;
+    /**
+     * 鼠标右键点击事件对象.
+     */
+    kgMouseEvent: PropType<MouseEvent>;
+    kgUi: PropType<Q.BaseUI>;
+    'onUpdate:kgIsVisible': PropType<(value: boolean) => void>;
+}>> & {
+    "onUpdate:kgIsVisible"?: ((...args: any[]) => any) | undefined;
+}, {
+    kgIsVisible: boolean;
+}>;
+export default _default;

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

@@ -1,4 +1,15 @@
 import { Q } from '@thymine/xunee';
 import { Ref } from 'vue';
+import { IKgCanvasContextMenu, KgCanvasContextMenuProps } from './KgCanvas.ContextMenu';
+export declare type IUseGlobalContextMenus = {
+    globalContextMenus: Array<IKgCanvasContextMenu>;
+};
+export declare function _useGlobalContextMenus(param: {
+    eid: string;
+}): IUseGlobalContextMenus;
 export declare type IUseResizeObserver = {};
-export declare function _useResizeObserver(kgCanvasRef: Ref<HTMLDivElement | null>, graph: () => Q.Graph | null): IUseResizeObserver;
+export declare function _useResizeObserver(param: {
+    graph: () => Q.Graph | null;
+    kgCanvasContextMenuProps: Ref<KgCanvasContextMenuProps>;
+    kgCanvasRef: Ref<HTMLDivElement | null>;
+}): IUseResizeObserver;

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

@@ -1,2 +1,3 @@
 export { default as KgCanvas } from './KgCanvas';
+export { type IKgCanvasContextMenu } from './KgCanvas.ContextMenu';
 export * from './index.hooks';

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

@@ -1,12 +1,24 @@
 import { IRemoveEventListenerHandler } from '../../consts';
-import { IKgCanvasOnInitEventListener, IKgCanvasStore } from './index.store';
+import { IKgCanvasOnInitEventListener, IKgCanvasOnReloadEventListener, IKgCanvasOnRightClickEventListener, IKgCanvasStore } from './index.store';
 export declare type IUseKgCanvas = {
     /**
-     * 监听事件: 初始完成.
+     * 监听事件: 图形组件初始完成.
      * @param listener 事件监听函数.
      * @param isOnce 是否只会触发一次. 默认为 undefined.
      */
     onInit(listener: IKgCanvasOnInitEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 重新加载.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onReload(listener: IKgCanvasOnReloadEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 单击右键.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onRightClick(listener: IKgCanvasOnRightClickEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
     /** 状态数据. */
     store: IKgCanvasStore;
 };

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

@@ -1,30 +1,74 @@
 import { Q } from '@thymine/xunee';
 import { StoreDefinition } from 'pinia';
+import { Ref } from 'vue';
 import { IKgEventListener } from '../../consts';
+import { type IKgCanvasContextMenu } from './KgCanvas.ContextMenu';
 /**
  * 事件类型.
- *   'onInit':  初始完成
+ *   'onInit':       图形组件初始完成
+ *   'onRightClick': 单击右键
+ *   'onReload':     重新加载
  */
-export declare type IKgCanvasEvent = 'onInit';
+export declare type IKgCanvasEvent = 'onInit' | 'onRightClick' | 'onReload';
 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 IKgCanvasOnRightClickEventListenerParameter = {
+    /**
+     * Q.
+     */
+    Q: typeof Q;
+    /**
+     * <p>右键菜单列表.</p>
+     * <p>用户可以直接修改该参数的值, 从而修改此次单击右键事件弹出的右键菜单.</p>
+     */
+    contextMenus: Ref<Array<IKgCanvasContextMenu>>;
+    eid: string;
+    /**
+     * 被右键单击的图元.
      */
+    element?: Q.Element;
+    /**
+     * 被右键单击的图元组件.
+     */
+    elementUI?: Q.ElementUI;
+    /**
+     * 图形组件对象.
+     */
+    graph: Q.Graph;
+    /**
+     * 被右键单击的图元组件.
+     */
+    ui?: Q.BaseUI;
+};
+export declare type IKgCanvasOnRightClickEventListener = ((param: IKgCanvasOnRightClickEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvasOnReloadEventListenerParameter = {
+    /**
+     * Q.
+     */
+    Q: typeof Q;
     eid: string;
     /**
      * 图形组件对象.
      */
     graph: Q.Graph;
 };
-export declare type IKgCanvasOnInitEventListener = ((param: IKgCanvasOnInitEventListenerParameter) => Promise<boolean>) & IKgEventListener;
-export declare type IKgCanvasEventListenerParameter = IKgCanvasOnInitEventListenerParameter;
-export declare type IKgCanvasEventListener = IKgCanvasOnInitEventListener;
+export declare type IKgCanvasOnReloadEventListener = ((param: IKgCanvasOnReloadEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgCanvasEventListenerParameter = IKgCanvasOnInitEventListenerParameter | IKgCanvasOnRightClickEventListenerParameter | IKgCanvasOnReloadEventListenerParameter;
+export declare type IKgCanvasEventListener = IKgCanvasOnInitEventListener | IKgCanvasOnRightClickEventListener | IKgCanvasOnReloadEventListener;
 export interface IUseKgCanvasStoreState {
     onInitEventListenerMap: Map<string, Array<IKgCanvasOnInitEventListener>>;
+    onReloadEventListenerMap: Map<string, Array<IKgCanvasOnReloadEventListener>>;
+    onRightClickEventListenerMap: Map<string, Array<IKgCanvasOnRightClickEventListener>>;
 }
 export interface IUseKgCanvasStoreGetters {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kengic/vue",
-    "version": "0.26.5-beta.6",
+    "version": "0.26.5-beta.7",
     "scripts": {
         "build": "npm run switch-node-version && rimraf dist && vue-tsc && vite build",
         "build:dev": "npm run switch-node-version && rimraf dist && vue-tsc && vite build --mode development",
@@ -40,7 +40,7 @@
         "@iconify-icons/mdi": "1.2.48",
         "@iconify-icons/ph": "1.2.5",
         "@iconify/vue": "4.1.1",
-        "@kengic/pont": "1.2.15",
+        "@kengic/pont": "1.2.17-beta.0",
         "@rys-fe/vite-plugin-theme": "0.8.6",
         "@thymine/xunee": "0.4.9-beta.3",
         "@types/crypto-js": "4.1.1",
@@ -70,7 +70,7 @@
         "lodash-es": "4.17.21",
         "picocolors": "1.0.0",
         "pinia": "2.0.12",
-        "prettier": "3.2.5",
+        "prettier": "3.3.3",
         "rimraf": "3.0.2",
         "rollup": "2.79.1",
         "rollup-plugin-visualizer": "5.8.3",