@kengic/vue 0.30.1-beta.82 → 0.30.1-beta.85

package/component/KgVar/KgVar.hooks.ts

@@ -0,0 +1,543 @@
+import { IRemoveEventListener, KgCoreUtil } from '@kengic/core.core';
+import { computed, ComputedRef, getCurrentInstance, inject, onMounted, provide } from 'vue';
+import {
+    VarButton,
+    VarButtonConfig,
+    VarChildDetail,
+    VarConfigControl,
+    VarConfigDescription,
+    VarConfigPossibility,
+    VarDda,
+    VarGridConfig,
+    VarGridDetail,
+    VarGridMasterDTO,
+    VarProfileConfig,
+    VarProfileMasterDTO,
+    VarVariable,
+} from '../../api/WMS/models';
+import { pinia } from '../../config';
+import { IKgVarButtonConfigProperties, IKgVarDdaProperties, IKgVarGridConfigProperties, IKgVarProfileConfigProperties, KG, KG__VAR_BUTTON__TYPE } from '../../model';
+import { kgOnEventFactory } from '../../util';
+import { buildKgButtonStore, IUseKgButton, useKgButton } from '../KgButton';
+import { IUseKgForm, useKgForm } from '../KgForm';
+import { type IUseKgSearch, useKgSearch } from '../KgSearch';
+import { IUseKgSubmit, useKgSubmit } from '../KgSubmit';
+import { IUseKgTable, useKgTable } from '../KgTable';
+import { IUseKgTable02, useKgTable02 } from '../KgTable02';
+import { IUseKgVarConfig, useKgVarConfig } from '../KgVarConfig';
+import { eventListeners, IKgVar$EventListener$onAfterRequest, IKgVar$EventListener$onBeforeRequest, IKgVar$EventListener$onSetup, IKgVar$EventListener$onUnmounted, IKgVar$Event } from './KgVar.event';
+import { IKgProps, IKgSlots } from './KgVar.model';
+import { useKgVarStore } from './KgVar.store';
+
+export type IUseKgVar = {
+    /**
+     * <p>添加一个「变量配置:表单控件」.</p>
+     * <p>使用场景: 一般用于开发自定义页面时, 需要动态添加变量配置数据.</p>
+     *
+     * @param varConfigControl 要添加的「变量配置:表单控件」.
+     */
+    createVarConfigControl(varConfigControl: VarConfigControl): void;
+
+    /**
+     * <p>添加一个「变量配置:变量翻译」.</p>
+     * <p>使用场景: 一般用于开发自定义页面时, 需要动态添加变量配置数据.</p>
+     *
+     * @param varConfigDescription 要添加的「变量配置:变量翻译」.
+     */
+    createVarConfigDescription(varConfigDescription: VarConfigDescription): void;
+
+    /**
+     * <p>添加一个「变量配置:列表数据」.</p>
+     * <p>使用场景: 一般用于开发自定义页面时, 需要动态添加变量配置数据.</p>
+     *
+     * @param varConfigPossibility 要添加的「变量配置:列表数据」.
+     */
+    createVarConfigPossibility(varConfigPossibility: VarConfigPossibility): void;
+
+    /** 当前的「表格视图明细」列表. */
+    currentVarGridDetails: ComputedRef<Array<VarGridDetail> | null>;
+
+    /** 当前的「表格视图明细」主键. */
+    currentVarGridMasteID: ComputedRef<string | null>;
+
+    /** 当前的「表格视图」. */
+    currentVarGridMaster: ComputedRef<VarGridMasterDTO | null>;
+
+    /** 当前的「表格视图」主键. */
+    currentVarProfileMasterID: ComputedRef<string | null>;
+
+    /**
+     * 所有事件监听函数.
+     */
+    eventListeners: typeof eventListeners;
+
+    /**
+     * 界面标识.
+     */
+    fid: string;
+
+    /** @deprecated 已废弃, 请使用 {@link IUseKgVar.fid} */
+    formID: string;
+
+    /**
+     * <p>获取「变量配置:表单控件」, 根据所传参数进行过滤.</p>
+     *
+     * <ul>
+     *     <li>
+     *         <p>如果参数 param.buttonVarName !== <code>undefined</code>, 则忽略参数 param.buttonType, 根据 param.buttonVarName 过滤.</p>
+     *     </li>
+     *     <li>
+     *         <p>如果参数 param.buttonVarName === <code>undefined</code> && param.buttonType !== <code>undefined</code>, 则先根据参数 param.buttonType 获取按钮, 然后根据 VarButton.var_nam 和 {@link VarConfigControl.button_var_name} 是否匹配进行过滤.</p>
+     *     </li>
+     *     <li>
+     *         <p>如果参数 param.buttonVarName === <code>undefined</code> && param.buttonType === <code>undefined</code>, 则先获取「当前按钮」, 然后根据「当前按钮」的 VarButton.var_nam 和 {@link VarConfigControl.button_var_name} 是否匹配进行过滤.</p>
+     *     </li>
+     *     <li>
+     *         <p>参数 {@link param.varName} 必传, 将根据 {@link param.varName} 和 {@link VarConfigControl.var_nam} 是否匹配进行过滤.</p>
+     *     </li>
+     * </ul>
+     *
+     * @param param.buttonType <p>按钮的类型, 对应的是 VarButton.typ 属性, 取值请参考 {@link KG__VAR_BUTTON__TYPE}.</p>
+     * @param param.buttonVarName <p>按钮的变量名称, 对应的是 VarButton.var_nam 属性.</p>
+     * @param param.varName 提交表单字段的变量名, 对应的是 {@link VarConfigControl.var_nam} 属性.
+     */
+    getVarConfigControl(param: { buttonType?: KG__VAR_BUTTON__TYPE; buttonVarName?: string | null; varName: string | null | undefined }): VarConfigControl | null;
+
+    /**
+     * 获取「变量配置:列表数据」.
+     *
+     * @param param
+     * @param param.varName 变量名称.
+     */
+    getVarConfigPossibility(param: { varName: string }): VarConfigPossibility | null;
+
+    /**
+     * 获取某个「表格视图明细」.
+     *
+     * @param param
+     * @param param.varName 变量名称.
+     */
+    getVarGridDetail(param: { varName: string | null | undefined }): VarGridDetail | null;
+
+    /** @deprecated 已废弃, 请使用 {@link IUseKgVar.fid} */
+    id: string;
+
+    /**
+     * 是否正在复制.
+     */
+    isCopying: ComputedRef<boolean>;
+
+    /** 正在复制:正在调用接口. */
+    isCopyingRequesting$$: ComputedRef<boolean | null>;
+
+    /**
+     * 是否正在创建.
+     */
+    isCreating: ComputedRef<boolean>;
+
+    /**
+     * 正在创建:正在调用接口.
+     */
+    isCreatingRequesting$$: ComputedRef<boolean | null>;
+
+    /**
+     * 是否正在删除.
+     */
+    isDeleting: ComputedRef<boolean>;
+
+    /** 正在删除:正在调用接口. */
+    isDeletingRequesting$$: ComputedRef<boolean | null>;
+
+    /** 其他按钮:正在调用接口. */
+    isOtherRequesting$$: ComputedRef<boolean | null>;
+
+    /** 变量配置是否查询完成. */
+    isRequested: ComputedRef<boolean>;
+
+    /** 正在查询变量配置. */
+    isRetrieving: ComputedRef<boolean | null>;
+
+    /** 正在查询 VarGridMaster. */
+    isRetrievingVarGridMaster: ComputedRef<boolean | null>;
+    /** 正在查询 VarProfileMaster. */
+    isRetrievingVarProfileMaster: ComputedRef<boolean | null>;
+
+    /**
+     * 是否正在更新.
+     */
+    isUpdating: ComputedRef<boolean>;
+
+    /** 正在更新:正在调用接口. */
+    isUpdatingRequesting$$: ComputedRef<boolean | null>;
+    kgButton: IUseKgButton;
+    kgForm: IUseKgForm;
+
+    kgSearch: IUseKgSearch;
+
+    kgSubmit: IUseKgSubmit;
+
+    kgTable: IUseKgTable;
+    kgTable02: IUseKgTable02;
+
+    kgVarConfig: IUseKgVarConfig;
+
+    /**
+     * 界面层级.
+     */
+    level: ComputedRef<number>;
+
+    /**
+     * 监听事件: 变量配置数据查询完成.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onAfterRequest(listener: IKgVar$EventListener$onAfterRequest, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: 变量配置数据查询之前.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onBeforeRequest(listener: IKgVar$EventListener$onBeforeRequest, isOnce?: boolean): IRemoveEventListener;
+
+    /** @deprecated 已废弃, 请使用 {@link kgTable.onAfterRequest()} */
+    onRetrieve(listener: IKgVar$EventListener$onAfterRequest, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: 页面创建.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onSetup(listener: IKgVar$EventListener$onSetup, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 监听事件: 页面卸载.
+     *
+     * @param listener 事件监听函数.
+     * @param isOnce 是否只会触发一次. 默认为 undefined.
+     */
+    onUnmounted(listener: IKgVar$EventListener$onUnmounted, isOnce?: boolean): IRemoveEventListener;
+
+    /**
+     * 父亲界面.
+     */
+    parentKgVar$$: ComputedRef<IUseKgVar | null>;
+
+    /**
+     * 修改「按钮」的部分属性.
+     *
+     * @param param
+     * @param param.varName 按钮的变量名称.
+     * @param param.properties 要修改的部分属性.
+     */
+    patchVarButton(param: { properties: VarButton; varName: string | null | undefined }): Promise<void>;
+
+    /**
+     * 修改「表格配置」的部分属性.
+     *
+     * @param param.properties 要修改的部分属性.
+     */
+    patchVarGridConfig(param: { properties: VarGridConfig }): Promise<void>;
+
+    /**
+     * 修改当前的「表格视图明细」的部分属性.
+     *
+     * @param param
+     * @param param.varName 变量名称.
+     * @param param.properties 要修改的部分属性.
+     */
+    patchVarGridDetail(param: { properties: VarGridDetail; varName: string | null | undefined }): Promise<void>;
+
+    /**
+     * 修改当前的「表格视图」的部分属性.
+     *
+     * @param param
+     * @param param.varName 变量名称.
+     * @param param.properties 要修改的部分属性.
+     */
+    patchVarGridMaster(param: { properties: VarGridMasterDTO }): Promise<void>;
+
+    props: ComputedRef<IKgProps | null>;
+
+    /**
+     * 查询所有变量配置.
+     *
+     * @param param.isForceRequest 是否强制查询. 默认为 false, 即如果该界面的变量配置已经查询过了, 则不再查询; 否则, 重新查询所有变量配置.
+     */
+    requestAll(param?: { isForceRequest?: boolean }): Promise<void>;
+
+    /**
+     * <p>设置组件参数.</p>
+     * <p>用于设置内部的组件的参数.</p>
+     *
+     * @param props
+     */
+    setProps(props: IKgProps): void;
+
+    /**
+     * <p>设置插槽.</p>
+     * <p>用于自定义页面的显示内容.</p>
+     *
+     * @param slots 插槽.
+     */
+    setSlots(slots: IKgSlots): void;
+
+    slots: ComputedRef<IKgSlots | null>;
+
+    store: ReturnType<typeof useKgVarStore>;
+
+    /** @deprecated 已废弃, 请使用 {@link IUseKgVar.t2()} */
+    t(varName: string | null | undefined): ComputedRef<string>;
+
+    /**
+     * <p>根据变量名称获取对应翻译.</p>
+     *
+     * @param varName 变量名称.
+     */
+    t2(varName: string | null | undefined): string;
+
+    /**
+     * 按钮配置.
+     */
+    varButtonConfig: ComputedRef<VarButtonConfig | null>;
+
+    varButtonConfig$Props$$: ComputedRef<IKgVarButtonConfigProperties>;
+
+    varButtonCopy: ComputedRef<VarButton | null>;
+
+    varButtonCreate: ComputedRef<VarButton | null>;
+
+    varButtonDelete: ComputedRef<VarButton | null>;
+
+    /**
+     * <p>「查询按钮」.</p>
+     */
+    varButtonSearch: ComputedRef<VarButton | null>;
+
+    varButtonUpdate: ComputedRef<VarButton | null>;
+
+    /**
+     * 所有按钮.
+     */
+    varButtons: ComputedRef<Array<VarButton>>;
+
+    varChildDetails: ComputedRef<Array<VarChildDetail>>;
+    varDda: ComputedRef<VarDda | null>;
+    varDda$Props$$: ComputedRef<IKgVarDdaProperties>;
+    varGridConfig: ComputedRef<VarGridConfig | null>;
+
+    varGridConfig$Props$$: ComputedRef<IKgVarGridConfigProperties>;
+
+    /**
+     * 所有的「表格视图」.
+     */
+    varGridMasters: ComputedRef<Array<VarGridMasterDTO> | null>;
+
+    varProfileConfig$$: ComputedRef<VarProfileConfig | null>;
+
+    varProfileConfig$Props$$: ComputedRef<IKgVarProfileConfigProperties>;
+
+    /** 所有的 VarProfileMaster. */
+    varProfileMasters: ComputedRef<Array<VarProfileMasterDTO> | null>;
+    varVariables: ComputedRef<Array<VarVariable>>;
+};
+
+let kgTable02: Record<string, IUseKgTable02 | null> = {};
+
+/**
+ * <p>使用变量配置.</p>
+ * <ol>
+ *     <li>在下级界面中调用时, 可以不传该参数, 此时会通过依赖注入获取,</li>
+ *     <li>在任意页面中, 想要访问其他界面标识对应的页面的数据, 需要传入该'界面标识',</li>
+ *     <li>在组件外(setup 外面)调用时, 必须传入'界面标识',</li>
+ * </ol>
+ *
+ * <p>术语解释:</p>
+ * <ol>
+ *     <li>宿主界面: 某个'界面标识'对应的顶级组件, 可以是菜单页面, 也可以是普通组件,</li>
+ *     <li>寄生界面: 通常是指'查找弹窗', '查找弹窗'是'宿主界面'中的某个变量弹出来的, 它的'界面标识'就是该变量的'lookupID'. '寄生界面'是它的'下级界面'的'宿主界面',</li>
+ *     <li>下级界面: '宿主界面'下的所有界面, 都是它的'下级界面',</li>
+ * </ol>
+ *
+ * @param fid 界面标识.
+ * @param isInit 是否要初始化界面. 在'宿主界面'第一次调用时, 需要传 true, 对该页面做初始化. 默认为 undefined.
+ * @param level 界面层级. 比如普通界面的层级为 0, 弹窗的界面的层级为 1, 弹窗中的弹窗的界面层级为 2, 以此类推. 默认为 0.
+ */
+export function useKgVar(fid?: string | null, isInit?: boolean, level: number = 0): IUseKgVar {
+    try {
+        // 界面标识, 以参数 fid 优先, 如果没传, 则使用依赖注入的
+        let _fid: string = fid || inject(KG.DI.FORM_ID, '');
+
+        /**
+         * 如果依赖注入 {@link KG.DI.FORM_ID} 为空, 表示是在'宿主界面'调用, 此时必须传入 fid 参数
+         */
+        if (!_fid) {
+            throw new Error('useKgVar() | 必须传入 fid 参数.');
+        }
+
+        const store = useKgVarStore(pinia);
+        const kgButtonStore = buildKgButtonStore(_fid)(pinia);
+
+        // 初始化'宿主界面'
+        if (isInit && getCurrentInstance()) {
+            provide(KG.DI.FORM_ID, _fid);
+
+            onMounted(() => {
+                store.init({ formID: _fid, level: level });
+            });
+        }
+
+        let kgButton: IUseKgButton | null = null;
+        let kgForm: IUseKgForm | null = null;
+        let kgSearch: IUseKgSearch | null = null;
+        let kgSubmit: ReturnType<typeof useKgSubmit> | null = null;
+        let kgTable: ReturnType<typeof useKgTable> | null = null;
+        let kgVarConfig: ReturnType<typeof useKgVarConfig> | null = null;
+
+        return new Proxy(
+            {
+                createVarConfigControl: store.createVarConfigControl,
+                createVarConfigDescription: store.createVarConfigDescription,
+                createVarConfigPossibility: store.createVarConfigPossibility,
+                currentVarGridDetails: computed(() => store.getVarGridDetailList(_fid)),
+                currentVarGridMasteID: computed(() => store.getCurrentVarGridMasterID(_fid)),
+                currentVarGridMaster: computed(() => store.getVarGridMaster(_fid)),
+                currentVarProfileMasterID: computed(() => store.getCurrentVarProfileMasterID(_fid)),
+                eventListeners: eventListeners,
+                fid: _fid,
+                formID: _fid,
+                getVarConfigControl: (param: { buttonType?: KG__VAR_BUTTON__TYPE; buttonVarName?: string | null; varName: string | null | undefined }) => store.getVarConfigControl(_fid, param),
+                getVarConfigPossibility: (param: { varName: string }): VarConfigPossibility | null => store.getVarConfigPossibility(_fid, { varName: param.varName }),
+                getVarGridDetail: (param: { varName: string | null | undefined }) => store.getVarGridDetail(_fid, param),
+                id: _fid,
+                isCopying: computed(() => kgButtonStore.isCopying),
+                isCopyingRequesting$$: computed(() => store.isCopyingRequesting(_fid)),
+                isCreating: computed(() => kgButtonStore.isCreating),
+                isCreatingRequesting$$: computed(() => store.isCreatingRequesting(_fid)),
+                isDeleting: computed(() => kgButtonStore.isDeleting),
+                isDeletingRequesting$$: computed(() => store.isDeletingRequesting(_fid)),
+                isOtherRequesting$$: computed(() => store.isOtherRequesting(_fid)),
+                isRequested: computed(() => store.isRequested(_fid)),
+                isRetrieving: computed(() => store.isRetrieving(_fid)),
+                isRetrievingVarGridMaster: computed(() => store.isRetrievingVarGridMaster(_fid)),
+                isRetrievingVarProfileMaster: computed(() => store.isRetrievingVarProfileMaster(_fid)),
+                isUpdating: computed(() => kgButtonStore.isUpdating),
+                isUpdatingRequesting$$: computed(() => store.isUpdatingRequesting(_fid)),
+                level: computed(() => store.getLevel(_fid)),
+                onAfterRequest: kgOnEventFactory<IKgVar$Event, IKgVar$EventListener$onAfterRequest>({ event: 'onAfterRequest', eventListeners: eventListeners, id: _fid }),
+                onBeforeRequest: kgOnEventFactory<IKgVar$Event, IKgVar$EventListener$onBeforeRequest>({ event: 'onBeforeRequest', eventListeners: eventListeners, id: _fid }),
+                onRetrieve: kgOnEventFactory<IKgVar$Event, IKgVar$EventListener$onAfterRequest>({ event: 'onAfterRequest', eventListeners: eventListeners, id: _fid }),
+                onSetup: kgOnEventFactory<IKgVar$Event, IKgVar$EventListener$onSetup>({ event: 'onSetup', eventListeners: eventListeners, id: _fid }),
+                onUnmounted: kgOnEventFactory<IKgVar$Event, IKgVar$EventListener$onUnmounted>({ event: 'onUnmounted', eventListeners: eventListeners, id: _fid }),
+                parentKgVar$$: computed(() => store.getParentKgVar(_fid)),
+                patchVarButton: (param: { properties: VarButton; varName: string | null | undefined }): Promise<void> => store.patchVarButton(_fid, param),
+                patchVarGridConfig: (param: { properties: VarGridConfig }) => store.patchVarGridConfig(_fid, param),
+                patchVarGridDetail: (param: { varName: string | null | undefined; properties: VarGridDetail }) => store.patchVarGridDetail(_fid, param),
+                patchVarGridMaster: (param: { properties: VarGridMasterDTO }) => store.patchVarGridMaster(_fid, param),
+                props: computed(() => store.getProps(_fid)),
+                requestAll: (param?: { isForceRequest?: boolean }): Promise<void> => store.requestAll(_fid, param),
+                setProps: (props: IKgProps): void => store.setProps(_fid, props),
+                setSlots: (slots: IKgSlots): void => store.setSlots(_fid, slots),
+                slots: computed(() => store.getSlots(_fid)),
+                store: store,
+                t: (varName: string | null | undefined): ComputedRef<string> => computed(() => store.t(_fid, varName)),
+                t2: (varName: string | null | undefined): string => store.t(_fid, varName),
+                varButtonConfig: computed(() => store.getVarButtonConfig(_fid)),
+                varButtonConfig$Props$$: computed(() => KgCoreUtil.tryParseJSON<IKgVarButtonConfigProperties>(store.getVarButtonConfig(_fid)?.props)),
+                varButtonCopy: computed(() => store.getVarButtonCopy(_fid)),
+                varButtonCreate: computed(() => store.getVarButtonCreate(_fid)),
+                varButtonDelete: computed(() => store.getVarButtonDelete(_fid)),
+                varButtonSearch: computed(() => store.getVarButtonSearch(_fid)),
+                varButtonUpdate: computed(() => store.getVarButtonUpdate(_fid)),
+                varButtons: computed(() => store.getVarButtons(_fid)),
+                varChildDetails: computed(() => store.getVarChildDetails(_fid)),
+                varDda: computed(() => store.getVarDda(_fid)),
+                varDda$Props$$: computed(() => KgCoreUtil.tryParseJSON<IKgVarDdaProperties>(store.getVarDda(_fid)?.props)),
+                varGridConfig: computed(() => store.getVarGridConfig(_fid)),
+                varGridConfig$Props$$: computed(() => KgCoreUtil.tryParseJSON<IKgVarGridConfigProperties>(store.getVarGridConfig(_fid)?.props)),
+                varGridMasters: computed(() => store.getVarGridMasters(_fid)),
+                varProfileConfig$$: computed(() => store.getVarProfileConfig(_fid)),
+                varProfileConfig$Props$$: computed(() => KgCoreUtil.tryParseJSON<IKgVarProfileConfigProperties>(store.getVarProfileConfig(_fid)?.props)),
+                varProfileMasters: computed(() => store.getVarProfileMasters(_fid)),
+                varVariables: computed(() => store.getVarVariables(_fid)),
+            } as IUseKgVar,
+            {
+                get(target, p): any {
+                    switch (p) {
+                        case 'kgButton': {
+                            if (!kgButton) {
+                                kgButton = useKgButton(_fid);
+                            }
+
+                            return kgButton;
+                        }
+
+                        case 'kgForm': {
+                            if (!kgForm) {
+                                kgForm = useKgForm(_fid);
+                            }
+
+                            return kgForm;
+                        }
+
+                        case 'kgSearch': {
+                            if (!kgSearch) {
+                                kgSearch = useKgSearch(_fid);
+                            }
+
+                            return kgSearch;
+                        }
+
+                        case 'kgSubmit': {
+                            if (!kgSubmit) {
+                                kgSubmit = useKgSubmit(_fid);
+                            }
+
+                            return kgSubmit;
+                        }
+
+                        case 'kgTable': {
+                            if (!kgTable) {
+                                kgTable = useKgTable(_fid);
+                            }
+
+                            return kgTable;
+                        }
+
+                        case 'kgTable02': {
+                            if (!kgTable02[_fid]) {
+                                kgTable02[_fid] = useKgTable02(_fid);
+                            }
+
+                            return kgTable02[_fid];
+                        }
+
+                        case 'kgVarConfig': {
+                            if (!kgVarConfig) {
+                                kgVarConfig = useKgVarConfig();
+                            }
+
+                            return kgVarConfig;
+                        }
+                    }
+
+                    // 将部分属性直接代理给状态管理对象(store), 这样就可以直接访问 store 上的所有属性和方法,
+                    if (!(p in target) && p in store) {
+                        return Reflect.get(store, p);
+                    }
+
+                    return Reflect.get(target, p);
+                },
+            },
+        );
+    } catch (e: any) {
+        if (e?.message?.includes?.('getActivePinia was called with no active Pinia.')) {
+            e.message = '在组件外调用 useVar() 时, 需要在函数内部调用.';
+        }
+
+        throw e;
+    }
+}

package/component/KgVar/KgVar.model.ts

@@ -0,0 +1,86 @@
+import { IKgButtonProps } from '../KgButton';
+import { IKgFormItemSlotControlParameter, IKgFormItemSlotControlRightParameter } from '../KgForm.Item/KgForm.Item.model';
+import { IKgSearchProps } from '../KgSearch';
+import { KgSubmitProps } from '../KgSubmit';
+import { IKgTableSlotParams } from '../KgTable';
+import { IKgTableProps } from '../KgTable/KgTable';
+import { KgTable02Props } from '../KgTable02/KgTable02';
+import { KgVarProps } from './KgVar';
+
+export type IKgSlots = {
+    /** 按钮. */
+    KgButton?: {
+        /** 右侧. */
+        right?: () => any;
+    };
+
+    /** 查询条件. */
+    KgSearch?: {
+        /** 左侧. */
+        left?: () => any;
+    };
+
+    /** 表单. */
+    KgSubmit?: {
+        /**
+         * 某个表单控件.
+         */
+        'KgForm.Item.control'?: {
+            [variable: string]: (param: IKgFormItemSlotControlParameter) => any;
+        };
+
+        /** 某个表单控件右侧. */
+        'KgForm.Item.controlRight'?: {
+            [variable: string]: (param: IKgFormItemSlotControlRightParameter) => any;
+        };
+    };
+
+    /** 表格. */
+    KgTable?: {
+        /** 单元格. */
+        bodyCell?: (param: IKgTableSlotParams['bodyCell']) => any;
+
+        /** 展开行. */
+        expandedRowRender?: (param: IKgTableSlotParams['expandedRowRender']) => any;
+
+        /** 表格底部的汇总行.单元格. */
+        'summary.bodyCell'?: (param: IKgTableSlotParams['summary.bodyCell']) => any;
+    };
+
+    /** 按钮下面. */
+    afterKgButton?: () => any;
+
+    /** 查询条件下面. */
+    afterKgSearch?: () => any;
+
+    /** 表格下面. */
+    afterKgTable?: () => any;
+
+    /** 按钮上面. */
+    beforeKgButton?: () => any;
+
+    /** 查询条件上面. */
+    beforeKgSearch?: () => any;
+
+    /** 表格上面. */
+    beforeKgTable?: () => any;
+
+    /** 页面底部. */
+    bottom?: () => any;
+
+    /**
+     * 孩子页面.
+     */
+    children?: {
+        [childFid: string]: () => any;
+    };
+};
+
+export type IKgProps = {
+    KgButton?: IKgButtonProps;
+    KgSearch?: IKgSearchProps;
+    KgSubmit?: KgSubmitProps;
+    KgTable?: IKgTableProps;
+    KgTable02?: KgTable02Props;
+    KgVar?: KgVarProps;
+};