feat (wrap ns components): Wrap DatePicker and Button elements. Add them to the test app.

msaelices · msaelices · commit 1fc3214fa6bb · 2018-06-23T02:07:14.000+02:00
diff --git a/platform/nativescript/element-registry.js b/platform/nativescript/element-registry.js
@@ -182,7 +182,7 @@ registerElementLegacy('VTemplate', null, {
 
 registerElement('Label', () => require('tns-core-modules/ui/label').Label)
 
-registerElementLegacy(
+registerElement(
   'DatePicker',
   () => require('tns-core-modules/ui/date-picker').DatePicker,
   {
@@ -205,9 +205,9 @@ registerElementLegacy(
   'Border',
   () => require('tns-core-modules/ui/border').Border
 )
-registerElementLegacy(
+registerElement(
   'Button',
-  () => require('tns-core-modules/ui/button').Button
+  () => require('tns-core-modules/ui/button').Button,
 )
 registerElementLegacy(
   'ContentView',
diff --git a/samples/app/127.js b/samples/app/127.js
@@ -11,10 +11,10 @@ new Vue({
     <Frame>
       <Page>
         <ActionBar title="Issue #127" />
-        
+
         <StackLayout>
           <Label v-if="foo" text="Enable" @tap="foo = false"/>
-          <Label v-if="!foo" text="Disable" @tap="foo = true"/>
+          <Label v-else text="Disable" @tap="foo = true"/>
         </StackLayout>
       </Page>
     </Frame>
diff --git a/samples/app/app-with-all-components.js b/samples/app/app-with-all-components.js
@@ -6,6 +6,7 @@ Vue.config.silent = false
 new Vue({
   data() {
     return {
+      timesPressed: 0,
       labelCondition: false,
       selectedDate: new Date()
     }
@@ -16,10 +17,6 @@ new Vue({
         <ActionBar title="App with all components" />
 
         <StackLayout class="m-t-20">
-          <Label
-            ref="label"
-            text="Some Text" />
-
           <Label
             v-if="labelCondition"
             text="Label with labelCondition enabled. Tap me to disable"
@@ -33,16 +30,30 @@ new Vue({
             textWrap />
 
           <DatePicker
+            ref="date"
             v-model="selectedDate"
             @dateChange="onDateChanged" />
+
+          <Button
+            :text="buttonText"
+            @tap="onButtonPress" />
         </StackLayout>
       </Page>
     </Frame>
   `,
+  computed: {
+    buttonText () {
+      return (this.timesPressed > 0) ? `Pressed ${this.timesPressed} times` : 'Press me'
+    }
+  },
   methods: {
-    onDateChanged() {
+    onDateChanged () {
       console.log(`Date changed to ${this.selectedDate}`)
-    }
+    },
+    onButtonPress () {
+      console.log('Button pressed')
+      this.timesPressed++
+    },
   },
   created() {
     console.log(Vue.compile(this.$options.template).render.toString())

Original file line number	Diff line number	Diff line change
`@@ -182,7 +182,7 @@ registerElementLegacy('VTemplate', null, {`
`182`	`182`
`183`	`183`	`registerElement('Label', () => require('tns-core-modules/ui/label').Label)`
`184`	`184`
`185`		`-registerElementLegacy(`
	`185`	`+registerElement(`
`186`	`186`	`'DatePicker',`
`187`	`187`	`() => require('tns-core-modules/ui/date-picker').DatePicker,`
`188`	`188`	`{`
`@@ -205,9 +205,9 @@ registerElementLegacy(`
`205`	`205`	`'Border',`
`206`	`206`	`() => require('tns-core-modules/ui/border').Border`
`207`	`207`	`)`
`208`		`-registerElementLegacy(`
	`208`	`+registerElement(`
`209`	`209`	`'Button',`
`210`		`- () => require('tns-core-modules/ui/button').Button`
	`210`	`+ () => require('tns-core-modules/ui/button').Button,`
`211`	`211`	`)`
`212`	`212`	`registerElementLegacy(`
`213`	`213`	`'ContentView',`