@zeppos/zeus-cli 1.3.0-beta.9 → 1.3.0

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/showcase/page/sensor/stand.js

@@ -0,0 +1,42 @@
+import { createWidget, widget, prop } from "@zos/ui";
+import { Stand } from "@zos/sensor";
+import { px } from "@zos/utils";
+import PageAdvanced from "../../utils/template/PageAdvanced";
+import TextByLine from "../../utils/UI/TextByLine";
+
+PageAdvanced({
+  state: {
+    pageName: "STAND",
+  },
+  build() {
+    const stand = new Stand();
+
+    new TextByLine({
+      text: `current:${stand.getCurrent()};target:${stand.getTarget()}`,
+      line: 0,
+    }).render();
+
+    const changeEventText = new TextByLine({
+      text: `EVENT-CHANGE:${stand.getCurrent()}`,
+      line: 1,
+    }).render();
+
+    const changeCallback = () => {
+      changeEventText.setProperty(prop.MORE, {
+        text: `EVENT-CHANGE: ${stand.getCurrent()}`,
+      });
+    };
+
+    createWidget(widget.BUTTON, {
+      x: px(80),
+      y: px(300),
+      w: px(300),
+      h: px(60),
+      radius: px(12),
+      normal_color: 0xfc6950,
+      press_color: 0xfeb4a8,
+      text: "REGISTER_CHANGE",
+      click_func: stand.onChange(changeCallback),
+    });
+  },
+});

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/showcase/page/sensor/step.js

@@ -0,0 +1,42 @@
+import { createWidget, widget, prop } from "@zos/ui";
+import { Step } from "@zos/sensor";
+import { px } from "@zos/utils";
+import PageAdvanced from "../../utils/template/PageAdvanced";
+import TextByLine from "../../utils/UI/TextByLine";
+
+PageAdvanced({
+  state: {
+    pageName: "STEP",
+  },
+  build() {
+    const step = new Step();
+
+    const currentText = new TextByLine({
+      text: `current:${step.getCurrent()};target:${step.getTarget()}`,
+      line: 0,
+    }).render();
+
+    const changeEventText = new TextByLine({
+      text: `EVENT-CHANGE:${step.getCurrent()}`,
+      line: 1,
+    }).render();
+
+    const changeCallback = () => {
+      changeEventText.setProperty(prop.MORE, {
+        text: `EVENT-CHANGE: ${step.getCurrent()}`,
+      });
+    };
+
+    createWidget(widget.BUTTON, {
+      x: px(80),
+      y: px(300),
+      w: px(300),
+      h: px(60),
+      radius: px(12),
+      normal_color: 0xfc6950,
+      press_color: 0xfeb4a8,
+      text: "REGISTER_CHANGE",
+      click_func: step.onChange(changeCallback),
+    });
+  },
+});

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/showcase/page/sensor/stress.js

@@ -0,0 +1,75 @@
+import { createWidget, widget, prop, event, align, text_style } from "@zos/ui";
+import { px } from "@zos/utils";
+import { Stress } from "@zos/sensor";
+import PageAdvanced from "../../utils/template/PageAdvanced";
+import {
+  DEFAULT_COLOR,
+  DEFAULT_COLOR_TRANSPARENT,
+} from "../../config/constants";
+
+PageAdvanced({
+  state: {
+    pageName: "STRESS",
+  },
+  build() {
+    const stress = new Stress();
+
+    const { value, time } = stress.getCurrent();
+
+    const text = createWidget(widget.TEXT, {
+      x: px(0),
+      y: px(120),
+      w: px(480),
+      h: px(46),
+      color: 0xffffff,
+      text_size: px(20),
+      align_h: align.CENTER_H,
+      align_v: align.CENTER_V,
+      text_style: text_style.NONE,
+      text: `VALUE: ${value}; TIME: ${time}`,
+    });
+
+    this.state.logger.log(`VALUE: ${value}; TIME: ${time}`);
+
+    text.addEventListener(event.CLICK_DOWN, (info) => {
+      const { value, time } = stress.getCurrent();
+
+      text.setProperty(prop.MORE, {
+        text: `VALUE: ${value}; TIME: ${time}`,
+      });
+    });
+
+    const currentText = createWidget(widget.TEXT, {
+      x: px(0),
+      y: px(180),
+      w: px(480),
+      h: px(46),
+      color: 0xffffff,
+      text_size: px(20),
+      align_h: align.CENTER_H,
+      align_v: align.CENTER_V,
+      text_style: text_style.NONE,
+      text: `CHANGE: `,
+    });
+
+    const changeCallback = () => {
+      const { value, time } = stress.getCurrent();
+
+      currentText.setProperty(prop.MORE, {
+        text: `CHANGE: VALUE ${value}|TIME ${time}`,
+      });
+    };
+
+    createWidget(widget.BUTTON, {
+      x: px(80),
+      y: px(300),
+      w: px(300),
+      h: px(60),
+      radius: px(12),
+      normal_color: DEFAULT_COLOR,
+      press_color: DEFAULT_COLOR_TRANSPARENT,
+      text: "REGISTER_CHANGE",
+      click_func: stress.onChange(changeCallback),
+    });
+  },
+});

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/showcase/utils/UI/ButtonList.js

