Browse Source

Update layer render

pull/4369/head
Artur Arseniev 4 years ago
parent
commit
76d4ff9d7c
  1. 1
      docs/.vuepress/components/DemoBasicBlocks.vue
  2. 7
      docs/.vuepress/config.js
  3. 9
      src/navigator/index.ts

1
docs/.vuepress/components/DemoBasicBlocks.vue

@ -20,6 +20,7 @@ export default {
<style> <style>
.gjs { .gjs {
border: 3px solid #444; border: 3px solid #444;
box-sizing: border-box;
} }
.gjs-block { .gjs-block {
width: auto; width: auto;

7
docs/.vuepress/config.js

@ -1,6 +1,7 @@
const version = require('./../../package.json').version; const version = require('./../../package.json').version;
const isDev = process.argv[2] === 'dev'; const isDev = process.argv[2] === 'dev';
const devPath = 'http://localhost:8080/dist'; const devPath = 'http://localhost:8080';
const baseUrl = 'https://grapesjs.com';
const subDivider = " ‍ ‍ ‍ "; const subDivider = " ‍ ‍ ‍ ";
module.exports = { module.exports = {
@ -10,8 +11,8 @@ module.exports = {
serviceWorker: false, // Enable Service Worker for offline usage serviceWorker: false, // Enable Service Worker for offline usage
head: [ head: [
['link', { rel: 'icon', href: '/logo-icon.png' }], ['link', { rel: 'icon', href: '/logo-icon.png' }],
['link', { rel: 'stylesheet', href: isDev ? `${devPath}/css/grapes.min.css` : `../stylesheets/grapes.min.css?v${version}` }], ['link', { rel: 'stylesheet', href: isDev ? `${devPath}/dist/css/grapes.min.css` : `${baseUrl}/stylesheets/grapes.min.css?v${version}` }],
['script', { src: isDev ? `${devPath}/grapes.min.js` : `../js/grapes.min.js?v${version}` }], ['script', { src: isDev ? `${devPath}/grapes.min.js` : `${baseUrl}/js/grapes.min.js?v${version}` }],
], ],
localesSKIP: { localesSKIP: {
'/': { '/': {

9
src/navigator/index.ts

@ -56,14 +56,13 @@ export default class LayerManager extends Module<typeof defaults> {
onLoad() { onLoad() {
const { em, config, model } = this; const { em, config, model } = this;
model.listenTo(em, 'component:selected', this.componentChanged); model.listenTo(em, 'component:selected', this.componentChanged);
model.listenToOnce(em, 'load', () => this.setRoot(config.root));
model.on('change:root', this.__onRootChange); model.on('change:root', this.__onRootChange);
model.listenTo(em, propsToListen, this.__onComponent); model.listenTo(em, propsToListen, this.__onComponent);
this.componentChanged(); this.componentChanged();
} model.listenToOnce(em, 'load', () => {
this.setRoot(config.root);
postRender() {
this.__appendTo(); this.__appendTo();
});
} }
/** /**
@ -89,7 +88,7 @@ export default class LayerManager extends Module<typeof defaults> {
* @return {Component} * @return {Component}
*/ */
getRoot(): Component { getRoot(): Component {
return this.model.get('root'); return this.model.get('root');// || this.em.getWrapper();
} }
getLayerData(component: any): LayerData { getLayerData(component: any): LayerData {

Loading…
Cancel
Save