nativescript-vue 3.0.0-beta.1 → 3.0.0-beta.11
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/LICENSE +21 -0
- package/README.md +45 -2
- package/devtools.js +33 -0
- package/dist/compiler.d.ts +1 -1
- package/dist/compiler.js +1 -1
- package/dist/compiler.js.map +1 -1
- package/dist/components/ActionBar.d.ts +1 -1
- package/dist/components/ActionBar.js +6 -5
- package/dist/components/ActionBar.js.map +1 -1
- package/dist/components/ListView.d.ts +2 -2
- package/dist/components/ListView.js +11 -12
- package/dist/components/ListView.js.map +1 -1
- package/dist/components/index.d.ts +6 -2
- package/dist/components/index.js +3 -2
- package/dist/components/index.js.map +1 -1
- package/dist/directives/vModel.d.ts +8 -0
- package/dist/directives/vModel.js +38 -0
- package/dist/directives/vModel.js.map +1 -0
- package/dist/directives/vShow.d.ts +2 -2
- package/dist/directives/vShow.js +4 -4
- package/dist/dom/index.d.ts +1 -1
- package/dist/dom/index.js +7 -8
- package/dist/dom/index.js.map +1 -1
- package/dist/index.d.ts +19 -10
- package/dist/index.js +50 -15
- package/dist/index.js.map +1 -1
- package/dist/nativescript/elements.js +78 -53
- package/dist/nativescript/elements.js.map +1 -1
- package/dist/nativescript/index.d.ts +3 -3
- package/dist/nativescript/index.js +3 -4
- package/dist/nativescript/index.js.map +1 -1
- package/dist/plugins/modals.d.ts +9 -5
- package/dist/plugins/modals.js +50 -32
- package/dist/plugins/modals.js.map +1 -1
- package/dist/plugins/navigation.d.ts +7 -7
- package/dist/plugins/navigation.js +59 -78
- package/dist/plugins/navigation.js.map +1 -1
- package/dist/plugins/templates.d.ts +10 -0
- package/dist/plugins/templates.js +12 -0
- package/dist/plugins/templates.js.map +1 -0
- package/dist/registry/index.d.ts +3 -3
- package/dist/registry/index.js +2 -2
- package/dist/registry/index.js.map +1 -1
- package/dist/renderer/index.js +3 -3
- package/dist/renderer/modules/attrs.d.ts +1 -1
- package/dist/renderer/modules/attrs.js +3 -3
- package/dist/renderer/modules/class.d.ts +1 -1
- package/dist/renderer/modules/class.js +2 -2
- package/dist/renderer/modules/events.d.ts +3 -3
- package/dist/renderer/modules/events.js +8 -2
- package/dist/renderer/modules/events.js.map +1 -1
- package/dist/renderer/modules/style.d.ts +3 -2
- package/dist/renderer/modules/style.js +66 -20
- package/dist/renderer/modules/style.js.map +1 -1
- package/dist/renderer/nodeOps.d.ts +3 -2
- package/dist/renderer/nodeOps.js +7 -4
- package/dist/renderer/nodeOps.js.map +1 -1
- package/dist/renderer/patchProp.d.ts +1 -1
- package/dist/renderer/patchProp.js +27 -10
- package/dist/renderer/patchProp.js.map +1 -1
- package/dist/runtimeHelpers.d.ts +26 -0
- package/dist/runtimeHelpers.js +44 -3
- package/dist/runtimeHelpers.js.map +1 -1
- package/dist/types.d.ts +1 -1
- package/dist/withCompiler.js +1 -1
- package/dist/withCompiler.js.map +1 -1
- package/nativescript.webpack.js +122 -14
- package/package.json +35 -12
- package/dist/components/ListView.working.d.ts +0 -44
- package/dist/components/ListView.working.js +0 -126
- package/dist/components/ListView.working.js.map +0 -1
- package/dist/index.mjs.map +0 -7
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2022 NativeScript-Vue
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,10 +1,25 @@
|
|
|
1
|
-
|
|
1
|
+
<p align="center">
|
|
2
|
+
<img src="https://user-images.githubusercontent.com/879060/205505950-70769439-ff3e-4ecc-b0cd-1385483a847c.jpg">
|
|
3
|
+
</p>
|
|
4
|
+
|
|
5
|
+
<h1 align="center">NativeScript-Vue3 Beta</h1>
|
|
6
|
+
|
|
7
|
+
<p align="center">
|
|
8
|
+
<a href="https://www.npmjs.com/package/nativescript-vue">
|
|
9
|
+
<img src="https://img.shields.io/npm/v/nativescript-vue/beta.svg" alt="npm">
|
|
10
|
+
</a>
|
|
11
|
+
<a href="https://github.com/nativescript-vue/nativescript-vue/blob/master/LICENSE">
|
|
12
|
+
<img src="https://img.shields.io/github/license/nativescript-vue/nativescript-vue.svg" alt="license">
|
|
13
|
+
</a>
|
|
14
|
+
</p>
|
|
2
15
|
|
|
3
16
|
NativeScript-Vue with Vue3 support now in beta!
|
|
4
17
|
|
|
5
18
|
## Quick start
|
|
6
19
|
|
|
7
|
-
To get started, you can use the [StackBlitz Template](https://stackblitz.com/fork/nativescript-vue3-beta)
|
|
20
|
+
<!-- To get started, you can use the [StackBlitz Template](https://stackblitz.com/fork/nativescript-vue3-beta) -->
|
|
21
|
+
|
|
22
|
+
To get started, you can use the [StackBlitz Template](https://stackblitz.com/fork/github/nativescript-vue/nativescript-vue/tree/main/packages/stackblitz-template?file=src%2Fcomponents%2FHome.vue&title=NativeScript%20Starter%20Vue3%20Beta)
|
|
8
23
|
|
|
9
24
|
...or locally:
|
|
10
25
|
|
|
@@ -14,3 +29,31 @@ ns create myAwesomeApp --template @nativescript-vue/template-blank@beta
|
|
|
14
29
|
cd myAwesomeApp
|
|
15
30
|
ns run ios|android
|
|
16
31
|
```
|
|
32
|
+
|
|
33
|
+
## Vue Devtools
|
|
34
|
+
|
|
35
|
+
To use VueDevtools, run:
|
|
36
|
+
|
|
37
|
+
```bash
|
|
38
|
+
ns run ios|android --env.vueDevtools
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
This will launch the standalone VueDevtools, and connect to it once the app launches. Right now, devtools are only supported on iOS Simulators and Android Emulators, but physical device support should come soon (requires configuring a host/port that the device can connect to.).
|
|
42
|
+
|
|
43
|
+
On android, you must enable cleartext http traffic, otherwise any connections are silently dropped by the system. In the `App_Resources/Android/src/main/AndroidManifext.xml` add the following to your existing `<application>` tag:
|
|
44
|
+
|
|
45
|
+
```diff
|
|
46
|
+
<application ...
|
|
47
|
+
+ android:usesCleartextTraffic="true"
|
|
48
|
+
.../>
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
## Issues
|
|
52
|
+
|
|
53
|
+
If you encounter any issues, please open a new issue with as much detail as possible. This is **beta** software, so there might be bugs.
|
|
54
|
+
|
|
55
|
+
- [Join Discord](https://nativescript.org/discord)
|
|
56
|
+
|
|
57
|
+
## Looking for V2?
|
|
58
|
+
|
|
59
|
+
The V2 version has been moved to the [v2 branch](https://github.com/nativescript-vue/nativescript-vue/tree/v2)
|
package/devtools.js
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
if (__DEV__) {
|
|
2
|
+
try {
|
|
3
|
+
const _global = globalThis.global;
|
|
4
|
+
|
|
5
|
+
const host = (_global.__VUE_DEVTOOLS_HOST__ ??= __NS_VUE_DEVTOOLS_HOST__);
|
|
6
|
+
const port = (_global.__VUE_DEVTOOLS_PORT__ ??= __NS_VUE_DEVTOOLS_PORT__);
|
|
7
|
+
_global.__VUE_DEVTOOLS_TOAST__ ??= (message) => {
|
|
8
|
+
console.warn('[VueDevtools]', message);
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
const platform = global.isAndroid ? 'Android' : 'iOS';
|
|
12
|
+
|
|
13
|
+
const documentShim = {
|
|
14
|
+
// this shows as the title in VueDevtools
|
|
15
|
+
title: `${platform} :: ${host}:${port} :: NativeScript`,
|
|
16
|
+
querySelector: () => null,
|
|
17
|
+
querySelectorAll: () => [],
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
_global.document = Object.assign({}, documentShim, _global.document);
|
|
21
|
+
_global.addEventListener ??= () => {};
|
|
22
|
+
_global.removeEventListener ??= () => {};
|
|
23
|
+
_global.window ??= _global;
|
|
24
|
+
|
|
25
|
+
console.warn(
|
|
26
|
+
`[VueDevtools] Connecting to ${global.__VUE_DEVTOOLS_HOST__}:${global.__VUE_DEVTOOLS_PORT__}...`,
|
|
27
|
+
);
|
|
28
|
+
require('@vue/devtools/build/hook.js');
|
|
29
|
+
require('@vue/devtools/build/backend.js');
|
|
30
|
+
} catch (e) {
|
|
31
|
+
console.warn('[VueDevtools] Failed to init:', e);
|
|
32
|
+
}
|
|
33
|
+
}
|
package/dist/compiler.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { CompilerOptions } from "@vue/compiler-dom";
|
|
2
|
-
import { RenderFunction } from "@vue/runtime-
|
|
2
|
+
import { RenderFunction } from "@vue/runtime-core";
|
|
3
3
|
export declare function compileToFunction(template: string, options?: CompilerOptions): RenderFunction;
|
|
4
4
|
export { compileToFunction as compile };
|
package/dist/compiler.js
CHANGED
package/dist/compiler.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compiler.js","sourceRoot":"","sources":["../src/compiler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAkC,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAkB,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"compiler.js","sourceRoot":"","sources":["../src/compiler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAkC,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAkB,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAEnC,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AACtB,MAAM,YAAY,GAAmC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAEzE,MAAM,UAAU,iBAAiB,CAC/B,QAAgB,EAChB,OAAyB;IAEzB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAChC,IAAI,CAAC,2BAA2B,EAAE,QAAQ,CAAC,CAAC;QAC5C,OAAO,IAAI,CAAC;KACb;IAED,MAAM,GAAG,GAAG,QAAQ,CAAC;IACrB,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IAEjC,IAAI,MAAM,EAAE;QACV,OAAO,MAAM,CAAC;KACf;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE;QACjC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI;QAC1B,WAAW,EAAE,IAAI;QACjB,iBAAiB,EAAE,IAAI;QACvB,MAAM,CAAC,IAAmB;YACxB,OAAO,CAAC,IAAI,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAC;QACjD,CAAC;QACD,OAAO,CAAC,GAAkB;YACxB,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,GAAG,CAAC,CAAC;QAC/C,CAAC;QACD,GAAG,OAAO;KACX,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,IAAI,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,OAAO,CAAmB,CAAC;IAEpE,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;AACtC,CAAC;AAED,OAAO,EACL,iBAAiB,IAAI,OAAO,EAC7B,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export declare const ActionBar: import("@vue/runtime-core").DefineComponent<{}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
|
|
2
2
|
[key: string]: any;
|
|
3
|
-
}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{}>>, {}>;
|
|
3
|
+
}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{}>>, {}, {}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Page as NSCPage, ActionBar as NSCActionBar, NavigationButton as NSCNavigationButton, ActionItem as NSCActionItem, } from
|
|
2
|
-
import { defineComponent, h, warn } from
|
|
3
|
-
import { registerElement } from
|
|
4
|
-
registerElement(
|
|
1
|
+
import { Page as NSCPage, ActionBar as NSCActionBar, NavigationButton as NSCNavigationButton, ActionItem as NSCActionItem, } from '@nativescript/core';
|
|
2
|
+
import { defineComponent, h, warn } from '@vue/runtime-core';
|
|
3
|
+
import { registerElement } from '../registry';
|
|
4
|
+
registerElement('NSCActionBar', () => NSCActionBar, {
|
|
5
5
|
viewFlags: 1 /* NSVViewFlags.SKIP_ADD_TO_DOM */,
|
|
6
6
|
nodeOps: {
|
|
7
7
|
insert(child, parent, atIndex) {
|
|
@@ -44,9 +44,10 @@ registerElement("NSCActionBar", () => NSCActionBar, {
|
|
|
44
44
|
},
|
|
45
45
|
});
|
|
46
46
|
export const ActionBar = /*#__PURE__*/ defineComponent({
|
|
47
|
+
name: 'ActionBar',
|
|
47
48
|
setup(props, ctx) {
|
|
48
49
|
return () => {
|
|
49
|
-
return h(
|
|
50
|
+
return h('NSCActionBar', {
|
|
50
51
|
...ctx.attrs,
|
|
51
52
|
onVnodeMounted(vnode) {
|
|
52
53
|
const el = vnode.el;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../src/components/ActionBar.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../src/components/ActionBar.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { VNode } from
|
|
1
|
+
import { VNode } from '@vue/runtime-core';
|
|
2
2
|
export interface ListItem<T = any> {
|
|
3
3
|
item: T;
|
|
4
4
|
index: number;
|
|
@@ -17,4 +17,4 @@ export declare const ListView: import("@vue/runtime-core").DefineComponent<{
|
|
|
17
17
|
validator(value: unknown): boolean;
|
|
18
18
|
};
|
|
19
19
|
itemTemplateSelector: FunctionConstructor;
|
|
20
|
-
}>>, {}>;
|
|
20
|
+
}>>, {}, {}>;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import { defineComponent, h, warn } from
|
|
2
|
-
import { ListView as NSCListView, ObservableArray, } from
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
registerElement("NSCListView", () => NSCListView, {
|
|
1
|
+
import { defineComponent, getCurrentInstance, h, warn, watch, ref, } from '@vue/runtime-core';
|
|
2
|
+
import { ListView as NSCListView, ObservableArray, } from '@nativescript/core';
|
|
3
|
+
import { registerElement } from '../registry';
|
|
4
|
+
import { ELEMENT_REF } from '../runtimeHelpers';
|
|
5
|
+
registerElement('NSCListView', () => NSCListView, {
|
|
7
6
|
viewFlags: 8 /* NSVViewFlags.NO_CHILDREN */,
|
|
8
7
|
});
|
|
9
|
-
// }
|
|
10
8
|
function getListItem(item, index) {
|
|
11
9
|
return {
|
|
12
10
|
item,
|
|
@@ -15,8 +13,9 @@ function getListItem(item, index) {
|
|
|
15
13
|
odd: index % 2 !== 0,
|
|
16
14
|
};
|
|
17
15
|
}
|
|
18
|
-
const LIST_CELL_ID = Symbol(
|
|
16
|
+
const LIST_CELL_ID = Symbol('list_cell_id');
|
|
19
17
|
export const ListView = /*#__PURE__*/ defineComponent({
|
|
18
|
+
name: 'ListView',
|
|
20
19
|
props: {
|
|
21
20
|
items: {
|
|
22
21
|
validator(value) {
|
|
@@ -34,7 +33,7 @@ export const ListView = /*#__PURE__*/ defineComponent({
|
|
|
34
33
|
},
|
|
35
34
|
};
|
|
36
35
|
});
|
|
37
|
-
const getSlotName = (itemCtx) => props.itemTemplateSelector?.(itemCtx) ??
|
|
36
|
+
const getSlotName = (itemCtx) => props.itemTemplateSelector?.(itemCtx) ?? 'default';
|
|
38
37
|
const listView = ref(null);
|
|
39
38
|
const vm = getCurrentInstance();
|
|
40
39
|
watch(props, () => {
|
|
@@ -46,7 +45,7 @@ export const ListView = /*#__PURE__*/ defineComponent({
|
|
|
46
45
|
lv?.refresh();
|
|
47
46
|
}
|
|
48
47
|
catch (err) {
|
|
49
|
-
console.error(
|
|
48
|
+
console.error('Error while refreshing ListView', err);
|
|
50
49
|
}
|
|
51
50
|
});
|
|
52
51
|
let cellId = 0;
|
|
@@ -82,7 +81,7 @@ export const ListView = /*#__PURE__*/ defineComponent({
|
|
|
82
81
|
const cellVNODES = () => Object.entries(cells.value).map(([id, entry]) => {
|
|
83
82
|
const vnodes = ctx.slots[entry.slotName]?.(entry.itemCtx) ?? [
|
|
84
83
|
// default template is just a label
|
|
85
|
-
h(
|
|
84
|
+
h('Label', {
|
|
86
85
|
text: entry.itemCtx.item,
|
|
87
86
|
}),
|
|
88
87
|
];
|
|
@@ -95,7 +94,7 @@ export const ListView = /*#__PURE__*/ defineComponent({
|
|
|
95
94
|
return vnode;
|
|
96
95
|
});
|
|
97
96
|
return () => {
|
|
98
|
-
return h(
|
|
97
|
+
return h('NSCListView', {
|
|
99
98
|
ref: listView,
|
|
100
99
|
items: props.items,
|
|
101
100
|
itemTemplates,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../src/components/ListView.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../src/components/ListView.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
+
import { ActionBar } from './ActionBar';
|
|
2
|
+
import { ListView, ListItem } from './ListView';
|
|
1
3
|
export declare const BUILT_IN_COMPONENTS: {
|
|
2
4
|
ActionBar: import("@vue/runtime-core").DefineComponent<{}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
|
|
3
5
|
[key: string]: any;
|
|
4
|
-
}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{}>>, {}>;
|
|
6
|
+
}>, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{}>>, {}, {}>;
|
|
5
7
|
ListView: import("@vue/runtime-core").DefineComponent<{
|
|
6
8
|
items: {
|
|
7
9
|
validator(value: unknown): boolean;
|
|
@@ -14,5 +16,7 @@ export declare const BUILT_IN_COMPONENTS: {
|
|
|
14
16
|
validator(value: unknown): boolean;
|
|
15
17
|
};
|
|
16
18
|
itemTemplateSelector: FunctionConstructor;
|
|
17
|
-
}>>, {}>;
|
|
19
|
+
}>>, {}, {}>;
|
|
18
20
|
};
|
|
21
|
+
export { ActionBar, ListView };
|
|
22
|
+
export type { ListItem };
|
package/dist/components/index.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { ActionBar } from
|
|
2
|
-
import { ListView } from
|
|
1
|
+
import { ActionBar } from './ActionBar';
|
|
2
|
+
import { ListView } from './ListView';
|
|
3
3
|
export const BUILT_IN_COMPONENTS = {
|
|
4
4
|
ActionBar,
|
|
5
5
|
ListView,
|
|
6
6
|
};
|
|
7
|
+
export { ActionBar, ListView };
|
|
7
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAY,MAAM,YAAY,CAAC;AAEhD,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS;IACT,QAAQ;CACT,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ObjectDirective } from "@vue/runtime-core";
|
|
2
|
+
import { NSVElement } from "../dom";
|
|
3
|
+
type AssignerFn = (value: any) => void;
|
|
4
|
+
type ModelDirective<T> = ObjectDirective<T & {
|
|
5
|
+
_assign: AssignerFn;
|
|
6
|
+
}>;
|
|
7
|
+
export declare const vModel: ModelDirective<NSVElement>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { invokeArrayFns, isArray } from "@vue/shared";
|
|
2
|
+
import { getViewMeta } from "../registry";
|
|
3
|
+
const getModelAssigner = (vnode) => {
|
|
4
|
+
const fn = vnode.props["onUpdate:modelValue"];
|
|
5
|
+
return isArray(fn) ? (value) => invokeArrayFns(fn, value) : fn;
|
|
6
|
+
};
|
|
7
|
+
function toNumber(val) {
|
|
8
|
+
const n = parseFloat(val);
|
|
9
|
+
return isNaN(n) ? val : n;
|
|
10
|
+
}
|
|
11
|
+
export const vModel = {
|
|
12
|
+
beforeMount(el, { value, modifiers: { trim, number } }, vnode) {
|
|
13
|
+
el._assign = getModelAssigner(vnode);
|
|
14
|
+
const castToNumber = number;
|
|
15
|
+
const { prop, event } = getViewMeta(el.tagName).model;
|
|
16
|
+
el._assign(value);
|
|
17
|
+
el.setAttribute(prop, value);
|
|
18
|
+
el.addEventListener(event, () => {
|
|
19
|
+
let propValue = el.getAttribute(prop);
|
|
20
|
+
if (trim && typeof propValue === "string") {
|
|
21
|
+
propValue = propValue.trim();
|
|
22
|
+
}
|
|
23
|
+
else if (castToNumber && typeof propValue === "string") {
|
|
24
|
+
propValue = toNumber(propValue);
|
|
25
|
+
}
|
|
26
|
+
el._assign(propValue);
|
|
27
|
+
});
|
|
28
|
+
},
|
|
29
|
+
beforeUpdate(el, { value, oldValue }, vnode) {
|
|
30
|
+
const { prop } = getViewMeta(el.tagName).model;
|
|
31
|
+
el._assign = getModelAssigner(vnode);
|
|
32
|
+
if (value === oldValue) {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
el.setAttribute(prop, value);
|
|
36
|
+
},
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=vModel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vModel.js","sourceRoot":"","sources":["../../src/directives/vModel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAsB,MAAM,aAAa,CAAC;AAI9D,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAc,EAAE;IACpD,MAAM,EAAE,GAAG,KAAK,CAAC,KAAM,CAAC,qBAAqB,CAAC,CAAC;IAC/C,OAAO,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACjE,CAAC,CAAC;AAEF,SAAS,QAAQ,CAAC,GAAW;IAC3B,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;IAC1B,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5B,CAAC;AAID,MAAM,CAAC,MAAM,MAAM,GAA+B;IAChD,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK;QAC3D,EAAE,CAAC,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACrC,MAAM,YAAY,GAAG,MAAM,CAAC;QAC5B,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,KAA2B,CAAC;QAC5E,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAClB,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAE7B,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE;YAC9B,IAAI,SAAS,GAAY,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YAC/C,IAAI,IAAI,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;gBACzC,SAAS,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC;aAC9B;iBAAM,IAAI,YAAY,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;gBACxD,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;aACjC;YACD,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK;QACzC,MAAM,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,KAA2B,CAAC;QACrE,EAAE,CAAC,OAAO,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACrC,IAAI,KAAK,KAAK,QAAQ,EAAE;YACtB,OAAO;SACR;QACD,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;CACF,CAAC"}
|
package/dist/directives/vShow.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export const vShow = {
|
|
2
2
|
beforeMount(el, { value }, { transition }) {
|
|
3
3
|
el._vod =
|
|
4
|
-
el.getAttribute(
|
|
5
|
-
?
|
|
6
|
-
: el.getAttribute(
|
|
4
|
+
el.getAttribute('visibility') === 'none'
|
|
5
|
+
? ''
|
|
6
|
+
: el.getAttribute('visibility');
|
|
7
7
|
if (transition && value) {
|
|
8
8
|
transition.beforeEnter(el);
|
|
9
9
|
}
|
|
@@ -40,6 +40,6 @@ export const vShow = {
|
|
|
40
40
|
},
|
|
41
41
|
};
|
|
42
42
|
function setDisplay(el, value) {
|
|
43
|
-
el.setAttribute(
|
|
43
|
+
el.setAttribute('visibility', value ? el._vod : 'collapsed');
|
|
44
44
|
}
|
|
45
45
|
//# sourceMappingURL=vShow.js.map
|
package/dist/dom/index.d.ts
CHANGED
package/dist/dom/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
1
|
+
import { markRaw } from '@vue/runtime-core';
|
|
2
|
+
import { getViewClass, getViewMeta, normalizeElementName, } from '../registry';
|
|
3
|
+
import { ELEMENT_REF } from '../runtimeHelpers';
|
|
4
|
+
import setValue from 'set-value';
|
|
4
5
|
// import unset from 'unset-value'
|
|
5
6
|
const __TEST__ = false;
|
|
6
7
|
let nodeId = 0;
|
|
@@ -61,7 +62,7 @@ export class NSVElement extends NSVNode {
|
|
|
61
62
|
super("element" /* NSVNodeTypes.ELEMENT */);
|
|
62
63
|
this._tagName = normalizeElementName(tagName);
|
|
63
64
|
const viewClass = getViewClass(tagName);
|
|
64
|
-
this._nativeView = new viewClass();
|
|
65
|
+
this._nativeView = markRaw(new viewClass());
|
|
65
66
|
this._nativeView[ELEMENT_REF] = this;
|
|
66
67
|
}
|
|
67
68
|
get tagName() {
|
|
@@ -102,8 +103,6 @@ export class NSVElement extends NSVNode {
|
|
|
102
103
|
};
|
|
103
104
|
}
|
|
104
105
|
this.nativeView.addEventListener(event, handler);
|
|
105
|
-
// temporary, @loaded becomes `onLoaded` -> `Loaded`
|
|
106
|
-
this.nativeView.addEventListener(event.toLowerCase(), handler);
|
|
107
106
|
}
|
|
108
107
|
removeEventListener(event, handler) {
|
|
109
108
|
this.nativeView.removeEventListener(event, handler);
|
|
@@ -188,12 +187,12 @@ export class NSVElement extends NSVNode {
|
|
|
188
187
|
}
|
|
189
188
|
}
|
|
190
189
|
updateText() {
|
|
191
|
-
this.setAttribute(
|
|
190
|
+
this.setAttribute('text', this.childNodes.reduce((text, currentNode) => {
|
|
192
191
|
if (currentNode.nodeType !== "text" /* NSVNodeTypes.TEXT */) {
|
|
193
192
|
return text;
|
|
194
193
|
}
|
|
195
194
|
return text + currentNode.text;
|
|
196
|
-
},
|
|
195
|
+
}, ''));
|
|
197
196
|
}
|
|
198
197
|
}
|
|
199
198
|
export class NSVComment extends NSVNode {
|
package/dist/dom/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dom/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dom/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,18 +1,27 @@
|
|
|
1
|
-
import type { CreateAppFunction } from
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import type { CreateAppFunction } from '@vue/runtime-core';
|
|
2
|
+
import { createBlock as createBlockCore, createElementBlock as createElementBlockCore, createElementVNode as createElementVNodeCore, createVNode as createVNodeCore } from '@vue/runtime-core';
|
|
3
|
+
import { NSVElement, NSVRoot } from './dom';
|
|
4
|
+
import { registerElement } from './registry';
|
|
5
|
+
declare module '@vue/runtime-core' {
|
|
4
6
|
interface App {
|
|
5
7
|
start(): ComponentPublicInstance | undefined;
|
|
6
8
|
mount(rootContainer?: NSVRoot | string, isHydrate?: boolean, isSVG?: boolean): ComponentPublicInstance;
|
|
9
|
+
registerElement: typeof registerElement;
|
|
7
10
|
}
|
|
8
11
|
}
|
|
9
|
-
export * from
|
|
10
|
-
export * from
|
|
11
|
-
export * from
|
|
12
|
-
export * from
|
|
13
|
-
export {
|
|
14
|
-
export
|
|
15
|
-
export {
|
|
12
|
+
export * from './dom';
|
|
13
|
+
export * from './registry';
|
|
14
|
+
export * from './renderer';
|
|
15
|
+
export * from './components';
|
|
16
|
+
export { ELEMENT_REF, createNativeView } from './runtimeHelpers';
|
|
17
|
+
export * from '@vue/runtime-core';
|
|
18
|
+
export { vShow } from './directives/vShow';
|
|
19
|
+
export { $showModal } from './plugins/modals';
|
|
20
|
+
export { $navigateTo, $navigateBack } from './plugins/navigation';
|
|
16
21
|
export declare const render: import("@vue/runtime-core").RootRenderFunction<import("@vue/runtime-core").RendererElement>;
|
|
17
22
|
export declare const createApp: CreateAppFunction<NSVElement>;
|
|
18
23
|
export declare function resolveComponent(name: string, maybeSelReference: boolean): any;
|
|
24
|
+
export declare const createBlock: typeof createBlockCore;
|
|
25
|
+
export declare const createElementBlock: typeof createElementBlockCore;
|
|
26
|
+
export declare const createElementVNode: typeof createElementVNodeCore;
|
|
27
|
+
export declare const createVNode: typeof createVNodeCore;
|
package/dist/index.js
CHANGED
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
import { resolveComponent as resolveComponentCore } from
|
|
2
|
-
import { BUILT_IN_COMPONENTS } from
|
|
3
|
-
import { NSVRoot } from
|
|
4
|
-
import { init, resetRoot, startApp } from
|
|
5
|
-
import { renderer } from
|
|
6
|
-
import { install as modalsPlugin } from
|
|
7
|
-
import { install as navigationPlugin } from
|
|
8
|
-
import { isKnownView } from
|
|
1
|
+
import { createBlock as createBlockCore, createElementBlock as createElementBlockCore, createElementVNode as createElementVNodeCore, createVNode as createVNodeCore, resolveComponent as resolveComponentCore, } from '@vue/runtime-core';
|
|
2
|
+
import { BUILT_IN_COMPONENTS } from './components';
|
|
3
|
+
import { NSVRoot } from './dom';
|
|
4
|
+
import { init, resetRoot, startApp } from './nativescript';
|
|
5
|
+
import { renderer } from './renderer';
|
|
6
|
+
import { install as modalsPlugin } from './plugins/modals';
|
|
7
|
+
import { install as navigationPlugin } from './plugins/navigation';
|
|
8
|
+
import { isKnownView, registerElement } from './registry';
|
|
9
|
+
import { setRootApp } from './runtimeHelpers';
|
|
9
10
|
init();
|
|
10
|
-
export * from
|
|
11
|
-
export * from
|
|
12
|
-
export * from
|
|
13
|
-
export * from
|
|
14
|
-
export {
|
|
15
|
-
export
|
|
16
|
-
export {
|
|
11
|
+
export * from './dom';
|
|
12
|
+
export * from './registry';
|
|
13
|
+
export * from './renderer';
|
|
14
|
+
export * from './components';
|
|
15
|
+
export { ELEMENT_REF, createNativeView } from './runtimeHelpers';
|
|
16
|
+
export * from '@vue/runtime-core';
|
|
17
|
+
export { vShow } from './directives/vShow';
|
|
18
|
+
export { $showModal } from './plugins/modals';
|
|
19
|
+
export { $navigateTo, $navigateBack } from './plugins/navigation';
|
|
17
20
|
// creates a special root container that calls resetRoot whenever it's children change
|
|
18
21
|
function createAppRoot() {
|
|
19
22
|
const defaultRoot = new NSVRoot();
|
|
@@ -38,6 +41,7 @@ export const render = renderer.render;
|
|
|
38
41
|
export const createApp = ((...args) => {
|
|
39
42
|
const app = renderer.createApp(...args);
|
|
40
43
|
const { mount } = app;
|
|
44
|
+
app.registerElement = registerElement;
|
|
41
45
|
app.mount = (...args) => {
|
|
42
46
|
if (!args.length) {
|
|
43
47
|
return mount(new NSVRoot(), false, false);
|
|
@@ -47,6 +51,7 @@ export const createApp = ((...args) => {
|
|
|
47
51
|
app.start = () => {
|
|
48
52
|
const componentInstance = app.mount(createAppRoot(), false, false);
|
|
49
53
|
startApp(componentInstance);
|
|
54
|
+
setRootApp(app);
|
|
50
55
|
return componentInstance;
|
|
51
56
|
};
|
|
52
57
|
app.use(modalsPlugin);
|
|
@@ -63,4 +68,34 @@ export function resolveComponent(name, maybeSelReference) {
|
|
|
63
68
|
const component = resolveComponentCore(name, maybeSelReference);
|
|
64
69
|
return component;
|
|
65
70
|
}
|
|
71
|
+
/**
|
|
72
|
+
* Checks if the type has a constructor.name that matches a known view or built-in component
|
|
73
|
+
* If so, returns the name of the view or component. This allows {N} element imports to be
|
|
74
|
+
* used inside script setup context without requiring aliasing.
|
|
75
|
+
*/
|
|
76
|
+
function maybeConvertToKnownComponentOrViewName(type) {
|
|
77
|
+
const name = type?.prototype?.constructor?.name;
|
|
78
|
+
if (name) {
|
|
79
|
+
if (BUILT_IN_COMPONENTS[name]) {
|
|
80
|
+
return BUILT_IN_COMPONENTS[name];
|
|
81
|
+
}
|
|
82
|
+
if (isKnownView(name)) {
|
|
83
|
+
return name;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
return type;
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* Wraps the original function and replaces the first argument if it matches
|
|
90
|
+
* a known view or built-in component.
|
|
91
|
+
*/
|
|
92
|
+
function wrapCreate(originalFunction) {
|
|
93
|
+
return ((type, ...args) => {
|
|
94
|
+
return originalFunction(maybeConvertToKnownComponentOrViewName(type), ...args);
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
export const createBlock = wrapCreate(createBlockCore);
|
|
98
|
+
export const createElementBlock = wrapCreate(createElementBlockCore);
|
|
99
|
+
export const createElementVNode = wrapCreate(createElementVNodeCore);
|
|
100
|
+
export const createVNode = wrapCreate(createVNodeCore);
|
|
66
101
|
//# sourceMappingURL=index.js.map
|