@hap-toolkit/dsl-xvm 2.0.8 → 2.0.9

package/templates/app/demo/src/helper/apis/example.js

@@ -1,25 +1,25 @@
-/*
- * Copyright (c) 2021-present, the hapjs-platform Project Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import $ajax from '../ajax'
-
-/**
- * @desc 在实际开发中，您可以将 baseUrl 替换为您的请求地址前缀；
- *
- * 已将 $apis 挂载在 global，您可以通过如下方式，进行调用：
- * $apis.example.getSomeApi().then().catch().finally()
- *
- * 备注：如果您不需要发起请求，删除 apis 目录，以及 app.ux 中引用即可；
- */
-const baseUrl = 'https://api.exampel.com/'
-
-export default {
-  getSomeApi(data) {
-    return $ajax.get(`${baseUrl}your-project-api`, data)
-  },
-  postOtherApi(data) {
-    return $ajax.post(`${baseUrl}your-project-api`, data)
-  },
-}
+/*
+ * Copyright (c) 2021-present, the hapjs-platform Project Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import $ajax from '../ajax'
+
+/**
+ * @desc 在实际开发中，您可以将 baseUrl 替换为您的请求地址前缀；
+ *
+ * 已将 $apis 挂载在 global，您可以通过如下方式，进行调用：
+ * $apis.example.getSomeApi().then().catch().finally()
+ *
+ * 备注：如果您不需要发起请求，删除 apis 目录，以及 app.ux 中引用即可；
+ */
+const baseUrl = 'https://api.exampel.com/'
+
+export default {
+  getSomeApi(data) {
+    return $ajax.get(`${baseUrl}your-project-api`, data)
+  },
+  postOtherApi(data) {
+    return $ajax.post(`${baseUrl}your-project-api`, data)
+  },
+}

package/templates/app/demo/src/helper/apis/index.js

@@ -1,16 +1,16 @@
-/*
- * Copyright (c) 2021-present, the hapjs-platform Project Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-const files = require.context('.', true, /\.js/)
-const modules = {}
-
-files.keys().forEach((key) => {
-  if (key === './index.js') {
-    return
-  }
-  modules[key.replace(/(^\.\/|\.js$)/g, '')] = files(key).default
-})
-
-export default modules
+/*
+ * Copyright (c) 2021-present, the hapjs-platform Project Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+const files = require.context('.', true, /\.js/)
+const modules = {}
+
+files.keys().forEach((key) => {
+  if (key === './index.js') {
+    return
+  }
+  modules[key.replace(/(^\.\/|\.js$)/g, '')] = files(key).default
+})
+
+export default modules

package/templates/app/demo/src/helper/utils.js

@@ -1,31 +1,31 @@
-/*
- * Copyright (c) 2021-present, the hapjs-platform Project Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-/**
- * 您可以将常用的方法、或系统 API，统一封装，暴露全局，以便各页面、组件调用，而无需 require / import.
- */
-const prompt = require('@system.prompt')
-
-function queryString(url, query) {
-  let str = []
-  for (let key in query) {
-    str.push(key + '=' + query[key])
-  }
-  let paramStr = str.join('&')
-  return paramStr ? `${url}?${paramStr}` : url
-}
-
-function showToast(message = '', duration = 0) {
-  if (!message) return
-  prompt.showToast({
-    message: message,
-    duration,
-  })
-}
-
-export default {
-  showToast,
-  queryString,
-}
+/*
+ * Copyright (c) 2021-present, the hapjs-platform Project Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * 您可以将常用的方法、或系统 API，统一封装，暴露全局，以便各页面、组件调用，而无需 require / import.
+ */
+const prompt = require('@system.prompt')
+
+function queryString(url, query) {
+  let str = []
+  for (let key in query) {
+    str.push(key + '=' + query[key])
+  }
+  let paramStr = str.join('&')
+  return paramStr ? `${url}?${paramStr}` : url
+}
+
+function showToast(message = '', duration = 0) {
+  if (!message) return
+  prompt.showToast({
+    message: message,
+    duration,
+  })
+}
+
+export default {
+  showToast,
+  queryString,
+}

package/templates/app/demo/src/manifest.json

