@kengic/vue 0.26.5-beta.2 → 0.26.5-beta.4

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

@@ -0,0 +1,122 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import './KgCanvas.css';
+export declare const getProps: () => {
+    /**
+     * 是否启用网格背景.
+     *
+     * @default false
+     */
+    kgIsGridBackground: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否启用预览面板.
+     *
+     * @default false
+     */
+    kgIsEnableOverview: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否可以编辑.
+     *
+     * @default false
+     */
+    kgIsEditable: {
+        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<{
+    /**
+     * 是否启用网格背景.
+     *
+     * @default false
+     */
+    kgIsGridBackground: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否启用预览面板.
+     *
+     * @default false
+     */
+    kgIsEnableOverview: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否可以编辑.
+     *
+     * @default false
+     */
+    kgIsEditable: {
+        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<{
+    /**
+     * 是否启用网格背景.
+     *
+     * @default false
+     */
+    kgIsGridBackground: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否启用预览面板.
+     *
+     * @default false
+     */
+    kgIsEnableOverview: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否可以编辑.
+     *
+     * @default false
+     */
+    kgIsEditable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * 是否支持拖动大小.
+     *
+     * @default false
+     */
+    kgIsResizable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {
+    kgIsGridBackground: boolean;
+    kgIsEnableOverview: boolean;
+    kgIsEditable: boolean;
+    kgIsResizable: boolean;
+}>;
+export default _default;

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

@@ -0,0 +1,4 @@
+import { Q } from '@thymine/xunee';
+import { Ref } from 'vue';
+export declare type IUseResizeObserver = {};
+export declare function _useResizeObserver(kgCanvasRef: Ref<HTMLDivElement | null>, graph: Ref<Q.Graph | null>): IUseResizeObserver;

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

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

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

@@ -0,0 +1,13 @@
+import { IRemoveEventListenerHandler } from '../../consts';
+import { IKgCanvasOnInitEventListener, IKgCanvasStore } from './index.store';
+export declare type IUseKgCanvas = {
+    /**
+     * 监听事件: 初始完成.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onInit(listener: IKgCanvasOnInitEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /** 状态数据. */
+    store: IKgCanvasStore;
+};
+export declare function useKgCanvas(): IUseKgCanvas;

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

@@ -0,0 +1,53 @@
+import { Q } from '@thymine/xunee';
+import { StoreDefinition } from 'pinia';
+import { IKgEventListener } from '../../consts';
+/**
+ * 事件类型.
+ *   'onInit':  初始完成
+ */
+export declare type IKgCanvasEvent = 'onInit';
+export declare type IKgCanvasOnInitEventListenerParameter = {
+    /**
+     * 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 interface IUseKgCanvasStoreState {
+    onInitEventListenerMap: Map<string, Array<IKgCanvasOnInitEventListener>>;
+}
+export interface IUseKgCanvasStoreGetters {
+}
+export interface IUseKgCanvasStoreActions {
+    /**
+     * 注册事件监听.
+     * @param event 事件名称.
+     * @param listener 事件监听函数.
+     */
+    addEventListener(event: IKgCanvasEvent, listener: IKgCanvasEventListener): void;
+    /**
+     * 触发事件.
+     * @param event 事件名称.
+     * @param param 参数.
+     */
+    emit<T = IKgCanvasEventListenerParameter>(event: IKgCanvasEvent, param?: T | null): Promise<boolean>;
+    /**
+     * 退订事件监听.
+     * @param event 事件名称.
+     * @param listener 事件监听函数.
+     */
+    removeEventListener(event: IKgCanvasEvent, listener?: IKgCanvasEventListener): void;
+}
+export declare type IUseKgCanvasStore = StoreDefinition<'KgCanvas', IUseKgCanvasStoreState, IUseKgCanvasStoreGetters, IUseKgCanvasStoreActions>;
+export declare type IKgCanvasStore = ReturnType<IUseKgCanvasStore>;
+export declare const useKgCanvasStore: IUseKgCanvasStore;

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

@@ -1,4 +1,5 @@
 export * from './KgAppSelect';
+export * from './KgCanvas';
 export * from './KgImage';
 export * from './KgLayoutHeader';
 export * from './KgModal';
@@ -17,3 +18,4 @@ export { default as KgButton } from './KgButton';
 export * from './KgForm';
 export { default as KgForm } from './KgForm';
 export * from './KgForm.Item';
+export { Q } from '@thymine/xunee';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kengic/vue",
-    "version": "0.26.5-beta.2",
+    "version": "0.26.5-beta.4",
     "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",
@@ -42,6 +42,7 @@
         "@iconify/vue": "4.1.1",
         "@kengic/pont": "1.2.15",
         "@rys-fe/vite-plugin-theme": "0.8.6",
+        "@thymine/xunee": "0.2.0",
         "@types/crypto-js": "4.1.1",
         "@types/fs-extra": "9.0.13",
         "@types/inquirer": "8.2.5",