update , delete desc

Author: 18033281

dist/docsify-demo-box-vue.js

@@ -35,7 +35,7 @@
     "html-webpack-plugin": "^2.28.0",
     "http-proxy-middleware": "^0.17.3",
     "marked": "^0.3.6",
-    "node-sass": "^4.5.3",
+    "node-sass": "^4.12.0",
     "npm": "^5.1.0",
     "opn": "^4.0.2",
     "optimize-css-assets-webpack-plugin": "^1.3.0",

dist/docsify-demo-box-vue.min.js

@@ -17,11 +17,6 @@ let cssResources = '@import url("//unpkg.com/element-ui/lib/theme-default/index.
 let bootCode = 'Vue.use(DataTables)\n'
 
 let code = `
-<desc>
-  Hello \`world\`
-  * a
-  * b
-</desc>
 
 <style>
   .wrapper {

dist/docsify-demo-box-vue.min.js.map

@@ -6,10 +6,6 @@
     @mouseleave="hovering = false">
     <slot name="source"></slot>
     <div class="meta" ref="meta">
-      <div class="description">
-        <div v-html="desc"></div>
-        <button class='go' type="primary" @click="goJsfiddle">Try in Jsfiddle!</button>
-      </div>
       <div class="highlight" v-html='codePrismed'></div>
     </div>
     <div class="demo-block-control"
@@ -20,6 +16,9 @@
       <transition name="text-slide">
         <span>{{ controlText }}</span>
       </transition>
+      <transition name="text-slide">
+        <span class="fr" @click="goJsfiddle">Go jsfiddle</span>
+      </transition>
     </div>
   </div>
 </template>
@@ -55,56 +54,8 @@
       transition: height .2s;
     }
 
-    .description {
-      padding: 18px 24px;
-      width: 40%;
-      box-sizing: border-box;
-      border-left: solid 1px #eaeefb;
-      float: right;
-      font-size: 14px;
-      line-height: 1.8;
-      color: #5e6d82;
-      word-break: break-word;
-
-      p {
-        margin: 0 0 12px;
-        line-height: 1.8;
-      }
-
-      code {
-        color: #5e6d82;
-        background-color: #e6effb;
-        margin: 0 4px;
-        display: inline-block;
-        padding: 1px 5px;
-        font-size: 12px;
-        border-radius: 3px;
-        height: 18px;
-        line-height: 18px;
-      }
-
-      button {
-        height: 36px;
-        line-height: 36px;
-        text-align: center;
-        background: #20a0ff;
-        border: none;
-        outline: none;
-        border-radius: 5px;
-        color: white;
-        display: block;
-        font-size: 14px;
-        padding-left: 10px;
-        padding-right: 10px;
-
-        &:hover {
-          background: #4db3ff;
-        }
-      }
-    }
-
     .highlight {
-      width: 60%;
+      width: 100%;
       border-right: solid 1px #eaeefb;
 
       pre {
@@ -165,6 +116,10 @@
         display: inline-block;
         color: #58B7FF;
 
+        &.fr {
+          right: 15px;
+        }
+
         &:hover {
           color: #1D8CE0;
         }
@@ -202,10 +157,6 @@
         },
         type: Object
       },
-      desc: {
-        type: String,
-        default: ''
-      },
       code: {
         type: String,
         default: ''
@@ -300,7 +251,7 @@
       codePrismed() {
         createStyle(this.jsfiddle.style)
 
-        let hl = Prism.highlight(striptags.strip(this.code, ['desc', 'lang', 'no-boot-code']).replace(/\/\*.*\*\/\s*/g, ''), Prism.languages[this.lang] || Prism.languages.markup)
+        let hl = Prism.highlight(striptags.strip(this.code, ['lang', 'no-boot-code']).replace(/\/\*.*\*\/\s*/g, ''), Prism.languages[this.lang] || Prism.languages.markup)
 
         return `<pre data-lang="${this.lang}">
           <code class="lang-${this.lang}">${hl}</code>

package-lock.json

@@ -11,8 +11,6 @@ export let generateComponent = function(code, lang, jsResources, cssResources, b
   let html = striptags.fetch(code, 'template')
   let style = striptags.fetch(code, 'style')
   let script = striptags.fetch(code, 'script')
-  let descOrg = striptags.fetch(code, 'desc')
-  let desc = marked && marked(descOrg) || descOrg
   let noBootCode = code.indexOf('/*no-boot-code*/') > -1
   if (noBootCode) {
     bootCode = ""
@@ -43,7 +41,6 @@ export let generateComponent = function(code, lang, jsResources, cssResources, b
       <demo-block class="demo-box"
         :jsfiddle="jsfiddle"
         :code="code"
-        :desc="desc"
         :lang="lang"
         :js-resources="allJsResources"
         :css-resources="cssResources"
@@ -65,7 +62,6 @@ export let generateComponent = function(code, lang, jsResources, cssResources, b
       return {
         jsfiddle: {html, style, script},
         code,
-        desc,
         lang,
         allJsResources,
         cssResources,