test: demo app

Author: farfromrefug

demo-vue/app/examples/BottomSheet.vue

@@ -5,6 +5,9 @@
         </ActionBar>
         <StackLayout>
             <MDButton id="bottomsheet" text="bottomsheet" @tap="onTap" />
+            <MDButton id="dont_ignore_top_safe_area" text="dont_ignore_top_safe_area" @tap="onTap" />
+            <MDButton id="ignore_bottom_safe_area" text="ignore_bottom_safe_area" @tap="onTap" />
+            <MDButton id="dont_ignore_top_ignore_bottom_safe_area" text="dont_ignore_top_ignore_bottom_safe_area" @tap="onTap" />
             <MDButton id="bottomsheet-keyboard" text="bottomsheet-keyboard" @tap="onTap" />
         </StackLayout>
     </Page>
@@ -48,6 +51,37 @@ export default Vue.extend({
                     });
                     break;
                 }
+                case 'dont_ignore_top_safe_area': {
+                    (this as NativeScriptVue).$showBottomSheet(BottomSheetInner, {
+                        ignoreTopSafeArea:false,
+                        // transparent:true,
+                        closeCallback: objId => {
+                            console.log('bottom sheet closed');
+                        }
+                    });
+                    break;
+                }
+                case 'ignore_bottom_safe_area': {
+                    (this as NativeScriptVue).$showBottomSheet(BottomSheetInner, {
+                        // transparent:true,
+                        ignoreBottomSafeArea:true,
+                        closeCallback: objId => {
+                            console.log('bottom sheet closed');
+                        }
+                    });
+                    break;
+                }
+                case 'dont_ignore_top_ignore_bottom_safe_area': {
+                    (this as NativeScriptVue).$showBottomSheet(BottomSheetInner, {
+                        // transparent:true,
+                        ignoreTopSafeArea:false,
+                        ignoreBottomSafeArea:true,
+                        closeCallback: objId => {
+                            console.log('bottom sheet closed');
+                        }
+                    });
+                    break;
+                }
                 case 'bottomsheet-keyboard': {
                     (this as NativeScriptVue).$showBottomSheet(BottomSheetInnerKeyboard, {
                         closeCallback: objId => {

demo-vue/app/examples/BottomSheetInner.vue

@@ -1,10 +1,12 @@
 <template>
-    <MDCardView backgroundColor="green" @shownInBottomSheet="onShownInBottomSheet" borderRadius="20" elevation="30">
+<!-- <Page iosOverflowSafeArea="true"> -->
+    <MDCardView @shownInBottomSheet="onShownInBottomSheet" borderRadius="20" elevation="30" backgroundColor="red">
         <StackLayout>
             <MDButton id="test1" text="test1" borderRadius="20" margin="20" />
             <MDButton id="test2" text="test2" />
         </StackLayout>
     </MDCardView>
+<!-- </Page> -->
 </template>
 
 <script lang="ts">

demo-vue/app/main.ts

@@ -71,15 +71,15 @@ if (isIOS) {
 }
 
 // import { getExamples } from './examples';
-import * as views from './views';
+import * as views from './views'; 
 
 // for (let item of getExamples()) {
 //     Vue.component(item.component.name, item.component);
 // }
 
 Vue.component(views.Home.name, views.Home);
 
-Vue.config.silent = false;
+Vue.config.silent = true;
 
 Vue.config.errorHandler = (e, vm, info) => {
   console.log('vue error', e, e.stack);

demo-vue/package.json

@@ -6,15 +6,15 @@
     "nativescript": {
         "id": "org.nativescript.demovuematerial",
         "tns-android": {
-            "version": "6.3.1"
+            "version": "6.4.1"
         },
         "tns-ios": {
-            "version": "6.3.0"
+            "version": "6.4.1"
         }
     },
     "dependencies": {
-        "@nativescript/core": "6.3.2",
-        "nativescript-vue-template-compiler": "^2.1.14",
+        "@nativescript/core": "6.4.1",
+        "nativescript-vue-template-compiler": "^2.4.0",
         "nativescript-vue": "~2.4.0",
         "nativescript-akylas-vue": "2.5.0-alpha.10",
         "nativescript-iqkeyboardmanager": "^1.5.1",

demo-vue/webpack.config.js

@@ -59,6 +59,7 @@ module.exports = env => {
             'nativescript-material-core/core': '#/core/core.' + platform,
             'nativescript-material-core/android/utils$': '#/core/android/utils',
             'nativescript-material-core/cssproperties$': '#/core/cssproperties',
+            'nativescript-material-core/textbase/cssproperties$': '#/core/textbase/cssproperties',
 
             'nativescript-material-bottomsheet$': '#/bottomsheet/bottomsheet.' + platform,
             'nativescript-material-bottomsheet/vue$': '#/bottomsheet/vue/index',