@syncfusion/ej2-vue-ribbon 24.2.8 → 25.1.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -4
- package/README.md +5 -1
- package/dist/ej2-vue-ribbon.umd.min.js +2 -2
- package/dist/ej2-vue-ribbon.umd.min.js.map +1 -1
- package/dist/es6/ej2-vue-ribbon.es2015.js +70 -78
- package/dist/es6/ej2-vue-ribbon.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-ribbon.es5.js +70 -78
- package/dist/es6/ej2-vue-ribbon.es5.js.map +1 -1
- package/dist/global/ej2-vue-ribbon.min.js +2 -2
- package/package.json +9 -9
- package/src/index.d.ts +1 -0
- package/src/index.js +1 -0
- package/src/ribbon/collections.directive.d.ts +0 -20
- package/src/ribbon/collections.directive.js +0 -20
- package/src/ribbon/contextualtabs.directive.d.ts +24 -0
- package/src/ribbon/contextualtabs.directive.js +60 -0
- package/src/ribbon/groups.directive.d.ts +0 -16
- package/src/ribbon/groups.directive.js +0 -16
- package/src/ribbon/index.d.ts +1 -0
- package/src/ribbon/index.js +1 -0
- package/src/ribbon/items.directive.d.ts +0 -24
- package/src/ribbon/items.directive.js +0 -24
- package/src/ribbon/ribbon.component.d.ts +46 -3
- package/src/ribbon/ribbon.component.js +13 -7
- package/src/ribbon/tabs.directive.d.ts +0 -12
- package/src/ribbon/tabs.directive.js +0 -12
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-vue-ribbon@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-vue-ribbon@
|
|
3
|
+
"_id": "@syncfusion/ej2-vue-ribbon@25.1.35",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-4+TMVo6lAOfWcsMj7qr5EA+9c32EhtwT/bQL9/xSOTyuJ4zyou12GRVtab2+kHwj/FH6MtANrVA+PfAUAo4Ahg==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-vue-ribbon",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"_requiredBy": [
|
|
20
20
|
"/"
|
|
21
21
|
],
|
|
22
|
-
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-ribbon/-/ej2-vue-ribbon-
|
|
23
|
-
"_shasum": "
|
|
22
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-ribbon/-/ej2-vue-ribbon-25.1.35.tgz",
|
|
23
|
+
"_shasum": "8bebc8dab2f4baf8028d89dbd77ea3a7e3b44431",
|
|
24
24
|
"_spec": "@syncfusion/ej2-vue-ribbon@*",
|
|
25
|
-
"_where": "/jenkins/workspace/elease-
|
|
25
|
+
"_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
|
|
26
26
|
"author": {
|
|
27
27
|
"name": "Syncfusion Inc."
|
|
28
28
|
},
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
},
|
|
32
32
|
"bundleDependencies": false,
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@syncfusion/ej2-base": "~
|
|
35
|
-
"@syncfusion/ej2-ribbon": "
|
|
36
|
-
"@syncfusion/ej2-vue-base": "~
|
|
34
|
+
"@syncfusion/ej2-base": "~25.1.35",
|
|
35
|
+
"@syncfusion/ej2-ribbon": "25.1.41",
|
|
36
|
+
"@syncfusion/ej2-vue-base": "~25.1.35"
|
|
37
37
|
},
|
|
38
38
|
"deprecated": false,
|
|
39
39
|
"description": "Essential JS 2 Component for Vue",
|
|
@@ -58,6 +58,6 @@
|
|
|
58
58
|
"ci-publish": "gulp ci-publish",
|
|
59
59
|
"compile": "gulp ci-compile && gulp vue-global-script"
|
|
60
60
|
},
|
|
61
|
-
"version": "
|
|
61
|
+
"version": "25.1.41",
|
|
62
62
|
"sideEffects": false
|
|
63
63
|
}
|
package/src/index.d.ts
CHANGED
|
@@ -3,4 +3,5 @@ export { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonIte
|
|
|
3
3
|
export { RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin } from './ribbon/collections.directive';
|
|
4
4
|
export { RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin } from './ribbon/groups.directive';
|
|
5
5
|
export { RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin } from './ribbon/tabs.directive';
|
|
6
|
+
export { RibbonContextualTabsDirective, RibbonContextualTabDirective, RibbonContextualTabsPlugin, RibbonContextualTabPlugin } from './ribbon/contextualtabs.directive';
|
|
6
7
|
export { RibbonComponent, RibbonPlugin } from './ribbon/ribbon.component';
|
package/src/index.js
CHANGED
|
@@ -3,4 +3,5 @@ export { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonIte
|
|
|
3
3
|
export { RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin } from './ribbon/collections.directive';
|
|
4
4
|
export { RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin } from './ribbon/groups.directive';
|
|
5
5
|
export { RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin } from './ribbon/tabs.directive';
|
|
6
|
+
export { RibbonContextualTabsDirective, RibbonContextualTabDirective, RibbonContextualTabsPlugin, RibbonContextualTabPlugin } from './ribbon/contextualtabs.directive';
|
|
6
7
|
export { RibbonComponent, RibbonPlugin } from './ribbon/ribbon.component';
|
|
@@ -5,26 +5,6 @@ export declare const RibbonCollectionsPlugin: {
|
|
|
5
5
|
name: string;
|
|
6
6
|
install(Vue: any): void;
|
|
7
7
|
};
|
|
8
|
-
/**
|
|
9
|
-
* `e-ribbon-collection` directive represent a collection in the VueJS Ribbon.
|
|
10
|
-
* ```vue
|
|
11
|
-
* <ejs-ribbon>
|
|
12
|
-
* <e-ribbon-tabs>
|
|
13
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
14
|
-
* <e-ribbon-tab>
|
|
15
|
-
* <e-ribbon-groups>
|
|
16
|
-
* <e-ribbon-group>
|
|
17
|
-
* <e-ribbon-collections>
|
|
18
|
-
* <e-ribbon-collection></e-ribbon-collection>
|
|
19
|
-
* <e-ribbon-collection></e-ribbon-collection>
|
|
20
|
-
* </e-ribbon-collections>
|
|
21
|
-
* </e-ribbon-group>
|
|
22
|
-
* </e-ribbon-groups>
|
|
23
|
-
* </e-ribbon-tab>
|
|
24
|
-
* </e-ribbon-tabs>
|
|
25
|
-
* </ejs-ribbon>
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
8
|
export declare let RibbonCollectionDirective: DefineVueDirective<RibbonCollectionModel>;
|
|
29
9
|
export declare const RibbonCollectionPlugin: {
|
|
30
10
|
name: string;
|
|
@@ -30,26 +30,6 @@ export var RibbonCollectionsPlugin = {
|
|
|
30
30
|
Vue.component(RibbonCollectionsPlugin.name, RibbonCollectionsDirective);
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
/**
|
|
34
|
-
* `e-ribbon-collection` directive represent a collection in the VueJS Ribbon.
|
|
35
|
-
* ```vue
|
|
36
|
-
* <ejs-ribbon>
|
|
37
|
-
* <e-ribbon-tabs>
|
|
38
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
39
|
-
* <e-ribbon-tab>
|
|
40
|
-
* <e-ribbon-groups>
|
|
41
|
-
* <e-ribbon-group>
|
|
42
|
-
* <e-ribbon-collections>
|
|
43
|
-
* <e-ribbon-collection></e-ribbon-collection>
|
|
44
|
-
* <e-ribbon-collection></e-ribbon-collection>
|
|
45
|
-
* </e-ribbon-collections>
|
|
46
|
-
* </e-ribbon-group>
|
|
47
|
-
* </e-ribbon-groups>
|
|
48
|
-
* </e-ribbon-tab>
|
|
49
|
-
* </e-ribbon-tabs>
|
|
50
|
-
* </ejs-ribbon>
|
|
51
|
-
* ```
|
|
52
|
-
*/
|
|
53
33
|
export var RibbonCollectionDirective = vueDefineComponent({
|
|
54
34
|
render: function () {
|
|
55
35
|
return;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { DefineVueDirective } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { RibbonContextualTabSettingsModel } from '@syncfusion/ej2-ribbon';
|
|
3
|
+
export declare let RibbonContextualTabsDirective: any;
|
|
4
|
+
export declare const RibbonContextualTabsPlugin: {
|
|
5
|
+
name: string;
|
|
6
|
+
install(Vue: any): void;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* `e-ribbon-contextual-tab` directive represent a contextual tab of the VueJS Ribbon.
|
|
10
|
+
* It must be contained in a Ribbon component(`ejs-ribbon`).
|
|
11
|
+
* ```vue
|
|
12
|
+
* <ejs-ribbon>
|
|
13
|
+
* <e-ribbon-contextual-tabs>
|
|
14
|
+
* <e-ribbon-contextual-tab></e-ribbon-contextual-tab>
|
|
15
|
+
* <e-ribbon-contextual-tab></e-ribbon-contextual-tab>
|
|
16
|
+
* </e-ribbon-contextual-tabs>
|
|
17
|
+
* </ejs-ribbon>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
export declare let RibbonContextualTabDirective: DefineVueDirective<RibbonContextualTabSettingsModel>;
|
|
21
|
+
export declare const RibbonContextualTabPlugin: {
|
|
22
|
+
name: string;
|
|
23
|
+
install(Vue: any): void;
|
|
24
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { isNullOrUndefined } from '@syncfusion/ej2-base';
|
|
3
|
+
export var RibbonContextualTabsDirective = vueDefineComponent({
|
|
4
|
+
inject: { custom: { default: null } },
|
|
5
|
+
render: function (createElement) {
|
|
6
|
+
if (!isExecute) {
|
|
7
|
+
var h = !isExecute ? gh : createElement;
|
|
8
|
+
var slots = null;
|
|
9
|
+
if (!isNullOrUndefined(this.$slots.default)) {
|
|
10
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
11
|
+
}
|
|
12
|
+
return h('div', { class: 'e-directive' }, slots);
|
|
13
|
+
}
|
|
14
|
+
return;
|
|
15
|
+
},
|
|
16
|
+
updated: function () {
|
|
17
|
+
if (!isExecute && this.custom) {
|
|
18
|
+
this.custom();
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
methods: {
|
|
22
|
+
getTag: function () {
|
|
23
|
+
return 'e-ribbon-contextual-tabs';
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
export var RibbonContextualTabsPlugin = {
|
|
28
|
+
name: 'e-ribbon-contextual-tabs',
|
|
29
|
+
install: function (Vue) {
|
|
30
|
+
Vue.component(RibbonContextualTabsPlugin.name, RibbonContextualTabsDirective);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* `e-ribbon-contextual-tab` directive represent a contextual tab of the VueJS Ribbon.
|
|
35
|
+
* It must be contained in a Ribbon component(`ejs-ribbon`).
|
|
36
|
+
* ```vue
|
|
37
|
+
* <ejs-ribbon>
|
|
38
|
+
* <e-ribbon-contextual-tabs>
|
|
39
|
+
* <e-ribbon-contextual-tab></e-ribbon-contextual-tab>
|
|
40
|
+
* <e-ribbon-contextual-tab></e-ribbon-contextual-tab>
|
|
41
|
+
* </e-ribbon-contextual-tabs>
|
|
42
|
+
* </ejs-ribbon>
|
|
43
|
+
* ```
|
|
44
|
+
*/
|
|
45
|
+
export var RibbonContextualTabDirective = vueDefineComponent({
|
|
46
|
+
render: function () {
|
|
47
|
+
return;
|
|
48
|
+
},
|
|
49
|
+
methods: {
|
|
50
|
+
getTag: function () {
|
|
51
|
+
return 'e-ribbon-contextual-tab';
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
export var RibbonContextualTabPlugin = {
|
|
56
|
+
name: 'e-ribbon-contextual-tab',
|
|
57
|
+
install: function (Vue) {
|
|
58
|
+
Vue.component(RibbonContextualTabPlugin.name, RibbonContextualTabDirective);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
@@ -5,22 +5,6 @@ export declare const RibbonGroupsPlugin: {
|
|
|
5
5
|
name: string;
|
|
6
6
|
install(Vue: any): void;
|
|
7
7
|
};
|
|
8
|
-
/**
|
|
9
|
-
* `e-ribbon-group` directive represent a group in the VueJS Ribbon.
|
|
10
|
-
* ```vue
|
|
11
|
-
* <ejs-ribbon>
|
|
12
|
-
* <e-ribbon-tabs>
|
|
13
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
14
|
-
* <e-ribbon-tab>
|
|
15
|
-
* <e-ribbon-groups>
|
|
16
|
-
* <e-ribbon-group></e-ribbon-group>
|
|
17
|
-
* <e-ribbon-group></e-ribbon-group>
|
|
18
|
-
* </e-ribbon-groups>
|
|
19
|
-
* </e-ribbon-tab>
|
|
20
|
-
* </e-ribbon-tabs>
|
|
21
|
-
* </ejs-ribbon>
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
8
|
export declare let RibbonGroupDirective: DefineVueDirective<RibbonGroupModel>;
|
|
25
9
|
export declare const RibbonGroupPlugin: {
|
|
26
10
|
name: string;
|
|
@@ -30,22 +30,6 @@ export var RibbonGroupsPlugin = {
|
|
|
30
30
|
Vue.component(RibbonGroupsPlugin.name, RibbonGroupsDirective);
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
/**
|
|
34
|
-
* `e-ribbon-group` directive represent a group in the VueJS Ribbon.
|
|
35
|
-
* ```vue
|
|
36
|
-
* <ejs-ribbon>
|
|
37
|
-
* <e-ribbon-tabs>
|
|
38
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
39
|
-
* <e-ribbon-tab>
|
|
40
|
-
* <e-ribbon-groups>
|
|
41
|
-
* <e-ribbon-group></e-ribbon-group>
|
|
42
|
-
* <e-ribbon-group></e-ribbon-group>
|
|
43
|
-
* </e-ribbon-groups>
|
|
44
|
-
* </e-ribbon-tab>
|
|
45
|
-
* </e-ribbon-tabs>
|
|
46
|
-
* </ejs-ribbon>
|
|
47
|
-
* ```
|
|
48
|
-
*/
|
|
49
33
|
export var RibbonGroupDirective = vueDefineComponent({
|
|
50
34
|
render: function () {
|
|
51
35
|
return;
|
package/src/ribbon/index.d.ts
CHANGED
|
@@ -2,4 +2,5 @@ export { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonIte
|
|
|
2
2
|
export { RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin } from './collections.directive';
|
|
3
3
|
export { RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin } from './groups.directive';
|
|
4
4
|
export { RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin } from './tabs.directive';
|
|
5
|
+
export { RibbonContextualTabsDirective, RibbonContextualTabDirective, RibbonContextualTabsPlugin, RibbonContextualTabPlugin } from './contextualtabs.directive';
|
|
5
6
|
export { RibbonComponent, RibbonPlugin } from './ribbon.component';
|
package/src/ribbon/index.js
CHANGED
|
@@ -2,4 +2,5 @@ export { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonIte
|
|
|
2
2
|
export { RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin } from './collections.directive';
|
|
3
3
|
export { RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin } from './groups.directive';
|
|
4
4
|
export { RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin } from './tabs.directive';
|
|
5
|
+
export { RibbonContextualTabsDirective, RibbonContextualTabDirective, RibbonContextualTabsPlugin, RibbonContextualTabPlugin } from './contextualtabs.directive';
|
|
5
6
|
export { RibbonComponent, RibbonPlugin } from './ribbon.component';
|
|
@@ -5,30 +5,6 @@ export declare const RibbonItemsPlugin: {
|
|
|
5
5
|
name: string;
|
|
6
6
|
install(Vue: any): void;
|
|
7
7
|
};
|
|
8
|
-
/**
|
|
9
|
-
* `e-ribbon-item` directive represent a item in the VueJS Ribbon.
|
|
10
|
-
* ```vue
|
|
11
|
-
* <ejs-ribbon>
|
|
12
|
-
* <e-ribbon-tabs>
|
|
13
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
14
|
-
* <e-ribbon-tab>
|
|
15
|
-
* <e-ribbon-groups>
|
|
16
|
-
* <e-ribbon-group>
|
|
17
|
-
* <e-ribbon-collections>
|
|
18
|
-
* <e-ribbon-collection>
|
|
19
|
-
* <e-ribbon-items>
|
|
20
|
-
* <e-ribbon-item></e-ribbon-item>
|
|
21
|
-
* <e-ribbon-item></e-ribbon-item>
|
|
22
|
-
* </e-ribbon-items>
|
|
23
|
-
* </e-ribbon-collection>
|
|
24
|
-
* </e-ribbon-collections>
|
|
25
|
-
* </e-ribbon-group>
|
|
26
|
-
* </e-ribbon-groups>
|
|
27
|
-
* </e-ribbon-tab>
|
|
28
|
-
* </e-ribbon-tabs>
|
|
29
|
-
* </ejs-ribbon>
|
|
30
|
-
* ```
|
|
31
|
-
*/
|
|
32
8
|
export declare let RibbonItemDirective: DefineVueDirective<RibbonItemModel>;
|
|
33
9
|
export declare const RibbonItemPlugin: {
|
|
34
10
|
name: string;
|
|
@@ -30,30 +30,6 @@ export var RibbonItemsPlugin = {
|
|
|
30
30
|
Vue.component(RibbonItemsPlugin.name, RibbonItemsDirective);
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
/**
|
|
34
|
-
* `e-ribbon-item` directive represent a item in the VueJS Ribbon.
|
|
35
|
-
* ```vue
|
|
36
|
-
* <ejs-ribbon>
|
|
37
|
-
* <e-ribbon-tabs>
|
|
38
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
39
|
-
* <e-ribbon-tab>
|
|
40
|
-
* <e-ribbon-groups>
|
|
41
|
-
* <e-ribbon-group>
|
|
42
|
-
* <e-ribbon-collections>
|
|
43
|
-
* <e-ribbon-collection>
|
|
44
|
-
* <e-ribbon-items>
|
|
45
|
-
* <e-ribbon-item></e-ribbon-item>
|
|
46
|
-
* <e-ribbon-item></e-ribbon-item>
|
|
47
|
-
* </e-ribbon-items>
|
|
48
|
-
* </e-ribbon-collection>
|
|
49
|
-
* </e-ribbon-collections>
|
|
50
|
-
* </e-ribbon-group>
|
|
51
|
-
* </e-ribbon-groups>
|
|
52
|
-
* </e-ribbon-tab>
|
|
53
|
-
* </e-ribbon-tabs>
|
|
54
|
-
* </ejs-ribbon>
|
|
55
|
-
* ```
|
|
56
|
-
*/
|
|
57
33
|
export var RibbonItemDirective = vueDefineComponent({
|
|
58
34
|
render: function () {
|
|
59
35
|
return;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
|
|
2
|
-
import { RibbonModel } from '@syncfusion/ej2-ribbon';
|
|
1
|
+
import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { Ribbon, RibbonModel } from '@syncfusion/ej2-ribbon';
|
|
3
3
|
export declare const properties: string[];
|
|
4
4
|
export declare const modelProps: string[];
|
|
5
5
|
export declare const testProp: any;
|
|
@@ -11,7 +11,50 @@ export declare const props: any, watch: any, emitProbs: any;
|
|
|
11
11
|
* ```
|
|
12
12
|
*/
|
|
13
13
|
export declare let RibbonComponent: DefineVueComponent<RibbonModel>;
|
|
14
|
-
export declare type RibbonComponent =
|
|
14
|
+
export declare type RibbonComponent = typeof ComponentBase & {
|
|
15
|
+
ej2Instances: Ribbon;
|
|
16
|
+
isVue3: boolean;
|
|
17
|
+
isLazyUpdate: Boolean;
|
|
18
|
+
plugins: any[];
|
|
19
|
+
propKeys: string[];
|
|
20
|
+
models: string[];
|
|
21
|
+
hasChildDirective: boolean;
|
|
22
|
+
tagMapper: {
|
|
23
|
+
[key: string]: Object;
|
|
24
|
+
};
|
|
25
|
+
tagNameMapper: Object;
|
|
26
|
+
setProperties(prop: any, muteOnChange: boolean): void;
|
|
27
|
+
trigger(eventName: string, eventProp: {
|
|
28
|
+
[key: string]: Object;
|
|
29
|
+
}, successHandler?: Function): void;
|
|
30
|
+
addCollection(groupId: string, collection: Object, targetId?: string, isAfter?: boolean): void;
|
|
31
|
+
addGroup(tabId: string, group: Object, targetId?: string, isAfter?: boolean): void;
|
|
32
|
+
addItem(collectionId: string, item: Object, targetId?: string, isAfter?: boolean): void;
|
|
33
|
+
addTab(tab: Object, targetId?: string, isAfter?: boolean): void;
|
|
34
|
+
disableGroup(groupID: string): void;
|
|
35
|
+
disableItem(itemId: string): void;
|
|
36
|
+
disableTab(tabId: string): void;
|
|
37
|
+
enableGroup(groupID: string): void;
|
|
38
|
+
enableItem(itemId: string): void;
|
|
39
|
+
enableTab(tabId: string): void;
|
|
40
|
+
getItem(itemId: string): Object;
|
|
41
|
+
hideGroup(groupID: string): void;
|
|
42
|
+
hideItem(itemId: string): void;
|
|
43
|
+
hideTab(tabId: string, isContextual: boolean): void;
|
|
44
|
+
refreshLayout(): void;
|
|
45
|
+
removeCollection(collectionId: string): void;
|
|
46
|
+
removeGroup(groupId: string): void;
|
|
47
|
+
removeItem(itemId: string): void;
|
|
48
|
+
removeTab(tabId: string): void;
|
|
49
|
+
selectTab(tabId: string): void;
|
|
50
|
+
showGroup(groupID: string): void;
|
|
51
|
+
showItem(itemId: string): void;
|
|
52
|
+
showTab(tabId: string, isContextual: boolean): void;
|
|
53
|
+
updateCollection(collection: Object): void;
|
|
54
|
+
updateGroup(group: Object): void;
|
|
55
|
+
updateItem(item: Object): void;
|
|
56
|
+
updateTab(tab: Object): void;
|
|
57
|
+
};
|
|
15
58
|
export declare const RibbonPlugin: {
|
|
16
59
|
name: string;
|
|
17
60
|
install(Vue: any): void;
|
|
@@ -5,7 +5,8 @@ import { RibbonItemsDirective, RibbonItemDirective, RibbonItemsPlugin, RibbonIte
|
|
|
5
5
|
import { RibbonCollectionsDirective, RibbonCollectionDirective, RibbonCollectionsPlugin, RibbonCollectionPlugin } from './collections.directive';
|
|
6
6
|
import { RibbonGroupsDirective, RibbonGroupDirective, RibbonGroupsPlugin, RibbonGroupPlugin } from './groups.directive';
|
|
7
7
|
import { RibbonTabsDirective, RibbonTabDirective, RibbonTabsPlugin, RibbonTabPlugin } from './tabs.directive';
|
|
8
|
-
|
|
8
|
+
import { RibbonContextualTabsDirective, RibbonContextualTabDirective, RibbonContextualTabsPlugin, RibbonContextualTabPlugin } from './contextualtabs.directive';
|
|
9
|
+
export var properties = ['isLazyUpdate', 'plugins', 'activeLayout', 'backStageMenu', 'contextualTabs', 'cssClass', 'enableKeyTips', 'enablePersistence', 'enableRtl', 'fileMenu', 'helpPaneTemplate', 'hideLayoutSwitcher', 'isMinimized', 'launcherIconCss', 'layoutSwitcherKeyTip', 'locale', 'selectedTab', 'tabAnimation', 'tabs', 'width', 'created', 'launcherIconClick', 'overflowPopupClose', 'overflowPopupOpen', 'ribbonCollapsing', 'ribbonExpanding', 'tabSelected', 'tabSelecting'];
|
|
9
10
|
export var modelProps = [];
|
|
10
11
|
export var testProp = getProps({ props: properties });
|
|
11
12
|
export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
|
|
@@ -34,8 +35,8 @@ export var RibbonComponent = vueDefineComponent({
|
|
|
34
35
|
models: modelProps,
|
|
35
36
|
hasChildDirective: true,
|
|
36
37
|
hasInjectedModules: true,
|
|
37
|
-
tagMapper: { "e-ribbon-tabs": { "e-ribbon-tab": { "e-ribbon-groups": { "e-ribbon-group": { "e-ribbon-collections": { "e-ribbon-collection": { "e-ribbon-items": "e-ribbon-item" } } } } } } },
|
|
38
|
-
tagNameMapper: { "e-ribbon-items": "e-items", "e-ribbon-collections": "e-collections", "e-ribbon-groups": "e-groups", "e-ribbon-tabs": "e-tabs" },
|
|
38
|
+
tagMapper: { "e-ribbon-tabs": { "e-ribbon-tab": { "e-ribbon-groups": { "e-ribbon-group": { "e-ribbon-collections": { "e-ribbon-collection": { "e-ribbon-items": "e-ribbon-item" } } } } } }, "e-ribbon-contextual-tabs": { "e-ribbon-contextual-tab": { "e-ribbon-tabs": { "e-ribbon-tab": { "e-ribbon-groups": { "e-ribbon-group": { "e-ribbon-collections": { "e-ribbon-collection": { "e-ribbon-items": "e-ribbon-item" } } } } } } } } },
|
|
39
|
+
tagNameMapper: { "e-ribbon-items": "e-items", "e-ribbon-collections": "e-collections", "e-ribbon-groups": "e-groups", "e-ribbon-tabs": "e-tabs", "e-ribbon-contextual-tabs": "e-contextualTabs" },
|
|
39
40
|
isVue3: !isExecute,
|
|
40
41
|
templateCollection: {},
|
|
41
42
|
};
|
|
@@ -137,14 +138,17 @@ export var RibbonComponent = vueDefineComponent({
|
|
|
137
138
|
enableTab: function (tabId) {
|
|
138
139
|
return this.ej2Instances.enableTab(tabId);
|
|
139
140
|
},
|
|
141
|
+
getItem: function (itemId) {
|
|
142
|
+
return this.ej2Instances.getItem(itemId);
|
|
143
|
+
},
|
|
140
144
|
hideGroup: function (groupID) {
|
|
141
145
|
return this.ej2Instances.hideGroup(groupID);
|
|
142
146
|
},
|
|
143
147
|
hideItem: function (itemId) {
|
|
144
148
|
return this.ej2Instances.hideItem(itemId);
|
|
145
149
|
},
|
|
146
|
-
hideTab: function (tabId) {
|
|
147
|
-
return this.ej2Instances.hideTab(tabId);
|
|
150
|
+
hideTab: function (tabId, isContextual) {
|
|
151
|
+
return this.ej2Instances.hideTab(tabId, isContextual);
|
|
148
152
|
},
|
|
149
153
|
refreshLayout: function () {
|
|
150
154
|
return this.ej2Instances.refreshLayout();
|
|
@@ -170,8 +174,8 @@ export var RibbonComponent = vueDefineComponent({
|
|
|
170
174
|
showItem: function (itemId) {
|
|
171
175
|
return this.ej2Instances.showItem(itemId);
|
|
172
176
|
},
|
|
173
|
-
showTab: function (tabId) {
|
|
174
|
-
return this.ej2Instances.showTab(tabId);
|
|
177
|
+
showTab: function (tabId, isContextual) {
|
|
178
|
+
return this.ej2Instances.showTab(tabId, isContextual);
|
|
175
179
|
},
|
|
176
180
|
updateCollection: function (collection) {
|
|
177
181
|
return this.ej2Instances.updateCollection(collection);
|
|
@@ -199,5 +203,7 @@ export var RibbonPlugin = {
|
|
|
199
203
|
Vue.component(RibbonCollectionsPlugin.name, RibbonCollectionsDirective);
|
|
200
204
|
Vue.component(RibbonItemPlugin.name, RibbonItemDirective);
|
|
201
205
|
Vue.component(RibbonItemsPlugin.name, RibbonItemsDirective);
|
|
206
|
+
Vue.component(RibbonContextualTabPlugin.name, RibbonContextualTabDirective);
|
|
207
|
+
Vue.component(RibbonContextualTabsPlugin.name, RibbonContextualTabsDirective);
|
|
202
208
|
}
|
|
203
209
|
};
|
|
@@ -5,18 +5,6 @@ export declare const RibbonTabsPlugin: {
|
|
|
5
5
|
name: string;
|
|
6
6
|
install(Vue: any): void;
|
|
7
7
|
};
|
|
8
|
-
/**
|
|
9
|
-
* `e-ribbon-tab` directive represent a column of the VueJS Ribbon.
|
|
10
|
-
* It must be contained in a Ribbon component(`ejs-ribbon`).
|
|
11
|
-
* ```vue
|
|
12
|
-
* <ejs-ribbon>
|
|
13
|
-
* <e-ribbon-tabs>
|
|
14
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
15
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
16
|
-
* </e-ribbon-tabs>
|
|
17
|
-
* </ejs-ribbon>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
8
|
export declare let RibbonTabDirective: DefineVueDirective<RibbonTabModel>;
|
|
21
9
|
export declare const RibbonTabPlugin: {
|
|
22
10
|
name: string;
|
|
@@ -30,18 +30,6 @@ export var RibbonTabsPlugin = {
|
|
|
30
30
|
Vue.component(RibbonTabsPlugin.name, RibbonTabsDirective);
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
/**
|
|
34
|
-
* `e-ribbon-tab` directive represent a column of the VueJS Ribbon.
|
|
35
|
-
* It must be contained in a Ribbon component(`ejs-ribbon`).
|
|
36
|
-
* ```vue
|
|
37
|
-
* <ejs-ribbon>
|
|
38
|
-
* <e-ribbon-tabs>
|
|
39
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
40
|
-
* <e-ribbon-tab></e-ribbon-tab>
|
|
41
|
-
* </e-ribbon-tabs>
|
|
42
|
-
* </ejs-ribbon>
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
33
|
export var RibbonTabDirective = vueDefineComponent({
|
|
46
34
|
render: function () {
|
|
47
35
|
return;
|