@kengic/vue 0.26.6-beta.10 → 0.26.6-beta.100

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

@@ -0,0 +1,148 @@
+import { ComputedRef } from 'vue';
+import { VarGridConfig, VarGridDetail } from '../../api/WMS/models';
+import { IRemoveEventListenerHandler } from '../../const';
+import { IKgTableAfterRequestEventListener, IKgTableBeforeParseParameterEventListener, IKgTableBeforeRequestEventListener, IKgTableBeforeSetDatasEventListener, IKgTableReadyEventListener, IKgTableRowDoubleClickEventListener, IKgTableStore } from './index.store';
+export interface IUseKgTable {
+    /**
+     * 列表数据.
+     */
+    datas: ComputedRef<ReturnType<IKgTableStore['getDatas']>>;
+    /** 界面标识. */
+    formID: string;
+    /**
+     * 获取某个「表格视图明细」.
+     *
+     * @param param
+     * @param param.varName 变量名称.
+     */
+    getVarGridDetail(param: {
+        varName: string | null | undefined;
+    }): VarGridDetail | null;
+    /** @deprecated 已弃用, 请使用 {@link IUseKgTable.idKey}. */
+    id: ComputedRef<string>;
+    /**
+     * 作为主键的属性名.
+     */
+    idKey: ComputedRef<string>;
+    /** 是否自动查询. */
+    isAutoRequest: ComputedRef<boolean>;
+    /** 是否支持多选. */
+    isMultiSelect: ComputedRef<boolean>;
+    /** 是否就绪: 配置初始完成, 组件渲染完成. */
+    isReady: ComputedRef<ReturnType<IKgTableStore['getIsReady']>>;
+    /** 是否已经查询过一次了. */
+    isRequested: ComputedRef<ReturnType<IKgTableStore['getIsRequested']>>;
+    /** 是否正在查询. */
+    isRetrieving: ComputedRef<ReturnType<IKgTableStore['getIsRequesting']>>;
+    /** 是否显示底部左侧. */
+    isShowBottomLeft: ComputedRef<boolean>;
+    /** 是否显示底部右侧. */
+    isShowBottomRight: ComputedRef<boolean>;
+    /**
+     * <p>是否显示描述.</p>
+     * <ul>
+     *     <li>是: 所有描述列(即显示类型为 {@link KG__VAR_GRID_DETAIL__DISPLAY_TYPE.DESC} 的列)显示的是描述,</li>
+     *     <li>否: 所有描述列(即显示类型为 {@link KG__VAR_GRID_DETAIL__DISPLAY_TYPE.DESC} 的列)显示的是原始的值,</li>
+     * </ul>
+     *
+     * @default true
+     */
+    isShowDescription: ComputedRef<ReturnType<IKgTableStore['getIsShowDescription']>>;
+    /** 查询条件的界面标识. */
+    kgSearchFormID: ComputedRef<string>;
+    /**
+     * 监听事件: 查询请求成功, 表格数据已经赋值, 表格状态已经更新.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onAfterRequest(listener: IKgTableAfterRequestEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * @deprecated 已废弃, 请使用 onAfterRequest() 方法.
+     */
+    onAfterSearch(listener: IKgTableAfterRequestEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * <p>监听事件: 即将解析请求参数.</p>
+     * <p>在该事件中, 可以修改解析前的参数.</p>
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onBeforeParseRequestParameter(listener: IKgTableBeforeParseParameterEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 即将发起查询请求, 如果返回 true 表示不会发起请求.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onBeforeRequest(listener: IKgTableBeforeRequestEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * @deprecated 已废弃, 请使用 onBeforeRequest() 方法.
+     */
+    onBeforeRetrieve(listener: IKgTableBeforeRequestEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * @deprecated 已废弃, 请使用 onBeforeRequest() 方法.
+     */
+    onBeforeSearch(listener: IKgTableBeforeRequestEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 查询请求成功, 表格数据尚未赋值. 此处可以对查询接口返回的列表数据作处理.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onBeforeSetDatas(listener: IKgTableBeforeSetDatasEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: ready, 配置初始完成, 组件渲染完成.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onReady(listener: IKgTableReadyEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * @deprecated 已废弃, 请使用 onAfterSearch() 方法.
+     */
+    onRetrieve(listener: IKgTableAfterRequestEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /**
+     * 监听事件: 双击某行.
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onRowDoubleClick(listener: IKgTableRowDoubleClickEventListener, isOnce?: boolean): IRemoveEventListenerHandler;
+    /** 当前分页选项. */
+    pageSizeOption: ComputedRef<number>;
+    /** 所有分页选项. */
+    pageSizeOptions: ComputedRef<number[]>;
+    /**
+     * 修改「表格配置」的部分属性.
+     *
+     * @param param.properties 要修改的部分属性.
+     */
+    patchVarGridConfig(param: {
+        properties: VarGridConfig;
+    }): Promise<void>;
+    /**
+     * 修改「表格视图明细」的部分属性.
+     *
+     * @param param
+     * @param param.varName 变量名称.
+     * @param param.properties 要修改的部分属性.
+     */
+    patchVarGridDetail(param: {
+        varName: string | null | undefined;
+        properties: VarGridDetail;
+    }): Promise<void>;
+    /**
+     * <p>查询参数.</p>
+     * <p>此查询参数是最终传给后端接口的参数, 包含了查询条件, 还包含了表格中的排序和分页, 还包含了表格配置中的参数.</p>
+     */
+    requestParams: ComputedRef<ReturnType<IKgTableStore['getRequestParams']>>;
+    /** 当前勾选的第一行. */
+    selectedFirstRow: ComputedRef<ReturnType<IKgTableStore['getSelectedFirstRow']>>;
+    /** 当前勾选的唯一行, 如果勾选了多行或者零行, 则为 null. */
+    selectedRow: ComputedRef<ReturnType<IKgTableStore['getSelectedRow']>>;
+    /** 当前勾选的所有行. */
+    selectedRows: ComputedRef<ReturnType<IKgTableStore['getSelectedRows']>>;
+    setIsShowDescription(value: boolean): void;
+    /** 状态数据. */
+    store: IKgTableStore;
+}
+/**
+ * @param formID 界面标识.
+ */
+export declare function useKgTable(formID?: string | null): IUseKgTable;

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

@@ -0,0 +1,241 @@
+import { Key } from 'ant-design-vue/lib/_util/type';
+import { StoreDefinition } from 'pinia';
+import { Ref } from 'vue';
+import { IPage, VarGridConfig, VarGridDetail } from '../../api/WMS/models';
+import { IKgEventListener } from '../../const';
+import { IKgTableRow, IKgTableRowHeight } from './index.vm';
+/**
+ * 事件类型.
+ *   'ready':                就绪, 配置初始完成, 组件渲染完成
+ *   'rowDoubleClick':       双击某行
+ *   'beforeParseRequestParameter': 即将解析请求参数,
+ *   'beforeRequest':         即将发起查询请求, 如果返回 true 表示不会发起请求
+ *   'beforeSetDatas':       查询请求成功, 表格数据尚未赋值. 此处可以对查询接口返回的列表数据作处理
+ *   'afterRequest':          查询请求成功, 表格数据已经赋值, 表格状态已经更新
+ */
+export declare type IKgTableEvent = 'ready' | 'rowDoubleClick' | 'beforeParseRequestParameter' | 'beforeRequest' | 'beforeSetDatas' | 'afterRequest';
+export declare type IKgTableReadyEventListenerParameter = {};
+export declare type IKgTableReadyEventListener = ((param: IKgTableReadyEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgTableRowDoubleClickEventListenerParameter = {
+    /** 双击的行. */
+    row: IKgTableRow;
+};
+export declare type IKgTableRowDoubleClickEventListener = ((param: IKgTableRowDoubleClickEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgTableBeforeParseRequestParameterEventListenerParameter = {
+    /**
+     * 查询接口请求参数, 尚未解析.
+     */
+    params: Record<string, any>;
+};
+export declare type IKgTableBeforeParseParameterEventListener = ((param: IKgTableBeforeParseRequestParameterEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgTableBeforeRequestEventListenerParameter = {
+    /** 查询接口请求参数. */
+    params: Record<string, any>;
+    /** 查询接口返回的数据, 调用者可以直接修改该数据, 从而实现手动提供表格数据. */
+    response: Ref;
+};
+export declare type IKgTableBeforeRequestEventListener = ((param: IKgTableBeforeRequestEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgTableBeforeSetDatasEventListenerParameter = {
+    /**
+     * 列表数据.
+     */
+    datas: Ref<Array<IKgTableRow>>;
+    /**
+     * 数据总数.
+     */
+    total: Ref<Number>;
+};
+export declare type IKgTableBeforeSetDatasEventListener = ((param: IKgTableBeforeSetDatasEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgTableAfterRequestEventListenerParameter = {
+    /** 查询接口请求参数. */
+    params: Record<string, any>;
+    /** 接口返回的分页数据. */
+    response: IPage<IKgTableRow> | null | undefined;
+    /** 列表数据. */
+    datas: Ref<Array<IKgTableRow>>;
+};
+export declare type IKgTableAfterRequestEventListener = ((param: IKgTableAfterRequestEventListenerParameter) => Promise<boolean>) & IKgEventListener;
+export declare type IKgTableEventListenerParameter = IKgTableReadyEventListenerParameter | IKgTableRowDoubleClickEventListenerParameter | IKgTableBeforeParseRequestParameterEventListenerParameter | IKgTableBeforeRequestEventListenerParameter | IKgTableBeforeSetDatasEventListenerParameter | IKgTableAfterRequestEventListenerParameter;
+export declare type IKgTableEventListener = IKgTableReadyEventListener | IKgTableRowDoubleClickEventListener | IKgTableBeforeParseParameterEventListener | IKgTableBeforeRequestEventListener | IKgTableBeforeSetDatasEventListener | IKgTableAfterRequestEventListener;
+export interface IUseKgTableStoreState {
+    afterRequestEventListenerMap: Map<string, Array<IKgTableAfterRequestEventListener>>;
+    beforeParseParameterEventListenerMap: Map<string, Array<IKgTableBeforeParseParameterEventListener>>;
+    beforeRequestEventListenerMap: Map<string, Array<IKgTableBeforeRequestEventListener>>;
+    beforeSetDatasEventListenerMap: Map<string, Array<IKgTableBeforeSetDatasEventListener>>;
+    /** 列表数据. */
+    datasMap: Map<String, Array<any>>;
+    /** 是否就绪: 配置初始完成, 组件渲染完成. */
+    isReadyMap: Map<string, boolean>;
+    /**
+     * <p>是否已经查询过一次了.</p>
+     * <ul>
+     *     <li>如果表格禁用了自动查询, 当用户手动点击查询按钮后, 此属性会设置为 true,</li>
+     *     <li>如果表格启用了自动查询, 当第一次自动查询之后, 此属性会设置为 true,</li>
+     * </ul>
+     */
+    isRequestedMap: Map<string, boolean>;
+    /** 是否正在查询. */
+    isRequestingMap: Map<string, boolean>;
+    /**
+     * <p>是否显示描述.</p>
+     * <ul>
+     *     <li>是: 所有描述列显示的是描述,</li>
+     *     <li>否: 所有描述列显示的是原始的值,</li>
+     * </ul>
+     * <p>描述列指的是显示类型为 KG__VAR_GRID_DETAIL__DISPLAY_TYPE.DESC 的列.</p>
+     *
+     * @default true
+     */
+    isShowDescriptionMap: Map<string, boolean>;
+    /** 事件监听函数列表: ready. */
+    onReadyEventListenerMap: Map<string, Array<IKgTableReadyEventListener>>;
+    /**
+     * <p>查询参数.</p>
+     * <p>此查询参数是最终传给后端接口的参数, 包含了查询条件, 还包含了表格中的排序和分页, 还包含了表格配置中的参数.</p>
+     */
+    requestParamsMap: Map<string, Record<string, any>>;
+    /** '双击某行'事件监听函数列表. */
+    rowDoubleClickEventListenerMap: Map<string, Array<IKgTableRowDoubleClickEventListener>>;
+    /** 行高. */
+    rowHeightMap: Map<string, IKgTableRowHeight>;
+    /** 勾选的行的主键. */
+    selectedRowKeysMap: Map<string, Ref<Array<Key>>>;
+    /** 勾选的行. */
+    selectedRowsMap: Map<string, Array<any>>;
+    /** 表格宽度. */
+    tableWidthMap: Map<string, number>;
+}
+export interface IUseKgTableStoreGetters {
+    /** 列表数据. */
+    getDatas(): (formID: string | null | undefined) => Array<Record<string, any>>;
+    /** 是否就绪. */
+    getIsReady(): (formID: string | null | undefined) => boolean;
+    /**
+     * 根据 formID 获取是否已经查询过一次了.
+     */
+    getIsRequested(): (formID: string | null | undefined) => boolean;
+    /**
+     * 根据 formID 获取是否正在查询.
+     */
+    getIsRequesting(): (formID: string | null | undefined) => boolean | null;
+    getIsShowDescription(): (formID: string | null | undefined) => boolean;
+    /**
+     * 根据 formID 获取查询参数.
+     */
+    getRequestParams(): (formID: string | null | undefined) => Record<string, any>;
+    getRowHeight(): (formID: string | null | undefined) => IKgTableRowHeight;
+    /** 当前勾选的第一行. */
+    getSelectedFirstRow(): (formID: string | null | undefined) => IKgTableRow | null;
+    /** 当前勾选的唯一行. */
+    getSelectedRow(): (formID: string | null | undefined) => IKgTableRow | null;
+    /** 当前勾选的行的主键. */
+    getSelectedRowKeys(): (formID: string | null | undefined) => Ref<Array<Key>>;
+    /** 当前勾选的行. */
+    getSelectedRows(): (formID: string | null | undefined) => Array<IKgTableRow> | null;
+    /**
+     * 根据 formID 获取表格宽度.
+     */
+    getTableWidth(): (formID: string | null | undefined) => number | null;
+    getVarGridDetail(): (formID: string | null | undefined, param: {
+        varName: string | null | undefined;
+    }) => VarGridDetail | null;
+}
+export interface IUseKgTableStoreActions {
+    /**
+     * 注册事件监听.
+     * @param formID 界面标识.
+     * @param event 事件名称.
+     * @param listener 事件监听函数.
+     */
+    addEventListener(formID: string | null | undefined, event: IKgTableEvent, listener: any): void;
+    /**
+     * 清空表格数据.
+     * @param formID 界面标识.
+     */
+    clearDatas(formID: string | null | undefined): void;
+    /**
+     * 清理数据.
+     * @param formID 页面标识.
+     */
+    dispose(formID: string | null | undefined): void;
+    /**
+     * 触发事件.
+     * @param formID 界面标识.
+     * @param event 事件名称.
+     * @param param 数据.
+     */
+    emit<T = IKgTableEventListenerParameter>(formID: string | null | undefined, event: IKgTableEvent, param: T): Promise<boolean>;
+    /**
+     * 修改「表格配置」的部分属性.
+     *
+     * @param formID 界面标识.
+     * @param param
+     * @param param.properties 要修改的部分属性.
+     */
+    patchVarGridConfig(formID: string, param: {
+        properties: VarGridConfig;
+    }): Promise<void>;
+    /**
+     * 修改「表格视图明细」的部分属性.
+     *
+     * @param formID 界面标识.
+     * @param param
+     * @param param.varName 变量名称.
+     * @param param.properties 要修改的部分属性.
+     */
+    patchVarGridDetail(formID: string | null | undefined, param: {
+        varName: string | null | undefined;
+        properties: VarGridDetail;
+    }): Promise<void>;
+    /**
+     * 刷新勾选的行. 表格列表数据变更之后, 需要同步到勾选的行.
+     * @param formID 界面标识.
+     */
+    refreshSelectedRows(formID: string | null | undefined): void;
+    /**
+     * 退订事件监听.
+     * @param formID 界面标识.
+     * @param event 事件名称.
+     * @param listener 事件监听函数.
+     */
+    removeEventListener(formID: string | null | undefined, event: IKgTableEvent, listener?: any): void;
+    /**
+     * 设置列表数据.
+     * @param param.frmId 界面标识.
+     * @param param.datas 列表数据.
+     * @param param.isPreserveSelectedRows 是否保留行的勾选状态. 默认为 false.
+     */
+    setDatas(param: {
+        frmId: string | null | undefined;
+        datas: Array<any>;
+        isPreserveSelectedRows?: boolean;
+    }): void;
+    /**
+     * 设置是否就绪.
+     * @param formID 界面标识.
+     * @param ready 是否就绪.
+     */
+    setIsReady(formID: string | null | undefined, ready?: boolean): void;
+    setIsRequested(formID: string | null | undefined, value: boolean): void;
+    setIsRequesting(formID: string | null | undefined, value: boolean): void;
+    setIsShowDescription(formID: string | null | undefined, value: boolean): void;
+    setRequestParams(formID: string | null | undefined, requestParams: Record<string, any> | null | undefined): void;
+    setRowHeight(formID: string | null | undefined, value: IKgTableRowHeight): void;
+    /**
+     * 设置某行的勾选状态.
+     * @param formID 界面标识.
+     * @param row 行.
+     * @param isSelected 是否勾选.
+     */
+    setRowSelect(formID: string | null | undefined, row: IKgTableRow, isSelected: boolean): void;
+    /**
+     * 设置勾选的行.
+     * @param formID 界面标识.
+     * @param selectedRows 勾选的行.
+     */
+    setSelectedRows(formID: string | null | undefined, selectedRows: Array<IKgTableRow>): void;
+    setTableWidth(formID: string | null | undefined, value: number): void;
+}
+export declare type IUseKgTableStore = StoreDefinition<'KgTable', IUseKgTableStoreState, IUseKgTableStoreGetters, IUseKgTableStoreActions>;
+export declare type IKgTableStore = ReturnType<IUseKgTableStore>;
+export declare const useKgTableStore: IUseKgTableStore;

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

@@ -0,0 +1,67 @@
+import { ColumnType } from 'ant-design-vue/es/table/interface';
+import { VarGridDetail } from '../../api/WMS/models';
+/** 行高. */
+export declare type IKgTableRowHeight = 'L' | 'M' | 'H';
+/** 表格的行. */
+export declare type IKgTableRow = {
+    id?: string | null;
+    [index: string]: any;
+};
+/** 查询方法参数. */
+export interface IKgTableRequestParameter {
+    /**
+     * 重新查询之后, 是否保留行的勾选状态.
+     *
+     * @default false
+     */
+    isPreserveSelectedRows?: boolean;
+    /**
+     * 是否查询首页, 否则会查询当前页.
+     *
+     * @default false
+     */
+    isSearchFirstPage?: boolean;
+}
+/** 插槽参数. */
+export interface IKgTableSlotParams<T = IKgTableRow> {
+    bodyCell: {
+        column: ColumnType;
+        index: number;
+        record: T;
+        text: any | null;
+        value: any | null;
+        row: T;
+        varGridDetail: VarGridDetail | null;
+        defaultRender: JSX.Element;
+    };
+    expandedRowRender: {
+        record: IKgTableRow;
+        index: number;
+        indent: number;
+        expanded: boolean;
+    };
+    'summary.bodyCell': {
+        index: number;
+        column: ColumnType;
+        varGridDetail: VarGridDetail | null;
+    };
+}
+/** 表格的单元格所处环境. */
+export declare const enum KG_TABLE_CELL_CONTEXT {
+    /** 表体的单元格. */
+    TABLE_CELL = "TABLE_CELL",
+    /** 表头的过滤器. */
+    TABLE_FILTER = "TABLE_FILTER"
+}
+/** 列的默认宽度. 如果 VarGridDetail 没有配置宽度, 则使用该宽度. */
+export declare const KG_TABLE_TD_DEFAULT_WIDTH = 120;
+/** 列的最小宽度. 拖动修改列的宽度时, 不允许超过该最小宽度. */
+export declare const KG_TABLE_TD_MIN_WIDTH = 80;
+/** 列的最大宽度. 拖动修改列的宽度时, 不允许超过该最大宽度. */
+export declare const KG_TABLE_TD_MAX_WIDTH = 1920;
+/** 勾选列的宽度. */
+export declare const KG_TABLE_TD_CHECK_WIDTH = 32;
+/** 序号列的宽度. */
+export declare const KG_TABLE_TD_INDEX_WIDTH = 40;
+/** 在表格内创建时, 空白行的临时主键. */
+export declare const KG_TABLE_TEMP_ID = "__KG_TABLE_TEMP_ID__";

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

@@ -0,0 +1,114 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { IKgProps, IKgSlots } from './index.vm';
+import './KgVar.less';
+export declare function getProps(): {
+    /**
+     * 是否使用灰色背景.
+     *
+     * @default false
+     */
+    kgBackgroundGray: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * 界面标识.
+     *
+     * @default undefined
+     */
+    kgFormID: PropType<string>;
+    /**
+     * <p>界面层级.</p>
+     * <p>比如普通界面的层级为 0, 弹窗的界面层级为 1, 弹窗中的弹窗的界面层级为 2, 以此类推.</p>
+     *
+     * @default 0
+     */
+    kgLevel: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * 参数. 通过该参数可以给下面任意的子组件传递 props 参数, 当前支持的参数可以参考 {@link IKgProps} 中的定义.
+     */
+    kgProps: PropType<IKgProps>;
+    /**
+     * 插槽. 通过该参数可以给下面任意的子组件传递 slots 插槽, 当前支持的插槽可以参考 {@link IKgSlots} 中的定义.
+     */
+    kgSlots: PropType<IKgSlots>;
+};
+/** @deprecated */
+export declare type IKgVarProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+export declare type KgVarProps = Partial<ExtractPropTypes<ReturnType<typeof getProps>>>;
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * 是否使用灰色背景.
+     *
+     * @default false
+     */
+    kgBackgroundGray: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * 界面标识.
+     *
+     * @default undefined
+     */
+    kgFormID: PropType<string>;
+    /**
+     * <p>界面层级.</p>
+     * <p>比如普通界面的层级为 0, 弹窗的界面层级为 1, 弹窗中的弹窗的界面层级为 2, 以此类推.</p>
+     *
+     * @default 0
+     */
+    kgLevel: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * 参数. 通过该参数可以给下面任意的子组件传递 props 参数, 当前支持的参数可以参考 {@link IKgProps} 中的定义.
+     */
+    kgProps: PropType<IKgProps>;
+    /**
+     * 插槽. 通过该参数可以给下面任意的子组件传递 slots 插槽, 当前支持的插槽可以参考 {@link IKgSlots} 中的定义.
+     */
+    kgSlots: PropType<IKgSlots>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    /**
+     * 是否使用灰色背景.
+     *
+     * @default false
+     */
+    kgBackgroundGray: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * 界面标识.
+     *
+     * @default undefined
+     */
+    kgFormID: PropType<string>;
+    /**
+     * <p>界面层级.</p>
+     * <p>比如普通界面的层级为 0, 弹窗的界面层级为 1, 弹窗中的弹窗的界面层级为 2, 以此类推.</p>
+     *
+     * @default 0
+     */
+    kgLevel: {
+        type: PropType<number>;
+        default: number;
+    };
+    /**
+     * 参数. 通过该参数可以给下面任意的子组件传递 props 参数, 当前支持的参数可以参考 {@link IKgProps} 中的定义.
+     */
+    kgProps: PropType<IKgProps>;
+    /**
+     * 插槽. 通过该参数可以给下面任意的子组件传递 slots 插槽, 当前支持的插槽可以参考 {@link IKgSlots} 中的定义.
+     */
+    kgSlots: PropType<IKgSlots>;
+}>>, {
+    kgBackgroundGray: boolean;
+    kgLevel: number;
+}>;
+export default _default;

package/dist/src/component/KgVar/KgVarFactory.d.ts

@@ -0,0 +1,61 @@
+export declare function KgVarFactory(param?: {
+    formID?: string | null | undefined;
+}): import("vue").DefineComponent<{
+    kgBackgroundGray: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    kgFormID: import("vue").PropType<string>;
+    kgLevel: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    kgProps: import("vue").PropType<import("./index.vm").IKgProps>;
+    kgSlots: import("vue").PropType<import("./index.vm").IKgSlots>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    kgBackgroundGray: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    kgFormID: import("vue").PropType<string>;
+    kgLevel: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    kgProps: import("vue").PropType<import("./index.vm").IKgProps>;
+    kgSlots: import("vue").PropType<import("./index.vm").IKgSlots>;
+}>>, {
+    kgBackgroundGray: boolean;
+    kgLevel: number;
+}>;
+/**
+ * 默认的 KgVar 组件.
+ */
+export declare const KgVar2: import("vue").DefineComponent<{
+    kgBackgroundGray: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    kgFormID: import("vue").PropType<string>;
+    kgLevel: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    kgProps: import("vue").PropType<import("./index.vm").IKgProps>;
+    kgSlots: import("vue").PropType<import("./index.vm").IKgSlots>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    kgBackgroundGray: {
+        type: import("vue").PropType<boolean>;
+        default: undefined;
+    };
+    kgFormID: import("vue").PropType<string>;
+    kgLevel: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    kgProps: import("vue").PropType<import("./index.vm").IKgProps>;
+    kgSlots: import("vue").PropType<import("./index.vm").IKgSlots>;
+}>>, {
+    kgBackgroundGray: boolean;
+    kgLevel: number;
+}>;

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

@@ -0,0 +1,5 @@
+export { default as KgVar, type IKgVarProps, type KgVarProps } from './KgVar';
+export * from './KgVarFactory';
+export * from './index.hooks';
+export * from './index.store';
+export * from './index.vm';