@hap-toolkit/dsl-xvm 2.1.0 → 2.1.1

package/templates/app/demo/scripts/gen/template.ux

@@ -1,32 +1,32 @@
-<!-- 
-  Copyright (c) 2021-present, the hapjs-platform Project Contributors
-  SPDX-License-Identifier: Apache-2.0
--->
-
-<template>
-  <div class="wrapper">
-    <text class="title">{{ title }}</text>
-  </div>
-</template>
-
-<script>
-export default {
-  private: {
-    title: '欢迎体验快应用开发'
-  },
-
-  onInit() {}
-}
-</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;
-  }
-}
-</style>
+<!-- 
+  Copyright (c) 2021-present, the hapjs-platform Project Contributors
+  SPDX-License-Identifier: Apache-2.0
+-->
+
+<template>
+  <div class="wrapper">
+    <text class="title">{{ title }}</text>
+  </div>
+</template>
+
+<script>
+export default {
+  private: {
+    title: '欢迎体验快应用开发'
+  },
+
+  onInit() {}
+}
+</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;
+  }
+}
+</style>

package/templates/app/demo/scripts/selfCloseInputTag.js

@@ -1,41 +1,41 @@
-/*
- * Copyright (c) 2021-present, the hapjs-platform Project Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-/**
- * @file: selfCloseInputTag.js
- * @desc: 遍历指定目录下 .ux 文件，将其中 input 标签由 <input **></input> 转换为 <input ** />
- * @date: 2019-01-23
- */
-
-const fs = require('fs')
-const path = require('path')
-
-const quickappCodePath = './src/'
-
-const main = (codePath) => {
-  const traversing = (cpath) => {
-    const files = fs.readdirSync(cpath)
-    files.forEach((fileName) => {
-      const fPath = path.join(cpath, fileName)
-      const stats = fs.statSync(fPath)
-      stats.isDirectory() && traversing(fPath)
-      stats.isFile() && fPath.endsWith('.ux') && matchAndReplace(fPath)
-    })
-  }
-  traversing(codePath)
-}
-
-const matchAndReplace = (path) => {
-  const pageContent = fs.readFileSync(path, 'UTF-8')
-  const newContent = pageContent.replace(
-    /(<)([\s]*?)(input\b[^\/]*?)>[\s\S]*?<\/input>/gm,
-    '$1$3 />'
-  )
-  fs.writeFile(path, newContent, (error) => {
-    if (error) throw `Something went wrong: ${error}`
-  })
-}
-
-main(quickappCodePath)
+/*
+ * Copyright (c) 2021-present, the hapjs-platform Project Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * @file: selfCloseInputTag.js
+ * @desc: 遍历指定目录下 .ux 文件，将其中 input 标签由 <input **></input> 转换为 <input ** />
+ * @date: 2019-01-23
+ */
+
+const fs = require('fs')
+const path = require('path')
+
+const quickappCodePath = './src/'
+
+const main = (codePath) => {
+  const traversing = (cpath) => {
+    const files = fs.readdirSync(cpath)
+    files.forEach((fileName) => {
+      const fPath = path.join(cpath, fileName)
+      const stats = fs.statSync(fPath)
+      stats.isDirectory() && traversing(fPath)
+      stats.isFile() && fPath.endsWith('.ux') && matchAndReplace(fPath)
+    })
+  }
+  traversing(codePath)
+}
+
+const matchAndReplace = (path) => {
+  const pageContent = fs.readFileSync(path, 'UTF-8')
+  const newContent = pageContent.replace(
+    /(<)([\s]*?)(input\b[^\/]*?)>[\s\S]*?<\/input>/gm,
+    '$1$3 />'
+  )
+  fs.writeFile(path, newContent, (error) => {
+    if (error) throw `Something went wrong: ${error}`
+  })
+}
+
+main(quickappCodePath)

package/templates/app/demo/src/app.ux

@@ -1,22 +1,22 @@
-<!-- 
-  Copyright (c) 2021-present, the hapjs-platform Project Contributors
-  SPDX-License-Identifier: Apache-2.0
--->
-
-<script>
-/**
- * 应用级别的配置，供所有页面公用
- */
-
-const $utils = require('./helper/utils').default
-const $apis = require('./helper/apis').default
-
-/* @desc: 注入方法至全局 global,以便页面调用 */
-const hook2global = global.__proto__ || global
-hook2global.$utils = $utils
-hook2global.$apis = $apis
-
-export default {
-  onCreate() {}
-}
-</script>
+<!-- 
+  Copyright (c) 2021-present, the hapjs-platform Project Contributors
+  SPDX-License-Identifier: Apache-2.0
+-->
+
+<script>
+/**
+ * 应用级别的配置，供所有页面公用
+ */
+
+const $utils = require('./helper/utils').default
+const $apis = require('./helper/apis').default
+
+/* @desc: 注入方法至全局 global,以便页面调用 */
+const hook2global = global.__proto__ || global
+hook2global.$utils = $utils
+hook2global.$apis = $apis
+
+export default {
+  onCreate() {}
+}
+</script>

package/templates/app/demo/src/assets/styles/mixins.scss

@@ -1,5 +1,5 @@
-@mixin flex-box-mixins($direction: row, $justify: center, $align-items: center) {
-  flex-direction: $direction;
-  justify-content: $justify;
-  align-items: $align-items;
-}
+@mixin flex-box-mixins($direction: row, $justify: center, $align-items: center) {
+  flex-direction: $direction;
+  justify-content: $justify;
+  align-items: $align-items;
+}

package/templates/app/demo/src/assets/styles/style.scss

@@ -1,2 +1,2 @@
-@import './variables.scss';
-@import './mixins.scss';
+@import './variables.scss';
+@import './mixins.scss';

