update Tabs render

Aresn
1 parent 4098c176
Showing 4 changed files with 11 additions and 32 deletions Show diff stats
src/components/base/render.js
src/components/base/render.vue
src/components/table/expand.js
src/components/tabs/tabs.vue
+export default {
+    name: 'RenderCell',
+    functional: true,
+    props: {
+        render: Function
+    },
+    render: (h, ctx) => {
+        return ctx.props.render(h);
+    }
+};
 \ No newline at end of file
-<template>
-    <div ref="cell"></div>
-</template>
-<script>
-    import Vue from 'vue';
-    export default {
-        name: 'RenderCell',
-        props: {
-            render: Function
-        },
-        methods: {
-            compile () {
-                if (this.render) {
-                    this.$el.innerHTML = '';
-                    const component = new Vue({
-                        functional: true,
-                        render: (h) => {
-                            return this.render(h);
-                        }
-                    });
-                    const Cell = component.$mount();
-                    this.$refs.cell.appendChild(Cell.$el);
-                }
-            }
-        },
-        mounted () {
-            this.compile();
-        }
-    };
-</script>
 \ No newline at end of file
-
 export default {
     name: 'TableExpand',
     functional: true,
@@ -23,7 +23,7 @@
 </template>
 <script>
     import Icon from '../icon/icon.vue';
-    import Render from '../base/render.vue';
+    import Render from '../base/render';
     import { oneOf, getStyle } from '../../utils/assist';
     import Emitter from '../../mixins/emitter';