@@ -1,70 +1,70 @@
-{
-	"package": "com.example.demo",
-	"name": "快应用示例模版",
-	"versionName": "1.0.0",
-	"versionCode": 1,
-	"minPlatformVersion": 1070,
-	"icon": "/assets/images/logo.png",
-	"features": [{
-			"name": "system.prompt"
-		},
-		{
-			"name": "system.router"
-		},
-		{
-			"name": "system.shortcut"
-		},
-		{
-			"name": "system.fetch"
-		}
-	],
-	"permissions": [{
-		"origin": "*"
-	}],
-	"template/official": "demo-template",
-	"config": {
-		"logLevel": "debug",
-		"designWidth": 1080
-	},
-	"router": {
-		"entry": "pages/Demo",
-		"pages": {
-			"pages/Demo": {
-				"component": "index"
-			},
-			"pages/DemoDetail": {
-				"component": "index"
-			}
-		},
-		"widgets": {
-			"widgets/CardDemo": {
-				"name": "卡片名称4x2",
-				"description": "快应用卡片展示",
-				"component": "index",
-				"path": "/widgets/CardDemo",
-				"minPlatformVersion": 1032,
-				"params": {
-					"size": "4x2"
-				},
-				"targetManufacturers": [
-					"vivo", "OPPO", "xiaomi"
-				],
-				"features": []
-			}
-		}
-	},
-	"display": {
-		"titleBarBackgroundColor": "#f2f2f2",
-		"titleBarTextColor": "#414141",
-		"menu": true,
-		"pages": {
-			"pages/Demo": {
-				"titleBarText": "快应用示例模版",
-				"menu": false
-			},
-			"pages/DemoDetail": {
-				"titleBarText": "详情页"
-			}
-		}
-	}
-}
+{
+	"package": "com.example.demo",
+	"name": "快应用示例模版",
+	"versionName": "1.0.0",
+	"versionCode": 1,
+	"minPlatformVersion": 1070,
+	"icon": "/assets/images/logo.png",
+	"features": [{
+			"name": "system.prompt"
+		},
+		{
+			"name": "system.router"
+		},
+		{
+			"name": "system.shortcut"
+		},
+		{
+			"name": "system.fetch"
+		}
+	],
+	"permissions": [{
+		"origin": "*"
+	}],
+	"template/official": "demo-template",
+	"config": {
+		"logLevel": "debug",
+		"designWidth": 1080
+	},
+	"router": {
+		"entry": "pages/Demo",
+		"pages": {
+			"pages/Demo": {
+				"component": "index"
+			},
+			"pages/DemoDetail": {
+				"component": "index"
+			}
+		},
+		"widgets": {
+			"widgets/CardDemo": {
+				"name": "卡片名称4x2",
+				"description": "快应用卡片展示",
+				"component": "index",
+				"path": "/widgets/CardDemo",
+				"minPlatformVersion": 1032,
+				"params": {
+					"size": "4x2"
+				},
+				"targetManufacturers": [
+					"vivo", "OPPO", "xiaomi"
+				],
+				"features": []
+			}
+		}
+	},
+	"display": {
+		"titleBarBackgroundColor": "#f2f2f2",
+		"titleBarTextColor": "#414141",
+		"menu": true,
+		"pages": {
+			"pages/Demo": {
+				"titleBarText": "快应用示例模版",
+				"menu": false
+			},
+			"pages/DemoDetail": {
+				"titleBarText": "详情页"
+			}
+		}
+	}
+}

package/templates/app/demo/src/pages/Demo/index.ux

