diff --git a/README.md b/README.md index 0bb1abe..10c81eb 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,7 @@ # decision-plugin-demos ## Stage0: 了解一下全局的方法与变量 1. [全局变量globalModel详解](./global/全局变量globalModel详解.md) +1. [平台组件用到的key值整理](./global/平台组件用到的key值整理.md) ## Stage1: DOM操作 diff --git a/global/全局globalModel详解.md b/global/全局globalModel详解.md index 068dcaa..acac9b9 100644 --- a/global/全局globalModel详解.md +++ b/global/全局globalModel详解.md @@ -9,4 +9,11 @@ Dec.globleModel = Fix.define({ openedTabs: [] // 所有已打开的标签页 }); ``` -你并不用关心`Fix.define`是什么,如果有兴趣的话可以查看[Fix文档](http://fanruan.design/fix-doc/index.html#/),只需要把Dec.globleModel当做一个全局的变量,对其进行正常的Object操作即可。 \ No newline at end of file +你并不用关心`Fix.define`是什么,如果有兴趣的话可以查看[Fix文档](http://fanruan.design/fix-doc/index.html#/),只需要把Dec.globleModel当做一个全局的变量,对其进行正常的Object操作即可。 +1. 切换menu: `Ded.globleModel.selectedMenu={key}` 菜单menu的key可以通过`BI.Constants.getCnstant("dec.constant.menu.items")`查看. +2. 切换管理系统节点:`Dec.globalModel.selectedManageNav={key}` 管理系统节点的key可以通过`BI.Constants.getCnstant("dec.constant.management.navigation")`查看. +3. 切换tabs选中的tab:`Dec.globalModel.selectedTab={value}` +4. 在tabs中新增项: `Dec.globalModel.openedTabs.push(tabObj)` + +## tabObj +由 text,value,cardType三个属性构成.分别表示问题,值,展示内容.其中cardType可为组件key值或对象. \ No newline at end of file diff --git a/global/平台组件用到的key值整理.md b/global/平台组件用到的key值整理.md new file mode 100644 index 0000000..1e4e825 --- /dev/null +++ b/global/平台组件用到的key值整理.md @@ -0,0 +1,134 @@ +# 平台组件用到的key值整理 + + + +## dec.body +主内容区域,实际为一个"bi.card",受menu切换的控制,展示不同内容 + +**Kind**: global dec.component + + +## dec.account +顶部右侧账户设置组件 + +**Kind**: global dec.component + + +## dec.user.account.setting.item +顶部右侧账户设置组件的账户设置按钮 + +**Kind**: global dec.component + + +## dec.account.qrcode +顶部右侧账户设置组件的二维码组件 + +**Kind**: global dec.component + + +## dec.header +顶部区域 + +**Kind**: global dec.component + + +## dec.logo.img.button +顶部logo图片组件 + +**Kind**: global dec.component + + +## dec.header.message +顶部右侧消息组件,是一个bi.combo + +**Kind**: global dec.component + + +## dec.header.message.popup +顶部右侧消息组件弹出的消息列表 + +**Kind**: global dec.component + + +## dec.header.message.combo.trigger +顶部右侧消息组件的trigger(触发combo展开收起的按钮),显示用户图标和未读消息数. + +**Kind**: global dec.component + + +## dec.menu +最右侧边栏,承担目录管理系统等一级按钮 + +**Kind**: global dec.component + + +## dec.workbench.directory +目录树 + +**Kind**: global dec.component + + +## dec.workbench.favorite +收藏列表 + +**Kind**: global dec.component + + +## dec.workbench.panel +目录选择面板,支持固定和悬浮,承载目录树,收藏列表. + +**Kind**: global dec.component + + +## dec.workbench.panel.favorite.item +收藏列表item节点 + +**Kind**: global dec.component + + +## dec.workbench.panel.item +目录树的叶子item节点 + +**Kind**: global dec.component + + +## dec.workbench.panel.node +目录树可展开收起的node节点 + +**Kind**: global dec.component + + +## dec.workbench.tabs.button +tabPane 标签栏的tab按钮 + +**Kind**: global dec.component + + +## dec.workbench.tabs.button.more +tabPane 标签栏右侧更多按钮combo + +**Kind**: global dec.component + + +## dec.tabs.card +tabPane 的内容显示卡片,负责模板内容的展示 + +**Kind**: global dec.component + + +## dec.workbench.tabs.downlist +tabPane tab栏右侧的更多选项下拉列表 + +**Kind**: global dec.component + + +## dec.workbench.tabs +tabPane + +**Kind**: global dec.component + + +## dec.workbench +平台目录功能区域,包括左侧的目录面板和右侧的tabPane + +**Kind**: global dec.component \ No newline at end of file