Skip to content

Commit a9abcbb

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 11-16-2024 4:30:07 AM
1 parent 5bae99f commit a9abcbb

26 files changed

+1274
-26
lines changed

‎ej2-vue-toc.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1932,6 +1932,7 @@
19321932
<li><a href="/ej2-vue/pdfviewer/annotation/text-markup-annotation">Text Markup Annotation</a></li>
19331933
<li><a href="/ej2-vue/pdfviewer/annotation/shape-annotation">Shape Annotation</a></li>
19341934
<li><a href="/ej2-vue/pdfviewer/annotation/stamp-annotation">Stamp Annotation</a></li>
1935+
<li><a href="/ej2-vue/pdfviewer/annotation/signature-annotation">Hand Written Signature</a></li>
19351936
<li><a href="/ej2-vue/pdfviewer/annotation/sticky-notes-annotation">Sticky Notes Annotation</a></li>
19361937
<li><a href="/ej2-vue/pdfviewer/annotation/measurement-annotation">Measurement Annotation</a></li>
19371938
<li><a href="/ej2-vue/pdfviewer/annotation/free-text-annotation">Free Text Annotation</a></li>
@@ -3055,6 +3056,7 @@
30553056
<li><a href="/ej2-vue/uploader/form-support">Form Support</a></li>
30563057
<li><a href="/ej2-vue/uploader/template">Template</a></li>
30573058
<li><a href="/ej2-vue/uploader/localization">Localization</a></li>
3059+
<li><a href="/ej2-vue/uploader/jwt-authentication">JWT Authentication</a></li>
30583060
<li><a href="/ej2-vue/uploader/wai-aria-accessibility">Accessibility</a></li>
30593061
<li><a href="/ej2-vue/uploader/style-appearance">Style and Appearance</a></li>
30603062
<li>How To

‎ej2-vue/code-snippet/common/fluent2-cs2/index.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,5 @@ button {
33
}
44

55
:root {
6-
--color-sf-primary: 104, 134, 164;
6+
--color-sf-primary: #6886a4;
77
}

‎ej2-vue/code-snippet/speed-dial/styles-cs7/app.vue

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
2+
3+
<template>
4+
<div>
5+
<div id="targetElement" style="position:relative;min-height:350px;border:1px solid;"></div>
6+
<ejs-speeddial id='speeddial' openIconCss='e-icons e-edit' closeIconCss='e-icons e-close' cssClass='custom-css' target='#targetElement' :items='items'></ejs-speeddial>
7+
</div>
8+
</template>
9+
10+
<script>
11+
import Vue from 'vue';
12+
import { SpeedDialPlugin } from "@syncfusion/ej2-vue-buttons";
13+
import { enableRipple } from '@syncfusion/ej2-base';
14+
enableRipple(true);
15+
Vue.use(SpeedDialPlugin);
16+
export default {
17+
data() {
18+
return {
19+
items: [
20+
{ iconCss: 'e-icons e-cut' },
21+
{ iconCss: 'e-icons e-copy' },
22+
{ iconCss: 'e-icons e-paste' }
23+
]
24+
};
25+
}
26+
}
27+
</script>
28+
29+
<style>
30+
@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
31+
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
32+
33+
.custom-css .e-btn-icon {
34+
color: darkgreen;
35+
}
36+
</style>
37+

‎ej2-vue/code-snippet/speed-dial/styles-cs7/index.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.custom-css .e-btn-icon {
2+
color: darkgreen;
3+
}

‎ej2-vue/code-snippet/speed-dial/styles-cs7/index.html

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
2+
<!DOCTYPE html>
3+
<html lang="en">
4+
5+
<head>
6+
<script src="https://cdn.syncfusion.com/ej2/syncfusion-helper.js"></script>
7+
<title>EJ2 Vue Sample</title>
8+
<meta charset="utf-8" />
9+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
10+
<meta name="description" content="Typescript UI Controls" />
11+
<meta name="author" content="Syncfusion" />
12+
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
13+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/material.css" rel="stylesheet" />
14+
<link href="index.css" rel="stylesheet" />
15+
<script src="systemjs.config.js"></script>
16+
</head>
17+
18+
<body>
19+
<div id='app'>Loading....</div>
20+
</body>
21+
<style>
22+
#app {
23+
color: #008cff;
24+
height: 40px;
25+
left: 45%;
26+
position: absolute;
27+
top: 45%;
28+
width: 30%;
29+
}
30+
</style>
31+
</html>

