@kengic/vue 0.30.1-beta.93 → 0.30.1-beta.95

package/model/index.ts

@@ -0,0 +1,1695 @@
+import { KGCORE } from '@kengic/core.core';
+import { FormInstance, type TooltipProps } from 'ant-design-vue';
+import { ModalFuncProps } from 'ant-design-vue/lib/modal/Modal';
+import { Pinia, StoreOnActionListener } from 'pinia';
+import { ComputedRef, InjectionKey, Ref } from 'vue';
+import { VarConfigControl, VarGridDetail, VarSubmitConfig } from '../api/WMS/models';
+import { IKgProps, IKgSlots, KgModalProps } from '../component';
+import { KgCanvasProps } from '../component/KgCanvas/KgCanvas';
+
+/**
+ * 常量.
+ * TODO LT 将所有常量都统一放到这个常量中
+ */
+const KG = {
+    ...KGCORE,
+
+    /**
+     * 数据库的列的类型.
+     */
+    DB_COLUMN_TYPE: {
+        NCHAR: 'NCHAR',
+        NVARCHAR: 'NVARCHAR',
+    },
+
+    /**
+     * 数据库的类型.
+     */
+    DB_TYPE: {
+        /**
+         * 达梦.
+         */
+        DM: 'DM',
+        MYSQL: 'MYSQL',
+        ORACLE: 'ORACLE',
+        POSTGRESQL: 'POSTGRESQL',
+        SQLITE: 'SQLITE',
+        SQLSERVER: 'SQLSERVER',
+    },
+
+    /** @deprecated 已废弃 */
+    DESCRIPTION_KEY: {
+        /** @deprecated 已废弃, 请使用 KG.DESCRIPTION_KEY__KG */
+        KG: 'KG',
+        /** @deprecated 已废弃, 请使用 KG.DESCRIPTION_KEY__WEB */
+        WEB: 'WEB',
+    },
+
+    /**
+     * 依赖注入的键.
+     */
+    DI: {
+        /**
+         * 界面标识.
+         */
+        FORM_ID: Symbol('KG.DI.FID') as InjectionKey<string>,
+
+        /**
+         * 唯一标识.
+         */
+        ID: Symbol('KG.DI.ID') as InjectionKey<string>,
+
+        /**
+         * 画布.
+         */
+        KG_CANVAS: {
+            /**
+             * 组件参数.
+             */
+            PROPS: Symbol('KG.DI.KG_CANVAS.PROPS') as InjectionKey<KgCanvasProps>,
+        },
+
+        /**
+         * 表单.
+         */
+        KG_FORM: {
+            /**
+             * <p>依赖注入表单数据对象.</p>
+             * <p>在表单组件(KgForm)的任何下级组件中, 都可以通过注入获取表单数据对象.</p>
+             */
+            FORM_MODEL: Symbol('KG.DI.KG_FORM.FORM_MODEL') as InjectionKey<ComputedRef<Record<string, any>>>,
+
+            /**
+             * formRef.
+             */
+            FORM_REF: Symbol('KG.DI.KG_FORM.FORM_REF') as InjectionKey<Ref<FormInstance | null>>,
+        },
+
+        /**
+         * 表单控件.
+         */
+        KG_FORM_ITEM: {
+            /**
+             * 变量名称.
+             */
+            CONTEXT: Symbol('KG.DI.KG_FORM_ITEM.CONTEXT') as InjectionKey<KG_FORM_CONTEXT>,
+            /**
+             * 变量名称.
+             */
+            VAR_NAME: Symbol('KG.DI.KG_FORM_ITEM.VAR_NAME') as InjectionKey<string>,
+        },
+
+        /**
+         * 模拟器.
+         */
+        KG_SIMULATOR: {
+            /**
+             * 左下侧面板.
+             */
+            PANEL__LEFT_BOTTOM__TELEPORT_ID: Symbol('KG.DI.KG_SIMULATOR.PANEL__LEFT_BOTTOM__TELEPORT_ID') as InjectionKey<string>,
+
+            /**
+             * 左上侧面板.
+             */
+            PANEL__LEFT_TOP__TELEPORT_ID: Symbol('KG.DI.KG_SIMULATOR.PANEL__LEFT_TOP__TELEPORT_ID') as InjectionKey<string>,
+
+            /**
+             * 右下侧面板.
+             */
+            PANEL__RIGHT_BOTTOM__TELEPORT_ID: Symbol('KG.DI.KG_SIMULATOR.PANEL__RIGHT_BOTTOM__TELEPORT_ID') as InjectionKey<string>,
+
+            /**
+             * 右上侧面板.
+             */
+            PANEL__RIGHT_TOP__TELEPORT_ID: Symbol('KG.DI.KG_SIMULATOR.PANEL__RIGHT_TOP__TELEPORT_ID') as InjectionKey<string>,
+
+            /**
+             * 左下侧工具栏.
+             */
+            TOOLBAR__LEFT_BOTTOM__TELEPORT_ID: Symbol('KG.DI.KG_SIMULATOR.TOOLBAR__LEFT_BOTTOM__TELEPORT_ID') as InjectionKey<string>,
+
+            /**
+             * 左上侧工具栏.
+             */
+            TOOLBAR__LEFT_TOP__TELEPORT_ID: Symbol('KG.DI.KG_SIMULATOR.TOOLBAR__LEFT_TOP__TELEPORT_ID') as InjectionKey<string>,
+
+            /**
+             * 右下侧工具栏.
+             */
+            TOOLBAR__RIGHT_BOTTOM__TELEPORT_ID: Symbol('KG.DI.KG_SIMULATOR.TOOLBAR__RIGHT_BOTTOM__TELEPORT_ID') as InjectionKey<string>,
+
+            /**
+             * 右上侧工具栏.
+             */
+            TOOLBAR__RIGHT_TOP__TELEPORT_ID: Symbol('KG.DI.KG_SIMULATOR.TOOLBAR__RIGHT_TOP__TELEPORT_ID') as InjectionKey<string>,
+        },
+
+        /**
+         * 变量页面.
+         */
+        KG_VAR: {
+            /**
+             * 注入 kgProps 参数.
+             */
+            KG_PROPS: Symbol('KG.DI.KG_VAR.KG_PROPS') as InjectionKey<ComputedRef<IKgProps | undefined>>,
+
+            /**
+             * 注入 kgSlots 参数.
+             */
+            KG_SLOTS: Symbol('KG.DI.KG_VAR.KG_SLOTS') as InjectionKey<IKgSlots | undefined>,
+        },
+
+        /**
+         * 变量配置弹窗.
+         */
+        KG_VAR_CONFIG: {
+            /**
+             * 正在被配置的界面标识.
+             */
+            HOST_FORM_ID: Symbol('KG.DI.KG_VAR_CONFIG.HOST_FORM_ID') as InjectionKey<Ref<string | null>>,
+        },
+
+        /**
+         * 「变量配置:查找弹窗」.
+         */
+        VAR_CONFIG_LOOKUP: {
+            /**
+             * 宿主界面标识.
+             */
+            HOST_FORM_ID: Symbol('KG.DI.VAR_CONFIG_LOOKUP.HOST_FORM_ID') as InjectionKey<string>,
+
+            /**
+             * 变量查找编号.
+             */
+            LOOKUP_ID: Symbol('KG.DI.VAR_CONFIG_LOOKUP.LOOKUP_ID') as InjectionKey<string>,
+        },
+    },
+
+    /** @deprecated 已废弃 */
+    DYNAMIC_QUERY_OPERATOR: {
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__BETWEEN */
+        BETWEEN: 'BETWEEN',
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__CONTAIN */
+        CONTAIN: 'CONTAIN',
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__EMPTY */
+        EMPTY: 'EMPTY',
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__END_WITH */
+        END_WITH: 'END',
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__EQ */
+        EQ: 'EQ',
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__GT */
+        GT: 'GT',
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__GTE */
+        GTE: 'GTE',
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__IN */
+        IN: 'IN',
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__LT */
+        LT: 'LT',
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__LTE */
+        LTE: 'LTE',
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__NE */
+        NE: 'NE',
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__NOT_EMPTY */
+        NOT_EMPTY: 'NOT_EMPTY',
+        /** @deprecated 已废弃, 请使用 KG.DYNAMIC_QUERY_OPERATOR__START_WITH */
+        START_WITH: 'START',
+    },
+
+    /**
+     * 界面标识--环形穿梭车可视化:小车信息汇总.
+     */
+    FORM_ID__KG_CIRCULAR_SHUTTLE_MONITOR__RGV_SUMMARY: 'KgCircleVis.RgvSummary',
+
+    /**
+     * 界面标识--环形穿梭车可视化:小车:人工创建任务.
+     */
+    FORM_ID__KG_CIRCULAR_SHUTTLE_MONITOR__RGV__CREATE_TASK: 'KgCircleVis.Rgv.CreateTask',
+
+    /**
+     * 界面标识--环形穿梭车可视化:小车:状态.
+     */
+    FORM_ID__KG_CIRCULAR_SHUTTLE_MONITOR__RGV__STATUS: 'KgCircleVis.Rgv.Status',
+
+    /**
+     * 界面标识--环形穿梭车可视化:小车:任务.
+     */
+    FORM_ID__KG_CIRCULAR_SHUTTLE_MONITOR__RGV__TASK: 'KgCircleVis.Rgv.Task',
+
+    /**
+     * 界面标识--环形穿梭车可视化:任务信息汇总.
+     */
+    FORM_ID__KG_CIRCULAR_SHUTTLE_MONITOR__TASK_SUMMARY: 'KgCircleVis.TaskSummary',
+
+    /**
+     * 界面标识--.
+     */
+    FORM_ID__KG_PAGE_DDA__CREATE__BUTTON: 'KgPageDda.Create.Button',
+
+    /**
+     * 界面标识--模拟器--菜单--场景--新建--环线输送线.
+     */
+    FORM_ID__KG_SIMULATOR__MENU__SCENE__CREATE__CIRCULAR_CONVEYOR: 'KgSimulator.Menu.Scene.Create.CircularConveyor',
+
+    /**
+     * 界面标识--模拟器--菜单--场景--打开--环线输送线.
+     */
+    FORM_ID__KG_SIMULATOR__MENU__SCENE__OPEN__CIRCULAR_CONVEYOR: 'KgSimulator.Menu.Scene.Open.CircularConveyor',
+
+    /**
+     * 界面标识--模拟器--面板--属性.
+     */
+    FORM_ID__KG_SIMULATOR__PANEL__PROPERTY: 'KgSimulator.Panel.Property',
+
+    /**
+     * 界面标识--.
+     */
+    FORM_ID__KG_SQL_CLIENT__RESULT_TAB: 'KgSqlClient.ResultTab',
+
+    /**
+     * 界面标识--变量配置弹窗:按钮:按钮管理.
+     */
+    FORM_ID__KG_VAR_CONFIG__MODAL__BUTTON__VAR_BUTTON: 'KgVarConfig.Modal.Button.VarButton',
+
+    /**
+     * 界面标识--.
+     */
+    FORM_ID__KG_VAR_CONFIG__MODAL__TABLE__VAR_GRID_CONFIG: 'KgVarConfig.Modal.Table.VarGridConfig',
+
+    /**
+     * 界面标识--工作站选择--工作区.
+     */
+    FORM_ID__KG_WORK_STATION__WORK_AREA: 'KgWorkStation.WorkArea',
+
+    /**
+     * 界面标识--工作站选择--工作站.
+     */
+    FORM_ID__KG_WORK_STATION__WORK_STATION: 'KgWorkStation.WorkStation',
+
+    /** @deprecated 已废弃 */
+    HTTP_HEADER: {
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_BUTTON_VAR_NAME */
+        KG_BUTTON_VAR_NAME: 'Kg-Button-Var-Name',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_DB_TYPE */
+        KG_DB_TYPE: 'Kg-Db-Type',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_FORM_ID */
+        KG_FORM_ID: 'Kg-Form-Id',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_IS_DYNAMIC_QUERY */
+        KG_IS_DYNAMIC_QUERY: 'Kg-Is-Dynamic-Query',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_PAGE_INDEX */
+        KG_PAGE_INDEX: 'Kg-Page-Index',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_PAGE_SIZE */
+        KG_PAGE_SIZE: 'Kg-Page-Size',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_QUERY_OBJECT */
+        KG_QUERY_OBJECT: 'Kg-Query-Object',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_QUERY_OPERATOR_OBJECT */
+        KG_QUERY_OPERATOR_OBJECT: 'Kg-Query-Operator',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_QUERY_ORDER_BY_SQL */
+        KG_QUERY_ORDER_BY_SQL: 'Kg-Query-Order-By-Sql',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_QUERY_WHERE_OBJECT */
+        KG_QUERY_WHERE_OBJECT: 'Kg-Query-Where-Object',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_QUERY_WHERE_SQL */
+        KG_QUERY_WHERE_SQL: 'Kg-Query-Where-Sql',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_QUERY_WHERE_SQL_01 */
+        KG_QUERY_WHERE_SQL_01: 'Kg-Query-Where-Sql-01',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_QUERY_WHERE_SQL_02 */
+        KG_QUERY_WHERE_SQL_02: 'Kg-Query-Where-Sql-02',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_QUERY_WHERE_SQL_03 */
+        KG_QUERY_WHERE_SQL_03: 'Kg-Query-Where-Sql-03',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_QUERY_WHERE_SQL_04 */
+        KG_QUERY_WHERE_SQL_04: 'Kg-Query-Where-Sql-04',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_QUERY_WHERE_SQL_05 */
+        KG_QUERY_WHERE_SQL_05: 'Kg-Query-Where-Sql-05',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_WAREHOUSE */
+        KG_WAREHOUSE: 'Kg-Warehouse',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_WORK_AREA */
+        KG_WORK_AREA: 'Kg-Work-Area',
+        /** @deprecated 已废弃, 请使用 KG.KG.HTTP_HEADER__KG_WORK_STATION */
+        KG_WORK_STATION: 'Kg-Work-Station',
+    },
+
+    VAR_CONFIG_CONTROL: {
+        /**
+         * 表单控件类型.
+         * @see VarConfigControl.ctrl_prop
+         * @see IKgVarConfigControlControlProperties
+         */
+        CONTROL_TYPE: {
+            /** 文件上传按钮. */
+            BUTTON_UPLOAD: 'BUTTON_UPLOAD',
+
+            /** 多选框. */
+            CHECKBOX: 'CHECKBOX',
+
+            /**
+             * <p>多选框列表.</p>
+             * <p>配置属性参见 {@link IKgVarConfigControlControlProperties.CHECKBOX_GROUP}.</p>
+             */
+            CHECKBOX_GROUP: 'CHECKBOX_GROUP',
+
+            /** 年月日, 2020-05-01. */
+            DATE_DATE: 'DATE_DATE',
+
+            /** 年月日时分秒, 2020-05-01 11:59:59. */
+            DATE_DATETIME: 'DATE_DATETIME',
+
+            /** 年月日时分秒的范围, [DATE_DATETIME, DATE_DATETIME] */
+            DATE_DATETIME_RANGE: 'DATE_DATETIME_RANGE',
+
+            /** 年月日的范围, [DATE_DATE, DATE_DATE] */
+            DATE_DATE_RANGE: 'DATE_DATE_RANGE',
+
+            DATE_MONTH: 'DATE_MONTH',
+
+            /** 时分秒, 11:59:59. */
+            DATE_TIME: 'DATE_TIME',
+
+            /** 时分秒的范围, [DATE_TIME, DATE_TIME]. */
+            DATE_TIME_RANGE: 'DATE_TIME_RANGE',
+
+            DATE_WEEK: 'DATE_WEEK',
+
+            DATE_YEAR: 'DATE_YEAR',
+
+            /**
+             * <p>图片.</p>
+             * <p>点击可以预览.</p>
+             */
+            IMAGE: 'IMAGE',
+
+            /** 单行文本. */
+            INPUT: 'INPUT',
+
+            /** 数字. */
+            INPUT_NUMBER: 'INPUT_NUMBER',
+
+            /** 密码. */
+            INPUT_PASSWORD: 'INPUT_PASSWORD',
+
+            /** 链接. */
+            LINK: 'LINK',
+            /**
+             * <p>单选框列表.</p>
+             * <p>配置属性参见 {@link IKgVarConfigControlControlProperties.RADIO_GROUP}.</p>
+             */
+            RADIO_GROUP: 'RADIO_GROUP',
+            /**
+             * <p>单选下拉列表.<p>
+             * <p>配置属性参见 {@link IKgVarConfigControlControlProperties.SELECT}.</p>
+             */
+            SELECT: 'SELECT',
+
+            /** 多选下拉列表. */
+            SELECT_MULTIPLE: 'SELECT_MULTIPLE',
+
+            /** 开关. */
+            SWITCH: 'SWITCH',
+
+            /**
+             * <p>多行文本.</p>
+             * <p>配置属性参见 {@link IKgVarConfigControlControlProperties.TEXT_AREA}.</p>
+             */
+            TEXT_AREA: 'TEXT_AREA',
+        },
+    },
+
+    /**
+     * 用于添加的行.
+     * 在「查询条件」「提交字段」「表格视图」中, 用户可以自己添加额外的行, 作为「查询字段」「提交字段」「表格的列」,
+     * 为了操作方便, 会在表格中始终显示一个特殊的行, 称之为「用于添加的行」, 点击该行左侧的加号就可以添加新的行, 本常量用来作为该特殊的行的 ID.
+     */
+    __KG__CREATE_ROW_ID__: '__KG__CREATE_ROW_ID__',
+
+    /**
+     * 用户添加的行.
+     * 在「查询条件」「提交字段」「表格视图」中, 用户可以自己添加额外的行, 作为「查询字段」「提交字段」「表格的列」, 本常量用来作为该行的 ID.
+     */
+    __KG__CUSTOM_ROW_ID__: '__KG__CUSTOM_ROW_ID__',
+
+    __KG__NULL__: '__KG__NULL__',
+
+    /**
+     * 在表格内创建时, 空白行的临时主键.
+     */
+    __KG__TABLE_TEMP_ID__: '__KG__TABLE_TEMP_ID__',
+};
+
+/** @deprecated 已弃用, 请使用 {@link KG}. */
+const KG_CONST = KG;
+
+/**
+ * 模块.
+ */
+const KG_APP = {
+    /**
+     * 系统管理.
+     */
+    SYS: 'sys',
+
+    /**
+     * WCS.
+     */
+    WCS: 'wcs',
+
+    /**
+     * 仓库管理.
+     */
+    WMS_BUSINESS_MANAGER: 'business-manager',
+
+    /**
+     * 数据管理.
+     */
+    WMS_DATA_MANAGER: 'data-manager',
+} as const;
+
+/** 模块路径前缀. */
+const enum KG_APP_PREFIX {
+    /** 数据管理. */
+    WMS_DATA_MANAGER = '/wms/data-manager',
+
+    /** 仓库管理. */
+    WMS_BUSINESS_MANAGER = '/wms/business-manager',
+
+    /** WCS. */
+    WCS = '/wcs',
+
+    /** 系统管理. */
+    SYS = '/sys',
+}
+
+/** 所有模块. */
+const KG_APPS: Array<string> = [KG_APP.WMS_DATA_MANAGER, KG_APP.WMS_BUSINESS_MANAGER, KG_APP.WCS, KG_APP.SYS];
+
+/** 所有模块路径前缀. */
+const KG_APP_PREFIXS: Array<KG_APP_PREFIX> = [KG_APP_PREFIX.WMS_DATA_MANAGER, KG_APP_PREFIX.WMS_BUSINESS_MANAGER, KG_APP_PREFIX.WCS, KG_APP_PREFIX.SYS];
+
+/**
+ * 表单控件所处环境.
+ */
+const enum KG_FORM_CONTEXT {
+    /**
+     * 位于查询条件.
+     */
+    SEARCH = 'SEARCH',
+
+    /**
+     * 位于提交表单弹窗.
+     */
+    SUBMIT = 'SUBMIT',
+
+    /**
+     * 位于表格内的提交表单.
+     */
+    TABLE = 'TABLE',
+}
+
+/**
+ * 定制级别.
+ */
+const enum KG_CUSTOM_LEVEL {
+    /**
+     * 系统.
+     */
+    L0 = 0,
+
+    /**
+     * 用户.
+     */
+    L10 = 10,
+}
+
+/**
+ * 接口请求方式.
+ */
+enum KG__API_METHOD {
+    GET = 'GET',
+    POST = 'POST',
+    DELETE = 'DELETE',
+    PUT = 'PUT',
+}
+
+/**
+ * 表格单元格的显示类型.
+ * @see VarGridDetail.display_type_properties
+ * @see IKgVarGridDetailDisplayTypeProperties
+ */
+const KG__VAR_GRID_DETAIL__DISPLAY_TYPE = {
+    /**
+     * <p>描述. 显示该列的值所对应的描述, 而不是直接显示该列的值.</p>
+     * <p>
+     *     描述的来源有 2 种, 按优先级从高到低依次为:
+     *     <ul>
+     *         <li>如果 {@link IKgVarGridDetailDisplayTypeProperties.DESC.description.codeName} 不为空, 则描述来源于系统描述表, 并且默认的 codeValue 就是该列的值,</li>
+     *         <li>
+     *             <p>否则, 描述来源于描述列.</p>
+     *             <p>默认情况下, 描述列的列名为原始列的列名加上 _dsc 或者 Dsc 后缀, 比如原始列的列名为 xyz, 则描述列的列名为 xyz_dsc 或者 xyzDsc, 可以通过 {@link IKgVarGridDetailDisplayTypeProperties.DESC.dscFieldName} 将描述列的列名配置为其他值,</p>
+     *         </li>
+     *     </ul>
+     * </p>
+     */
+    DESC: 'DESC',
+
+    /** {@link DESC} + {@link UPDATE_LINK}. */
+    DESC__UPDATE_LINK: 'DESC,UPDATE_LINK',
+
+    /** 文件大小, 将以字节(byte)为单位的数字格式化显示(XXX MB, XXX GB, ...). */
+    FILE_SIZE: 'FILE_SIZE',
+
+    /**
+     * <p>图标, 使用 iconify 进行渲染.</p>
+     */
+    ICON: 'ICON',
+
+    /**
+     * <p>图片, 可以点击预览大图.</p>
+     */
+    IMAGE: 'IMAGE',
+
+    /** 进度条, 使用 KgProgressA 组件显示. */
+    PROGRESS: 'PROGRESS',
+
+    /** 超链接, 点击跳转到其他页面. */
+    ROUTE_LINK: 'ROUTE_LINK',
+
+    /** 超链接, 点击打开更新弹窗. */
+    UPDATE_LINK: 'UPDATE_LINK',
+
+    /** 布尔数据, 使用 KgYesOrNo 组件显示. */
+    YN: 'YN',
+};
+
+/**
+ * 表格单元格的对齐方式.
+ */
+const enum KG__VAR_GRID_DETAIL__ALIGN {
+    LEFT = 'left',
+    CENTER = 'center',
+    RIGHT = 'right',
+}
+
+/**
+ * 单击某行时的操作.
+ */
+const enum KG__VAR_GRID_CONFIG__OPERATION_ON_ROW_CLICK {
+    /**
+     * 不做操作.
+     */
+    A = 0,
+
+    /**
+     * 勾选该行, 并取消其他勾选行.
+     */
+    B = 1,
+
+    /**
+     * 勾选该行, 并保留其他勾选行.
+     */
+    C = 2,
+}
+
+/** @deprecated 已弃用, 请使用 {@link KG__VAR_BUTTON__TYPE}. */
+const enum KG_BUTTON_TYPE {
+    /** 查询. */
+    SEARCH = 'SEARCH',
+
+    /** 创建. */
+    CREATE = 'CREATE',
+
+    /** 更新. */
+    UPDATE = 'UPDATE',
+
+    /** 复制. */
+    COPY = 'COPY',
+
+    /** 删除. */
+    DELETE = 'DELETE',
+
+    /** 导入. */
+    IMPORT = 'IMPORT',
+
+    /** 下载导入模板. */
+    IMPORT_TEMPLATE = 'IMPORT_TEMPLATE',
+
+    /** 导出. */
+    EXPORT = 'EXPORT',
+
+    /** 其他. */
+    OTHER = 'OTHER',
+}
+
+/**
+ * 按钮类型.
+ */
+const enum KG__VAR_BUTTON__TYPE {
+    /** 查询. */
+    SEARCH = 'SEARCH',
+
+    /** 创建. */
+    CREATE = 'CREATE',
+
+    /** 更新. */
+    UPDATE = 'UPDATE',
+
+    /** 复制. */
+    COPY = 'COPY',
+
+    /** 删除. */
+    DELETE = 'DELETE',
+
+    /** 导入. */
+    IMPORT = 'IMPORT',
+
+    /** 下载导入模板. */
+    IMPORT_TEMPLATE = 'IMPORT_TEMPLATE',
+
+    /** 导出. */
+    EXPORT = 'EXPORT',
+
+    /** 其他. */
+    OTHER = 'OTHER',
+}
+
+/**
+ * 按钮颜色.
+ */
+const enum KG__VAR_BUTTON__COLOR {
+    /**
+     * 蓝色.
+     */
+    BLUE = 'BLUE',
+
+    /**
+     * 红色.
+     */
+    RED = 'RED',
+
+    /**
+     * 黄色.
+     */
+    YELLOW = 'YELLOW',
+}
+
+/** 按钮显示方式. */
+const enum KG__VAR_BUTTON_CONFIG__DISPLAY_TYPE {
+    /**
+     * 按钮依次排列在一横排.
+     */
+    DEFAULT = 'DEFAULT',
+
+    /**
+     * 显示为下拉的菜单列表.
+     */
+    SELECT = 'SELECT',
+}
+
+/** 表单显示方式. */
+const enum KG__VAR_SUBMIT_CONFIG__DISPLAY_TYPE {
+    /** 弹窗. */
+    MODAL = 'MODAL',
+
+    /** 抽屉. */
+    DRAWER = 'DRAWER',
+
+    /** 在表格内. */
+    TABLE = 'TABLE',
+
+    /** 嵌入页面. */
+    INLINE = 'INLINE',
+}
+
+/**
+ * 表单布局方式.
+ */
+enum KG__VAR_SUBMIT_CONFIG__LAYOUT {
+    /**
+     * 垂直.
+     */
+    VERTICAL = 'vertical',
+
+    /**
+     * 水平.
+     */
+    HORIZONTAL = 'horizontal',
+}
+
+/**
+ * 变量配置:表单输入验证:数据类型.
+ */
+const enum KG__VAR_CONFIG_INPUT__DATA_TYPE {
+    /**
+     * 任意字符.
+     */
+    ANY = 'ANY',
+
+    /**
+     * 整数.
+     */
+    INTEGER = 'INTEGER',
+
+    /**
+     * 小数.
+     */
+    FLOAT = 'FLOAT',
+
+    /**
+     * 英文字母.
+     */
+    LETTER = 'LETTER',
+
+    /**
+     * 大写英文字母.
+     */
+    UPPER_CASE_LETTER = 'UPPER_CASE_LETTER',
+
+    /**
+     * 小写英文字母.
+     */
+    LOWER_CASE_LETTER = 'LOWER_CASE_LETTER',
+
+    /**
+     * JSON.
+     */
+    JSON = 'JSON',
+}
+
+/**
+ * 变量配置:表单输入验证:验证方式.
+ */
+const enum KG__VAR_CONFIG_INPUT__VALIDATION_TYPE {
+    /**
+     * 配置.
+     */
+    OPTIONS = 'OPTIONS',
+
+    /**
+     * 正则.
+     */
+    REGULAR_EXPRESSION = 'REGULAR_EXPRESSION',
+}
+
+/**
+ * 变量配置:提示文本:位置.
+ */
+enum KG__VAR_CONFIG_TIP__PLACEMENT {
+    /**
+     * 在标签的右边, 显示为一个小图标, 鼠标划过时显示弹框.
+     */
+    RIGHT = 'RIGHT',
+
+    /**
+     * 在标签的下面.
+     */
+    BOTTOM = 'BOTTOM',
+}
+
+/**
+ * 变量配置:下拉列表:数据源的类型.
+ */
+enum KG__VAR_CONFIG_POSSIBILITY__DATA_SOURCE_TYPE {
+    API = 'API',
+    SQL = 'SQL',
+}
+
+/**
+ * 变量配置:下拉列表:值的类型.
+ */
+enum KG__VAR_CONFIG_POSSIBILITY__VALUE_DATA_TYPE {
+    /**
+     * 默认类型.
+     */
+    DEFAULT = 'DEFAULT',
+
+    /**
+     * 字符串.
+     */
+    STRING = 'STRING',
+
+    /**
+     * 数字.
+     */
+    NUMBER = 'NUMBER',
+
+    /**
+     * 布尔.
+     */
+    BOOLEAN = 'BOOLEAN',
+}
+
+/** 宽度单位. */
+const enum KG__VAR_SUBMIT_CONFIG__LABEL_COLUMN_UNIT {
+    /**
+     * 栅格.
+     */
+    SPAN = 'SPAN',
+
+    /**
+     * 像素.
+     */
+    PX = 'PX',
+}
+
+/**
+ * 动态参数.
+ */
+const KG__DYNAMIC_PARAM = {
+    /**
+     * 空字符串.
+     */
+    EMPTY_STRING: '{EMPTY_STRING}',
+
+    /**
+     * 当前语言.
+     */
+    LOCALE: '{LOCALE}',
+
+    /**
+     * 当前时间.
+     */
+    NOW: '{NOW}',
+
+    /**
+     * 当前勾选行对应的属性.
+     */
+    ROW: '{ROW}',
+
+    /**
+     * 当前用户.
+     */
+    USER: '{USER}',
+
+    /**
+     * 当前仓库编号.
+     */
+    WAREHOUSE: '{WAREHOUSE}',
+
+    /**
+     * 当前工作区.
+     */
+    WORK_AREA: '{WORK_AREA}',
+
+    /**
+     * 当前工作站.
+     */
+    WORK_STATION: '{WORK_STATION}',
+};
+
+const KG__DYNAMIC_PARAM_LIST = [
+    KG__DYNAMIC_PARAM.EMPTY_STRING,
+    KG__DYNAMIC_PARAM.LOCALE,
+    KG__DYNAMIC_PARAM.NOW,
+    KG__DYNAMIC_PARAM.ROW,
+    KG__DYNAMIC_PARAM.USER,
+    KG__DYNAMIC_PARAM.WAREHOUSE,
+    KG__DYNAMIC_PARAM.WORK_AREA,
+    KG__DYNAMIC_PARAM.WORK_STATION,
+];
+
+/**
+ * 动态参数, 在首尾添加了 # 字符.
+ */
+const KG__DYNAMIC_PARAM_HASH = {
+    /**
+     * 空字符串.
+     */
+    EMPTY_STRING: KG__DYNAMIC_PARAM.EMPTY_STRING.replace('{', '{#').replace('}', '#}'),
+
+    /**
+     * 当前语言.
+     */
+    LOCALE: KG__DYNAMIC_PARAM.LOCALE.replace('{', '{#').replace('}', '#}'),
+
+    /**
+     * 当前时间.
+     */
+    NOW: KG__DYNAMIC_PARAM.NOW.replace('{', '{#').replace('}', '#}'),
+
+    /**
+     * 当前勾选行对应的属性.
+     */
+    ROW: KG__DYNAMIC_PARAM.ROW.replace('{', '{#').replace('}', '#}'),
+
+    /**
+     * 当前用户.
+     */
+    USER: KG__DYNAMIC_PARAM.USER.replace('{', '{#').replace('}', '#}'),
+
+    /**
+     * 当前仓库编号.
+     */
+    WAREHOUSE: KG__DYNAMIC_PARAM.WAREHOUSE.replace('{', '{#').replace('}', '#}'),
+
+    /**
+     * 当前工作区.
+     */
+    WORK_AREA: KG__DYNAMIC_PARAM.WORK_AREA.replace('{', '{#').replace('}', '#}'),
+
+    /**
+     * 当前工作站.
+     */
+    WORK_STATION: KG__DYNAMIC_PARAM.WORK_STATION.replace('{', '{#').replace('}', '#}'),
+};
+
+const KG__DYNAMIC_PARAM_HASH_LIST = [
+    KG__DYNAMIC_PARAM_HASH.EMPTY_STRING,
+    KG__DYNAMIC_PARAM_HASH.LOCALE,
+    KG__DYNAMIC_PARAM_HASH.NOW,
+    KG__DYNAMIC_PARAM_HASH.ROW,
+    KG__DYNAMIC_PARAM_HASH.USER,
+    KG__DYNAMIC_PARAM_HASH.WAREHOUSE,
+    KG__DYNAMIC_PARAM_HASH.WORK_AREA,
+    KG__DYNAMIC_PARAM_HASH.WORK_STATION,
+];
+
+/**
+ * 栅格布局宽度.
+ */
+const enum KG__SPAN {
+    _1 = 1,
+    _2 = 2,
+    _3 = 3,
+    _4 = 4,
+    _5 = 5,
+    _6 = 6,
+    _7 = 7,
+    _8 = 8,
+    _9 = 9,
+    _10 = 10,
+    _11 = 11,
+    _12 = 12,
+    _13 = 13,
+    _14 = 14,
+    _15 = 15,
+    _16 = 16,
+    _17 = 17,
+    _18 = 18,
+    _19 = 19,
+    _20 = 20,
+    _21 = 21,
+    _22 = 22,
+    _23 = 23,
+    _24 = 24,
+}
+
+/**
+ * 导出 EXCEL 文件的后缀.
+ */
+const enum KG__VAR_BUTTON__EXPORT_EXCEL_SUFFIX {
+    XLS = 'XLS',
+    XLSX = 'XLSX',
+}
+
+/** 系统描述表中的键. */
+const enum KG_DESCRIPTION_CODE_NAME {
+    /** 是否. */
+    YN = 'yn',
+    /** 表单布局方式. */
+    VAR_SUBMIT_LAYOUT = 'var_submit_layout',
+    /** 栅格布局可选的列. */
+    VAR_SPAN = 'var_span',
+    /** 按钮显示样式. */
+    VAR_BUTTON_DISPLAY_TYPE = 'var_button_display_type',
+    /** 宽度单位. */
+    VAR_WIDTH_UNIT = 'var_width_unit',
+}
+
+/** @deprecated 已废弃, 请使用 {@linkplain KG.DYNAMIC_QUERY_OPERATOR} */
+const KG_DYNAMIC_QUERY_OPERATOR = KG.DYNAMIC_QUERY_OPERATOR;
+
+/** 特殊属性:请求返回的原始响应数据. */
+const __KG__RESPONSE__ = '__KG__RESPONSE__';
+
+/** 模块菜单的临时ID:数据管理. */
+const KG_TMP_MENU_ID__DATA_MANAGER = 'KG_TMP_MENU_ID__DATA_MANAGER';
+/** 模块菜单的临时ID:仓库管理. */
+const KG_TMP_MENU_ID__BUSINESS_MANAGER = 'KG_TMP_MENU_ID__BUSINESS_MANAGER';
+/** 模块菜单的临时ID:WCS. */
+const KG_TMP_MENU_ID__WCS = 'KG_TMP_MENU_ID__WCS';
+/** 模块菜单的临时ID:系统配置. */
+const KG_TMP_MENU_ID__SYS = 'KG_TMP_MENU_ID__SYS';
+/** 模块菜单的临时ID:PDA. */
+const KG_TMP_MENU_ID__PDA = 'KG_TMP_MENU_ID__PDA';
+
+/**
+ * 按钮确认弹窗的参数.
+ * <p>对应于 {@link VarButton#modal_props} 字段.</p>
+ */
+type IKgVarButtonModalProperties = ModalFuncProps & {
+    /** 是否隐藏取消按钮. */
+    kgHideCancelButton?: boolean;
+};
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarSubmitConfig#props} 字段.</p>
+ */
+interface IKgVarSubmitConfigProperties {
+    /**
+     * 取消按钮.
+     */
+    cancelButton?: {
+        /**
+         * 是否显示, 默认为 true.
+         *
+         * @default true
+         */
+        isShow?: boolean;
+
+        /**
+         * 排序, 默认为 1.
+         *
+         * @default 1
+         */
+        sort?: number;
+
+        /**
+         * <p>取消按钮的文本, 实际是一个变量名, 根据变量进行翻译.</p>
+         * <p>取消按钮的文本默认为「取消」.</p>
+         */
+        textVarName?: string;
+    };
+
+    /**
+     * 显示方式.
+     */
+    displayType?: {
+        INLINE?: {
+            /**
+             * 是否在页面的内容区域全屏, 默认为 false.
+             *
+             * @default false
+             */
+            isFullscreen?: boolean;
+
+            /**
+             * 是否显示标题, 默认为 false.
+             *
+             * @default false
+             */
+            isShowTitle?: boolean;
+
+            /**
+             * <p>要嵌入的页面位置, 是一个 CSS 选择器, 如: #submit-target-xxx.</p>
+             * <p>默认嵌入到表格的底部.</p>
+             */
+            target?: string;
+
+            /**
+             * 层级, 默认为 3.
+             *
+             * @default 3
+             */
+            zIndex?: number;
+        };
+    };
+
+    /**
+     * 底部按钮区域.
+     */
+    footer?: {
+        /**
+         * 是否显示, 默认为 true.
+         *
+         * @default true
+         */
+        isShow?: boolean;
+    };
+
+    /**
+     * 确定之后是否关闭弹窗, 默认为 true.
+     *
+     * @default true
+     */
+    isCloseModalAfterOk?: boolean;
+
+    /**
+     * 确认按钮.
+     */
+    okButton?: {
+        /**
+         * 是否显示, 默认为 true.
+         *
+         * @default true
+         */
+        isShow?: boolean;
+
+        /**
+         * 排序, 默认为 2.
+         *
+         * @default 2
+         */
+        sort?: number;
+
+        /**
+         * <p>确认按钮的文本, 实际是一个变量名, 根据变量进行翻译.</p>
+         * <p>确认按钮的文本默认为「确定」.</p>
+         */
+        textVarName?: string;
+    };
+}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarButton#props} 字段.</p>
+ */
+interface IKgVarButtonProperties {
+    /**
+     * 是否显示, 默认为 true.
+     *
+     * @default true
+     */
+    isVisible?: boolean;
+
+    /**
+     * 文本提示.
+     */
+    tooltip?: TooltipProps;
+}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarButtonConfig#props} 字段.</p>
+ */
+interface IKgVarButtonConfigProperties {
+    /**
+     * 是否显示, 默认为 true.
+     *
+     * @default true
+     */
+    isVisible?: boolean;
+}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarChildDetail#props} 字段.</p>
+ */
+interface IKgVarChildDetailProperties {}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarConfigControl#props} 字段.</p>
+ */
+interface IKgVarConfigControlProperties {}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarConfigDescription#props} 字段.</p>
+ */
+interface IKgVarConfigDescriptionProperties {}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarConfigInput#props} 字段.</p>
+ */
+interface IKgVarConfigInputProperties {}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarConfigLookup#props} 字段.</p>
+ */
+interface IKgVarConfigLookupProperties {
+    /**
+     * 查找弹窗组件的参数.
+     */
+    KgModal?: KgModalProps;
+}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarConfigPossibility#props} 字段.</p>
+ */
+interface IKgVarConfigPossibilityProperties {
+    /**
+     * 对于级联查询, 当上级为空时, 是否将列表数据设为空. 即必须先选择上级.
+     *
+     * @default true
+     */
+    isEmptyIfParentIsNull?: boolean;
+}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarConfigTip#props} 字段.</p>
+ */
+interface IKgVarConfigTipProperties {}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarDda#props} 字段.</p>
+ */
+interface IKgVarDdaProperties {}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarGridConfig#props} 字段.</p>
+ */
+interface IKgVarGridConfigProperties {
+    /**
+     * <p>是否显示边框, 默认为 false.</p>
+     * <p>对应 {@link Table.bordered} 组件参数.</p>
+     *
+     * @default false
+     */
+    bordered?: boolean;
+
+    /**
+     * 组件版本, 默认为 '01'.
+     *
+     * @default '01'
+     */
+    componentVersion?: '01' | '02' | '03';
+
+    /**
+     * <p>是否禁用某行的勾选框.</p>
+     * <p>该属性的值是一个字符串, 这个字符串会被作为方法体的代码来解析, 即作为 new Function() 构造函数的最后一个参数.</p>
+     * <p>在这个字符串表示的代码中可以访问如下参数:</p>
+     * <ul>
+     *     <li>row: 被判断的行,</li>
+     * </ul>
+     * <p>该代码需要返回 true 或者 false, 即表示是否禁用勾选框.</p>
+     */
+    isCheckboxDisabled?: string;
+
+    /**
+     * 是否显示, 默认为 true.
+     *
+     * @default true
+     */
+    isVisible?: boolean;
+}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarGridDetail#props} 字段.</p>
+ */
+interface IKgVarGridDetailProperties {
+    /**
+     * <p>是否进行翻译.</p>
+     * <p>如果为 true, 则把内容作为 i18n 的 key 对内容进行翻译.</p>
+     *
+     * @default false
+     */
+    isTranslateText?: boolean;
+}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarGridMaster#props} 字段.</p>
+ */
+interface IKgVarGridMasterProperties {}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarProfileConfig#props} 字段.</p>
+ */
+interface IKgVarProfileConfigProperties {
+    /**
+     * 高级查询操作符的下拉列表.
+     */
+    dynamicQueryOperatorSelect?: {
+        /**
+         * <p>显示内容.</p>
+         * <ul>
+         *     <li>code: 符号</li>
+         *     <li>desc: 描述</li>
+         *     <li>both: 前两者都显示</li>
+         * </ul>
+         *
+         * @default 'code'
+         */
+        labelType?: 'code' | 'desc' | 'both';
+    };
+}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarProfileDetail#props} 字段.</p>
+ */
+interface IKgVarProfileDetailProperties {
+    /**
+     * 该查询条件属于哪个 WHERE 查询语句.
+     *
+     * @default 'WHERE'
+     */
+    whereSqlName?: 'WHERE' | 'WHERE01' | 'WHERE02' | 'WHERE03' | 'WHERE04' | 'WHERE05';
+}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarProfileMaster#props} 字段.</p>
+ */
+interface IKgVarProfileMasterProperties {}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarSubmitDetail#props} 字段.</p>
+ */
+interface IKgVarSubmitDetailProperties {
+    /**
+     * 是否显示文本标签, 默认为 true. 如果为 false 则文本标签不会显示, 但是文本标签外部容器回显示, 即显示空白的占位.
+     *
+     * @default true
+     */
+    isShowLabel?: boolean;
+
+    /**
+     * 是否显示文本标签外部容器, 默认为 true. 如果为 false 则文本标签不会显示, 并且文本标签外部容器也不会显示.
+     *
+     * @default true
+     */
+    isShowLabelContainer?: boolean;
+}
+
+/**
+ * <p>额外的配置属性. 对应 {@link VarVariable#props} 字段.</p>
+ */
+interface IKgVarVariableProperties {}
+
+/**
+ * <p>表单控件的参数.</p>
+ * <p>对应于 {@link VarConfigControl.ctrl_prop} 字段, 根据表单控件的类型, 设置额外的参数.</p>
+ * @see VarConfigControl.ctrl_prop
+ * @see KG.VAR_CONFIG_CONTROL.CONTROL_TYPE
+ */
+interface IKgVarConfigControlControlProperties {
+    CHECKBOX: {
+        /**
+         * <p>值的类型.</p>
+         * <ul>
+         *     <li>NUMBER: 勾选为 1, 未勾选为 0,</li>
+         *     <li>BOOLEAN: 勾选为 true, 未勾选为 false,</li>
+         * </ul>
+         *
+         * @default NUMBER
+         */
+        dataType?: 'NUMBER' | 'BOOLEAN';
+    };
+
+    CHECKBOX_GROUP: {
+        /**
+         * <p>要排除的数据.</p>
+         * <p>这些数据会从列表数据中移除.</p>
+         */
+        excludeValues?: Array<any>;
+
+        /**
+         * 是否显示「全选」.
+         *
+         * @default true
+         */
+        isShowSelectAll?: boolean;
+
+        /**
+         * 数据项的宽度.
+         *
+         * @default 24
+         */
+        span?: number;
+    };
+
+    DATE_RANGE: {
+        /**
+         * <p>是否允许为空.</p>
+         * <p>参考 <a href="https://3x.antdv.com/components/date-picker#RangePicker">https://3x.antdv.com/components/date-picker#RangePicker</a>.</p>
+         *
+         * @default [false, false]
+         */
+        allowEmpty?: [boolean, boolean];
+    };
+
+    IMAGE: {
+        /**
+         * 高度.
+         *
+         * @default 100
+         */
+        height?: number;
+
+        /**
+         * 宽度.
+         *
+         * @default 100
+         */
+        width?: number;
+    };
+
+    RADIO_GROUP: {
+        /**
+         * 数据项的宽度.
+         * @default 24
+         */
+        span?: number;
+    };
+
+    SELECT: {
+        /**
+         * <p>是否允许清空.</p>
+         *
+         * @default true
+         */
+        allowClear?: boolean;
+    };
+
+    SWITCH: {
+        /**
+         * <p>值的类型.</p>
+         * <ul>
+         *     <li>NUMBER: 勾选为 1, 未勾选为 0,</li>
+         *     <li>BOOLEAN: 勾选为 true, 未勾选为 false,</li>
+         * </ul>
+         *
+         * @default NUMBER
+         */
+        dataType?: 'NUMBER' | 'BOOLEAN';
+    };
+
+    TEXT_AREA: {
+        /**
+         * 文本框的高度.
+         * @default 5
+         */
+        rows?: number;
+    };
+}
+
+/**
+ * 对应的是 {@link VarGridDetail.display_type_properties} 字段, 根据显示类型, 设置额外的参数.
+ *
+ * @see VarGridDetail.display_type_properties
+ * @see KG__VAR_GRID_DETAIL__DISPLAY_TYPE
+ */
+interface IKgVarGridDetailDisplayTypeProperties {
+    DESC: {
+        description?: {
+            /**
+             * <p>对应的是 {@link Description.codnam}.</p>
+             * <p>当该配置项不为空时, 表示描述来自于系统描述表, 否则来自于 {@link IKgVarGridDetailDisplayTypeProperties.DESC.dscFieldName} 对应的列.<p>
+             */
+            codeName?: string;
+
+            /**
+             * <p>对应的是 {@link Description.codval}.</p>
+             * <p>默认值为该列的值.</p>
+             * <p>
+             *     可以是一个 JS 表达式, 组件库会解析该表达式, 并得到真正的值. 比如表达式 \`${row.id}\` 表示获取该行的 id 列的值. 表达式中可以使用下列变量:
+             *     <ul>
+             *         <li>row: 表示该行数据,</li>
+             *     </ul>
+             * </p>
+             */
+            codeValue?: string;
+
+            /**
+             * <p>是否延迟获取系统描述数据.</p>
+             * <p>默认情况下, 在页面加载后会立即获取 {@link IKgVarGridDetailDisplayTypeProperties.DESC.description.codeName} 对应的系统描述数据. 这种场景适合数据较少的枚举数据.</p>
+             * <p>如果描述数据特别多, 比如每一行的描述都不一样, 则可以将该配置项的值配置为 true, 表示会在表格每次查询的时候, 才去请求这些列表数据对应的系统描述数据.</p>
+             *
+             * @default false
+             */
+            isDefer?: boolean;
+        };
+
+        /**
+         * <p>默认情况下, 当原始列的列名为 xyz 时, 描述列的列名为 xyz_dsc 或者 xyzDsc.</p>
+         * <p>通过该配置项可以将描述列的列名配置为其他值.</p>
+         * @default <列名>_dsc 或者 <列名>Dsc
+         */
+        dscFieldName?: string;
+
+        /**
+         * 是否显示为一个 Tag 标签.
+         * @default false
+         */
+        isTag?: boolean;
+
+        /**
+         * <ul>
+         *     <li>如果 {@link IKgVarGridDetailDisplayTypeProperties.DESC.isTag} 为 true, 则此属性用来定义每个值对应的标签颜色分别是什么,</li>
+         *     <li>如果 {@link IKgVarGridDetailDisplayTypeProperties.DESC.isTag} 为 false, 则此属性会被忽略,</li>
+         * </ul>
+         */
+        tagColors?: Array<{
+            /** 值. */
+            value: any;
+
+            /**
+             * 颜色.
+             * @default 'default'
+             */
+            color?: string;
+        }>;
+    };
+
+    FILE_SIZE: {};
+
+    ICON: {};
+
+    IMAGE: {
+        /**
+         * 宽度.
+         *
+         * @default 29
+         */
+        width?: number;
+
+        /**
+         * 宽度.
+         *
+         * @default 29
+         */
+        height?: number;
+    };
+
+    PROGRESS: {
+        /** 左侧数值对应的列. */
+        leftColumn: string;
+
+        /** 右侧数值对应的列. */
+        rightColumn: string;
+
+        /**
+         * 右侧文本的宽度. 例如: "100px".
+         * @default 'auto'
+         */
+        textWidth?: 'auto' | string;
+    };
+
+    ROUTE_LINK: {
+        /** 要跳转的路由地址. */
+        path: string;
+    };
+
+    UPDATE_LINK: {};
+
+    YN: {
+        /**
+         * 显示为'否'的值.
+         * @default 0
+         */
+        nValue?: any;
+
+        /**
+         * 是否将 null/undefined 当成 false.
+         * @default false
+         */
+        nilAsFalse?: boolean;
+
+        /**
+         * 显示为'是'的值.
+         * @default 1
+         */
+        yValue?: any;
+    };
+}
+
+/**
+ * 状态管理类型定义.
+ */
+type IKgStoreDefinition<GETTERS, ACTIONS> = (pinia?: Pinia | null | undefined) => GETTERS & ACTIONS & { $onAction(callback: StoreOnActionListener<any, any, any, any>, detached?: boolean): () => void };
+
+/** @deprecated 已废弃, 请使用 {@link KG} */
+const KG_COMMON_CONST = {
+    /** @deprecated 已废弃, 请使用 {@link KG.__KG__CREATE_ROW_ID__} */
+    __KG__CREATE_ROW_ID__: '__KG__CREATE_ROW_ID__',
+    /** @deprecated 已废弃, 请使用 {@link KG.__KG__CUSTOM_ROW_ID__} */
+    __KG__CUSTOM_ROW_ID__: '__KG__CUSTOM_ROW_ID__',
+    /** @deprecated 已废弃, 请使用 {@link KG.__KG__NULL__} */
+    __KG__NULL__: '__KG__NULL__',
+};
+
+/** @deprecated 已废弃, 请使用 {@link KG.__KG__TABLE_TEMP_ID__} */
+const KG_TABLE_TEMP_ID = '__KG__TABLE_TEMP_ID__';
+
+/** @deprecated 已废弃, 请使用 {@link KG} */
+const FORM_IDS = {
+    /** @deprecated 已废弃, 请使用 {@link KG.FORM_ID__KG_CIRCULAR_SHUTTLE_MONITOR__RGV_SUMMARY} */
+    KG_CIRCULAR_SHUTTLE_MONITOR__RGV_SUMMARY: 'KgCircleVis.RgvSummary',
+    /** @deprecated 已废弃, 请使用 {@link KG.FORM_ID__KG_CIRCULAR_SHUTTLE_MONITOR__RGV__CREATE_TASK} */
+    KG_CIRCULAR_SHUTTLE_MONITOR__RGV__CREATE_TASK: 'KgCircleVis.Rgv.CreateTask',
+    /** @deprecated 已废弃, 请使用 {@link KG.FORM_ID__KG_CIRCULAR_SHUTTLE_MONITOR__RGV__STATUS} */
+    KG_CIRCULAR_SHUTTLE_MONITOR__RGV__STATUS: 'KgCircleVis.Rgv.Status',
+    /** @deprecated 已废弃, 请使用 {@link KG.FORM_ID__KG_CIRCULAR_SHUTTLE_MONITOR__RGV__TASK} */
+    KG_CIRCULAR_SHUTTLE_MONITOR__RGV__TASK: 'KgCircleVis.Rgv.Task',
+    /** @deprecated 已废弃, 请使用 {@link KG.FORM_ID__KG_CIRCULAR_SHUTTLE_MONITOR__TASK_SUMMARY} */
+    KG_CIRCULAR_SHUTTLE_MONITOR__TASK_SUMMARY: 'KgCircleVis.TaskSummary',
+    /** @deprecated 已废弃, 请使用 {@link KG.FORM_ID__KG_PAGE_DDA__CREATE__BUTTON} */
+    KG_PAGE_DDA__CREATE__BUTTON: 'KgPageDda.Create.Button',
+    /** @deprecated 已废弃, 请使用 {@link KG.FORM_ID__KG_SIMULATOR__MENU__SCENE__CREATE__CIRCULAR_CONVEYOR} */
+    KG_SIMULATOR__MENU__SCENE__CREATE__CIRCULAR_CONVEYOR: 'KgSimulator.Menu.Scene.Create.CircularConveyor',
+    /** @deprecated 已废弃, 请使用 {@link KG.FORM_ID__KG_SIMULATOR__MENU__SCENE__OPEN__CIRCULAR_CONVEYOR} */
+    KG_SIMULATOR__MENU__SCENE__OPEN__CIRCULAR_CONVEYOR: 'KgSimulator.Menu.Scene.Open.CircularConveyor',
+    /** @deprecated 已废弃, 请使用 {@link KG.FORM_ID__KG_SIMULATOR__PANEL__PROPERTY} */
+    KG_SIMULATOR__PANEL__PROPERTY: 'KgSimulator.Panel.Property',
+    /** @deprecated 已废弃, 请使用 {@link KG.FORM_ID__KG_SQL_CLIENT__RESULT_TAB} */
+    KG_SQL_CLIENT__RESULT_TAB: 'KgSqlClient.ResultTab',
+    /** @deprecated 已废弃, 请使用 {@link KG.FORM_ID__KG_VAR_CONFIG__MODAL__BUTTON__VAR_BUTTON} */
+    KG_VAR_CONFIG__MODAL__BUTTON__VAR_BUTTON: 'KgVarConfig.Modal.Button.VarButton',
+    /** @deprecated 已废弃, 请使用 {@link KG.FORM_ID__KG_VAR_CONFIG__MODAL__TABLE__VAR_GRID_CONFIG} */
+    KG_VAR_CONFIG__MODAL__TABLE__VAR_GRID_CONFIG: 'KgVarConfig.Modal.Table.VarGridConfig',
+};
+
+export {
+    KG,
+    KG_APP,
+    KG_APP_PREFIX,
+    KG_APPS,
+    KG_APP_PREFIXS,
+    KG_FORM_CONTEXT,
+    KG_CUSTOM_LEVEL,
+    KG__API_METHOD,
+    KG__VAR_GRID_DETAIL__DISPLAY_TYPE,
+    KG__VAR_GRID_DETAIL__ALIGN,
+    KG__VAR_GRID_CONFIG__OPERATION_ON_ROW_CLICK,
+    KG_BUTTON_TYPE,
+    KG__VAR_BUTTON__TYPE,
+    KG__VAR_BUTTON__COLOR,
+    KG__VAR_BUTTON_CONFIG__DISPLAY_TYPE,
+    KG__VAR_SUBMIT_CONFIG__DISPLAY_TYPE,
+    KG__VAR_SUBMIT_CONFIG__LAYOUT,
+    KG__VAR_CONFIG_INPUT__DATA_TYPE,
+    KG__VAR_CONFIG_INPUT__VALIDATION_TYPE,
+    KG__VAR_CONFIG_TIP__PLACEMENT,
+    KG__VAR_CONFIG_POSSIBILITY__DATA_SOURCE_TYPE,
+    KG__VAR_CONFIG_POSSIBILITY__VALUE_DATA_TYPE,
+    KG__VAR_SUBMIT_CONFIG__LABEL_COLUMN_UNIT,
+    KG__DYNAMIC_PARAM,
+    KG__DYNAMIC_PARAM_LIST,
+    KG__DYNAMIC_PARAM_HASH,
+    KG__DYNAMIC_PARAM_HASH_LIST,
+    KG__SPAN,
+    KG__VAR_BUTTON__EXPORT_EXCEL_SUFFIX,
+    KG_DESCRIPTION_CODE_NAME,
+    __KG__RESPONSE__,
+    KG_TMP_MENU_ID__DATA_MANAGER,
+    KG_TMP_MENU_ID__BUSINESS_MANAGER,
+    KG_TMP_MENU_ID__WCS,
+    KG_TMP_MENU_ID__SYS,
+    KG_TMP_MENU_ID__PDA,
+    type IKgVarButtonModalProperties,
+    type IKgVarSubmitConfigProperties,
+    type IKgVarButtonProperties,
+    type IKgVarButtonConfigProperties,
+    type IKgVarChildDetailProperties,
+    type IKgVarConfigDescriptionProperties,
+    type IKgVarConfigInputProperties,
+    type IKgVarConfigLookupProperties,
+    type IKgVarConfigPossibilityProperties,
+    type IKgVarConfigTipProperties,
+    type IKgVarDdaProperties,
+    type IKgVarGridConfigProperties,
+    type IKgVarGridDetailProperties,
+    type IKgVarGridMasterProperties,
+    type IKgVarProfileConfigProperties,
+    type IKgVarProfileDetailProperties,
+    type IKgVarProfileMasterProperties,
+    type IKgVarSubmitDetailProperties,
+    type IKgVarVariableProperties,
+    type IKgVarConfigControlControlProperties,
+    type IKgVarGridDetailDisplayTypeProperties,
+    type IKgStoreDefinition,
+    KG_CONST,
+    KG_DYNAMIC_QUERY_OPERATOR,
+    KG_COMMON_CONST,
+    KG_TABLE_TEMP_ID,
+    FORM_IDS,
+};