@hap-toolkit/dsl-xvm 2.0.9 → 2.0.10-beta.1

package/templates/app/demo/scripts/gen/index.js

@@ -1,92 +1,92 @@
-/*
- * Copyright (c) 2021-present, the hapjs-platform Project Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-/**
- * @desc: gen script command，make a new page generated by one click.
- * @author: nicejade
- */
-
-const fs = require('fs')
-const path = require('path')
-const colors = require('colors')
-
-const newFolderName = process.argv[2]
-
-String.prototype.firstUpperCase = function () {
-  return this.replace(/\b(\w)/g, ($1) => {
-    return $1.toLowerCase()
-  })
-}
-const resolve = (dir) => {
-  return path.join(__dirname, '../..', dir)
-}
-
-const successExecPrint = (msg) => {
-  console.log(
-    colors.green(`✓ `) +
-      colors.cyan(`${msg} `) +
-      colors.green('task has been successfully executed.')
-  )
-}
-
-function createNewPage(newFolderPath) {
-  const mReg = new RegExp('@PAGE_CLASS_NAME', 'g')
-  const pageContent = fs.readFileSync(`${__dirname}/template.ux`, 'UTF-8')
-  const rootClassName = newFolderName
-    .firstUpperCase()
-    .replace(/([A-Z])/g, '-$1')
-    .toLowerCase()
-  const newContent = pageContent.replace(mReg, rootClassName)
-
-  fs.mkdirSync(newFolderPath, 0777)
-  fs.writeFile(`${newFolderPath}/index.ux`, newContent, (error) => {
-    if (error) throw `Something went wrong: ${error}`
-  })
-  successExecPrint('Create New Page')
-}
-
-function saveRouter2Manifest() {
-  const manifestPath = resolve('/src/manifest.json')
-  let manifestConf = fs.readFileSync(manifestPath, 'UTF-8')
-  manifestConf = JSON.parse(manifestConf)
-  const routerPages = manifestConf.router.pages
-  routerPages[`pages/${newFolderName}`] = {
-    component: 'index',
-  }
-  manifestConf = JSON.stringify(manifestConf, null, 2)
-  fs.writeFile(manifestPath, manifestConf, (error) => {
-    if (error) throw `Something went wrong[@saveRouter2Manifest]: ${error}`
-  })
-  successExecPrint('Save Router Into Manifest')
-}
-
-function main() {
-  if (!newFolderName) {
-    return console.warn(
-      `⚠️  Please enter the name of the page you want to create.`.underline.red
-    )
-  }
-
-  const folderNameReg = /^[A-Z][[A-Za-z0-9]+$/
-  if (!folderNameReg.test(newFolderName)) {
-    return console.warn(
-      `⚠️  Please enter the standard Folder name. Eg: XyzAbcde.`.underline.red
-    )
-  }
-
-  const newFolderPath = path.join(__dirname, `../../src/pages/${newFolderName}`)
-  const isExist = fs.existsSync(newFolderPath)
-
-  if (isExist) {
-    return console.warn(
-      `⚠️  ${newFolderName} already exists in the /src/pages/ directory.`
-        .underline.red
-    )
-  }
-  createNewPage(newFolderPath)
-  saveRouter2Manifest()
-}
-
-main()
+/*
+ * Copyright (c) 2021-present, the hapjs-platform Project Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * @desc: gen script command，make a new page generated by one click.
+ * @author: nicejade
+ */
+
+const fs = require('fs')
+const path = require('path')
+const colors = require('colors')
+
+const newFolderName = process.argv[2]
+
+String.prototype.firstUpperCase = function () {
+  return this.replace(/\b(\w)/g, ($1) => {
+    return $1.toLowerCase()
+  })
+}
+const resolve = (dir) => {
+  return path.join(__dirname, '../..', dir)
+}
+
+const successExecPrint = (msg) => {
+  console.log(
+    colors.green(`✓ `) +
+      colors.cyan(`${msg} `) +
+      colors.green('task has been successfully executed.')
+  )
+}
+
+function createNewPage(newFolderPath) {
+  const mReg = new RegExp('@PAGE_CLASS_NAME', 'g')
+  const pageContent = fs.readFileSync(`${__dirname}/template.ux`, 'UTF-8')
+  const rootClassName = newFolderName
+    .firstUpperCase()
+    .replace(/([A-Z])/g, '-$1')
+    .toLowerCase()
+  const newContent = pageContent.replace(mReg, rootClassName)
+
+  fs.mkdirSync(newFolderPath, 0777)
+  fs.writeFile(`${newFolderPath}/index.ux`, newContent, (error) => {
+    if (error) throw `Something went wrong: ${error}`
+  })
+  successExecPrint('Create New Page')
+}
+
+function saveRouter2Manifest() {
+  const manifestPath = resolve('/src/manifest.json')
+  let manifestConf = fs.readFileSync(manifestPath, 'UTF-8')
+  manifestConf = JSON.parse(manifestConf)
+  const routerPages = manifestConf.router.pages
+  routerPages[`pages/${newFolderName}`] = {
+    component: 'index',
+  }
+  manifestConf = JSON.stringify(manifestConf, null, 2)
+  fs.writeFile(manifestPath, manifestConf, (error) => {
+    if (error) throw `Something went wrong[@saveRouter2Manifest]: ${error}`
+  })
+  successExecPrint('Save Router Into Manifest')
+}
+
+function main() {
+  if (!newFolderName) {
+    return console.warn(
+      `⚠️  Please enter the name of the page you want to create.`.underline.red
+    )
+  }
+
+  const folderNameReg = /^[A-Z][[A-Za-z0-9]+$/
+  if (!folderNameReg.test(newFolderName)) {
+    return console.warn(
+      `⚠️  Please enter the standard Folder name. Eg: XyzAbcde.`.underline.red
+    )
+  }
+
+  const newFolderPath = path.join(__dirname, `../../src/pages/${newFolderName}`)
+  const isExist = fs.existsSync(newFolderPath)
+
+  if (isExist) {
+    return console.warn(
+      `⚠️  ${newFolderName} already exists in the /src/pages/ directory.`
+        .underline.red
+    )
+  }
+  createNewPage(newFolderPath)
+  saveRouter2Manifest()
+}
+
+main()

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 您需要更多类型，可自行添加更多方法；
+}