@nativescript-community/ui-checkbox 2.0.12 → 2.0.14
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 +10 -0
- package/README.md +4 -4
- package/angular/esm2022/index.mjs +7 -8
- package/angular/fesm2022/nativescript-community-ui-checkbox-angular.mjs +6 -7
- package/angular/fesm2022/nativescript-community-ui-checkbox-angular.mjs.map +1 -1
- package/blueprint.md +4 -4
- package/common.d.ts +4 -5
- package/common.js +6 -26
- package/common.js.map +1 -1
- package/index.android.d.ts +3 -5
- package/index.android.js +17 -41
- package/index.android.js.map +1 -1
- package/index.d.ts +48 -0
- package/index.ios.d.ts +7 -22
- package/index.ios.js +112 -154
- package/index.ios.js.map +1 -1
- package/package.json +2 -2
- package/vue/index.js.map +1 -1
- package/angular/package.json +0 -24
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [2.0.14](https://github.com/nativescript-community/ui-checkbox/compare/v2.0.13...v2.0.14) (2025-10-03)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @nativescript-community/ui-checkbox
|
|
9
|
+
|
|
10
|
+
## 2.0.13 (2025-10-03)
|
|
11
|
+
|
|
12
|
+
### Bug Fixes
|
|
13
|
+
|
|
14
|
+
* **android:** native-api-usage ([84a3ee3](https://github.com/nativescript-community/ui-checkbox/commit/84a3ee309bacb64afb205c2ab789e4064cfad3f8))
|
|
15
|
+
|
|
6
16
|
## [2.0.12](https://github.com/nativescript-community/ui-checkbox/compare/v2.0.11...v2.0.12) (2023-12-11)
|
|
7
17
|
|
|
8
18
|
**Note:** Version bump only for package @nativescript-community/ui-checkbox
|
package/README.md
CHANGED
|
@@ -129,7 +129,7 @@ Run the following command from the root of your project:
|
|
|
129
129
|
```XML
|
|
130
130
|
<Page
|
|
131
131
|
xmlns="http://schemas.nativescript.org/tns.xsd"
|
|
132
|
-
xmlns:CheckBox="@
|
|
132
|
+
xmlns:CheckBox="@nativescript-community/ui-checkbox" loaded="pageLoaded">
|
|
133
133
|
<ActionBar title="Native Checkbox" />
|
|
134
134
|
<StackLayout>
|
|
135
135
|
<CheckBox:CheckBox checked="checkProp" text="myCheckText" fillColor="myCheckColor" id="myCheckbox" />
|
|
@@ -142,7 +142,7 @@ Run the following command from the root of your project:
|
|
|
142
142
|
|
|
143
143
|
```typescript
|
|
144
144
|
|
|
145
|
-
import { CheckBox } from '@
|
|
145
|
+
import { CheckBox } from '@nativescript-community/ui-checkbox';
|
|
146
146
|
import { topmost } from '@nativescript/core/ui/frame';
|
|
147
147
|
|
|
148
148
|
public toggleCheck() {
|
|
@@ -160,7 +160,7 @@ public getCheckProp() {
|
|
|
160
160
|
### Angular Usage Sample:
|
|
161
161
|
|
|
162
162
|
```typescript
|
|
163
|
-
import { TNSCheckBoxModule } from '@
|
|
163
|
+
import { TNSCheckBoxModule } from '@nativescript-community/ui-checkbox/angular';
|
|
164
164
|
|
|
165
165
|
@NgModule({
|
|
166
166
|
imports: [TNSCheckBoxModule]
|
|
@@ -199,7 +199,7 @@ In your `main.js` (The file where the root Vue instance is created) register the
|
|
|
199
199
|
```js
|
|
200
200
|
Vue.registerElement(
|
|
201
201
|
'CheckBox',
|
|
202
|
-
() => require('@
|
|
202
|
+
() => require('@nativescript-community/ui-checkbox').CheckBox,
|
|
203
203
|
{
|
|
204
204
|
model: {
|
|
205
205
|
prop: 'checked',
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { Directive, ElementRef, HostListener, Inject, NgModule, forwardRef } from '@angular/core';
|
|
2
2
|
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import { BaseValueAccessor, registerElement } from '@nativescript/angular';
|
|
4
|
-
import { View } from '@nativescript/core';
|
|
5
4
|
import { CheckBox } from '@nativescript-community/ui-checkbox';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
registerElement('CheckBox', () => CheckBox);
|
|
@@ -33,30 +32,30 @@ export class CheckedValueAccessor extends BaseValueAccessor {
|
|
|
33
32
|
registerOnTouched(fn) {
|
|
34
33
|
this.onTouched = fn;
|
|
35
34
|
}
|
|
36
|
-
static ɵfac = function CheckedValueAccessor_Factory(
|
|
35
|
+
static ɵfac = function CheckedValueAccessor_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CheckedValueAccessor)(i0.ɵɵdirectiveInject(ElementRef)); };
|
|
37
36
|
static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CheckedValueAccessor, selectors: [["CheckBox", "ngModel", ""], ["CheckBox", "formControlName", ""], ["CheckBox", "formControl", ""], ["checkBox", "ngModel", ""], ["checkBox", "formControlName", ""], ["checkBox", "formControl", ""], ["check-box", "ngModel", ""], ["check-box", "formControlName", ""], ["check-box", "formControl", ""]], hostBindings: function CheckedValueAccessor_HostBindings(rf, ctx) { if (rf & 1) {
|
|
38
37
|
i0.ɵɵlistener("checkedChange", function CheckedValueAccessor_checkedChange_HostBindingHandler($event) { return ctx.checkedChangeListener($event); });
|
|
39
38
|
} }, features: [i0.ɵɵProvidersFeature([CHECKED_VALUE_ACCESSOR]), i0.ɵɵInheritDefinitionFeature] });
|
|
40
39
|
}
|
|
41
|
-
(
|
|
40
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckedValueAccessor, [{
|
|
42
41
|
type: Directive,
|
|
43
42
|
args: [{
|
|
44
43
|
selector: 'CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]',
|
|
45
44
|
providers: [CHECKED_VALUE_ACCESSOR]
|
|
46
45
|
}]
|
|
47
|
-
}],
|
|
46
|
+
}], () => [{ type: i0.ElementRef, decorators: [{
|
|
48
47
|
type: Inject,
|
|
49
48
|
args: [ElementRef]
|
|
50
|
-
}] }]
|
|
49
|
+
}] }], { checkedChangeListener: [{
|
|
51
50
|
type: HostListener,
|
|
52
51
|
args: ['checkedChange', ['$event']]
|
|
53
52
|
}] }); })();
|
|
54
53
|
export class CheckBoxModule {
|
|
55
|
-
static ɵfac = function CheckBoxModule_Factory(
|
|
54
|
+
static ɵfac = function CheckBoxModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CheckBoxModule)(); };
|
|
56
55
|
static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CheckBoxModule });
|
|
57
56
|
static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FormsModule, FormsModule] });
|
|
58
57
|
}
|
|
59
|
-
(
|
|
58
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckBoxModule, [{
|
|
60
59
|
type: NgModule,
|
|
61
60
|
args: [{
|
|
62
61
|
declarations: [CheckedValueAccessor],
|
|
@@ -66,4 +65,4 @@ export class CheckBoxModule {
|
|
|
66
65
|
}]
|
|
67
66
|
}], null, null); })();
|
|
68
67
|
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CheckBoxModule, { declarations: [CheckedValueAccessor], imports: [FormsModule], exports: [FormsModule, CheckedValueAccessor] }); })();
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hlY2tib3gvYW5ndWxhci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBRS9ELGVBQWUsQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7QUFFNUMsTUFBTSxzQkFBc0IsR0FBRztJQUMzQixPQUFPLEVBQUUsaUJBQWlCO0lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7SUFDbkQsS0FBSyxFQUFFLElBQUk7Q0FDZCxDQUFDO0FBSUY7Ozs7Ozs7O0dBUUc7QUFNSCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsaUJBQWdDO0lBQ3RFLFlBQWdDLFVBQXNCO1FBQ2xELEtBQUssQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUdNLHFCQUFxQixDQUFDLEtBQVU7UUFDbkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVNLFNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFckIsVUFBVSxDQUFDLEtBQVU7UUFDeEIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxFQUFjO1FBQ25DLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7OEdBbEJRLG9CQUFvQix1QkFDVCxVQUFVOzZEQURyQixvQkFBb0I7WUFBcEIsK0dBQUEsaUNBQTZCLElBQVQ7OENBRmxCLENBQUMsc0JBQXNCLENBQUM7O2lGQUUxQixvQkFBb0I7Y0FMaEMsU0FBUztlQUFDO2dCQUNQLFFBQVEsRUFDSixrTkFBa047Z0JBQ3ROLFNBQVMsRUFBRSxDQUFDLHNCQUFzQixDQUFDO2FBQ3RDOztzQkFFZ0IsTUFBTTt1QkFBQyxVQUFVO3FCQUt2QixxQkFBcUI7a0JBRDNCLFlBQVk7bUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDOztBQXNCN0MsTUFBTSxPQUFPLGNBQWM7d0dBQWQsY0FBYzs0REFBZCxjQUFjO2dFQUhiLFdBQVcsRUFDWCxXQUFXOztpRkFFWixjQUFjO2NBTjFCLFFBQVE7ZUFBQztnQkFDTixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztnQkFDcEMsU0FBUyxFQUFFLEVBQUU7Z0JBQ2IsT0FBTyxFQUFFLENBQUMsV0FBVyxDQUFDO2dCQUN0QixPQUFPLEVBQUUsQ0FBQyxXQUFXLEVBQUUsb0JBQW9CLENBQUM7YUFDL0M7O3dGQUNZLGNBQWMsbUJBM0JkLG9CQUFvQixhQXdCbkIsV0FBVyxhQUNYLFdBQVcsRUF6Qlosb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIEluamVjdCwgTmdNb2R1bGUsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEJhc2VWYWx1ZUFjY2Vzc29yLCByZWdpc3RlckVsZW1lbnQgfSBmcm9tICdAbmF0aXZlc2NyaXB0L2FuZ3VsYXInO1xuaW1wb3J0IHsgVmlldyB9IGZyb20gJ0BuYXRpdmVzY3JpcHQvY29yZSc7XG5pbXBvcnQgeyBDaGVja0JveCB9IGZyb20gJ0BuYXRpdmVzY3JpcHQtY29tbXVuaXR5L3VpLWNoZWNrYm94JztcblxucmVnaXN0ZXJFbGVtZW50KCdDaGVja0JveCcsICgpID0+IENoZWNrQm94KTtcblxuY29uc3QgQ0hFQ0tFRF9WQUxVRV9BQ0NFU1NPUiA9IHtcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDaGVja2VkVmFsdWVBY2Nlc3NvciksXG4gICAgbXVsdGk6IHRydWVcbn07XG5cbmV4cG9ydCB0eXBlIENoZWNrYWJsZVZpZXcgPSB7IGNoZWNrZWQ6IGJvb2xlYW4gfSAmIFZpZXc7XG5cbi8qKlxuICogVGhlIGFjY2Vzc29yIGZvciBzZXR0aW5nIGNoZWNrZWQgcHJvcGVydHkgYW5kIGxpc3RlbmluZyB0byBjaGFuZ2VzIHRoYXQgaXMgdXNlZCBieSB0aGVcbiAqIHtAbGluayBOZ01vZGVsfSBkaXJlY3RpdmVzLlxuICpcbiAqICAjIyMgRXhhbXBsZVxuICogIGBgYFxuICogIDxDaGVja0JveCBbKG5nTW9kZWwpXT1cIm1vZGVsLnRlc3RcIj5cbiAqICBgYGBcbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6XG4gICAgICAgICdDaGVja0JveFtuZ01vZGVsXSwgQ2hlY2tCb3hbZm9ybUNvbnRyb2xOYW1lXSwgQ2hlY2tCb3hbZm9ybUNvbnRyb2xdLCBjaGVja0JveFtuZ01vZGVsXSwgY2hlY2tCb3hbZm9ybUNvbnRyb2xOYW1lXSwgY2hlY2tCb3hbZm9ybUNvbnRyb2xdLCBjaGVjay1ib3hbbmdNb2RlbF0sIGNoZWNrLWJveFtmb3JtQ29udHJvbE5hbWVdLCBjaGVjay1ib3hbZm9ybUNvbnRyb2xdJyxcbiAgICBwcm92aWRlcnM6IFtDSEVDS0VEX1ZBTFVFX0FDQ0VTU09SXVxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2VkVmFsdWVBY2Nlc3NvciBleHRlbmRzIEJhc2VWYWx1ZUFjY2Vzc29yPENoZWNrYWJsZVZpZXc+IHtcbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KEVsZW1lbnRSZWYpIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICAgICAgc3VwZXIoZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdjaGVja2VkQ2hhbmdlJywgWyckZXZlbnQnXSlcbiAgICBwdWJsaWMgY2hlY2tlZENoYW5nZUxpc3RlbmVyKGV2ZW50OiBhbnkpIHtcbiAgICAgICAgdGhpcy5vbkNoYW5nZShldmVudC52YWx1ZSk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gICAgcHVibGljIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLnZpZXcuY2hlY2tlZCA9IHZhbHVlO1xuICAgIH1cblxuICAgIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICAgIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtDaGVja2VkVmFsdWVBY2Nlc3Nvcl0sXG4gICAgcHJvdmlkZXJzOiBbXSxcbiAgICBpbXBvcnRzOiBbRm9ybXNNb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtGb3Jtc01vZHVsZSwgQ2hlY2tlZFZhbHVlQWNjZXNzb3JdXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrQm94TW9kdWxlIHt9XG4iXX0=
|
|
@@ -2,7 +2,6 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { forwardRef, ElementRef, Directive, Inject, HostListener, NgModule } from '@angular/core';
|
|
3
3
|
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
|
4
4
|
import { registerElement, BaseValueAccessor } from '@nativescript/angular';
|
|
5
|
-
import '@nativescript/core';
|
|
6
5
|
import { CheckBox } from '@nativescript-community/ui-checkbox';
|
|
7
6
|
|
|
8
7
|
registerElement('CheckBox', () => CheckBox);
|
|
@@ -34,30 +33,30 @@ class CheckedValueAccessor extends BaseValueAccessor {
|
|
|
34
33
|
registerOnTouched(fn) {
|
|
35
34
|
this.onTouched = fn;
|
|
36
35
|
}
|
|
37
|
-
static ɵfac = function CheckedValueAccessor_Factory(
|
|
36
|
+
static ɵfac = function CheckedValueAccessor_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CheckedValueAccessor)(i0.ɵɵdirectiveInject(ElementRef)); };
|
|
38
37
|
static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CheckedValueAccessor, selectors: [["CheckBox", "ngModel", ""], ["CheckBox", "formControlName", ""], ["CheckBox", "formControl", ""], ["checkBox", "ngModel", ""], ["checkBox", "formControlName", ""], ["checkBox", "formControl", ""], ["check-box", "ngModel", ""], ["check-box", "formControlName", ""], ["check-box", "formControl", ""]], hostBindings: function CheckedValueAccessor_HostBindings(rf, ctx) { if (rf & 1) {
|
|
39
38
|
i0.ɵɵlistener("checkedChange", function CheckedValueAccessor_checkedChange_HostBindingHandler($event) { return ctx.checkedChangeListener($event); });
|
|
40
39
|
} }, features: [i0.ɵɵProvidersFeature([CHECKED_VALUE_ACCESSOR]), i0.ɵɵInheritDefinitionFeature] });
|
|
41
40
|
}
|
|
42
|
-
(
|
|
41
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckedValueAccessor, [{
|
|
43
42
|
type: Directive,
|
|
44
43
|
args: [{
|
|
45
44
|
selector: 'CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]',
|
|
46
45
|
providers: [CHECKED_VALUE_ACCESSOR]
|
|
47
46
|
}]
|
|
48
|
-
}],
|
|
47
|
+
}], () => [{ type: i0.ElementRef, decorators: [{
|
|
49
48
|
type: Inject,
|
|
50
49
|
args: [ElementRef]
|
|
51
|
-
}] }]
|
|
50
|
+
}] }], { checkedChangeListener: [{
|
|
52
51
|
type: HostListener,
|
|
53
52
|
args: ['checkedChange', ['$event']]
|
|
54
53
|
}] }); })();
|
|
55
54
|
class CheckBoxModule {
|
|
56
|
-
static ɵfac = function CheckBoxModule_Factory(
|
|
55
|
+
static ɵfac = function CheckBoxModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CheckBoxModule)(); };
|
|
57
56
|
static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CheckBoxModule });
|
|
58
57
|
static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [FormsModule, FormsModule] });
|
|
59
58
|
}
|
|
60
|
-
(
|
|
59
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckBoxModule, [{
|
|
61
60
|
type: NgModule,
|
|
62
61
|
args: [{
|
|
63
62
|
declarations: [CheckedValueAccessor],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nativescript-community-ui-checkbox-angular.mjs","sources":["../../../../src/checkbox/angular/index.ts","../../../../src/checkbox/angular/nativescript-community-ui-checkbox-angular.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, Inject, NgModule, forwardRef } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BaseValueAccessor, registerElement } from '@nativescript/angular';\nimport { View } from '@nativescript/core';\nimport { CheckBox } from '@nativescript-community/ui-checkbox';\n\nregisterElement('CheckBox', () => CheckBox);\n\nconst CHECKED_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CheckedValueAccessor),\n multi: true\n};\n\nexport type CheckableView = { checked: boolean } & View;\n\n/**\n * The accessor for setting checked property and listening to changes that is used by the\n * {@link NgModel} directives.\n *\n * ### Example\n * ```\n * <CheckBox [(ngModel)]=\"model.test\">\n * ```\n */\n@Directive({\n selector:\n 'CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]',\n providers: [CHECKED_VALUE_ACCESSOR]\n})\nexport class CheckedValueAccessor extends BaseValueAccessor<CheckableView> {\n constructor(@Inject(ElementRef) elementRef: ElementRef) {\n super(elementRef.nativeElement);\n }\n\n @HostListener('checkedChange', ['$event'])\n public checkedChangeListener(event: any) {\n this.onChange(event.value);\n }\n\n public onTouched = () => {};\n\n public writeValue(value: any): void {\n this.view.checked = value;\n }\n\n public registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n}\n\n@NgModule({\n declarations: [CheckedValueAccessor],\n providers: [],\n imports: [FormsModule],\n exports: [FormsModule, CheckedValueAccessor]\n})\nexport class CheckBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"nativescript-community-ui-checkbox-angular.mjs","sources":["../../../../src/checkbox/angular/index.ts","../../../../src/checkbox/angular/nativescript-community-ui-checkbox-angular.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, Inject, NgModule, forwardRef } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BaseValueAccessor, registerElement } from '@nativescript/angular';\nimport { View } from '@nativescript/core';\nimport { CheckBox } from '@nativescript-community/ui-checkbox';\n\nregisterElement('CheckBox', () => CheckBox);\n\nconst CHECKED_VALUE_ACCESSOR = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CheckedValueAccessor),\n multi: true\n};\n\nexport type CheckableView = { checked: boolean } & View;\n\n/**\n * The accessor for setting checked property and listening to changes that is used by the\n * {@link NgModel} directives.\n *\n * ### Example\n * ```\n * <CheckBox [(ngModel)]=\"model.test\">\n * ```\n */\n@Directive({\n selector:\n 'CheckBox[ngModel], CheckBox[formControlName], CheckBox[formControl], checkBox[ngModel], checkBox[formControlName], checkBox[formControl], check-box[ngModel], check-box[formControlName], check-box[formControl]',\n providers: [CHECKED_VALUE_ACCESSOR]\n})\nexport class CheckedValueAccessor extends BaseValueAccessor<CheckableView> {\n constructor(@Inject(ElementRef) elementRef: ElementRef) {\n super(elementRef.nativeElement);\n }\n\n @HostListener('checkedChange', ['$event'])\n public checkedChangeListener(event: any) {\n this.onChange(event.value);\n }\n\n public onTouched = () => {};\n\n public writeValue(value: any): void {\n this.view.checked = value;\n }\n\n public registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n}\n\n@NgModule({\n declarations: [CheckedValueAccessor],\n providers: [],\n imports: [FormsModule],\n exports: [FormsModule, CheckedValueAccessor]\n})\nexport class CheckBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/blueprint.md
CHANGED
|
@@ -53,7 +53,7 @@ Run the following command from the root of your project:
|
|
|
53
53
|
```XML
|
|
54
54
|
<Page
|
|
55
55
|
xmlns="http://schemas.nativescript.org/tns.xsd"
|
|
56
|
-
xmlns:CheckBox="@
|
|
56
|
+
xmlns:CheckBox="@nativescript-community/ui-checkbox" loaded="pageLoaded">
|
|
57
57
|
<ActionBar title="Native Checkbox" />
|
|
58
58
|
<StackLayout>
|
|
59
59
|
<CheckBox:CheckBox checked="{{ checkProp }}" text="{{ myCheckText }}" fillColor="{{ myCheckColor }}" id="myCheckbox" />
|
|
@@ -66,7 +66,7 @@ Run the following command from the root of your project:
|
|
|
66
66
|
|
|
67
67
|
```typescript
|
|
68
68
|
|
|
69
|
-
import { CheckBox } from '@
|
|
69
|
+
import { CheckBox } from '@nativescript-community/ui-checkbox';
|
|
70
70
|
import { topmost } from '@nativescript/core/ui/frame';
|
|
71
71
|
|
|
72
72
|
public toggleCheck() {
|
|
@@ -84,7 +84,7 @@ public getCheckProp() {
|
|
|
84
84
|
### Angular Usage Sample:
|
|
85
85
|
|
|
86
86
|
```typescript
|
|
87
|
-
import { TNSCheckBoxModule } from '@
|
|
87
|
+
import { TNSCheckBoxModule } from '@nativescript-community/ui-checkbox/angular';
|
|
88
88
|
|
|
89
89
|
@NgModule({
|
|
90
90
|
imports: [TNSCheckBoxModule]
|
|
@@ -123,7 +123,7 @@ In your `main.js` (The file where the root Vue instance is created) register the
|
|
|
123
123
|
```js
|
|
124
124
|
Vue.registerElement(
|
|
125
125
|
'CheckBox',
|
|
126
|
-
() => require('@
|
|
126
|
+
() => require('@nativescript-community/ui-checkbox').CheckBox,
|
|
127
127
|
{
|
|
128
128
|
model: {
|
|
129
129
|
prop: 'checked',
|
package/common.d.ts
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Color, Property, View } from '@nativescript/core';
|
|
2
2
|
import { CheckBoxInterface } from '.';
|
|
3
3
|
export declare enum BoxType {
|
|
4
4
|
circle = "circle",
|
|
5
5
|
square = "square"
|
|
6
6
|
}
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const fillColorProperty: CssProperty<Style, string>;
|
|
7
|
+
export declare const tintColorProperty: Property<CheckBoxBase, string>;
|
|
8
|
+
export declare const fillColorProperty: Property<CheckBoxBase, string>;
|
|
10
9
|
export declare const checkedProperty: Property<CheckBoxBase, boolean>;
|
|
11
|
-
export declare abstract class CheckBoxBase extends
|
|
10
|
+
export declare abstract class CheckBoxBase extends View implements CheckBoxInterface {
|
|
12
11
|
checked: boolean;
|
|
13
12
|
boxType: any;
|
|
14
13
|
fillColor: string | Color;
|
package/common.js
CHANGED
|
@@ -1,29 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CSSType, Property, View, booleanConverter } from '@nativescript/core';
|
|
2
2
|
export var BoxType;
|
|
3
3
|
(function (BoxType) {
|
|
4
4
|
BoxType["circle"] = "circle";
|
|
5
5
|
BoxType["square"] = "square";
|
|
6
6
|
})(BoxType || (BoxType = {}));
|
|
7
|
-
export const
|
|
8
|
-
Object.defineProperty(target, key, {
|
|
9
|
-
get() {
|
|
10
|
-
return this.style[key];
|
|
11
|
-
},
|
|
12
|
-
set(newVal) {
|
|
13
|
-
this.style[key] = newVal;
|
|
14
|
-
},
|
|
15
|
-
enumerable: true,
|
|
16
|
-
configurable: true
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
export const tintColorProperty = new CssProperty({
|
|
7
|
+
export const tintColorProperty = new Property({
|
|
20
8
|
name: 'tintColor',
|
|
21
|
-
cssName: 'tint-color',
|
|
22
9
|
valueConverter: (v) => String(v)
|
|
23
10
|
});
|
|
24
|
-
export const fillColorProperty = new
|
|
11
|
+
export const fillColorProperty = new Property({
|
|
25
12
|
name: 'fillColor',
|
|
26
|
-
cssName: 'fill-color',
|
|
27
13
|
valueConverter: (v) => String(v)
|
|
28
14
|
});
|
|
29
15
|
export const checkedProperty = new Property({
|
|
@@ -32,7 +18,7 @@ export const checkedProperty = new Property({
|
|
|
32
18
|
valueConverter: booleanConverter
|
|
33
19
|
// valueChanged: onCheckedPropertyChanged
|
|
34
20
|
});
|
|
35
|
-
let CheckBoxBase = class CheckBoxBase extends
|
|
21
|
+
let CheckBoxBase = class CheckBoxBase extends View {
|
|
36
22
|
_onCheckedPropertyChanged(checkbox, oldValue, newValue) {
|
|
37
23
|
if (!this.nativeViewProtected) {
|
|
38
24
|
return;
|
|
@@ -40,17 +26,11 @@ let CheckBoxBase = class CheckBoxBase extends Button {
|
|
|
40
26
|
checkedProperty.nativeValueChange(this, newValue);
|
|
41
27
|
}
|
|
42
28
|
};
|
|
43
|
-
__decorate([
|
|
44
|
-
cssProperty
|
|
45
|
-
], CheckBoxBase.prototype, "fillColor", void 0);
|
|
46
|
-
__decorate([
|
|
47
|
-
cssProperty
|
|
48
|
-
], CheckBoxBase.prototype, "tintColor", void 0);
|
|
49
29
|
CheckBoxBase = __decorate([
|
|
50
30
|
CSSType('CheckBox')
|
|
51
31
|
], CheckBoxBase);
|
|
52
32
|
export { CheckBoxBase };
|
|
53
33
|
checkedProperty.register(CheckBoxBase);
|
|
54
|
-
fillColorProperty.register(
|
|
55
|
-
tintColorProperty.register(
|
|
34
|
+
fillColorProperty.register(CheckBoxBase);
|
|
35
|
+
tintColorProperty.register(CheckBoxBase);
|
|
56
36
|
//# sourceMappingURL=common.js.map
|
package/common.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/checkbox/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAS,QAAQ,EAAS,IAAI,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE7F,MAAM,CAAN,IAAY,OAGX;AAHD,WAAY,OAAO;IACf,4BAAiB,CAAA;IACjB,4BAAiB,CAAA;AACrB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,QAAQ,CAAuB;IAChE,IAAI,EAAE,WAAW;IACjB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,IAAI,QAAQ,CAAuB;IAChE,IAAI,EAAE,WAAW;IACjB,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,QAAQ,CAAwB;IAC/D,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,KAAK;IACnB,cAAc,EAAE,gBAAgB;IAChC,yCAAyC;CAC5C,CAAC,CAAC;AAGI,IAAe,YAAY,GAA3B,MAAe,YAAa,SAAQ,IAAI;IAO3C,yBAAyB,CAAC,QAAsB,EAAE,QAAQ,EAAE,QAAQ;QAChE,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC5B,OAAO;QACX,CAAC;QACD,eAAe,CAAC,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACtD,CAAC;CACJ,CAAA;AAbqB,YAAY;IADjC,OAAO,CAAC,UAAU,CAAC;GACE,YAAY,CAajC;;AACD,eAAe,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACvC,iBAAiB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACzC,iBAAiB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC"}
|
package/index.android.d.ts
CHANGED
|
@@ -2,14 +2,12 @@ import { CheckBoxBase } from './common';
|
|
|
2
2
|
export declare class CheckBox extends CheckBoxBase {
|
|
3
3
|
nativeViewProtected: androidx.appcompat.widget.AppCompatCheckBox;
|
|
4
4
|
checkStyle: string;
|
|
5
|
-
checkPadding: string;
|
|
6
|
-
checkPaddingLeft: string;
|
|
7
|
-
checkPaddingTop: string;
|
|
8
|
-
checkPaddingRight: string;
|
|
9
|
-
checkPaddingBottom: string;
|
|
10
5
|
ignoreChange: boolean;
|
|
11
6
|
createNativeView(): androidx.appcompat.widget.AppCompatCheckBox | androidx.appcompat.widget.AppCompatRadioButton;
|
|
7
|
+
onCheckedChangeListener: android.widget.CompoundButton.OnCheckedChangeListener;
|
|
12
8
|
initNativeView(): void;
|
|
9
|
+
onLoaded(): void;
|
|
10
|
+
onUnloaded(): void;
|
|
13
11
|
disposeNativeView(): void;
|
|
14
12
|
toggle(): void;
|
|
15
13
|
}
|
package/index.android.js
CHANGED
|
@@ -19,64 +19,40 @@ export class CheckBox extends CheckBoxBase {
|
|
|
19
19
|
}
|
|
20
20
|
createNativeView() {
|
|
21
21
|
let view;
|
|
22
|
-
if (
|
|
22
|
+
if (this.boxType === BoxType.circle) {
|
|
23
23
|
view = new androidx.appcompat.widget.AppCompatRadioButton(this._context);
|
|
24
24
|
}
|
|
25
25
|
else {
|
|
26
26
|
view = new androidx.appcompat.widget.AppCompatCheckBox(this._context);
|
|
27
27
|
}
|
|
28
|
-
if (this.checkPaddingLeft) {
|
|
29
|
-
view.setPadding(parseInt(this.checkPaddingLeft, 10), view.getPaddingTop(), view.getPaddingRight(), view.getPaddingBottom());
|
|
30
|
-
}
|
|
31
|
-
if (this.checkPaddingTop) {
|
|
32
|
-
view.setPadding(view.getPaddingLeft(), parseInt(this.checkPaddingTop, 10), view.getPaddingRight(), view.getPaddingBottom());
|
|
33
|
-
}
|
|
34
|
-
if (this.checkPaddingRight) {
|
|
35
|
-
view.setPadding(view.getPaddingLeft(), view.getPaddingTop(), parseInt(this.checkPaddingRight, 10), view.getPaddingBottom());
|
|
36
|
-
}
|
|
37
|
-
if (this.checkPaddingBottom) {
|
|
38
|
-
view.setPadding(view.getPaddingLeft(), view.getPaddingTop(), view.getPaddingRight(), parseInt(this.checkPaddingBottom, 10));
|
|
39
|
-
}
|
|
40
|
-
if (this.checkPadding) {
|
|
41
|
-
const pads = this.checkPadding.toString().split(',');
|
|
42
|
-
switch (pads.length) {
|
|
43
|
-
case 1:
|
|
44
|
-
view.setPadding(parseInt(pads[0], 10), parseInt(pads[0], 10), parseInt(pads[0], 10), parseInt(pads[0], 10));
|
|
45
|
-
break;
|
|
46
|
-
case 2:
|
|
47
|
-
view.setPadding(parseInt(pads[0], 10), parseInt(pads[1], 10), parseInt(pads[0], 10), parseInt(pads[1], 10));
|
|
48
|
-
break;
|
|
49
|
-
case 3:
|
|
50
|
-
view.setPadding(parseInt(pads[0], 10), parseInt(pads[1], 10), parseInt(pads[2], 10), parseInt(pads[1], 10));
|
|
51
|
-
break;
|
|
52
|
-
case 4:
|
|
53
|
-
view.setPadding(parseInt(pads[0], 10), parseInt(pads[1], 10), parseInt(pads[2], 10), parseInt(pads[3], 10));
|
|
54
|
-
break;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
28
|
if (this.checkStyle) {
|
|
58
29
|
const drawable = this._context.getResources().getIdentifier(this.checkStyle, 'drawable', this._context.getPackageName());
|
|
59
30
|
view.setButtonDrawable(drawable);
|
|
60
31
|
}
|
|
61
|
-
// if (view) {
|
|
62
|
-
// if (this.fillColor) {
|
|
63
|
-
// view.setSupportButtonTintList(android.content.res.ColorStateList.valueOf(new Color(this.fillColor).android));
|
|
64
|
-
// }
|
|
65
|
-
// }
|
|
66
32
|
return view;
|
|
67
33
|
}
|
|
68
34
|
initNativeView() {
|
|
69
|
-
|
|
70
|
-
this.
|
|
35
|
+
super.initNativeView();
|
|
36
|
+
this.onCheckedChangeListener = new android.widget.CompoundButton.OnCheckedChangeListener({
|
|
71
37
|
onCheckedChanged: (sender, isChecked) => {
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
checkedProperty.nativeValueChange(owner, isChecked);
|
|
38
|
+
if (this.ignoreChange && this.isLoaded) {
|
|
39
|
+
checkedProperty.nativeValueChange(this, isChecked);
|
|
75
40
|
}
|
|
76
41
|
}
|
|
77
|
-
})
|
|
42
|
+
});
|
|
43
|
+
this.nativeViewProtected.setOnCheckedChangeListener(this.onCheckedChangeListener);
|
|
44
|
+
}
|
|
45
|
+
onLoaded() {
|
|
46
|
+
super.onLoaded();
|
|
47
|
+
this.nativeViewProtected?.setOnCheckedChangeListener(this.onCheckedChangeListener);
|
|
48
|
+
}
|
|
49
|
+
onUnloaded() {
|
|
50
|
+
super.onUnloaded();
|
|
51
|
+
this.nativeViewProtected?.setOnCheckedChangeListener(null);
|
|
78
52
|
}
|
|
79
53
|
disposeNativeView() {
|
|
54
|
+
super.disposeNativeView();
|
|
55
|
+
this.onCheckedChangeListener = null;
|
|
80
56
|
this.nativeViewProtected.setOnCheckedChangeListener(null);
|
|
81
57
|
}
|
|
82
58
|
toggle() {
|
package/index.android.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.android.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../src/checkbox/index.android.ts"],"names":[],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -19,6 +19,54 @@ export class CheckBox extends View {
|
|
|
19
19
|
*/
|
|
20
20
|
checked: boolean;
|
|
21
21
|
|
|
22
|
+
fillColor: Color;
|
|
23
|
+
tintColor: Color;
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* iOS only
|
|
27
|
+
*/
|
|
28
|
+
onCheckColor: Color;
|
|
29
|
+
|
|
30
|
+
/**
|
|
31
|
+
* iOS only
|
|
32
|
+
*/
|
|
33
|
+
onTintColor: Color;
|
|
34
|
+
|
|
35
|
+
/**
|
|
36
|
+
* iOS only
|
|
37
|
+
*/
|
|
38
|
+
onFillColor: Color;
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* iOS only
|
|
42
|
+
*/
|
|
43
|
+
boxType: number;
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* iOS only
|
|
47
|
+
*/
|
|
48
|
+
lineWidth: number;
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* iOS only
|
|
52
|
+
*/
|
|
53
|
+
onAnimationType: number;
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* iOS only
|
|
57
|
+
*/
|
|
58
|
+
offAnimationType: number;
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* iOS only
|
|
62
|
+
*/
|
|
63
|
+
animationDuration: number;
|
|
64
|
+
|
|
65
|
+
/**
|
|
66
|
+
* iOS only
|
|
67
|
+
*/
|
|
68
|
+
hideBox: boolean;
|
|
69
|
+
|
|
22
70
|
/**
|
|
23
71
|
* Change the checked state of the view to the inverse of its current state.
|
|
24
72
|
*/
|
package/index.ios.d.ts
CHANGED
|
@@ -2,30 +2,15 @@ import { Color } from '@nativescript/core';
|
|
|
2
2
|
import { CheckBoxBase } from './common';
|
|
3
3
|
export declare class CheckBox extends CheckBoxBase {
|
|
4
4
|
boxType: BEMBoxType;
|
|
5
|
-
onCheckColor:
|
|
6
|
-
checkBoxBackgroundColor:
|
|
7
|
-
onTintColor:
|
|
8
|
-
onFillColor:
|
|
9
|
-
|
|
5
|
+
onCheckColor: Color;
|
|
6
|
+
checkBoxBackgroundColor: Color;
|
|
7
|
+
onTintColor: Color;
|
|
8
|
+
onFillColor: Color;
|
|
9
|
+
nativeViewProtected: BEMCheckBox;
|
|
10
10
|
private _delegate;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
private _tint;
|
|
14
|
-
private _animationDuration;
|
|
15
|
-
private _onAnimationType;
|
|
16
|
-
private _offAnimationType;
|
|
17
|
-
createNativeView(): UIButton;
|
|
18
|
-
set checkedAnimated(value: boolean);
|
|
19
|
-
set lineWidth(value: number);
|
|
20
|
-
set hideBox(value: boolean);
|
|
21
|
-
set animationDuration(value: number);
|
|
22
|
-
set onAnimationType(value: number);
|
|
23
|
-
set offAnimationType(value: number);
|
|
24
|
-
get nativeiOSCheckBox(): BEMCheckBox;
|
|
25
|
-
reload(value: boolean): void;
|
|
26
|
-
tapTimeout: any;
|
|
11
|
+
createNativeView(): BEMCheckBox;
|
|
12
|
+
reload(): void;
|
|
27
13
|
initNativeView(): void;
|
|
28
14
|
disposeNativeView(): void;
|
|
29
15
|
toggle(): void;
|
|
30
|
-
private _getAnimationType;
|
|
31
16
|
}
|
package/index.ios.js
CHANGED
|
@@ -1,205 +1,165 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { BoxType, CheckBoxBase, checkedProperty,
|
|
3
|
-
const checkBoxBackgroundColorProperty = new
|
|
1
|
+
import { Color, Property, booleanConverter } from '@nativescript/core';
|
|
2
|
+
import { BoxType, CheckBoxBase, checkedProperty, fillColorProperty, tintColorProperty } from './common';
|
|
3
|
+
const checkBoxBackgroundColorProperty = new Property({
|
|
4
4
|
name: 'checkBoxBackgroundColor',
|
|
5
|
-
cssName: 'checkbox-background-color',
|
|
6
5
|
valueConverter: (v) => String(v)
|
|
7
6
|
});
|
|
8
|
-
const onCheckColorProperty = new
|
|
7
|
+
const onCheckColorProperty = new Property({
|
|
9
8
|
name: 'onCheckColor',
|
|
10
|
-
cssName: 'on-check-color',
|
|
11
9
|
defaultValue: '#ffffff',
|
|
12
10
|
valueConverter: (v) => String(v)
|
|
13
11
|
});
|
|
14
|
-
const onTintColorProperty = new
|
|
12
|
+
const onTintColorProperty = new Property({
|
|
15
13
|
name: 'onTintColor',
|
|
16
|
-
cssName: 'on-tint-color',
|
|
17
14
|
valueConverter: (v) => String(v)
|
|
18
15
|
});
|
|
19
|
-
const onFillColorProperty = new
|
|
16
|
+
const onFillColorProperty = new Property({
|
|
20
17
|
name: 'onFillColor',
|
|
21
|
-
cssName: 'on-fill-color',
|
|
22
18
|
valueConverter: (v) => String(v)
|
|
23
19
|
});
|
|
24
20
|
const boxTypeProperty = new Property({
|
|
25
21
|
name: 'boxType',
|
|
26
22
|
valueConverter: (v) => (BoxType[v] === BoxType.circle ? 0 /* BEMBoxType.Circle */ : 1 /* BEMBoxType.Square */)
|
|
27
23
|
});
|
|
24
|
+
const lineWidthProperty = new Property({
|
|
25
|
+
name: 'lineWidth',
|
|
26
|
+
valueConverter: parseFloat
|
|
27
|
+
});
|
|
28
|
+
const onAnimationTypeProperty = new Property({
|
|
29
|
+
name: 'onAnimationType',
|
|
30
|
+
defaultValue: 2,
|
|
31
|
+
valueConverter: (v) => parseFloat(v)
|
|
32
|
+
});
|
|
33
|
+
const offAnimationTypeProperty = new Property({
|
|
34
|
+
name: 'offAnimationType',
|
|
35
|
+
defaultValue: 2,
|
|
36
|
+
valueConverter: (v) => parseFloat(v)
|
|
37
|
+
});
|
|
38
|
+
const animationDurationProperty = new Property({
|
|
39
|
+
name: 'animationDuration',
|
|
40
|
+
valueConverter: parseFloat
|
|
41
|
+
});
|
|
42
|
+
const hideBoxProperty = new Property({
|
|
43
|
+
name: 'hideBox',
|
|
44
|
+
valueConverter: booleanConverter
|
|
45
|
+
});
|
|
28
46
|
function getIOSColor(value) {
|
|
29
47
|
return (!value || value instanceof Color ? value : new Color(value))?.ios;
|
|
30
48
|
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
49
|
+
function _getAnimationType(value) {
|
|
50
|
+
switch (value) {
|
|
51
|
+
case 1:
|
|
52
|
+
return 0 /* BEMAnimationType.Stroke */;
|
|
53
|
+
case 2:
|
|
54
|
+
return 1 /* BEMAnimationType.Fill */;
|
|
55
|
+
case 3:
|
|
56
|
+
return 2 /* BEMAnimationType.Bounce */;
|
|
57
|
+
case 4:
|
|
58
|
+
return 3 /* BEMAnimationType.Flat */;
|
|
59
|
+
case 5:
|
|
60
|
+
return 0 /* BEMAnimationType.Stroke */;
|
|
61
|
+
case 6:
|
|
62
|
+
return 5 /* BEMAnimationType.Fade */;
|
|
63
|
+
default:
|
|
64
|
+
return 0 /* BEMAnimationType.Stroke */;
|
|
41
65
|
}
|
|
66
|
+
}
|
|
67
|
+
export class CheckBox extends CheckBoxBase {
|
|
42
68
|
createNativeView() {
|
|
43
|
-
|
|
44
|
-
this.
|
|
45
|
-
view.
|
|
69
|
+
this.style['css:width'] = 25;
|
|
70
|
+
this.style['css:height'] = 25;
|
|
71
|
+
const view = BEMCheckBox.alloc().initWithFrame(CGRectMake(0, 0, 25, 25));
|
|
72
|
+
view.onAnimationType = 1 /* BEMAnimationType.Fill */;
|
|
73
|
+
view.offAnimationType = 1 /* BEMAnimationType.Fill */;
|
|
46
74
|
return view;
|
|
47
75
|
}
|
|
48
76
|
[fillColorProperty.setNative](value) {
|
|
49
|
-
this.
|
|
77
|
+
if (this.nativeViewProtected) {
|
|
78
|
+
this.nativeViewProtected.onFillColor = getIOSColor(value);
|
|
79
|
+
}
|
|
50
80
|
}
|
|
51
81
|
[onFillColorProperty.setNative](value) {
|
|
52
|
-
this.
|
|
82
|
+
if (this.nativeViewProtected) {
|
|
83
|
+
this.nativeViewProtected.onFillColor = getIOSColor(value);
|
|
84
|
+
}
|
|
53
85
|
}
|
|
54
86
|
[tintColorProperty.setNative](value) {
|
|
55
|
-
this.
|
|
87
|
+
if (this.nativeViewProtected) {
|
|
88
|
+
this.nativeViewProtected.tintColor = getIOSColor(value);
|
|
89
|
+
}
|
|
56
90
|
}
|
|
57
91
|
[onTintColorProperty.setNative](value) {
|
|
58
|
-
this.
|
|
92
|
+
if (this.nativeViewProtected) {
|
|
93
|
+
this.nativeViewProtected.onTintColor = getIOSColor(value);
|
|
94
|
+
}
|
|
59
95
|
}
|
|
60
96
|
[onCheckColorProperty.setNative](value) {
|
|
61
|
-
this.
|
|
97
|
+
if (this.nativeViewProtected) {
|
|
98
|
+
this.nativeViewProtected.onCheckColor = getIOSColor(value);
|
|
99
|
+
}
|
|
62
100
|
}
|
|
63
101
|
[checkBoxBackgroundColorProperty.setNative](value) {
|
|
64
|
-
this.
|
|
102
|
+
if (this.nativeViewProtected) {
|
|
103
|
+
this.nativeViewProtected.offFillColor = getIOSColor(value);
|
|
104
|
+
}
|
|
65
105
|
}
|
|
66
106
|
[boxTypeProperty.setNative](value) {
|
|
67
107
|
if (this.nativeViewProtected) {
|
|
68
|
-
this.
|
|
108
|
+
this.nativeViewProtected.boxType = value === 0 ? 0 /* BEMBoxType.Circle */ : 1 /* BEMBoxType.Square */;
|
|
69
109
|
}
|
|
70
110
|
}
|
|
71
111
|
[checkedProperty.setNative](value) {
|
|
72
|
-
this.
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
this._iosCheckbox.setOnAnimated(value, true);
|
|
76
|
-
}
|
|
77
|
-
set lineWidth(value) {
|
|
78
|
-
this._iosCheckbox.lineWidth = value;
|
|
79
|
-
this._lineWidth = value;
|
|
112
|
+
if (this.nativeViewProtected) {
|
|
113
|
+
this.nativeViewProtected.setOnAnimated(value, true);
|
|
114
|
+
}
|
|
80
115
|
}
|
|
81
|
-
|
|
82
|
-
this.
|
|
83
|
-
|
|
116
|
+
[lineWidthProperty.setNative](value) {
|
|
117
|
+
if (this.nativeViewProtected) {
|
|
118
|
+
this.nativeViewProtected.lineWidth = value;
|
|
119
|
+
}
|
|
84
120
|
}
|
|
85
|
-
|
|
86
|
-
this.
|
|
87
|
-
|
|
121
|
+
[hideBoxProperty.setNative](value) {
|
|
122
|
+
if (this.nativeViewProtected) {
|
|
123
|
+
this.nativeViewProtected.hideBox = value;
|
|
124
|
+
}
|
|
88
125
|
}
|
|
89
|
-
|
|
90
|
-
if (this.
|
|
91
|
-
this.
|
|
126
|
+
[animationDurationProperty.setNative](value) {
|
|
127
|
+
if (this.nativeViewProtected) {
|
|
128
|
+
this.nativeViewProtected.animationDuration = value;
|
|
92
129
|
}
|
|
93
|
-
else
|
|
94
|
-
this._onAnimationType = value;
|
|
95
130
|
}
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
131
|
+
[onAnimationTypeProperty.setNative](value) {
|
|
132
|
+
if (this.nativeViewProtected) {
|
|
133
|
+
this.nativeViewProtected.onAnimationType = _getAnimationType(value);
|
|
134
|
+
}
|
|
99
135
|
}
|
|
100
|
-
|
|
101
|
-
|
|
136
|
+
[offAnimationTypeProperty.setNative](value) {
|
|
137
|
+
if (this.nativeViewProtected) {
|
|
138
|
+
this.nativeViewProtected.offAnimationType = _getAnimationType(value);
|
|
139
|
+
}
|
|
102
140
|
}
|
|
103
|
-
|
|
104
|
-
|
|
141
|
+
// [onAnimationTypeProperty.defaultValue](value) {
|
|
142
|
+
// return 2;
|
|
143
|
+
// }
|
|
144
|
+
// [offAnimationTypeProperty.defaultValue](value) {
|
|
145
|
+
// return 2;
|
|
146
|
+
// }
|
|
147
|
+
reload() {
|
|
148
|
+
this.nativeViewProtected.reload();
|
|
105
149
|
}
|
|
106
150
|
initNativeView() {
|
|
107
|
-
|
|
108
|
-
this.addEventListener('tap', (args) => {
|
|
109
|
-
//ensure we dont get 2 events if using UITapGestureRecognizer
|
|
110
|
-
this.tapTimeout = setTimeout(() => {
|
|
111
|
-
this.tapTimeout = null;
|
|
112
|
-
const checkbox = args.object;
|
|
113
|
-
checkbox.checked = !checkbox.checked;
|
|
114
|
-
}, 10);
|
|
115
|
-
});
|
|
116
|
-
this._onAnimationType = 2;
|
|
117
|
-
this._offAnimationType = 2;
|
|
151
|
+
super.initNativeView();
|
|
118
152
|
this._delegate = BEMCheckBoxDelegateImpl.initWithOwner(new WeakRef(this));
|
|
119
|
-
|
|
120
|
-
if (!this.style.fontSize) {
|
|
121
|
-
fontSize = 15;
|
|
122
|
-
}
|
|
123
|
-
else {
|
|
124
|
-
fontSize = this.style.fontSize;
|
|
125
|
-
}
|
|
126
|
-
this._iosCheckbox.delegate = this._delegate;
|
|
127
|
-
// positioning
|
|
128
|
-
this._iosCheckbox.frame = CGRectMake(0, 0, fontSize, fontSize);
|
|
129
|
-
this._iosCheckbox.center = CGPointMake(this._iosCheckbox.center.x, fontSize / 2 + 3);
|
|
130
|
-
this.style.paddingLeft = fontSize + (fontSize > 20 ? 10 : 5);
|
|
131
|
-
this.style.textAlignment = 'left';
|
|
132
|
-
// if (this._onCheckColor) {
|
|
133
|
-
// this._iosCheckbox.onCheckColor = new Color(this._onCheckColor).ios;
|
|
134
|
-
// }
|
|
135
|
-
// if (this._onFillColor) {
|
|
136
|
-
// this._iosCheckbox.onFillColor = new Color(this._onFillColor).ios;
|
|
137
|
-
// }
|
|
138
|
-
// if (this._onTintColor) {
|
|
139
|
-
// this._iosCheckbox.onTintColor = new Color(this._onTintColor).ios;
|
|
140
|
-
// }
|
|
141
|
-
// if (this._fillColor) {
|
|
142
|
-
// this._iosCheckbox.onFillColor = new Color(this._fillColor).ios;
|
|
143
|
-
// }
|
|
144
|
-
// if (this._tintColor) {
|
|
145
|
-
// this._iosCheckbox.tintColor = new Color(this._tintColor).ios;
|
|
146
|
-
// }
|
|
147
|
-
if (typeof this._lineWidth !== 'undefined') {
|
|
148
|
-
this.lineWidth = this._lineWidth;
|
|
149
|
-
}
|
|
150
|
-
if (typeof this._hideBox !== 'undefined') {
|
|
151
|
-
this.hideBox = this._hideBox;
|
|
152
|
-
}
|
|
153
|
-
this.boxType = this.boxType === 0 ? 0 /* BEMBoxType.Circle */ : 1 /* BEMBoxType.Square */;
|
|
154
|
-
if (typeof this._animationDuration !== 'undefined') {
|
|
155
|
-
this.animationDuration = this._animationDuration;
|
|
156
|
-
}
|
|
157
|
-
if (typeof this._onAnimationType !== 'undefined') {
|
|
158
|
-
this.onAnimationType = this._onAnimationType;
|
|
159
|
-
}
|
|
160
|
-
if (typeof this._offAnimationType !== 'undefined') {
|
|
161
|
-
this.offAnimationType = this._offAnimationType;
|
|
162
|
-
}
|
|
153
|
+
this.nativeViewProtected.delegate = this._delegate;
|
|
163
154
|
}
|
|
164
155
|
disposeNativeView() {
|
|
165
|
-
|
|
166
|
-
this.
|
|
167
|
-
this.removeEventListener('tap');
|
|
156
|
+
super.disposeNativeView();
|
|
157
|
+
this.nativeViewProtected.delegate = null;
|
|
168
158
|
}
|
|
169
159
|
toggle() {
|
|
170
160
|
this.checked = !this.checked;
|
|
171
161
|
}
|
|
172
|
-
_getAnimationType(value) {
|
|
173
|
-
switch (value) {
|
|
174
|
-
case 1:
|
|
175
|
-
return 0 /* BEMAnimationType.Stroke */;
|
|
176
|
-
case 2:
|
|
177
|
-
return 1 /* BEMAnimationType.Fill */;
|
|
178
|
-
case 3:
|
|
179
|
-
return 2 /* BEMAnimationType.Bounce */;
|
|
180
|
-
case 4:
|
|
181
|
-
return 3 /* BEMAnimationType.Flat */;
|
|
182
|
-
case 5:
|
|
183
|
-
return 0 /* BEMAnimationType.Stroke */;
|
|
184
|
-
case 6:
|
|
185
|
-
return 5 /* BEMAnimationType.Fade */;
|
|
186
|
-
default:
|
|
187
|
-
return 0 /* BEMAnimationType.Stroke */;
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
162
|
}
|
|
191
|
-
__decorate([
|
|
192
|
-
cssProperty
|
|
193
|
-
], CheckBox.prototype, "onCheckColor", void 0);
|
|
194
|
-
__decorate([
|
|
195
|
-
cssProperty
|
|
196
|
-
], CheckBox.prototype, "checkBoxBackgroundColor", void 0);
|
|
197
|
-
__decorate([
|
|
198
|
-
cssProperty
|
|
199
|
-
], CheckBox.prototype, "onTintColor", void 0);
|
|
200
|
-
__decorate([
|
|
201
|
-
cssProperty
|
|
202
|
-
], CheckBox.prototype, "onFillColor", void 0);
|
|
203
163
|
var BEMCheckBoxDelegateImpl = /** @class */ (function (_super) {
|
|
204
164
|
__extends(BEMCheckBoxDelegateImpl, _super);
|
|
205
165
|
function BEMCheckBoxDelegateImpl() {
|
|
@@ -219,21 +179,19 @@ var BEMCheckBoxDelegateImpl = /** @class */ (function (_super) {
|
|
|
219
179
|
BEMCheckBoxDelegateImpl.prototype.didTapCheckBox = function (checkBox) {
|
|
220
180
|
var owner = this._owner.get();
|
|
221
181
|
if (owner) {
|
|
222
|
-
if (owner.tapTimeout) {
|
|
223
|
-
clearTimeout(owner.tapTimeout);
|
|
224
|
-
owner.tapTimeout = null;
|
|
225
|
-
}
|
|
226
182
|
checkedProperty.nativeValueChange(owner, checkBox.on);
|
|
227
183
|
}
|
|
228
184
|
};
|
|
229
185
|
BEMCheckBoxDelegateImpl.ObjCProtocols = [BEMCheckBoxDelegate];
|
|
230
186
|
return BEMCheckBoxDelegateImpl;
|
|
231
187
|
}(NSObject));
|
|
232
|
-
function onCheckedPropertyChanged(checkbox, oldValue, newValue) {
|
|
233
|
-
checkbox._onCheckedPropertyChanged(checkbox, oldValue, newValue);
|
|
234
|
-
}
|
|
235
188
|
boxTypeProperty.register(CheckBox);
|
|
236
|
-
onTintColorProperty.register(
|
|
237
|
-
onCheckColorProperty.register(
|
|
238
|
-
checkBoxBackgroundColorProperty.register(
|
|
189
|
+
onTintColorProperty.register(CheckBox);
|
|
190
|
+
onCheckColorProperty.register(CheckBox);
|
|
191
|
+
checkBoxBackgroundColorProperty.register(CheckBox);
|
|
192
|
+
lineWidthProperty.register(CheckBox);
|
|
193
|
+
hideBoxProperty.register(CheckBox);
|
|
194
|
+
onAnimationTypeProperty.register(CheckBox);
|
|
195
|
+
offAnimationTypeProperty.register(CheckBox);
|
|
196
|
+
animationDurationProperty.register(CheckBox);
|
|
239
197
|
//# sourceMappingURL=index.ios.js.map
|
package/index.ios.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.ios.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../src/checkbox/index.ios.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nativescript-community/ui-checkbox",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.14",
|
|
4
4
|
"description": "NativeScript plugin for checkbox.",
|
|
5
5
|
"main": "./index",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
},
|
|
57
57
|
"license": "ISC",
|
|
58
58
|
"readmeFilename": "README.md",
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "c55793a16eace1fa89f6f11a8b81317235ba0f4d"
|
|
60
60
|
}
|
package/vue/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;AAC9B,IAAI,SAAS,GAAG,KAAK,CAAC;AACtB,eAAe;IACX,OAAO,CAAC,GAAG;QACP,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,SAAS,GAAG,IAAI,CAAC;YACjB,GAAG,CAAC,eAAe,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE;gBAC5C,KAAK,EAAE;oBACH,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,eAAe;iBACzB;aACJ,CAAC,CAAC;QACP,CAAC;IACL,CAAC;CACJ,CAAC"}
|
package/angular/package.json
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@nativescript-community/ui-checkbox-angular",
|
|
3
|
-
"main": "index.js",
|
|
4
|
-
"module": "fesm2022/nativescript-community-ui-checkbox-angular.mjs",
|
|
5
|
-
"typings": "index.d.ts",
|
|
6
|
-
"exports": {
|
|
7
|
-
"./package.json": {
|
|
8
|
-
"default": "./package.json"
|
|
9
|
-
},
|
|
10
|
-
".": {
|
|
11
|
-
"types": "./index.d.ts",
|
|
12
|
-
"esm2022": "./esm2022/nativescript-community-ui-checkbox-angular.mjs",
|
|
13
|
-
"esm": "./esm2022/nativescript-community-ui-checkbox-angular.mjs",
|
|
14
|
-
"default": "./fesm2022/nativescript-community-ui-checkbox-angular.mjs"
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
"sideEffects": false,
|
|
18
|
-
"dependencies": {
|
|
19
|
-
"tslib": "^2.3.0"
|
|
20
|
-
},
|
|
21
|
-
"scripts": {
|
|
22
|
-
"prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
|
|
23
|
-
}
|
|
24
|
-
}
|