‎ej2-vue/code-snippet/speed-dial/styles-cs7/index.js

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
2+
import Vue from 'vue';
3+
import { SpeedDialPlugin } from "@syncfusion/ej2-vue-buttons";
4+
import { enableRipple } from '@syncfusion/ej2-base';
5+
enableRipple(true);
6+
Vue.use(SpeedDialPlugin);
7+
8+
new Vue({
9+
el: '#app',
10+
template: `
11+
<div>
12+
<div id="targetElement" style="position:relative;min-height:350px;border:1px solid;"></div>
13+
<ejs-speeddial id='speeddial' openIconCss='e-icons e-edit' closeIconCss='e-icons e-close' cssClass='custom-css' target='#targetElement' :items='items'></ejs-speeddial>
14+
</div>
15+
`,
16+
17+
data() {
18+
return {
19+
items: [
20+
{ iconCss: 'e-icons e-cut' },
21+
{ iconCss: 'e-icons e-copy' },
22+
{ iconCss: 'e-icons e-paste' }
23+
]
24+
};
25+
}
26+
27+
});

‎ej2-vue/code-snippet/speed-dial/styles-cs7/systemjs.config.js

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
System.config({
2+
transpiler: "typescript",
3+
typescriptOptions: {
4+
compilerOptions: {
5+
target: "umd",
6+
module: "commonjs",
7+
moduleResolution: "node",
8+
emitDecoratorMetadata: true,
9+
experimentalDecorators: true
10+
}
11+
},
12+
paths: {
13+
"syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/"
14+
},
15+
map: {
16+
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
17+
vue: "https://unpkg.com/vue@2.6.14/dist/vue.min.js",
18+
"@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
19+
"@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
20+
"@syncfusion/ej2-vue-base": "syncfusion:ej2-vue-base/dist/ej2-vue-base.umd.min.js",
21+
"@syncfusion/ej2-vue-buttons": "syncfusion:ej2-vue-buttons/dist/ej2-vue-buttons.umd.min.js",
22+
}
23+
});
24+
25+
System.import('index.js');

‎ej2-vue/code-snippet/treeview/how-to/manipulating-nodes-cs4/index.js

Lines changed: 10 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -17,38 +17,31 @@ new Vue({
1717

1818
data () {
1919
var demoVue = createApp().component("demo", {
20-
template: "<div><span class='treeName'>{{ data.name }} : {{data.value}}</span></div>",
2120
data() {
2221
return {
2322
data: {}
2423
};
2524
}
2625
});
2726
var dataSource = [
28-
{ id: 1, name: 'Parent 1', value: 10, hasChild: true, expanded: true },
29-
{ id: 2, pid: 1, name: 'Child 1', value: 10 },
30-
{ id: 3, pid: 1, name: 'Child 2', value: 10 },
31-
{ id: 4, pid: 1, name: 'Child 3', value: 10 },
32-
{ id: 7, name: 'Parent 2',value: 10, hasChild: true, expanded: true },
33-
{ id: 8, pid: 7, name: 'Child 1', value: 10 },
34-
{ id: 9, pid: 7, name: 'Child 2', value: 10 },
35-
{ id: 10, pid: 7, name: 'Child 3',value:10 },
27+
{ id: 1, name: 'Parent 1', hasChild: true, expanded: true },
28+
{ id: 2, pid: 1, name: 'Child 1' },
29+
{ id: 3, pid: 1, name: 'Child 2' },
30+
{ id: 4, pid: 1, name: 'Child 3' },
31+
{ id: 7, name: 'Parent 2', hasChild: true, expanded: true },
32+
{ id: 8, pid: 7, name: 'Child 1' },
33+
{ id: 9, pid: 7, name: 'Child 2' },
34+
{ id: 10, pid: 7, name: 'Child 3' },
3635
];
3736
return {
38-
fields : { dataSource: dataSource, id: 'id', text: 'name', child: 'subChild' },
39-
Template: function (e) {
40-
return {
41-
template: demoVue
42-
};
43-
}
37+
fields : { dataSource: dataSource, id: 'id', text: 'name', child: 'subChild' },
4438
}
4539
},
4640
methods: {
4741
btnClick1: function () {
4842
var nodeData = this.$refs.treeview.getTreeData('4');
49-
nodeData[0].value = 400;
5043
nodeData[0].name = 'Node refreshed';
5144
this.$refs.treeview.refreshNode('4', nodeData);
5245
},
5346
}
54-
});
47+
});

0 commit comments

Comments
 (0)