@kengic/vue 0.26.6-beta.6 → 0.26.6-beta.60

package/dist/src/components/KgButton/components/KgButton.Update.d.ts

@@ -0,0 +1,40 @@
+import { KG__VAR_BUTTON__TYPE } from '../../../consts';
+declare const _default: import("vue").DefineComponent<{
+    kgButton: import("vue").PropType<import("../../..").VarButton>;
+    kgColor: import("vue").PropType<import("../../../consts").KG__VAR_BUTTON__COLOR | null>;
+    kgDisabled: {
+        type: import("vue").PropType<boolean | null | undefined>;
+        default: undefined;
+    };
+    kgIcon: import("vue").PropType<string | null>;
+    kgLoading: import("vue").PropType<boolean>;
+    kgPrimary: {
+        type: import("vue").PropType<boolean | null | undefined>;
+        default: undefined;
+    };
+    kgText: import("vue").PropType<string | null>;
+    kgType: import("vue").PropType<KG__VAR_BUTTON__TYPE | null>;
+    kgVarName: import("vue").PropType<string | null>;
+    onKgClick: import("vue").PropType<(args?: any) => Promise<boolean>>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    kgButton: import("vue").PropType<import("../../..").VarButton>;
+    kgColor: import("vue").PropType<import("../../../consts").KG__VAR_BUTTON__COLOR | null>;
+    kgDisabled: {
+        type: import("vue").PropType<boolean | null | undefined>;
+        default: undefined;
+    };
+    kgIcon: import("vue").PropType<string | null>;
+    kgLoading: import("vue").PropType<boolean>;
+    kgPrimary: {
+        type: import("vue").PropType<boolean | null | undefined>;
+        default: undefined;
+    };
+    kgText: import("vue").PropType<string | null>;
+    kgType: import("vue").PropType<KG__VAR_BUTTON__TYPE | null>;
+    kgVarName: import("vue").PropType<string | null>;
+    onKgClick: import("vue").PropType<(args?: any) => Promise<boolean>>;
+}>>, {
+    kgDisabled: boolean | null | undefined;
+    kgPrimary: boolean | null | undefined;
+}>;
+export default _default;

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

@@ -0,0 +1,62 @@
+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 * from './index.hooks';
+export * from './index.store';

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