@@ -0,0 +1,47 @@
+import { createWidget, widget } from "@zos/ui";
+import { px } from "@zos/utils";
+import { DEVICE_WIDTH } from "../../config/device";
+import {
+  DEFAULT_COLOR,
+  DEFAULT_COLOR_TRANSPARENT,
+} from "../../config/constants";
+
+export default class ButtonList {
+  constructor(params) {
+    const { list, absolute_y = 0, click_func = () => {} } = params;
+
+    this.click_func = click_func;
+    this.absolute_y = absolute_y;
+    this.list = list;
+    this.length = this.list.length;
+    this.space = px(24);
+    this.buttonHeight = px(80);
+    this.width = px(400);
+    this.radius = px(12);
+    this.text_size = px(36);
+
+    this.widgetList = [];
+  }
+
+  render() {
+    this.list.forEach((i, index) => {
+      const { text } = i;
+
+      this.widgetList[index] = createWidget(widget.BUTTON, {
+        x: (DEVICE_WIDTH - this.width) / 2,
+        y: this.absolute_y + index * (this.space + this.buttonHeight),
+        w: this.width,
+        h: this.buttonHeight,
+        text,
+        normal_color: DEFAULT_COLOR,
+        press_color: DEFAULT_COLOR_TRANSPARENT,
+        color: 0xffffff,
+        text_size: this.text_size,
+        radius: this.radius,
+        click_func: () => {
+          this.click_func(i, index);
+        },
+      });
+    });
+  }
+}

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/showcase/utils/UI/EmptySpace.js

@@ -0,0 +1,25 @@
+import { createWidget, widget } from "@zos/ui";
+import { px } from "@zos/utils";
+import { DEVICE_HEIGHT, DEVICE_WIDTH } from "./../../config/device";
+const EMPTY_SPACE = {
+  x: 0,
+  y: 0,
+  w: DEVICE_WIDTH,
+  h: Math.ceil(DEVICE_HEIGHT / 3),
+  color: 0x000000,
+};
+export default class EmptySpace {
+  constructor(params) {
+    const { y = px(40) } = params;
+    this.y = y;
+  }
+
+  render() {
+    if (this.y > Math.ceil((DEVICE_HEIGHT * 2) / 3)) {
+      createWidget(widget.FILL_RECT, {
+        ...EMPTY_SPACE,
+        y: this.y,
+      });
+    }
+  }
+}

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/showcase/utils/UI/TextByLine.js

@@ -0,0 +1,30 @@
+import { createWidget, widget, align, text_style } from "@zos/ui";
+import { px } from "@zos/utils";
+
+export default class TextByLine {
+  constructor(params) {
+    const { text = "", y = undefined, line = 0 } = params;
+
+    this.text = text;
+    this.y = y;
+    this.line = line;
+    this.y_computed = Number.isInteger(this.y)
+      ? this.y
+      : px(this.line * 60 + 120);
+  }
+
+  render() {
+    return createWidget(widget.TEXT, {
+      x: px(40),
+      y: this.y_computed,
+      w: px(400),
+      h: px(46),
+      color: 0xffffff,
+      text_size: px(20),
+      align_h: align.CENTER_H,
+      align_v: align.CENTER_V,
+      text_style: text_style.NONE,
+      text: this.text,
+    });
+  }
+}

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/showcase/utils/UI/Title.js