@@ -1,72 +1,72 @@
-<!-- 
-  Copyright (c) 2021-present, the hapjs-platform Project Contributors
-  SPDX-License-Identifier: Apache-2.0
--->
-
-<template>
-  <!-- template里只能有一个根节点 -->
-  <div class="wrapper">
-    <text class="title">{{ title }}</text>
-    <!-- 点击跳转详情页 -->
-    <input
-      class="btn"
-      type="button"
-      value="跳转到详情页"
-      onclick="onDetailBtnClick"
-    />
-  </div>
-</template>
-
-<script>
-import router from '@system.router'
-
-export default {
-  // 页面级组件的数据模型，影响传入数据的覆盖机制：private内定义的属性不允许被覆盖
-  private: {
-    title: '欢迎体验快应用开发'
-  },
-
-  onInit() {
-    // --------------------------------- Optimize SEO Start
-    // 当 titlebar 的文案与搜索的标题不一致时，请先设置 titlebar
-    // 备注：this.$page.setMeta 需要引擎 1090 版本及以上才支持，因此这段做注释处理；
-    // this.$page.setTitleBar({ text: 'setTitlebar 设置的标题' })
-    // this.$page.setMeta({
-    //   title: '快应用示例模版',
-    //   description:
-    //     '快应用是移动互联网新型应用生态，与手机系统深度整合，为用户提供更加场景化的体验。具备传统APP完整的应用体验，但无需安装、即点即用。'
-    // })
-    // --------------------------------- Optimize SEO End
-  },
-
-  onDetailBtnClick() {
-    // 跳转到应用内的某个页面，router用法详见：文档 -> 接口 -> 页面路由
-    router.push({
-      uri: '/pages/DemoDetail'
-    })
-  }
-}
-</script>
-
-<style lang="scss">
-@import './../../assets/styles/style.scss';
-
-.wrapper {
-  @include flex-box-mixins(column, center, center);
-  .title {
-    font-size: 18 * $size-factor;
-    text-align: center;
-    color: $black;
-  }
-
-  .btn {
-    width: 150 * $size-factor;
-    height: 42 * $size-factor;
-    border-radius: 21 * $size-factor;
-    background-color: $brand;
-    color: $white;
-    font-size: 16 * $size-factor;
-    margin-top: 20 * $size-factor;
-  }
-}
-</style>
+<!-- 
+  Copyright (c) 2021-present, the hapjs-platform Project Contributors
+  SPDX-License-Identifier: Apache-2.0
+-->
+
+<template>
+  <!-- template里只能有一个根节点 -->
+  <div class="wrapper">
+    <text class="title">{{ title }}</text>
+    <!-- 点击跳转详情页 -->
+    <input
+      class="btn"
+      type="button"
+      value="跳转到详情页"
+      onclick="onDetailBtnClick"
+    />
+  </div>
+</template>
+
+<script>
+import router from '@system.router'
+
+export default {
+  // 页面级组件的数据模型，影响传入数据的覆盖机制：private内定义的属性不允许被覆盖
+  private: {
+    title: '欢迎体验快应用开发'
+  },
+
+  onInit() {
+    // --------------------------------- Optimize SEO Start
+    // 当 titlebar 的文案与搜索的标题不一致时，请先设置 titlebar
+    // 备注：this.$page.setMeta 需要引擎 1090 版本及以上才支持，因此这段做注释处理；
+    // this.$page.setTitleBar({ text: 'setTitlebar 设置的标题' })
+    // this.$page.setMeta({
+    //   title: '快应用示例模版',
+    //   description:
+    //     '快应用是移动互联网新型应用生态，与手机系统深度整合，为用户提供更加场景化的体验。具备传统APP完整的应用体验，但无需安装、即点即用。'
+    // })
+    // --------------------------------- Optimize SEO End
+  },
+
+  onDetailBtnClick() {
+    // 跳转到应用内的某个页面，router用法详见：文档 -> 接口 -> 页面路由
+    router.push({
+      uri: '/pages/DemoDetail'
+    })
+  }
+}
+</script>
+
+<style lang="scss">
+@import './../../assets/styles/style.scss';
+
+.wrapper {
+  @include flex-box-mixins(column, center, center);
+  .title {
+    font-size: 18 * $size-factor;
+    text-align: center;
+    color: $black;
+  }
+
+  .btn {
+    width: 150 * $size-factor;
+    height: 42 * $size-factor;
+    border-radius: 21 * $size-factor;
+    background-color: $brand;
+    color: $white;
+    font-size: 16 * $size-factor;
+    margin-top: 20 * $size-factor;
+  }
+}
+</style>

package/templates/app/demo/src/pages/DemoDetail/index.ux

