feat(plugin) support video

ly525
1 parent ae8eaaea
Showing 2 changed files with 45 additions and 3 deletions
front-end/h5/src/components/plugins/lbp-video.js
front-end/h5/src/mixins/load-plugins.js
+export default {
+  name: 'lbp-video',
+  props: {
+    src: {
+      type: String,
+      default: ``
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  watch: {
+    src () {
+      this.$el.innerHTML = this.src
+    }
+  },
+  mounted () {
+    this.$el.innerHTML = this.src
+  },
+
+  render (h) {
+    const style = this.disabled ? { 'pointer-events': 'none' } : {}
+    return (
+      <div style={style}></div>
+    )
+  },
+  editorConfig: {
+    propsConfig: {
+      src: {
+        type: 'a-input',
+        label: '视频url',
+        prop: {
+          type: 'textarea'
+        },
+        defaultPropValue: ''
+      }
+    },
+    components: {
+    }
+  }
+}
 import Vue from 'vue'
 import LbpButton from '../components/plugins/lbp-button'
 import LbpPicture from '../components/plugins/lbp-picture'
+import LbpVideo from '../components/plugins/lbp-video'
 import LbpText from '../components/plugins/lbp-text'
 import LbpFormInput from '../components/plugins/lbp-form-input'
 import LbpFormButton from '../components/plugins/lbp-form-button'
@@ -73,10 +74,9 @@ export const pluginsList = [
     },
     title: '视频',
     icon: 'file-video-o',
-    component: LbpFormRadioGroup,
+    component: LbpVideo,
     visible: true,
-    name: LbpFormRadioGroup.name,
-    disabled: true
+    name: LbpVideo.name
   },
   // {
   //   title: '视频',