@@ -0,0 +1,25 @@
+import { createWidget, widget, text_style, align } from "@zos/ui";
+
+export default class Title {
+  constructor(params) {
+    const { text = "", y = px(40) } = params;
+
+    this.text = text;
+    this.y = y;
+  }
+
+  render() {
+    return createWidget(widget.TEXT, {
+      x: px(96),
+      y: this.y,
+      w: px(288),
+      h: px(46),
+      color: 0xffffff,
+      text_size: px(36),
+      align_h: align.CENTER_H,
+      align_v: align.CENTER_V,
+      text_style: text_style.NONE,
+      text: this.text,
+    });
+  }
+}

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/showcase/utils/log.js

@@ -0,0 +1,3 @@
+import { log } from "@zos/utils";
+
+export default log.getLogger("Showcase");

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/showcase/utils/styles.js

@@ -0,0 +1,32 @@
+export const MENU_SCROLL_LIST = {
+  item_height: 80,
+  item_space: 24,
+  item_config: [
+    {
+      type_id: 1,
+      item_bg_color: 0xfc6950,
+      item_bg_radius: 10,
+      text_view: [
+        {
+          x: px(40),
+          y: px(35),
+          w: px(400),
+          h: px(34),
+          key: "name",
+          color: 0xffffff,
+          text_size: px(36),
+          align_h: hmUI.align.LEFT,
+        },
+      ],
+      text_view_count: 1,
+      item_height: 84,
+      image_view: [],
+      image_view_count: 0,
+    },
+  ],
+  item_config_count: 1,
+  x: px(40),
+  y: px(24),
+  h: px(480),
+  w: px(400),
+};

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/showcase/utils/template/PageAdvanced.js

@@ -0,0 +1,36 @@
+import { setStatusBarVisible } from "@zos/ui";
+import { before } from "../utils";
+import Title from "../UI/Title";
+import logger from "../log";
+import Test from "../test";
+
+function PageAdvanced(args) {
+  const { build } = args;
+
+  const beforeFn = function () {
+    const { pageName = "HELLO ZEPP OS" } = this.state;
+
+    const title = new Title({
+      text: pageName,
+    });
+
+    const titleWidget = title.render();
+    this.state.titleWidget = titleWidget;
+    setStatusBarVisible(false);
+  };
+
+  const finalBuild = before(build, beforeFn);
+  const test = new Test();
+
+  Page({
+    ...args,
+    build: finalBuild,
+    state: {
+      logger,
+      expect: test.expect.bind(test),
+      ...args.state,
+    },
+  });
+}
+
+export default PageAdvanced;

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/showcase/utils/test.js

@@ -0,0 +1,30 @@
+import logger from "./log";
+import { createWidget, widget } from "@zos/ui";
+
+export default class Test {
+  constructor() {
+    this.callTime = 0;
+    this.testResult = true;
+  }
+
+  expect(result) {
+    this.callTime++;
+
+    if (result === false) {
+      logger("error call time", this.callTime);
+    }
+
+    if (result === false) {
+      this.testResult = false;
+    }
+    this.checkResult();
+  }
+
+  checkResult() {
+    createWidget(widget.IMG, {
+      x: px(20),
+      y: px(20),
+      src: this.testResult ? "true.png" : "false.png",
+    });
+  }
+}

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/showcase/utils/utils.js

