跳转到内容

应用菜单

菜单是网站导航的核心组件,用于组织并展示站点层级结构,提供快速访问路径。其中PC端菜单通常包含水平/垂直布局、多级下拉、高亮交互等功能,移动端菜单则是在页面底部进行平铺展示,支持高亮交互,折叠收缩多余菜单项等功能。

输入参数

名称说明类型默认值
modelData菜单模型数据Object as IAppMenu-
context应用上下文对象Object as IContext-
params视图参数对象Object as IParams{}
provider部件适配器Object as IControlProvider-

状态

名称说明类型默认值
isCreated控制器是否走完created生命周期booleanfalse
isMounted控制器是否走完mounted生命周期booleanfalse
isDestroyed控制器是否走完destroy生命周期booleanfalse
context应用上下文对象IApiContext{}
zIndexpopover层级number-
activated当前部件是否为激活状态(缓存下的激活状态,一般与框架的生命周期相同)booleanfalse
isSimple是否是简单模式,简单模式下不加载数据,而是由父组件传值booleanfalse
isLoading部件是否正在加载booleanfalse
loadDefault是否默认加载数据booleantrue
disabled部件禁用状态booleanfalse
maskOption部件遮罩参数IApiMaskOption-
isCounterDisabled是否禁用计数器boolean-
menuItemsState菜单项状态{ [p: string]: { visible: boolean; permitted: boolean } }{}
mobMenuItems移动端最终展示的菜单项集合,基于“mobAuthedMenuItems”(经权限计算后的可显示项),结合用户自定义配置计算生成IAppMenuItem[][]
mobAuthedMenuItems移动端菜单经过权限计算后可显示的菜单项集合,该参数将作为“mobMenuItems”计算的基础数据源IAppMenuItem[][]
counterData计数器数据IApiData-

控制器

名称说明类型
id控制器实例的唯一标识,创建时自动生成 string
state状态对象,泛型 S
model模型对象,泛型 T
context应用上下文对象 IApiContext
params视图参数对象 IApiParams
view当前视图控制器 IApiViewController & IApiData
ctrlId部件标识 string
controlParams部件参数 IApiParams
layoutPanel部件布局面板控制器 IApiViewLayoutPanelController & IApiData
runMode运行模式(DESIGN:设计模式,RUNTIME:运行时) 'DESIGN' | 'RUNTIME'
allAppMenuItems所有菜单项 IAppMenuItem[]
force强制更新,触发render函数(_callback?: () => void) => void
startLoading开始加载() => Promise<void>
endLoading加载完毕() => Promise<void>
getControlType获取部件类型() => string
enable取消部件禁用() => void
disabled设置部件禁用(options?: IApiMaskOption) => void
disableCounter禁用部件计数器() => void
emitDEDataChange触发实体数据变更的通知(type: 'create' | 'update' | 'remove', data: IApiData) => void
getDefaultOpenView获取菜单默认打开视图() => string | undefined

事件

名称描述类型
onCreated自身的准备工作完成(如模型加载,各种初始化,init结束){eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onMounted没有下级组件created之后的生命周期,有下级时需要等所有下级组件onMounted完成后触发{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onBeforeDestroy组件销毁前{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onDestroyed自身组件被销毁时触发{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onActivated自身组件重新激活{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onDeactivated自身组件暂时停用{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onUIAction界面行为执行{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onRefreshSuccess刷新成功{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onClick菜单点击事件{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}

控件动态参数

名称说明类型默认值
columnnum控制移动端每行显示的菜单项个数,当前菜单为图标菜单时生效number4
customizedalign该参数可将定制按钮固定在屏幕左侧或右侧的顶部、中部、底部位置,可选值包含左上(LEFTSTART)、左侧居中(LEFT)、左下(LEFTEND)、右上(RIGHTSTART)、右侧居中(RIGHT)、右下(RIGHTEND)。当前菜单为图标菜单、列表菜单时生效'LEFTSTART' | 'LEFT' | 'LEFTEND' | 'RIGHT' | 'RIGHTSTART' | 'RIGHTEND''RIGHTEND'
未来已来,立即拥抱应用融合的力量
Released under the MIT License.