@syncfusion/ej2-vue-spreadsheet
Version:
Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for Vue
64 lines (63 loc) • 1.65 kB
JavaScript
import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
import { isNullOrUndefined } from '@syncfusion/ej2-base';
export var ColumnsDirective = 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-columns';
}
}
});
export var ColumnsPlugin = {
name: 'e-columns',
install: function (Vue) {
Vue.component(ColumnsPlugin.name, ColumnsDirective);
}
};
/**
* `e-column` directive represent a column of the VueJS Spreadsheet.
* It must be contained in a `e-sheet` directive.
* ```vue
* <ejs-spreadsheet>
* <e-sheets>
* <e-sheet>
* <e-columns>
* <e-column></e-column>
* </e-columns>
* </e-sheet>
* </e-sheets>
* </ejs-spreadsheet>
* ```
*/
export var ColumnDirective = vueDefineComponent({
render: function () {
return;
},
methods: {
getTag: function () {
return 'e-column';
}
}
});
export var ColumnPlugin = {
name: 'e-column',
install: function (Vue) {
Vue.component(ColumnPlugin.name, ColumnDirective);
}
};