Commit 7ad9e9379545b47fa746ac3cf9c0da9fb28b4690
1 parent
e1baa259
remove useless layout sidebar
Showing
1 changed file
with
58 additions
and
34 deletions
front-end/h5/src/components/core/editor/index.js
| ... | ... | @@ -147,46 +147,70 @@ export default { |
| 147 | 147 | }) |
| 148 | 148 | }, |
| 149 | 149 | _renderMenuContent () { |
| 150 | - switch (this.activeMenuKey) { | |
| 151 | - case sidebarMenus[0].value: | |
| 152 | - return ( | |
| 153 | - <a-tabs | |
| 154 | - style="height: 100%;" | |
| 155 | - tabBarGutter={10} | |
| 156 | - > | |
| 157 | - <a-tab-pane key="plugin-list" tab={this.$t('editor.sidebar.components')}> | |
| 158 | - <RenderShortcutsPanel pluginsList={this.pluginsList} handleClickShortcut={this.clone} /> | |
| 159 | - </a-tab-pane> | |
| 160 | - <a-tab-pane key='page-manager' tab={this.$t('editor.sidebar.pages')}> | |
| 161 | - <RenderPageManager | |
| 162 | - pages={this.pages} | |
| 163 | - editingPage={this.editingPage} | |
| 164 | - onSelectMenuItem={(menuKey) => { | |
| 165 | - this.pageManager({ type: menuKey }) | |
| 166 | - }} | |
| 167 | - onEditTitle={({ pageIndexForEditingTitle, newTitle }) => { | |
| 168 | - this.pageManager({ type: 'editTitle', value: { pageIndexForEditingTitle, newTitle } }) | |
| 169 | - this.saveWork({ isSaveCover: false }) | |
| 170 | - }} | |
| 171 | - onSelectPage={(pageIndex) => { this.setEditingPage(pageIndex) }} | |
| 172 | - /> | |
| 173 | - </a-tab-pane> | |
| 174 | - </a-tabs> | |
| 175 | - ) | |
| 176 | - case sidebarMenus[1].value: | |
| 177 | - return ( | |
| 150 | + return ( | |
| 151 | + <a-tabs | |
| 152 | + style="height: 100%;" | |
| 153 | + tabBarGutter={10} | |
| 154 | + > | |
| 155 | + <a-tab-pane key="plugin-list" tab={this.$t('editor.sidebar.components')}> | |
| 156 | + <RenderShortcutsPanel pluginsList={this.pluginsList} handleClickShortcut={this.clone} /> | |
| 157 | + </a-tab-pane> | |
| 158 | + <a-tab-pane key='page-manager' tab={this.$t('editor.sidebar.pages')}> | |
| 178 | 159 | <RenderPageManager |
| 179 | 160 | pages={this.pages} |
| 180 | 161 | editingPage={this.editingPage} |
| 181 | 162 | onSelectMenuItem={(menuKey) => { |
| 182 | 163 | this.pageManager({ type: menuKey }) |
| 183 | 164 | }} |
| 165 | + onEditTitle={({ pageIndexForEditingTitle, newTitle }) => { | |
| 166 | + this.pageManager({ type: 'editTitle', value: { pageIndexForEditingTitle, newTitle } }) | |
| 167 | + this.saveWork({ isSaveCover: false }) | |
| 168 | + }} | |
| 184 | 169 | onSelectPage={(pageIndex) => { this.setEditingPage(pageIndex) }} |
| 185 | 170 | /> |
| 186 | - ) | |
| 187 | - default: | |
| 188 | - return null | |
| 189 | - } | |
| 171 | + </a-tab-pane> | |
| 172 | + </a-tabs> | |
| 173 | + ) | |
| 174 | + // switch (this.activeMenuKey) { | |
| 175 | + // case sidebarMenus[0].value: | |
| 176 | + // return ( | |
| 177 | + // <a-tabs | |
| 178 | + // style="height: 100%;" | |
| 179 | + // tabBarGutter={10} | |
| 180 | + // > | |
| 181 | + // <a-tab-pane key="plugin-list" tab={this.$t('editor.sidebar.components')}> | |
| 182 | + // <RenderShortcutsPanel pluginsList={this.pluginsList} handleClickShortcut={this.clone} /> | |
| 183 | + // </a-tab-pane> | |
| 184 | + // <a-tab-pane key='page-manager' tab={this.$t('editor.sidebar.pages')}> | |
| 185 | + // <RenderPageManager | |
| 186 | + // pages={this.pages} | |
| 187 | + // editingPage={this.editingPage} | |
| 188 | + // onSelectMenuItem={(menuKey) => { | |
| 189 | + // this.pageManager({ type: menuKey }) | |
| 190 | + // }} | |
| 191 | + // onEditTitle={({ pageIndexForEditingTitle, newTitle }) => { | |
| 192 | + // this.pageManager({ type: 'editTitle', value: { pageIndexForEditingTitle, newTitle } }) | |
| 193 | + // this.saveWork({ isSaveCover: false }) | |
| 194 | + // }} | |
| 195 | + // onSelectPage={(pageIndex) => { this.setEditingPage(pageIndex) }} | |
| 196 | + // /> | |
| 197 | + // </a-tab-pane> | |
| 198 | + // </a-tabs> | |
| 199 | + // ) | |
| 200 | + // case sidebarMenus[1].value: | |
| 201 | + // return ( | |
| 202 | + // <RenderPageManager | |
| 203 | + // pages={this.pages} | |
| 204 | + // editingPage={this.editingPage} | |
| 205 | + // onSelectMenuItem={(menuKey) => { | |
| 206 | + // this.pageManager({ type: menuKey }) | |
| 207 | + // }} | |
| 208 | + // onSelectPage={(pageIndex) => { this.setEditingPage(pageIndex) }} | |
| 209 | + // /> | |
| 210 | + // ) | |
| 211 | + // default: | |
| 212 | + // return null | |
| 213 | + // } | |
| 190 | 214 | } |
| 191 | 215 | }, |
| 192 | 216 | render (h) { |
| ... | ... | @@ -195,7 +219,7 @@ export default { |
| 195 | 219 | <a-layout-header class="header"> |
| 196 | 220 | <LogoOfHeader /> |
| 197 | 221 | <LangSelect style="float: right;cursor: pointer;" /> |
| 198 | - {/* TODO we can show the plugins shortcuts here */} | |
| 222 | + {/* we can show the plugins shortcuts here */} | |
| 199 | 223 | <a-menu |
| 200 | 224 | theme="dark" |
| 201 | 225 | mode="horizontal" |
| ... | ... | @@ -302,7 +326,7 @@ export default { |
| 302 | 326 | <div style={{ fontSize: '12px', textAlign: 'center' }}>{this.scaleRate * 100}%</div> |
| 303 | 327 | </a-button-group> |
| 304 | 328 | </a-layout-sider> |
| 305 | - <a-layout-sider width="380" theme='light' style={{ background: '#fff', padding: '0 12px' }}> | |
| 329 | + <a-layout-sider width="300" theme='light' style={{ background: '#fff', padding: '0 12px' }}> | |
| 306 | 330 | <a-tabs |
| 307 | 331 | style="height: 100%;" |
| 308 | 332 | tabBarGutter={10} | ... | ... |