@@ -0,0 +1,183 @@
+import { ComputedRef } from 'vue';
+import { IRemoveEventListenerHandler, KG__VAR_BUTTON__TYPE } from '../../consts';
+import { IKgButtonClickEventListener, IKgButtonImportOkEventListener, IKgButtonStore, IKgButtonSubmitCancelEventListener, IKgButtonSubmitSaveEventListener } from './index.store';
+export interface IUseKgButton {
+    /**
+     * <p>手动点击某个按钮.</p>
+     * <p>调用此方法相当于手动触发某个按钮的点击事件.</p>
+     *
+     * @param param.type 按钮类型.
+     * @param param.varName 按钮变量名称.
+     */
+    click(param: {
+        type?: KG__VAR_BUTTON__TYPE;
+        varName?: string;
+    }): void;
+    /**
+     * <p>「当前按钮」. 即当前提交表单所属的按钮.</p>
+     */
+    currentButton: ComputedRef<ReturnType<IKgButtonStore['getCurrentButton']>>;
+    /**
+     * 界面标识.
+     */
+    formID: string;
+    /**
+     * 获取某一个按钮的翻译.
+     *
+     * @param param.varName 按钮变量名称.
+     */
+    getButtonDescription(param: {
+        varName: string | null | undefined;
+    }): string;
+    /**
+     * <p>判断某个按钮的 click 事件是否被拦截.</p>
+     * <p>用户调用 <code>kgVar.kgButton.onClick(listener)</code> 监听了 click 事件, 并且回调函数返回了 true, 表示该 click 事件被用户拦截了.</p>
+     * <p>被拦截之后, 该按钮的默认逻辑不会执行(例如打开提交弹窗, 加载各种数据等等), 后续由用户自行处理.</p>
+     *
+     * <ul>
+     *     <li>
+     *         <p>如果参数 {@link param.type} !== <code>undefined</code> && {@link param.type} !== {@link KG__VAR_BUTTON__TYPE.OTHER}, 则根据参数 {@link param.type} 获取按钮.</p>
+     *     </li>
+     *     <li>
+     *         <p>如果参数 {@link param.type} === <code>undefined</code> || {@link param.type} === {@link KG__VAR_BUTTON__TYPE.OTHER}, 则参数 {@link param.varName} 必须传值, 否则报错.</p>
+     *         <p>根据参数 {@link param.varName} 获取按钮.</p>
+     *     </li>
+     * </ul>
+     *
+     * @param param.type <p>按钮的类型, 对应的是 {@link VarButton.typ} 属性, 取值请参考 {@link KG__VAR_BUTTON__TYPE}.</p>
+     * @param param.varName <p>按钮的变量名称, 对应的是 {@link VarButton.var_nam} 属性.</p>
+     */
+    isClickIntercepted(param: {
+        type?: KG__VAR_BUTTON__TYPE;
+        varName?: string | null;
+    }): boolean;
+    /**
+     * <p>判断某个按钮是否是「当前按钮」.</p>
+     *
+     * <ul>
+     *     <li>
+     *         <p>如果参数 {@link param.type} !== <code>undefined</code> && {@link param.type} !== {@link KG__VAR_BUTTON__TYPE.OTHER}, 则根据参数 {@link param.type} 获取按钮.</p>
+     *     </li>
+     *     <li>
+     *         <p>如果参数 {@link param.type} === <code>undefined</code> || {@link param.type} === {@link KG__VAR_BUTTON__TYPE.OTHER}, 则参数 {@link param.varName} 必须传值, 否则报错.</p>
+     *         <p>根据参数 {@link param.varName} 获取按钮.</p>
+     *     </li>
+     * </ul>
+     *
+     * @param param.type <p>按钮的类型, 对应的是 {@link VarButton.typ} 属性, 取值请参考 {@link KG__VAR_BUTTON__TYPE}.</p>
+     * @param param.varName <p>按钮的变量名称, 对应的是 {@link VarButton.var_nam} 属性.</p>
+     */
+    isCurrentButton(param: {
+        type?: KG__VAR_BUTTON__TYPE;
+        varName?: string;
+    }): boolean;
+    /**
+     * <p>判断「当前按钮」的 click 事件是否被拦截.</p>
+     */
+    isCurrentButtonClickIntercepted: ComputedRef<ReturnType<IKgButtonStore['isClickIntercepted']>>;
+    /**
+     * <p>判断「当前按钮」是否正在请求后端接口.</p>
+     */
+    isCurrentButtonRequesting: ComputedRef<ReturnType<IKgButtonStore['isCurrentButtonRequesting']>>;
+    /**
+     * 监听事件: 点击按钮.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onClick(listener: IKgButtonClickEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 导入成功, 导入接口调用成功.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onImportOk(listener: IKgButtonImportOkEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 表格内编辑时, 点击取消按钮.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onSubmitCancel(listener: IKgButtonSubmitCancelEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 表格内编辑时, 点击保存按钮.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onSubmitSave(listener: IKgButtonSubmitSaveEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * <p>「查询按钮」.</p>
+     */
+    searchButton: ComputedRef<ReturnType<IKgButtonStore['getSearchButton']>>;
+    /**
+     * <p>设置「当前按钮」. 比如点击「创建」按钮, 则此时「创建」按钮就是「当前按钮」, 同一时间最多只会有一个按钮处于「正在执行」状态.</p>
+     *
+     * <ul>
+     *     <li>
+     *         <p>如果参数 {@link param} === null, 表示清空「当前按钮」.</p>
+     *     </li>
+     *     <li>
+     *         <p>否则, 如果参数 {@link param.type} !== <code>undefined</code> && {@link param.type} !== {@link KG__VAR_BUTTON__TYPE.OTHER}, 则根据参数 {@link param.type} 获取按钮.</p>
+     *     </li>
+     *     <li>
+     *         <p>否则, 如果参数 {@link param.type} === <code>undefined</code> || {@link param.type} === {@link KG__VAR_BUTTON__TYPE.OTHER}, 则参数 {@link param.varName} 必须传值, 否则报错.</p>
+     *         <p>根据参数 {@link param.varName} 获取按钮.</p>
+     *     </li>
+     * </ul>
+     *
+     * @param param.type <p>按钮的类型, 对应的是 {@link VarButton.typ} 属性, 取值请参考 {@link KG__VAR_BUTTON__TYPE}.</p>
+     * @param param.varName <p>按钮的变量名称, 对应的是 {@link VarButton.var_nam} 属性.</p>
+     */
+    setCurrentButton(param: {
+        type?: KG__VAR_BUTTON__TYPE;
+        varName?: string | null;
+    } | null): Promise<void>;
+    /**
+     * <p>设置某个按钮的 click 事件是否被拦截.</p>
+     *
+     * <ul>
+     *     <li>
+     *         <p>如果参数 {@link param.type} !== <code>undefined</code> && {@link param.type} !== {@link KG__VAR_BUTTON__TYPE.OTHER}, 则根据参数 {@link param.type} 获取按钮.</p>
+     *     </li>
+     *     <li>
+     *         <p>如果参数 {@link param.type} === <code>undefined</code> || {@link param.type} === {@link KG__VAR_BUTTON__TYPE.OTHER}, 则参数 {@link param.varName} 必须传值, 否则报错.</p>
+     *         <p>根据参数 {@link param.varName} 获取按钮.</p>
+     *     </li>
+     * </ul>
+     *
+     * @param param.isIntercepted 是否被拦截.
+     * @param param.type <p>按钮的类型, 对应的是 {@link VarButton.typ} 属性, 取值请参考 {@link KG__VAR_BUTTON__TYPE}.</p>
+     * @param param.varName <p>按钮的变量名称, 对应的是 {@link VarButton.var_nam} 属性.</p>
+     */
+    setIsClickIntercepted(param: {
+        isIntercepted: boolean;
+        type?: KG__VAR_BUTTON__TYPE;
+        varName?: string | null;
+    }): void;
+    /**
+     * 设置「当前按钮」是否正在请求后端接口.
+     *
+     * @param param.isRequesting 「当前按钮」是否正在请求后端接口.
+     */
+    setIsCurrentButtonRequesting(param: {
+        isRequesting: boolean;
+    }): void;
+    /**
+     * 状态数据.
+     */
+    store: IKgButtonStore;
+    /**
+     * 按钮配置.
+     */
+    varButtonConfig: ComputedRef<ReturnType<IKgButtonStore['getVarButtonConfig']>>;
+    /**
+     * 所有按钮.
+     */
+    varButtons: ComputedRef<ReturnType<IKgButtonStore['getVarButtons']>>;
+}
+/**
+ * @param formID 界面标识.
+ */
+export declare function useKgButton(formID?: string | null): IUseKgButton;

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

