@syncfusion/ej2-inplace-editor 20.3.56 → 20.4.38
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/.eslintrc.json +9 -1
- package/dist/ej2-inplace-editor.min.js +1 -1
- package/dist/ej2-inplace-editor.umd.min.js +1 -1
- package/dist/global/ej2-inplace-editor.min.js +1 -1
- package/dist/global/index.d.ts +1 -1
- package/dist/ts/inplace-editor/base/classes.ts +63 -0
- package/dist/ts/inplace-editor/base/events.ts +18 -0
- package/dist/ts/inplace-editor/base/inplace-editor.ts +1775 -0
- package/dist/ts/inplace-editor/base/interface.ts +128 -0
- package/dist/ts/inplace-editor/base/models.ts +47 -0
- package/dist/ts/inplace-editor/base/util.ts +105 -0
- package/dist/ts/inplace-editor/modules/auto-complete.ts +65 -0
- package/dist/ts/inplace-editor/modules/base-module.ts +74 -0
- package/dist/ts/inplace-editor/modules/color-picker.ts +55 -0
- package/dist/ts/inplace-editor/modules/combo-box.ts +61 -0
- package/dist/ts/inplace-editor/modules/date-range-picker.ts +54 -0
- package/dist/ts/inplace-editor/modules/multi-select.ts +88 -0
- package/dist/ts/inplace-editor/modules/rte.ts +72 -0
- package/dist/ts/inplace-editor/modules/slider.ts +59 -0
- package/dist/ts/inplace-editor/modules/time-picker.ts +54 -0
- package/package.json +16 -16
- package/styles/bootstrap4.css +1 -1
- package/styles/inplace-editor/bootstrap4.css +1 -1
- package/tslint.json +111 -0
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { RichTextEditor, RichTextEditorModel, HtmlEditor } from '@syncfusion/ej2-richtexteditor';
|
|
2
|
+
import { MarkdownEditor, Toolbar, Link, Image, QuickToolbar, Table, FileManager } from '@syncfusion/ej2-richtexteditor';
|
|
3
|
+
import { Base } from './base-module';
|
|
4
|
+
import { InPlaceEditor } from '../base/inplace-editor';
|
|
5
|
+
import { NotifyParams, IComponent } from '../base/interface';
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* The `RTE` module is used configure the properties of RTE type editor.
|
|
9
|
+
*/
|
|
10
|
+
export class Rte implements IComponent {
|
|
11
|
+
private base: Base;
|
|
12
|
+
protected parent: InPlaceEditor;
|
|
13
|
+
public compObj: RichTextEditor = undefined;
|
|
14
|
+
|
|
15
|
+
public constructor(parent?: InPlaceEditor) {
|
|
16
|
+
RichTextEditor.Inject(HtmlEditor, MarkdownEditor, Toolbar, Link, Image, QuickToolbar, Table, FileManager);
|
|
17
|
+
this.parent = parent;
|
|
18
|
+
this.parent.rteModule = this;
|
|
19
|
+
this.base = new Base(this.parent, this);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
public render(e: NotifyParams): void {
|
|
23
|
+
this.compObj = new RichTextEditor(this.parent.model as RichTextEditorModel);
|
|
24
|
+
this.compObj.appendTo(e.target);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
public focus(): void {
|
|
28
|
+
this.compObj.focusIn();
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
public updateValue(e: NotifyParams): void {
|
|
32
|
+
if (this.compObj && e.type === 'RTE') {
|
|
33
|
+
this.parent.setProperties({ value: this.getRteValue() }, true);
|
|
34
|
+
this.parent.extendModelValue(this.compObj.value);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
private getRteValue(): string {
|
|
39
|
+
let rteVal: string;
|
|
40
|
+
if (this.compObj.editorMode === 'Markdown') {
|
|
41
|
+
rteVal = (this.compObj.contentModule.getEditPanel() as HTMLTextAreaElement).value;
|
|
42
|
+
return (rteVal === '') ? '' : rteVal;
|
|
43
|
+
} else {
|
|
44
|
+
rteVal = this.compObj.contentModule.getEditPanel().innerHTML;
|
|
45
|
+
return (rteVal === '<p><br></p>' || rteVal === '<p><br></p>' || rteVal === '') ? '' : rteVal;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
public refresh(): void {
|
|
50
|
+
this.compObj.refresh();
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Destroys the rte module.
|
|
55
|
+
*
|
|
56
|
+
* @function destroy
|
|
57
|
+
* @returns {void}
|
|
58
|
+
* @hidden
|
|
59
|
+
*/
|
|
60
|
+
public destroy(): void {
|
|
61
|
+
this.base.destroy();
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/**
|
|
65
|
+
* For internal use only - Get the module name.
|
|
66
|
+
*
|
|
67
|
+
* @returns {string} - returns the string
|
|
68
|
+
*/
|
|
69
|
+
private getModuleName(): string {
|
|
70
|
+
return 'rte';
|
|
71
|
+
}
|
|
72
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { Slider as EJ2Slider, SliderModel } from '@syncfusion/ej2-inputs';
|
|
2
|
+
import { Base } from './base-module';
|
|
3
|
+
import { InPlaceEditor } from '../base/inplace-editor';
|
|
4
|
+
import { NotifyParams, IComponent } from '../base/interface';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* The `Slider` module is used configure the properties of Slider type editor.
|
|
8
|
+
*/
|
|
9
|
+
export class Slider implements IComponent {
|
|
10
|
+
private base: Base;
|
|
11
|
+
protected parent: InPlaceEditor;
|
|
12
|
+
public compObj: EJ2Slider = undefined;
|
|
13
|
+
|
|
14
|
+
public constructor(parent?: InPlaceEditor) {
|
|
15
|
+
this.parent = parent;
|
|
16
|
+
this.parent.sliderModule = this;
|
|
17
|
+
this.base = new Base(this.parent, this);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
public render(e: NotifyParams): void {
|
|
21
|
+
this.compObj = new EJ2Slider(this.parent.model as SliderModel);
|
|
22
|
+
this.compObj.appendTo(e.target as HTMLInputElement);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
public focus(): void {
|
|
26
|
+
this.compObj.element.focus();
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
public updateValue(e: NotifyParams): void {
|
|
30
|
+
if (this.compObj && e.type === 'Slider') {
|
|
31
|
+
this.parent.setProperties({ value: this.compObj.value }, true);
|
|
32
|
+
this.parent.extendModelValue(this.compObj.value);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
public refresh(): void {
|
|
37
|
+
this.compObj.refresh();
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* Destroys the slider module.
|
|
42
|
+
*
|
|
43
|
+
* @function destroy
|
|
44
|
+
* @returns {void}
|
|
45
|
+
* @hidden
|
|
46
|
+
*/
|
|
47
|
+
public destroy(): void {
|
|
48
|
+
this.base.destroy();
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* For internal use only - Get the module name.
|
|
53
|
+
*
|
|
54
|
+
* @returns {string} - returns the string
|
|
55
|
+
*/
|
|
56
|
+
private getModuleName(): string {
|
|
57
|
+
return 'slider';
|
|
58
|
+
}
|
|
59
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { TimePicker as EJ2TimePicker, TimePickerModel } from '@syncfusion/ej2-calendars';
|
|
2
|
+
import { Base } from './base-module';
|
|
3
|
+
import { InPlaceEditor } from '../base/inplace-editor';
|
|
4
|
+
import { NotifyParams, IComponent } from '../base/interface';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* The `TimePicker` module is used configure the properties of Time picker type editor.
|
|
8
|
+
*/
|
|
9
|
+
export class TimePicker implements IComponent {
|
|
10
|
+
private base: Base;
|
|
11
|
+
protected parent: InPlaceEditor;
|
|
12
|
+
public compObj: EJ2TimePicker = undefined;
|
|
13
|
+
|
|
14
|
+
public constructor(parent?: InPlaceEditor) {
|
|
15
|
+
this.parent = parent;
|
|
16
|
+
this.parent.timeModule = this;
|
|
17
|
+
this.base = new Base(this.parent, this);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
public render(e: NotifyParams): void {
|
|
21
|
+
this.compObj = new EJ2TimePicker(this.parent.model as TimePickerModel);
|
|
22
|
+
this.compObj.appendTo(e.target as HTMLInputElement);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
public focus(): void {
|
|
26
|
+
this.compObj.focusIn();
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
public updateValue(e: NotifyParams): void {
|
|
30
|
+
if (this.compObj && e.type === 'Time') {
|
|
31
|
+
this.parent.setProperties({ value: this.compObj.value }, true);
|
|
32
|
+
this.parent.extendModelValue(this.compObj.value);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* For internal use only - Get the module name.
|
|
37
|
+
*
|
|
38
|
+
* @returns {string} - returns the string
|
|
39
|
+
*/
|
|
40
|
+
private getModuleName(): string {
|
|
41
|
+
return 'time-picker';
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Destroys the module.
|
|
46
|
+
*
|
|
47
|
+
* @function destroy
|
|
48
|
+
* @returns {void}
|
|
49
|
+
* @hidden
|
|
50
|
+
*/
|
|
51
|
+
public destroy(): void {
|
|
52
|
+
this.base.destroy();
|
|
53
|
+
}
|
|
54
|
+
}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-inplace-editor@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-inplace-editor@20.
|
|
3
|
+
"_id": "@syncfusion/ej2-inplace-editor@20.4.1",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-5EoRNttMs/pqewt48FbwHSQd2tjQdEGSiw3TGSmaL7hPObYo7etin+wjIJNZWcnKvNQ8K67/FBv2/YGRe/gdUg==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-inplace-editor",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"/@syncfusion/ej2-react-inplace-editor",
|
|
25
25
|
"/@syncfusion/ej2-vue-inplace-editor"
|
|
26
26
|
],
|
|
27
|
-
"_resolved": "https://nexus.syncfusion.com/repository/ej2-
|
|
28
|
-
"_shasum": "
|
|
27
|
+
"_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-inplace-editor/-/ej2-inplace-editor-20.4.1.tgz",
|
|
28
|
+
"_shasum": "2d6cc266757a5bf40c54b732c6869975dad68853",
|
|
29
29
|
"_spec": "@syncfusion/ej2-inplace-editor@*",
|
|
30
30
|
"_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
|
|
31
31
|
"author": {
|
|
@@ -36,17 +36,17 @@
|
|
|
36
36
|
},
|
|
37
37
|
"bundleDependencies": false,
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@syncfusion/ej2-base": "~20.
|
|
40
|
-
"@syncfusion/ej2-buttons": "~20.
|
|
41
|
-
"@syncfusion/ej2-calendars": "~20.
|
|
42
|
-
"@syncfusion/ej2-data": "~20.
|
|
43
|
-
"@syncfusion/ej2-dropdowns": "~20.
|
|
44
|
-
"@syncfusion/ej2-inputs": "~20.
|
|
45
|
-
"@syncfusion/ej2-lists": "~20.
|
|
46
|
-
"@syncfusion/ej2-navigations": "~20.
|
|
47
|
-
"@syncfusion/ej2-popups": "~20.
|
|
48
|
-
"@syncfusion/ej2-richtexteditor": "~20.
|
|
49
|
-
"@syncfusion/ej2-splitbuttons": "~20.
|
|
39
|
+
"@syncfusion/ej2-base": "~20.4.38",
|
|
40
|
+
"@syncfusion/ej2-buttons": "~20.4.38",
|
|
41
|
+
"@syncfusion/ej2-calendars": "~20.4.38",
|
|
42
|
+
"@syncfusion/ej2-data": "~20.4.38",
|
|
43
|
+
"@syncfusion/ej2-dropdowns": "~20.4.38",
|
|
44
|
+
"@syncfusion/ej2-inputs": "~20.4.38",
|
|
45
|
+
"@syncfusion/ej2-lists": "~20.4.38",
|
|
46
|
+
"@syncfusion/ej2-navigations": "~20.4.38",
|
|
47
|
+
"@syncfusion/ej2-popups": "~20.4.38",
|
|
48
|
+
"@syncfusion/ej2-richtexteditor": "~20.4.38",
|
|
49
|
+
"@syncfusion/ej2-splitbuttons": "~20.4.38"
|
|
50
50
|
},
|
|
51
51
|
"deprecated": false,
|
|
52
52
|
"description": "A package of Essential JS 2 Inplace editor components, which is used to edit and update the value dynamically in server.",
|
|
@@ -69,6 +69,6 @@
|
|
|
69
69
|
"url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
|
|
70
70
|
},
|
|
71
71
|
"typings": "index.d.ts",
|
|
72
|
-
"version": "20.
|
|
72
|
+
"version": "20.4.38",
|
|
73
73
|
"sideEffects": false
|
|
74
74
|
}
|
package/styles/bootstrap4.css
CHANGED
package/tslint.json
ADDED
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
{
|
|
2
|
+
"rules": {
|
|
3
|
+
"chai-vague-errors": true,
|
|
4
|
+
"use-isnan": true,
|
|
5
|
+
"missing-jsdoc": true,
|
|
6
|
+
"missing-optional-annotation": true,
|
|
7
|
+
"no-backbone-get-set-outside-model": true,
|
|
8
|
+
"no-banned-terms": true,
|
|
9
|
+
"no-constant-condition": true,
|
|
10
|
+
"no-control-regex": true,
|
|
11
|
+
"no-cookies": true,
|
|
12
|
+
"no-delete-expression": true,
|
|
13
|
+
"no-document-write": true,
|
|
14
|
+
"no-document-domain": true,
|
|
15
|
+
"no-disable-auto-sanitization": true,
|
|
16
|
+
"no-duplicate-case": true,
|
|
17
|
+
"no-duplicate-parameter-names": true,
|
|
18
|
+
"no-empty-interfaces": true,
|
|
19
|
+
"no-exec-script": true,
|
|
20
|
+
"no-function-constructor-with-string-args": true,
|
|
21
|
+
"no-function-expression": true,
|
|
22
|
+
"no-invalid-regexp": true,
|
|
23
|
+
"no-for-in": true,
|
|
24
|
+
"member-access": true,
|
|
25
|
+
"no-multiline-string": true,
|
|
26
|
+
"no-multiple-var-decl": true,
|
|
27
|
+
"no-unnecessary-bind": true,
|
|
28
|
+
"no-unnecessary-semicolons": true,
|
|
29
|
+
"no-octal-literal": true,
|
|
30
|
+
"no-regex-spaces": true,
|
|
31
|
+
"no-sparse-arrays": true,
|
|
32
|
+
"no-string-based-set-immediate": true,
|
|
33
|
+
"no-string-based-set-interval": true,
|
|
34
|
+
"no-unused-imports": true,
|
|
35
|
+
"no-with-statement": true,
|
|
36
|
+
"prefer-array-literal": true,
|
|
37
|
+
"promise-must-complete": false,
|
|
38
|
+
"react-no-dangerous-html": true,
|
|
39
|
+
"use-named-parameter": true,
|
|
40
|
+
"valid-typeof": true,
|
|
41
|
+
"max-func-body-length": [true, 100, {
|
|
42
|
+
"ignore-parameters-to-function-regex": "describe"
|
|
43
|
+
}],
|
|
44
|
+
"class-name": true,
|
|
45
|
+
"curly": true,
|
|
46
|
+
"eofline": false,
|
|
47
|
+
"forin": true,
|
|
48
|
+
"indent": [
|
|
49
|
+
true,
|
|
50
|
+
"spaces"
|
|
51
|
+
],
|
|
52
|
+
"label-position": true,
|
|
53
|
+
"max-line-length": [true, 140],
|
|
54
|
+
"no-arg": true,
|
|
55
|
+
"no-console": [true,
|
|
56
|
+
"debug",
|
|
57
|
+
"info",
|
|
58
|
+
"log",
|
|
59
|
+
"time",
|
|
60
|
+
"timeEnd",
|
|
61
|
+
"trace"
|
|
62
|
+
],
|
|
63
|
+
"no-construct": true,
|
|
64
|
+
"no-parameter-properties": true,
|
|
65
|
+
"no-debugger": true,
|
|
66
|
+
"no-duplicate-variable": true,
|
|
67
|
+
"no-empty": true,
|
|
68
|
+
"no-eval": true,
|
|
69
|
+
"no-string-literal": true,
|
|
70
|
+
"no-switch-case-fall-through": true,
|
|
71
|
+
"trailing-comma": true,
|
|
72
|
+
"no-trailing-whitespace": true,
|
|
73
|
+
"no-unused-expression": true,
|
|
74
|
+
"no-use-before-declare": false,
|
|
75
|
+
"no-var-requires": true,
|
|
76
|
+
"one-line": [true,
|
|
77
|
+
"check-open-brace",
|
|
78
|
+
"check-catch",
|
|
79
|
+
"check-else",
|
|
80
|
+
"check-whitespace"
|
|
81
|
+
],
|
|
82
|
+
"no-any": true,
|
|
83
|
+
"no-conditional-assignment": true,
|
|
84
|
+
"no-angle-bracket-type-assertion": false,
|
|
85
|
+
"align": [true, "parameters", "arguments", "statements"],
|
|
86
|
+
"no-empty-line-after-opening-brace": false,
|
|
87
|
+
"typedef-whitespace": [false],
|
|
88
|
+
"ban": true,
|
|
89
|
+
"quotemark": [true, "single"],
|
|
90
|
+
"semicolon": true,
|
|
91
|
+
"triple-equals": [true, "allow-null-check"],
|
|
92
|
+
"typedef": [true,
|
|
93
|
+
"call-signature",
|
|
94
|
+
"parameter",
|
|
95
|
+
"property-declaration",
|
|
96
|
+
"variable-declaration",
|
|
97
|
+
"arrow-parameter",
|
|
98
|
+
"member-variable-declaration"],
|
|
99
|
+
"variable-name": true,
|
|
100
|
+
"whitespace": [true,
|
|
101
|
+
"check-branch",
|
|
102
|
+
"check-decl",
|
|
103
|
+
"check-operator",
|
|
104
|
+
"check-separator",
|
|
105
|
+
"check-type"
|
|
106
|
+
],
|
|
107
|
+
"jsdoc-format": true,
|
|
108
|
+
"no-var-keyword": true,
|
|
109
|
+
"radix": true
|
|
110
|
+
}
|
|
111
|
+
}
|