@@ -0,0 +1,42 @@
+export const before = function (mainFn, beforeFn) {
+  return function (...args) {
+    beforeFn.apply(this, args);
+
+    return mainFn.apply(this, args);
+  };
+};
+
+export const getRandomColor = () => {
+  const randomArr = [
+    "0",
+    "1",
+    "2",
+    "3",
+    "4",
+    "5",
+    "6",
+    "7",
+    "8",
+    "9",
+    "a",
+    "b",
+    "c",
+    "d",
+    "e",
+    "f",
+  ];
+
+  function getRandomFromSection(low, high) {
+    const RANDOM = Math.random();
+    const RANGE = high - low + 1;
+
+    return Math.floor(RANDOM * RANGE) + low;
+  }
+
+  const colorStr = Array.from({ length: 6 }).reduce((prev, curr) => {
+    const random = getRandomFromSection(0, 15);
+    return prev + randomArr[random];
+  }, "0x");
+
+  return Number(colorStr);
+};

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/todo-list/.prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  printWidth: 100,
+  semi: false,
+  singleQuote: true,
+  trailingComma: 'none'
+}

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/todo-list/_package.json

@@ -0,0 +1,14 @@
+{
+  "name": "todo-list",
+  "version": "1.0.0",
+  "description": "",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@zeppos/device-types": "^2.0.0"
+  }
+}

package/private-modules/zeppos-app-utils/dist/public/template/{v2 → os2.0/app}/todo-list/app-side/index.js