@@ -0,0 +1,116 @@
+import { StoreDefinition } from 'pinia';
+import { VarButton, VarButtonConfig } from '../../apis/WMS/models';
+import { IKgEventListener, KG__VAR_BUTTON__TYPE } from '../../consts';
+/**
+ * 事件类型.
+ *   'click':             点击按钮
+ *   'importOk':          导入成功, 导入接口调用成功
+ *   'submitSave':        表格内编辑时, 点击保存按钮
+ *   'submitCancel':      表格内编辑时, 点击取消按钮
+ */
+export declare type IKgButtonEvent = 'click' | 'importOk' | 'submitSave' | 'submitCancel';
+export declare type IKgButtonClickEventListenerParameter = {
+    /**
+     * 被点击的按钮.
+     */
+    button: VarButton;
+};
+export declare type IKgButtonClickEventListener = ((param: IKgButtonClickEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgButtonImportOkEventListenerParameter = {
+    button?: VarButton | null;
+};
+export declare type IKgButtonImportOkEventListener = ((param: IKgButtonImportOkEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgButtonSubmitSaveEventListenerParameter = {};
+export declare type IKgButtonSubmitSaveEventListener = ((param: IKgButtonSubmitSaveEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgButtonSubmitCancelEventListenerParameter = {};
+export declare type IKgButtonSubmitCancelEventListener = ((param: IKgButtonSubmitCancelEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgButtonEventListenerParameter = IKgButtonClickEventListenerParameter | IKgButtonImportOkEventListenerParameter | IKgButtonSubmitSaveEventListenerParameter | IKgButtonSubmitCancelEventListenerParameter;
+export declare type IKgButtonEventListener = IKgButtonClickEventListener | IKgButtonImportOkEventListener | IKgButtonSubmitSaveEventListener | IKgButtonSubmitCancelEventListener;
+export interface IUseKgButtonStoreState {
+    clickEventListenerMap: Map<string, Array<IKgButtonClickEventListener>>;
+    /**
+     * <p>当前按钮.</p>
+     * <p>同一时间最多只会有一个按钮处于「正在执行」状态, 比如点击了创建按钮, 则当前按钮就是创建按钮.</p>
+     */
+    currentButtonMap: Map<string, VarButton | null>;
+    importOkEventListenerMap: Map<string, Array<IKgButtonImportOkEventListener>>;
+    /**
+     * <p>按钮的 click 事件是否被拦截.</p>
+     * <p>用户调用 kgVar.kgButton.onClick(listener) 监听了 click 事件, 并且回调函数返回了 true, 表示该 click 事件被用户拦截了.</p>
+     * <p>被拦截之后, 该按钮的默认逻辑不会执行(例如打开提交弹窗, 加载各种数据等等), 后续由用户自行处理.</p>
+     */
+    isClickInterceptedMap: Map<string, boolean>;
+    /**
+     * <p>当前按钮是否正在请求后端接口.</p>
+     * <p>比如点击了创建按钮, 打开了创建弹窗, 此时「当前按钮」指的就是创建按钮. 当点击弹窗中的保存按钮时, 表示正在请求后端接口.</p>
+     */
+    isCurrentButtonRequestingMap: Map<string, boolean>;
+    submitCancelEventListenerMap: Map<string, Array<IKgButtonSubmitCancelEventListener>>;
+    submitSaveEventListenerMap: Map<string, Array<IKgButtonSubmitSaveEventListener>>;
+}
+export interface IUseKgButtonStoreGetters {
+    getButtonDescription(): (formID: string | null | undefined, param: {
+        varName: string | null | undefined;
+    }) => string;
+    getCurrentButton(): (formID: string | null | undefined) => VarButton | null;
+    getSearchButton(): (formID: string | null | undefined) => VarButton | null;
+    getVarButtonConfig(): (formID: string | null | undefined) => VarButtonConfig | null;
+    getVarButtons(): (formID: string | null | undefined) => Array<VarButton>;
+    isClickIntercepted(): (formID: string | undefined | null, param: {
+        type?: KG__VAR_BUTTON__TYPE;
+        varName?: string | null;
+    }) => boolean;
+    isCurrentButton(): (formID: string, param: {
+        varName?: string;
+        type?: KG__VAR_BUTTON__TYPE;
+    }) => boolean;
+    isCurrentButtonRequesting(): (formID: string | undefined | null) => boolean;
+}
+export interface IUseKgButtonStoreActions {
+    /**
+     * 注册事件监听.
+     * @param formID 界面标识.
+     * @param event 事件名称.
+     * @param listener 事件监听函数.
+     */
+    addEventListener(formID: string, event: IKgButtonEvent, listener: any): void;
+    /**
+     * <p>手动点击某个按钮.</p>
+     * <p>调用此方法相当于手动触发某个按钮的点击事件.</p>
+     *
+     * @param formID 界面标识.
+     * @param type 按钮类型.
+     * @param varName 按钮变量名称.
+     */
+    click(formID: string, type?: KG__VAR_BUTTON__TYPE, varName?: string): void;
+    dispose(formID: string | null | undefined): void;
+    /**
+     * 触发事件.
+     * @param formID 界面标识.
+     * @param event 事件名称.
+     * @param param 数据.
+     */
+    emit<T = IKgButtonEventListenerParameter>(formID: string, event: IKgButtonEvent, param: T): Promise<boolean>;
+    /**
+     * 退订事件监听.
+     * @param formID 界面标识.
+     * @param event 事件名称.
+     * @param listener 事件监听函数.
+     */
+    removeEventListener(formID: string, event: IKgButtonEvent, listener?: any): void;
+    setCurrentButton(formID: string, param: {
+        type?: KG__VAR_BUTTON__TYPE;
+        varName?: string | null;
+    } | null): Promise<void>;
+    setIsClickIntercepted(formID: string | undefined | null, param: {
+        isIntercepted: boolean;
+        type?: KG__VAR_BUTTON__TYPE;
+        varName?: string | null;
+    }): void;
+    setIsCurrentButtonRequesting(formID: string | undefined | null, param: {
+        isRequesting: boolean;
+    }): void;
+}
+export declare type IUseKgButtonStore = StoreDefinition<'KgButton', IUseKgButtonStoreState, IUseKgButtonStoreGetters, IUseKgButtonStoreActions>;
+export declare type IKgButtonStore = ReturnType<IUseKgButtonStore>;
+export declare const useKgButtonStore: IUseKgButtonStore;

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,43 @@
+import { Q } from '@thymine/xunee';
+import { Ref } from 'vue';
+import { IKgCanvasContextMenu, KgCanvasContextMenuProps } from './KgCanvasContextMenu';
+/**
+ * 用户属性.
+ */
+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/components/KgCanvas/KgCanvasContextMenu.d.ts

@@ -0,0 +1,107 @@
+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: () => {
+    eid: PropType<string>;
+    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<{
+    eid: PropType<string>;
+    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<{
+    eid: PropType<string>;
+    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;