@syncfusion/ej2-vue-ribbon 21.1.35

package/src/ribbon/tabs.directive.js

@@ -0,0 +1,60 @@
+import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
+export var RibbonTabsDirective = vueDefineComponent({
+    inject: { custom: { default: null } },
+    render: function (createElement) {
+        if (!isExecute) {
+            var h = !isExecute ? gh : createElement;
+            var slots = null;
+            if (!isNullOrUndefined(this.$slots.default)) {
+                slots = !isExecute ? this.$slots.default() : this.$slots.default;
+            }
+            return h('div', { class: 'e-directive' }, slots);
+        }
+        return;
+    },
+    updated: function () {
+        if (!isExecute && this.custom) {
+            this.custom();
+        }
+    },
+    methods: {
+        getTag: function () {
+            return 'e-ribbon-tabs';
+        }
+    }
+});
+export var RibbonTabsPlugin = {
+    name: 'e-ribbon-tabs',
+    install: function (Vue) {
+        Vue.component(RibbonTabsPlugin.name, RibbonTabsDirective);
+    }
+};
+/**
+ * `e-ribbon-tab` directive represent a column of the VueJS Ribbon.
+ * It must be contained in a Ribbon component(`ejs-ribbon`).
+ * ```vue
+ * <ejs-ribbon>
+ *   <e-ribbon-tabs>
+ *    <e-ribbon-tab></e-ribbon-tab>
+ *    <e-ribbon-tab></e-ribbon-tab>
+ *   </e-ribbon-tabs>
+ * </ejs-ribbon>
+ * ```
+ */
+export var RibbonTabDirective = vueDefineComponent({
+    render: function () {
+        return;
+    },
+    methods: {
+        getTag: function () {
+            return 'e-ribbon-tab';
+        }
+    }
+});
+export var RibbonTabPlugin = {
+    name: 'e-ribbon-tab',
+    install: function (Vue) {
+        Vue.component(RibbonTabPlugin.name, RibbonTabDirective);
+    }
+};