aurelia-syncfusion-ej2-bridge 1.0.2 → 1.0.3
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/README.md +32 -32
- package/dist/commonjs/widgets/checkbox/ej2-checkbox-list.js +8 -8
- package/dist/commonjs/widgets/slider/ej2-slider.js +2 -1
- package/dist/commonjs/widgets/uploader/ej2-uploader.js +30 -19
- package/dist/native-modules/widgets/checkbox/ej2-checkbox-list.js +8 -8
- package/dist/native-modules/widgets/slider/ej2-slider.js +2 -1
- package/dist/native-modules/widgets/uploader/ej2-uploader.js +30 -19
- package/package.json +5 -4
package/README.md
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
# `aurelia-syncfusion-ej-2-bridge`
|
|
2
|
-
|
|
3
|
-
This is an early release and is not recommended for use
|
|
4
|
-
|
|
5
|
-
# Supported controls
|
|
6
|
-
* Accoridon
|
|
7
|
-
* Auto Complete
|
|
8
|
-
* Button
|
|
9
|
-
* Checkbox
|
|
10
|
-
* Combobox
|
|
11
|
-
* Dashboard Layout
|
|
12
|
-
* Date Picker
|
|
13
|
-
* Date Time Picker
|
|
14
|
-
* Dropdown List
|
|
15
|
-
* Dropdown Tree
|
|
16
|
-
* File Manager
|
|
17
|
-
* Grid
|
|
18
|
-
* List View
|
|
19
|
-
* Masked Textbox
|
|
20
|
-
* Numeric Textbox
|
|
21
|
-
* Pager
|
|
22
|
-
* Progress Button
|
|
23
|
-
* Radio
|
|
24
|
-
* Schedule
|
|
25
|
-
* Sidebar
|
|
26
|
-
* Slider
|
|
27
|
-
* Splitter
|
|
28
|
-
* Switch
|
|
29
|
-
* Textbox
|
|
30
|
-
* Time Picker
|
|
31
|
-
* Tree View
|
|
32
|
-
* Uploader
|
|
1
|
+
# `aurelia-syncfusion-ej-2-bridge`
|
|
2
|
+
|
|
3
|
+
This is an early release and is not recommended for use
|
|
4
|
+
|
|
5
|
+
# Supported controls
|
|
6
|
+
* Accoridon
|
|
7
|
+
* Auto Complete
|
|
8
|
+
* Button
|
|
9
|
+
* Checkbox
|
|
10
|
+
* Combobox
|
|
11
|
+
* Dashboard Layout
|
|
12
|
+
* Date Picker
|
|
13
|
+
* Date Time Picker
|
|
14
|
+
* Dropdown List
|
|
15
|
+
* Dropdown Tree
|
|
16
|
+
* File Manager
|
|
17
|
+
* Grid
|
|
18
|
+
* List View
|
|
19
|
+
* Masked Textbox
|
|
20
|
+
* Numeric Textbox
|
|
21
|
+
* Pager
|
|
22
|
+
* Progress Button
|
|
23
|
+
* Radio
|
|
24
|
+
* Schedule
|
|
25
|
+
* Sidebar
|
|
26
|
+
* Slider
|
|
27
|
+
* Splitter
|
|
28
|
+
* Switch
|
|
29
|
+
* Textbox
|
|
30
|
+
* Time Picker
|
|
31
|
+
* Tree View
|
|
32
|
+
* Uploader
|
|
@@ -65,13 +65,13 @@ __decorate([
|
|
|
65
65
|
], Ej2CheckboxList.prototype, "matcher", void 0);
|
|
66
66
|
exports.Ej2CheckboxList = Ej2CheckboxList = __decorate([
|
|
67
67
|
(0, aurelia_framework_1.customElement)("ej2-checkbox-list"),
|
|
68
|
-
(0, aurelia_framework_1.inlineView)(`<template>
|
|
69
|
-
<div repeat.for="option of dataSource" css="\${orientation === 'horizontal' ? 'display: inline;' : ''}">
|
|
70
|
-
<ej2-checkbox view-model.ref="viewModels[$index]" e-label.bind="optionModel? option[optionModel.label]: option"
|
|
71
|
-
e-name.bind="optionModel? option[optionModel.name]: option"
|
|
72
|
-
click.delegate="checkboxClick(option, viewModels[$index])"
|
|
73
|
-
e-checked.bind="selectedItems.length >0 && matcher? isMatch(option) : selectedItems.indexOf(option) !== -1">
|
|
74
|
-
</ej2-checkbox>
|
|
75
|
-
</div>
|
|
68
|
+
(0, aurelia_framework_1.inlineView)(`<template>
|
|
69
|
+
<div repeat.for="option of dataSource" css="\${orientation === 'horizontal' ? 'display: inline;' : ''}">
|
|
70
|
+
<ej2-checkbox view-model.ref="viewModels[$index]" e-label.bind="optionModel? option[optionModel.label]: option"
|
|
71
|
+
e-name.bind="optionModel? option[optionModel.name]: option"
|
|
72
|
+
click.delegate="checkboxClick(option, viewModels[$index])"
|
|
73
|
+
e-checked.bind="selectedItems.length >0 && matcher? isMatch(option) : selectedItems.indexOf(option) !== -1">
|
|
74
|
+
</ej2-checkbox>
|
|
75
|
+
</div>
|
|
76
76
|
</template>`)
|
|
77
77
|
], Ej2CheckboxList);
|
|
@@ -22,7 +22,8 @@ let Ej2Slider = class Ej2Slider extends syncfusionWrapper_1.SyncfusionWrapper {
|
|
|
22
22
|
this.containerResizeObserver = null;
|
|
23
23
|
this.resize = lodash_1.default.debounce(() => {
|
|
24
24
|
this.taskQueue.queueTask(() => {
|
|
25
|
-
|
|
25
|
+
var _a;
|
|
26
|
+
(_a = this.widget) === null || _a === void 0 ? void 0 : _a.refresh();
|
|
26
27
|
});
|
|
27
28
|
}, 100);
|
|
28
29
|
this.syncfusionWidgetType = ej2_inputs_1.Slider;
|
|
@@ -8,6 +8,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
8
8
|
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
9
9
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
10
10
|
};
|
|
11
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
12
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
13
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
14
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
15
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
16
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
17
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
18
|
+
});
|
|
19
|
+
};
|
|
11
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
21
|
exports.Ej2Uploader = void 0;
|
|
13
22
|
const constants_1 = require("../../common/constants");
|
|
@@ -156,27 +165,29 @@ let Ej2Uploader = class Ej2Uploader extends syncfusionWrapper_1.SyncfusionWrappe
|
|
|
156
165
|
removeFile(file) {
|
|
157
166
|
this.widget.remove(file);
|
|
158
167
|
}
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
if (this.dataAdapter && this.dataAdapter.remove) {
|
|
169
|
-
try {
|
|
170
|
-
if (this.serverDelete) {
|
|
171
|
-
await this.dataAdapter.remove.call(this.context || this.bindingContext, args.filesData[0]);
|
|
172
|
-
}
|
|
173
|
-
this.onRemoveSuccess(args);
|
|
174
|
-
this.onWidgetRemoveComplete(null, args);
|
|
168
|
+
removing(args) {
|
|
169
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
170
|
+
let event = new CustomEvent("on-removing", {
|
|
171
|
+
bubbles: true,
|
|
172
|
+
detail: args
|
|
173
|
+
});
|
|
174
|
+
this.element.dispatchEvent(event);
|
|
175
|
+
if (args.cancel) {
|
|
176
|
+
return;
|
|
175
177
|
}
|
|
176
|
-
|
|
177
|
-
|
|
178
|
+
if (this.dataAdapter && this.dataAdapter.remove) {
|
|
179
|
+
try {
|
|
180
|
+
if (this.serverDelete) {
|
|
181
|
+
yield this.dataAdapter.remove.call(this.context || this.bindingContext, args.filesData[0]);
|
|
182
|
+
}
|
|
183
|
+
this.onRemoveSuccess(args);
|
|
184
|
+
this.onWidgetRemoveComplete(null, args);
|
|
185
|
+
}
|
|
186
|
+
catch (error) {
|
|
187
|
+
this.onWidgetRemoveFailed(error, args);
|
|
188
|
+
}
|
|
178
189
|
}
|
|
179
|
-
}
|
|
190
|
+
});
|
|
180
191
|
}
|
|
181
192
|
onWidgetRemoveComplete(response, args) {
|
|
182
193
|
this.widget.removeCompleted(response, args.filesData[0], false);
|
|
@@ -61,14 +61,14 @@ __decorate([
|
|
|
61
61
|
], Ej2CheckboxList.prototype, "matcher", void 0);
|
|
62
62
|
Ej2CheckboxList = __decorate([
|
|
63
63
|
customElement("ej2-checkbox-list"),
|
|
64
|
-
inlineView(`<template>
|
|
65
|
-
<div repeat.for="option of dataSource" css="\${orientation === 'horizontal' ? 'display: inline;' : ''}">
|
|
66
|
-
<ej2-checkbox view-model.ref="viewModels[$index]" e-label.bind="optionModel? option[optionModel.label]: option"
|
|
67
|
-
e-name.bind="optionModel? option[optionModel.name]: option"
|
|
68
|
-
click.delegate="checkboxClick(option, viewModels[$index])"
|
|
69
|
-
e-checked.bind="selectedItems.length >0 && matcher? isMatch(option) : selectedItems.indexOf(option) !== -1">
|
|
70
|
-
</ej2-checkbox>
|
|
71
|
-
</div>
|
|
64
|
+
inlineView(`<template>
|
|
65
|
+
<div repeat.for="option of dataSource" css="\${orientation === 'horizontal' ? 'display: inline;' : ''}">
|
|
66
|
+
<ej2-checkbox view-model.ref="viewModels[$index]" e-label.bind="optionModel? option[optionModel.label]: option"
|
|
67
|
+
e-name.bind="optionModel? option[optionModel.name]: option"
|
|
68
|
+
click.delegate="checkboxClick(option, viewModels[$index])"
|
|
69
|
+
e-checked.bind="selectedItems.length >0 && matcher? isMatch(option) : selectedItems.indexOf(option) !== -1">
|
|
70
|
+
</ej2-checkbox>
|
|
71
|
+
</div>
|
|
72
72
|
</template>`)
|
|
73
73
|
], Ej2CheckboxList);
|
|
74
74
|
export { Ej2CheckboxList };
|
|
@@ -16,7 +16,8 @@ let Ej2Slider = class Ej2Slider extends SyncfusionWrapper {
|
|
|
16
16
|
this.containerResizeObserver = null;
|
|
17
17
|
this.resize = _.debounce(() => {
|
|
18
18
|
this.taskQueue.queueTask(() => {
|
|
19
|
-
|
|
19
|
+
var _a;
|
|
20
|
+
(_a = this.widget) === null || _a === void 0 ? void 0 : _a.refresh();
|
|
20
21
|
});
|
|
21
22
|
}, 100);
|
|
22
23
|
this.syncfusionWidgetType = Slider;
|
|
@@ -7,6 +7,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
8
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
9
|
};
|
|
10
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
11
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
12
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
13
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
14
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
15
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
16
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
17
|
+
});
|
|
18
|
+
};
|
|
10
19
|
import { constants } from '../../common/constants';
|
|
11
20
|
import { Uploader } from "@syncfusion/ej2-inputs";
|
|
12
21
|
import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
|
|
@@ -153,27 +162,29 @@ let Ej2Uploader = class Ej2Uploader extends SyncfusionWrapper {
|
|
|
153
162
|
removeFile(file) {
|
|
154
163
|
this.widget.remove(file);
|
|
155
164
|
}
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
if (this.dataAdapter && this.dataAdapter.remove) {
|
|
166
|
-
try {
|
|
167
|
-
if (this.serverDelete) {
|
|
168
|
-
await this.dataAdapter.remove.call(this.context || this.bindingContext, args.filesData[0]);
|
|
169
|
-
}
|
|
170
|
-
this.onRemoveSuccess(args);
|
|
171
|
-
this.onWidgetRemoveComplete(null, args);
|
|
165
|
+
removing(args) {
|
|
166
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
167
|
+
let event = new CustomEvent("on-removing", {
|
|
168
|
+
bubbles: true,
|
|
169
|
+
detail: args
|
|
170
|
+
});
|
|
171
|
+
this.element.dispatchEvent(event);
|
|
172
|
+
if (args.cancel) {
|
|
173
|
+
return;
|
|
172
174
|
}
|
|
173
|
-
|
|
174
|
-
|
|
175
|
+
if (this.dataAdapter && this.dataAdapter.remove) {
|
|
176
|
+
try {
|
|
177
|
+
if (this.serverDelete) {
|
|
178
|
+
yield this.dataAdapter.remove.call(this.context || this.bindingContext, args.filesData[0]);
|
|
179
|
+
}
|
|
180
|
+
this.onRemoveSuccess(args);
|
|
181
|
+
this.onWidgetRemoveComplete(null, args);
|
|
182
|
+
}
|
|
183
|
+
catch (error) {
|
|
184
|
+
this.onWidgetRemoveFailed(error, args);
|
|
185
|
+
}
|
|
175
186
|
}
|
|
176
|
-
}
|
|
187
|
+
});
|
|
177
188
|
}
|
|
178
189
|
onWidgetRemoveComplete(response, args) {
|
|
179
190
|
this.widget.removeCompleted(response, args.filesData[0], false);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "aurelia-syncfusion-ej2-bridge",
|
|
3
3
|
"description": "An Aurelia plugin wrapper for syncfusion EJ2 controls",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.3",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"aurelia",
|
|
7
7
|
"syncfusion"
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"build": "au build-plugin"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@syncfusion/ej2": "^26.
|
|
24
|
+
"@syncfusion/ej2": "^26.2.14",
|
|
25
25
|
"@types/jest": "^24.0.9",
|
|
26
26
|
"@types/node": "^20.12.7",
|
|
27
27
|
"aurelia-animator-css": "^1.0.4",
|
|
@@ -101,5 +101,6 @@
|
|
|
101
101
|
"text",
|
|
102
102
|
"html"
|
|
103
103
|
]
|
|
104
|
-
}
|
|
105
|
-
|
|
104
|
+
},
|
|
105
|
+
"packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
|
|
106
|
+
}
|