package/templates/app/demo/src/assets/styles/variables.scss

@@ -1,11 +1,11 @@
-$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; 
+$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; 

package/templates/app/demo/src/global.js

@@ -1,38 +1,38 @@
-/*
- * Copyright (c) 2021-present, the hapjs-platform Project Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * @file 全局能力的配置与获取
- * 文档地址：https://doc.quickapp.cn/tutorial/framework/optimization-skills.html#%E4%BD%BF%E7%94%A8-globaljs
- */
-
-function getGlobalRef() {
-  return Object.getPrototypeOf(global) || global
-}
-
-const quickappGlobal = getGlobalRef()
-
-/**
- * 设置全局(被APP与Page共享)数据；
- * @param key {string}
- * @param val {*}
- */
-function setGlobalData(key, val) {
-  quickappGlobal[key] = val
-}
-
-/**
- * 获取全局(被APP与Page共享)数据；
- * @param key {string}
- * @return {*}
- */
-function getGlobalData(key) {
-  return quickappGlobal[key]
-}
-
-// 两个方法默认定义在全局
-setGlobalData('setGlobalData', setGlobalData)
-setGlobalData('getGlobalData', getGlobalData)
-
-export { setGlobalData, getGlobalData }
+/*
+ * Copyright (c) 2021-present, the hapjs-platform Project Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * @file 全局能力的配置与获取
+ * 文档地址：https://doc.quickapp.cn/tutorial/framework/optimization-skills.html#%E4%BD%BF%E7%94%A8-globaljs
+ */
+
+function getGlobalRef() {
+  return Object.getPrototypeOf(global) || global
+}
+
+const quickappGlobal = getGlobalRef()
+
+/**
+ * 设置全局(被APP与Page共享)数据；
+ * @param key {string}
+ * @param val {*}
+ */
+function setGlobalData(key, val) {
+  quickappGlobal[key] = val
+}
+
+/**
+ * 获取全局(被APP与Page共享)数据；
+ * @param key {string}
+ * @return {*}
+ */
+function getGlobalData(key) {
+  return quickappGlobal[key]
+}
+
+// 两个方法默认定义在全局
+setGlobalData('setGlobalData', setGlobalData)
+setGlobalData('getGlobalData', getGlobalData)
+
+export { setGlobalData, getGlobalData }

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

@@ -1,67 +1,67 @@
-/*
- * Copyright (c) 2021-present, the hapjs-platform Project Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import $fetch from '@system.fetch'
-import $utils from './utils'
-
-Promise.prototype.finally = function (callback) {
-  const P = this.constructor
-  return this.then(
-    (value) => P.resolve(callback()).then(() => value),
-    (reason) =>
-      P.resolve(callback()).then(() => {
-        throw reason
-      })
-  )
-}
-
-function requestHandle(params) {
-  return new Promise((resolve, reject) => {
-    $fetch
-      .fetch({
-        url: params.url,
-        method: params.method,
-        data: params.data,
-      })
-      .then((response) => {
-        const result = response.data
-        const content = JSON.parse(result.data)
-        /* @desc: 可跟具体不同业务接口数据，返回你所需要的部分，使得使用尽可能便捷 */
-        content.success ? resolve(content.value) : resolve(content.message)
-      })
-      .catch((error, code) => {
-        console.log(`🐛 request fail, code = ${code}`)
-        reject(error)
-      })
-      .finally(() => {
-        console.log(`✔️ request @${params.url} has been completed.`)
-        resolve()
-      })
-  })
-}
-
-export default {
-  post: function (url, params) {
-    return requestHandle({
-      method: 'post',
-      url: url,
-      data: params,
-    })
-  },
-  get: function (url, params) {
-    return requestHandle({
-      method: 'get',
-      url: $utils.queryString(url, params),
-    })
-  },
-  put: function (url, params) {
-    return requestHandle({
-      method: 'put',
-      url: url,
-      data: params,
-    })
-  },
-  // 如果，method 您需要更多类型，可自行添加更多方法；
-}
+/*
+ * Copyright (c) 2021-present, the hapjs-platform Project Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import $fetch from '@system.fetch'
+import $utils from './utils'
+
+Promise.prototype.finally = function (callback) {
+  const P = this.constructor
+  return this.then(
+    (value) => P.resolve(callback()).then(() => value),
+    (reason) =>
+      P.resolve(callback()).then(() => {
+        throw reason
+      })
+  )
+}
+
+function requestHandle(params) {
+  return new Promise((resolve, reject) => {
+    $fetch
+      .fetch({
+        url: params.url,
+        method: params.method,
+        data: params.data,
+      })
+      .then((response) => {
+        const result = response.data
+        const content = JSON.parse(result.data)
+        /* @desc: 可跟具体不同业务接口数据，返回你所需要的部分，使得使用尽可能便捷 */
+        content.success ? resolve(content.value) : resolve(content.message)
+      })
+      .catch((error, code) => {
+        console.log(`🐛 request fail, code = ${code}`)
+        reject(error)
+      })
+      .finally(() => {
+        console.log(`✔️ request @${params.url} has been completed.`)
+        resolve()
+      })
+  })
+}
+
+export default {
+  post: function (url, params) {
+    return requestHandle({
+      method: 'post',
+      url: url,
+      data: params,
+    })
+  },
+  get: function (url, params) {
+    return requestHandle({
+      method: 'get',
+      url: $utils.queryString(url, params),
+    })
+  },
+  put: function (url, params) {
+    return requestHandle({
+      method: 'put',
+      url: url,
+      data: params,
+    })
+  },
+  // 如果，method 您需要更多类型，可自行添加更多方法；
+}

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,
+}