feature: 二次开发尝试

FEEEENGYM · Jan 16, 2021 · a980222 · a980222
1 parent c33b205
commit a980222
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 5 deletions.
diff --git a/packages/sparrow-server/src/lib/adapter-vue/modules/box/Base.ts b/packages/sparrow-server/src/lib/adapter-vue/modules/box/Base.ts
@@ -45,7 +45,6 @@ export default class Base {
         xmlMode: true,
         decodeEntities: false
       });
-    ;
   }
 
 

diff --git a/packages/sparrow-server/src/lib/adapter-vue/modules/generator/Vue2Dynamic.ts b/packages/sparrow-server/src/lib/adapter-vue/modules/generator/Vue2Dynamic.ts
@@ -1,12 +1,17 @@
 import  VueParse from './VueParse';
 const uuid = require('@lukeed/uuid');
 import * as cheerio from 'cheerio';
+import Container from '../box/Container';
+import storage from '../../../storage';
 
 export default class Vue2Dynamic{
   rootTemplate: string = '';
   vueParse: any;
   uuid:string = '';
   $fragment: any;
+  components: any = [];
+  widgetType: string = 'DVue';
+  dComponents: any = [];
 
   constructor (template: string = '') {
     this.uuid = uuid().split('-')[0]; 
@@ -15,6 +20,7 @@ export default class Vue2Dynamic{
     this.templateParse();
     this.injectionSlot();
     this.activeCode();
+    this.components.push(new Container({}, storage));
     console.log(this.$fragment.html());
   }
 
@@ -46,10 +52,29 @@ export default class Vue2Dynamic{
 
   // 注入占位
   injectionSlot () {
-    this.$fragment('template').children('div').append('<div class="test">test</div>')
+    this.$fragment('template').children('div').append('<div class="drag-box">empty</div>')
   }
 
+  public setPreview () {
+    this.renderComp();
+  }
+
+  public renderComp () {
+    this.$fragment('.drag-box').first().empty();
+    this.components.forEach(component => {
+      this.$fragment('.drag-box').first().append(component.getFragment(0).html());
+    });
+
+    if (this.components.length  === 0) {
+      this.$fragment('.drag-box').attr('data-empty', true);
+    }
+  }
+
+  public addComponent (data) {}
+
+
   public getFragment(index: number): any {
     return this.$fragment;
   }
+
 }
diff --git a/packages/sparrow-server/src/lib/adapter-vue/modules/scene/index.ts b/packages/sparrow-server/src/lib/adapter-vue/modules/scene/index.ts
@@ -136,7 +136,7 @@ export default class Scene {
     const fn = function (boxs) {
       if (Array.isArray(boxs)) {
         boxs.forEach(item => {
-          if (item.widgetType === 'box' || item.widgetType === 'api' || item.isBox) {
+          if (item.widgetType === 'DVue' || item.widgetType === 'box' || item.widgetType === 'api' || item.isBox) {
             leafToRoot.unshift(item);
           }
           if (item.components) {

diff --git a/packages/sparrow-view/src/views/index.vue b/packages/sparrow-view/src/views/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="home drag-box" data-id="c3723dcc" style="">
+  <div class="home drag-box" data-id="30aec502" style="">
     <template>
       <div>
         <el-form
@@ -16,7 +16,16 @@
             <el-button @click="resetForm('ruleForm')">重置</el-button>
           </el-form-item>
         </el-form>
-        <div class="test">test</div>
+        <div class="drag-box">
+          <div
+            class="drag-box clearfix"
+            data-design-mode="design-border-box"
+            data-instance-name="Container"
+            data-id="c5021563"
+            style="display: block;flex-direction: column;"
+            data-empty="true"
+          />
+        </div>
       </div>
     </template>
     <div />
-Original file line number
+Diff line change
@@ Expand Up / @@ -45,7 +45,6 @@ export default class Base { @@
             xmlMode: true,
             decodeEntities: false
           });
-        ;
       }
@@ Expand Down @@