@@ -1,63 +1,63 @@
-<!-- 
-  Copyright (c) 2021-present, the hapjs-platform Project Contributors
-  SPDX-License-Identifier: Apache-2.0
--->
-
-<template>
-  <!-- template里只能有一个根节点 -->
-  <div class="wrapper">
-    <text class="title">{{ text }}</text>
-    <text class="desc"
-      >快应用是移动互联网新型应用生态，与手机系统深度整合，为用户提供更加场景化的体验。具备传统APP完整的应用体验，但无需安装、即点即用。
-    </text>
-    <text class="desc"
-      >标准是由主流手机厂商组成的快应用联盟联合制定。其标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台，以平台化的生态模式对个人开发者和企业开发者全品类开放
-    </text>
-    <input
-      class="btn"
-      type="button"
-      value="欢迎使用"
-      onclick="onWelcomeBtnClick"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  private: {
-    text: '快应用是什么？'
-  },
-
-  onWelcomeBtnClick() {
-    $utils.showToast('快应用：复杂生活的简单答案，让生活更顺畅')
-  }
-}
-</script>
-
-<style lang="scss">
-@import './../../assets/styles/style.scss';
-
-.wrapper {
-  @include flex-box-mixins(column, center, center);
-  margin: 0 16 * $size-factor;
-  .title {
-    font-size: 18 * $size-factor;
-    text-align: center;
-    color: $black;
-  }
-  .desc {
-    margin-top: 18 * $size-factor;
-    color: $grey;
-    font-size: 16 * $size-factor;
-  }
-  .btn {
-    width: 150 * $size-factor;
-    height: 42 * $size-factor;
-    border-radius: 21 * $size-factor;
-    background-color: $brand;
-    color: $white;
-    font-size: 16 * $size-factor;
-    margin-top: 20 * $size-factor;
-  }
-}
-</style>
+<!-- 
+  Copyright (c) 2021-present, the hapjs-platform Project Contributors
+  SPDX-License-Identifier: Apache-2.0
+-->
+
+<template>
+  <!-- template里只能有一个根节点 -->
+  <div class="wrapper">
+    <text class="title">{{ text }}</text>
+    <text class="desc"
+      >快应用是移动互联网新型应用生态，与手机系统深度整合，为用户提供更加场景化的体验。具备传统APP完整的应用体验，但无需安装、即点即用。
+    </text>
+    <text class="desc"
+      >标准是由主流手机厂商组成的快应用联盟联合制定。其标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台，以平台化的生态模式对个人开发者和企业开发者全品类开放
+    </text>
+    <input
+      class="btn"
+      type="button"
+      value="欢迎使用"
+      onclick="onWelcomeBtnClick"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  private: {
+    text: '快应用是什么？'
+  },
+
+  onWelcomeBtnClick() {
+    $utils.showToast('快应用：复杂生活的简单答案，让生活更顺畅')
+  }
+}
+</script>
+
+<style lang="scss">
+@import './../../assets/styles/style.scss';
+
+.wrapper {
+  @include flex-box-mixins(column, center, center);
+  margin: 0 16 * $size-factor;
+  .title {
+    font-size: 18 * $size-factor;
+    text-align: center;
+    color: $black;
+  }
+  .desc {
+    margin-top: 18 * $size-factor;
+    color: $grey;
+    font-size: 16 * $size-factor;
+  }
+  .btn {
+    width: 150 * $size-factor;
+    height: 42 * $size-factor;
+    border-radius: 21 * $size-factor;
+    background-color: $brand;
+    color: $white;
+    font-size: 16 * $size-factor;
+    margin-top: 20 * $size-factor;
+  }
+}
+</style>

package/templates/app/demo/src/sitemap.json

@@ -1,3 +1,3 @@
-{
-  "rules": [{ "rule": "enable", "page": "*" }]
-}
+{
+  "rules": [{ "rule": "enable", "page": "*" }]
+}

package/templates/app/demo/src/widgets/CardDemo/assets/styles.scss

@@ -1,17 +1,17 @@
-$brand: #09ba07;
-
-$white: #ffffff;
-$black: #000000;
-$grey: #9393aa;
-$red: #fa0101;
-$yellow: #ffff00;
-
-// $size-factor 为 3px，对应的 designWidth 为 1080，长度使用：360的设计稿尺寸数字 * $size-factor
-// 如果 designWidth 设置为 360，可修改 $size-factor 为 1px
-$size-factor: 3px; 
-
-@mixin flex-box-mixins($direction: row, $justify: center, $align-items: center) {
-  flex-direction: $direction;
-  justify-content: $justify;
-  align-items: $align-items;
+$brand: #09ba07;
+
+$white: #ffffff;
+$black: #000000;
+$grey: #9393aa;
+$red: #fa0101;
+$yellow: #ffff00;
+
+// $size-factor 为 3px，对应的 designWidth 为 1080，长度使用：360的设计稿尺寸数字 * $size-factor
+// 如果 designWidth 设置为 360，可修改 $size-factor 为 1px
+$size-factor: 3px; 
+
+@mixin flex-box-mixins($direction: row, $justify: center, $align-items: center) {
+  flex-direction: $direction;
+  justify-content: $justify;
+  align-items: $align-items;
 }