@@ -10,26 +10,23 @@ function getTodoList() {
 AppSideService({
   onInit() {
     messageBuilder.listen(() => {})
-    settings.settingsStorage.addListener(
-      'change',
-      ({ key, newValue, oldValue }) => {
-        messageBuilder.call(getTodoList())
-      },
-    )
+    settings.settingsStorage.addListener('change', ({ key, newValue, oldValue }) => {
+      messageBuilder.call(getTodoList())
+    })
     messageBuilder.on('request', (ctx) => {
       const payload = messageBuilder.buf2Json(ctx.request.payload)
       if (payload.method === 'GET_TODO_LIST') {
         ctx.response({
-          data: { result: getTodoList() },
+          data: { result: getTodoList() }
         })
       } else if (payload.method === 'ADD') {
         // 这里补充一个
         const todoList = getTodoList()
-        const newTodoList = [...todoList, String(Math.floor(Math.random()*100))]
+        const newTodoList = [...todoList, String(Math.floor(Math.random() * 100))]
         settings.settingsStorage.setItem('todoList', JSON.stringify(newTodoList))
 
         ctx.response({
-          data: { result: newTodoList },
+          data: { result: newTodoList }
         })
       } else if (payload.method === 'DELETE') {
         const { params: { index } = {} } = payload
@@ -38,11 +35,11 @@ AppSideService({
         settings.settingsStorage.setItem('todoList', JSON.stringify(newTodoList))
 
         ctx.response({
-          data: { result: newTodoList },
+          data: { result: newTodoList }
         })
       }
     })
   },
   onRun() {},
-  onDestroy() {},
+  onDestroy() {}
 })

package/private-modules/zeppos-app-utils/dist/public/template/{v2 → os2.0/app}/todo-list/app.js

@@ -8,7 +8,7 @@ const logger = Logger.getLogger('todo-list-app')
 
 App({
   globalData: {
-    messageBuilder: null,
+    messageBuilder: null
   },
   onCreate() {
     logger.log('app onCreate invoked')
@@ -21,5 +21,5 @@ App({
   onDestroy() {
     logger.log('app onDestroy invoked')
     this.globalData.messageBuilder && this.globalData.messageBuilder.disConnect()
-  },
+  }
 })

package/private-modules/zeppos-app-utils/dist/public/template/{v2 → os2.0/app}/todo-list/app.json

@@ -16,30 +16,14 @@
     "apiVersion": {
       "compatible": "2.0.0",
       "target": "2.0.0",
-      "minVersion": "2.0.0"
+      "minVersion": "2.0"
     }
   },
   "targets": {
     "gts": {
       "module": {
         "page": {
-          "pages": ["page/home/index.page"],
-          "window": {
-            "navigationBarBackgroundColor": "#ffffff",
-            "navigationBarTextStyle": "black",
-            "navigationBarTitleText": "",
-            "backgroundColor": "#eeeeee",
-            "backgroundTextStyle": "light"
-          }
-        },
-        "app-widget": {
-          "widgets": []
-        },
-        "watchface": {
-          "path": ""
-        },
-        "watch-widget": {
-          "widgets": []
+          "pages": ["page/home/index.page"]
         },
         "app-side": {
           "path": "app-side/index"
@@ -61,10 +45,7 @@
       ]
     }
   },
-  "permissions": [
-    "data:os.device.info",
-    "device:os.local_storage"
-  ],
+  "permissions": ["data:os.device.info", "device:os.local_storage"],
   "i18n": {
     "en-US": {
       "name": "Todo List"

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/todo-list/jsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es6",
+    "checkJs": true
+  },
+  "exclude": [
+    "node_modules",
+    "**/node_modules/*"
+  ],
+  "files": [
+    "node_modules/@zeppos/device-types/index.d.ts"
+  ]
+}

package/private-modules/zeppos-app-utils/dist/public/template/{v2 → os2.0/app}/todo-list/page/home/index.page.js

@@ -29,7 +29,7 @@ Page({
       this.state.title = hmUI.createWidget(hmUI.widget.TEXT, {
         ...TITLE_TEXT_STYLE
       })
-    } 
+    }
 
     this.state.addButton = hmUI.createWidget(hmUI.widget.BUTTON, {
       ...ADD_BUTTON,

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/todo-list/page/home/index.page.json

@@ -0,0 +1 @@
+{}

package/private-modules/zeppos-app-utils/dist/public/template/{v2 → os2.0/app}/todo-list/page/home/index.style.js

@@ -3,7 +3,6 @@ import { getText } from '@zos/i18n'
 import { getDeviceInfo } from '@zos/device'
 import { px } from '@zos/utils'
 
-
 export const { width: DEVICE_WIDTH, height: DEVICE_HEIGHT } = getDeviceInfo()
 
 export const TITLE_TEXT_STYLE = {
@@ -15,7 +14,7 @@ export const TITLE_TEXT_STYLE = {
   color: 0xffffff,
   text_size: 36,
   align_h: hmUI.align.CENTER_H,
-  text_style: hmUI.text_style.WRAP,
+  text_style: hmUI.text_style.WRAP
 }
 
 export const ADD_BUTTON = {
@@ -39,7 +38,7 @@ export const TIPS_TEXT_STYLE = {
   text_size: 32,
   align_h: hmUI.align.CENTER_H,
   align_v: hmUI.align.CENTER_V,
-  text_style: hmUI.text_style.WRAP,
+  text_style: hmUI.text_style.WRAP
 }
 
 export const SCROLL_LIST = {
@@ -59,11 +58,11 @@ export const SCROLL_LIST = {
           key: 'name',
           color: 0xffff00,
           text_size: px(36),
-          align_h: hmUI.align.LEFT,
-        },
+          align_h: hmUI.align.LEFT
+        }
       ],
       text_view_count: 1,
-      item_height: px(80),
+      item_height: px(80)
     },
     {
       type_id: 2,
@@ -78,16 +77,16 @@ export const SCROLL_LIST = {
           key: 'name',
           color: 0xff0000,
           text_size: px(36),
-          align_h: hmUI.align.LEFT,
-        },
+          align_h: hmUI.align.LEFT
+        }
       ],
       text_view_count: 1,
-      item_height: px(80),
-    },
+      item_height: px(80)
+    }
   ],
   item_config_count: 2,
   x: px(30),
   y: px(120),
   h: DEVICE_HEIGHT - px(180),
-  w: DEVICE_WIDTH - px(30) * 2,
+  w: DEVICE_WIDTH - px(30) * 2
 }

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/todo-list/page/i18n/en-US.po

@@ -0,0 +1,9 @@
+
+msgid "todoList"
+msgstr "todo List"
+
+msgid "noData"
+msgstr "No data, please add it on the phone"
+
+msgid "add"
+msgstr "Add"

package/private-modules/zeppos-app-utils/dist/public/template/os2.0/app/todo-list/setting/i18n/en-US.po

@@ -0,0 +1,5 @@
+msgid "addTodo"
+msgstr "ADD TODO"
+
+msgid "delete"
+msgstr "DELETE"