@zeppos/zeus-cli 1.6.5 → 1.6.6

package/private-modules/zeppos-app-utils/dist/public/template/os4.0/app/showcase/page/TC/TC_01/index.r.layout.js

@@ -0,0 +1,106 @@
+import { align, text_style } from '@zos/ui';
+
+export const TEXT_LAYOUT_INFO_STYLE = {
+  x: 0,
+  y: 60,
+  w: "100vw".toPixel(),
+  h: "120".toPixel(),
+  text: "flex layout information:",
+  color: 0x34e073,
+  align_h: align.CENTER_H,
+  align_v: align.TOP,
+  text_style: text_style.WRAP,
+}
+
+export const BUTTON_ROOT_CONTAINER_STYLE = {
+  "x": "10vw",
+  "y": "10vh",
+  "width": "80vw",
+  "height": "50vh"
+}
+
+export const BACKGROUND_FILL_STYLE = {
+  color: 0xFFFFFF,
+  alpha: 100,
+  layout: { "width": "100%", "height": "100%" },
+}
+
+export const GROUP_BUTTON_ROOT_STYLE = {
+  "display": "flex",
+  "flex-flow": "row wrap",
+  "column-gap": "20",
+  "row-gap": "10",
+  "justify-content": "start",
+  "align-items": "space-evenly",
+  "width": "100%",
+  "height": "100%",
+  "align-content": "center",
+}
+
+export const ORIGINAL_BUTTON_POS_STYLE = {
+  "width": "70",
+  "height": "40",
+  "radius": "2.5vw",
+  "font-size": "swdpi(25)",
+}
+
+export const ORINGAL_BUTTON_STYLE = {
+  press_color: 0x1976d2,
+  normal_color: 0x0000FF,
+  layout: ORIGINAL_BUTTON_POS_STYLE,
+}
+
+export const BIGGER_BUTTON_POS_STYLE = {
+  "width": "80",
+  "height": "60",
+  "radius": "2.6vw",
+  "font-size": "swdpi(25)",
+}
+
+export const BIGGER_BUTTON_STYLE = {
+  press_color: 0x1976d2,
+  normal_color: 0x0000FF,
+  layout: BIGGER_BUTTON_POS_STYLE,
+}
+
+
+
+export const TEST_BUTTON_ROOT_CONTAINER_STYLE = {
+  "x": "15vw",
+  "y": "60vh",
+  "width": "70vw",
+  "height": "35vh"
+}
+
+export const TEST_BUTTON_SUB_ROOT_CONTAINER_STYLE = {
+  "width": "100%",
+  "height": "100%",
+  "display": "flex",
+  "flex-flow": "row wrap",
+  "column-gap": "5",
+  "row-gap": "10",
+  "justify-content": "space-evenly",
+  "align-content": "start",
+  "align-items": "start",
+  "padding-top": "10",
+}
+
+export const TEST_BUTTON_ITEM_STYLE = {
+  layout: {
+    "width": "30%",
+    "height": "20%",
+    "radius": "2.6vw",
+    "font-size": "10",
+  },
+  press_src: "images/test/normalbtn_h.png",
+  normal_src: "images/test/normalbtn_n.png",
+  press_color: 0x1976d2,
+  normal_color: 0x0000FF,
+}
+
+
+
+
+
+
+

package/private-modules/zeppos-app-utils/dist/public/template/os4.0/app/showcase/page/TC/TC_02/index.js

@@ -0,0 +1,88 @@
+import * as Styles from 'zosLoader:./index.[pf].layout.js'
+import { createWidget, widget, updateLayout, dumpLayout, deleteWidget } from '@zos/ui';
+
+var fill_rect_list = new Array(20);
+
+Page({
+  build() {
+
+    let root_container = createWidget(widget.VIRTUAL_CONTAINER, { layout: Styles.FILL_RECT_ROOT_CONTAINER_STYLE });
+
+    createWidget(widget.FILL_RECT, { parent: root_container, ...Styles.BACKGROUND_FILL_STYLE });
+
+    let group_root = createWidget(widget.GROUP, {
+      parent: root_container,
+      layout: Styles.GROUP_FILL_RECT_ROOT_STYLE,
+    })
+
+    for (let i = 0; i < 5; i++) {
+      let fill_rect_widget = group_root.createWidget(widget.FILL_RECT, {
+        color: 0x0000FF,
+        layout: Styles.FILL_RECT_ITEM_STYLE,
+      });
+      fill_rect_list.push(fill_rect_widget);
+    }
+
+    var button_container = createWidget(widget.VIRTUAL_CONTAINER, {
+      layout: Styles.TEST_BUTTON_ROOT_CONTAINER_STYLE
+    });
+
+    createWidget(widget.FILL_RECT, {
+      parent: button_container,
+      ...Styles.BACKGROUND_FILL_STYLE,
+      color: 0x333333,
+    });
+
+    var button_sub_container = createWidget(widget.VIRTUAL_CONTAINER, {
+      parent: button_container,
+      layout: Styles.TEST_BUTTON_SUB_ROOT_CONTAINER_STYLE
+    });
+
+    createWidget(widget.BUTTON, {
+      parent: button_sub_container,
+      ...Styles.TEST_BUTTON_ITEM_STYLE,
+      text: "add widget",
+      click_func: () => {
+        let fill_rect_widget = group_root.createWidget(widget.FILL_RECT, {
+          color: 0x0000FF,
+          layout: Styles.FILL_RECT_ITEM_STYLE,
+        });
+        fill_rect_list.push(fill_rect_widget);
+        updateLayout();
+      },
+    });
+
+    createWidget(widget.BUTTON, {
+      parent: button_sub_container,
+      ...Styles.TEST_BUTTON_ITEM_STYLE,
+      text: "delete widget",
+      click_func: () => {
+        let fill_rect_widget = fill_rect_list.pop();
+        deleteWidget(fill_rect_widget);
+        updateLayout();
+      },
+    });
+
+    createWidget(widget.BUTTON, {
+      parent: button_sub_container,
+      ...Styles.TEST_BUTTON_ITEM_STYLE,
+      text: "zoom in",
+      click_func: () => {
+        root_container.updateLayoutStyle({ "x": "0", "y": "0", "width": "100vw", "height": "50vh" });
+        updateLayout(root_container);
+      },
+    });
+
+    createWidget(widget.BUTTON, {
+      parent: button_sub_container,
+      ...Styles.TEST_BUTTON_ITEM_STYLE,
+      text: "zoom out",
+      click_func: () => {
+        root_container.updateLayoutStyle({ "x": "20vw", "y": "10vh", "width": "60vw", "height": "25vh" });
+        updateLayout(root_container);
+        dumpLayout("layout.txt");
+      },
+    });
+    // updateLayout(); no need call by user when screen loadupdateLayout();
+  }
+})

package/private-modules/zeppos-app-utils/dist/public/template/os4.0/app/showcase/page/TC/TC_02/index.r.layout.js

@@ -0,0 +1,74 @@
+import { align, text_style } from '@zos/ui';
+
+
+
+export const FILL_RECT_ROOT_CONTAINER_STYLE = {
+  "x": "10vw",
+  "y": "10vh",
+  "width": "80vw",
+  "height": "50vh"
+}
+
+export const BACKGROUND_FILL_STYLE = {
+  color: 0xFFFFFF,
+  layout: { "width": "100%", "height": "100%" },
+}
+
+export const GROUP_FILL_RECT_ROOT_STYLE = {
+  "display": "flex",
+  "flex-flow": "row wrap",
+  "column-gap": "20",
+  "row-gap": "10",
+  "justify-content": "start",
+  "align-items": "space-evenly",
+  "width": "100%",
+  "height": "100%",
+  "align-content": "center",
+}
+
+export const FILL_RECT_ITEM_STYLE = {
+  "width": "10%",
+  "height": "20%",
+  // "radius": "5.25vw",
+  "corner-radius": "10",
+}
+
+export const TEST_BUTTON_ROOT_CONTAINER_STYLE = {
+  "x": "15vw",
+  "y": "60vh",
+  "width": "70vw",
+  "height": "40vh"
+}
+
+export const TEST_BUTTON_SUB_ROOT_CONTAINER_STYLE = {
+  "width": "100%",
+  "height": "100%",
+  "display": "flex",
+  "flex-flow": "row wrap",
+  "column-gap": "5",
+  "row-gap": "10",
+  "justify-content": "space-evenly",
+  "align-content": "start",
+  "align-items": "start",
+  "padding-top": "10",
+}
+
+export const TEST_BUTTON_ITEM_STYLE = {
+  layout: {
+    "width": "35%",
+    "height": "20%",
+    "corner-radius": "3vw",
+    "font-size": "10",
+  },
+  press_src: "images/test/normalbtn_h.png",
+  normal_src: "images/test/normalbtn_n.png",
+  press_color: 0x1976d2,
+  normal_color: 0x0000FF,
+}
+
+
+
+
+
+
+

package/private-modules/zeppos-app-utils/dist/public/template/os4.0/app/showcase/page/TC/TC_03/index.js

@@ -0,0 +1,98 @@
+import * as Styles from 'zosLoader:./index.[pf].layout.js'
+import { createWidget, widget, updateLayout, dumpLayout, deleteWidget, align } from '@zos/ui';
+
+var fill_rect_list = new Array(20);
+
+Page({
+  build() {
+
+    let root_container = createWidget(widget.VIRTUAL_CONTAINER, { layout: Styles.FILL_RECT_ROOT_CONTAINER_STYLE });
+
+    createWidget(widget.FILL_RECT, { parent: root_container, ...Styles.BACKGROUND_FILL_STYLE });
+
+    let group_root = createWidget(widget.GROUP, {
+      parent: root_container,
+      layout: Styles.GROUP_FILL_RECT_ROOT_STYLE,
+    })
+
+    for (let i = 0; i < 5; i++) {
+      let fill_rect_widget = group_root.createWidget(widget.IMG, {
+        src: "images/icons/ic_moon.png",
+        layout: Styles.IMAGE_ITEM_STYLE,
+      });
+      fill_rect_list.push(fill_rect_widget);
+    }
+
+    for (let i = 0; i < 3; i++) {
+      let text_widget = group_root.createWidget(widget.TEXT, {
+        text: "hello zepp os",
+        color: 0x34e073,
+        align_v: align.CENTER_V,
+        layout: Styles.TEXT_ITEM_STYLE,
+      });
+      fill_rect_list.push(text_widget);
+    }
+
+    var button_container = createWidget(widget.VIRTUAL_CONTAINER, {
+      layout: Styles.TEST_BUTTON_ROOT_CONTAINER_STYLE
+    });
+
+    createWidget(widget.FILL_RECT, {
+      parent: button_container,
+      ...Styles.BACKGROUND_FILL_STYLE,
+      color: 0x333333,
+    });
+
+    var button_sub_container = createWidget(widget.VIRTUAL_CONTAINER, {
+      parent: button_container,
+      layout: Styles.TEST_BUTTON_SUB_ROOT_CONTAINER_STYLE
+    });
+
+    createWidget(widget.BUTTON, {
+      parent: button_sub_container,
+      ...Styles.TEST_BUTTON_ITEM_STYLE,
+      text: "add widget",
+      click_func: () => {
+        let img_widget = group_root.createWidget(widget.IMG, {
+          src: "images/icons/ic_moon.png",
+          layout: Styles.IMAGE_ITEM_STYLE,
+        });
+        fill_rect_list.push(img_widget);
+        updateLayout();
+      },
+    });
+
+    createWidget(widget.BUTTON, {
+      parent: button_sub_container,
+      ...Styles.TEST_BUTTON_ITEM_STYLE,
+      text: "delete widget",
+      click_func: () => {
+        let fill_rect_widget = fill_rect_list.pop();
+        deleteWidget(fill_rect_widget);
+        updateLayout();
+      },
+    });
+
+    createWidget(widget.BUTTON, {
+      parent: button_sub_container,
+      ...Styles.TEST_BUTTON_ITEM_STYLE,
+      text: "zoom in",
+      click_func: () => {
+        root_container.updateLayoutStyle({ "x": "0", "y": "0", "width": "100vw", "height": "50vh" });
+        updateLayout(root_container);
+      },
+    });
+
+    createWidget(widget.BUTTON, {
+      parent: button_sub_container,
+      ...Styles.TEST_BUTTON_ITEM_STYLE,
+      text: "zoom out",
+      click_func: () => {
+        root_container.updateLayoutStyle({ "x": "20vw", "y": "10vh", "width": "60vw", "height": "25vh" });
+        updateLayout(root_container);
+        dumpLayout("layout.txt");
+      },
+    });
+    // updateLayout(); no need call by user when screen load updateLayout();
+  }
+})

package/private-modules/zeppos-app-utils/dist/public/template/os4.0/app/showcase/page/TC/TC_03/index.r.layout.js

@@ -0,0 +1,80 @@
+import { align, text_style } from '@zos/ui';
+
+
+
+export const FILL_RECT_ROOT_CONTAINER_STYLE = {
+  "x": "10vw",
+  "y": "10vh",
+  "width": "80vw",
+  "height": "50vh"
+}
+
+export const BACKGROUND_FILL_STYLE = {
+  color: 0xFFFFFF,
+  layout: { "width": "100%", "height": "100%" },
+}
+
+export const GROUP_FILL_RECT_ROOT_STYLE = {
+  "display": "flex",
+  "flex-flow": "row wrap",
+  "column-gap": "20",
+  "row-gap": "10",
+  "justify-content": "start",
+  "align-items": "space-evenly",
+  "width": "100%",
+  "height": "100%",
+  "align-content": "center",
+}
+
+export const IMAGE_ITEM_STYLE = {
+  "width": "15%",
+  "height": "25%",
+  // "radius": "5.25vw",
+  // "corner-radius": "10",
+}
+
+export const TEXT_ITEM_STYLE = {
+  "width": "30%",
+  "height": "25%",
+  "font-size": "15",
+}
+
+export const TEST_BUTTON_ROOT_CONTAINER_STYLE = {
+  "x": "15vw",
+  "y": "60vh",
+  "width": "70vw",
+  "height": "40vh"
+}
+
+export const TEST_BUTTON_SUB_ROOT_CONTAINER_STYLE = {
+  "width": "100%",
+  "height": "100%",
+  "display": "flex",
+  "flex-flow": "row wrap",
+  "column-gap": "5",
+  "row-gap": "10",
+  "justify-content": "space-evenly",
+  "align-content": "start",
+  "align-items": "start",
+  "padding-top": "10",
+}
+
+export const TEST_BUTTON_ITEM_STYLE = {
+  layout: {
+    "width": "35%",
+    "height": "20%",
+    "corner-radius": "3vw",
+    "font-size": "10",
+  },
+  press_src: "images/test/normalbtn_h.png",
+  normal_src: "images/test/normalbtn_n.png",
+  press_color: 0x1976d2,
+  normal_color: 0x0000FF,
+}
+
+
+
+
+
+
+

package/private-modules/zeppos-app-utils/dist/public/template/os4.0/app/showcase/page/i18n/en-US.po

@@ -0,0 +1,2 @@
+msgid "example"
+msgstr "This is an example in device"

package/private-modules/zeppos-app-utils/dist/public/template/os4.0/app/showcase/page/index.js

@@ -0,0 +1,53 @@
+import * as Styles from 'zosLoader:./index.[pf].layout.js'
+import { createWidget, widget, updateLayout } from '@zos/ui';
+import { push, exit, replace, } from '@zos/router';
+import { sysUIFocusIsEnable } from './index.r.layout';
+
+const page_list = [
+  { name: "4.0 Flex Layout" },
+  { number: "01", name: "Functional Test" },
+  { number: "02", name: "FillRect & Button" },
+  { number: "03", name: "Text & Image" },
+]
+
+let common_focus_flag = false;
+
+Page({
+
+  state: {
+    scroll_list
+  },
+  build() {
+    if (sysUIFocusIsEnable) {
+      common_focus_flag = true;
+    }
+    this.state.scroll_list = createWidget(widget.SCROLL_LIST, {
+      ...Styles.SCROLL_LIST_CONFIG_STYLE,
+      data_array: page_list,
+      data_count: page_list.length,
+      item_common_focus: common_focus_flag,
+      data_type_config: [
+        {
+          start: 0,
+          end: 0,
+          type_id: 0,
+        },
+        {
+          start: 1,
+          end: page_list.length - 1,
+          type_id: 1,
+        },
+      ],
+      data_type_config_count: 2,
+      item_click_func: (list, index, data_key) => {
+        if (index > 0) {
+          push({
+            url: "page/TC/TC_" + String(index).padStart(2, '0') + "/index"
+          });
+        }
+
+      },
+    });
+    // updateLayout(); no need call by user when screen load
+  }
+})

package/private-modules/zeppos-app-utils/dist/public/template/os4.0/app/showcase/page/index.r.layout.js

@@ -0,0 +1,75 @@
+import { SCROLL_LIST, align } from '@zos/ui';
+import { getDeviceInfo, SCREEN_SHAPE_SQUARE } from '@zos/device';
+
+export const SCROLL_LIST_POS_STYLE = {
+  layout: {
+    "x": "10vw",
+    "y": "0",
+    "width": "80vw",
+    "height": "100vh",
+  }
+}
+
+export const SCROLL_LIST_CONFIG_STYLE = {
+  ...SCROLL_LIST_POS_STYLE,
+  item_space: "8".toPixel(),
+  snap_type: SCROLL_LIST.snap_type.SNAPCENTER_EXCEPTTITLE,
+  enable_scroll_bar: true,
+  item_config: [
+    {
+      type_id: 0,
+      item_bg_color: 0x00000,
+      item_bg_radius: 0,
+      text_view: [{
+        x: "10vw".toPixel(),
+        y: 0,
+        w: "60vw".toPixel(),
+        h: "180".toPixel(),
+        key: "name",
+        color: 0xFFFFFF,
+        text_size: "45".toPixel(),
+        align_h: align.CENTER_H,
+        align_v: align.CENTER_V,
+      },],
+      text_view_count: 1,
+      item_height: "180".toPixel(),
+    },
+    {
+      type_id: 1,
+      item_bg_color: 0x383838,
+      item_bg_radius: 20,
+      item_press_effect: true,
+      text_view: [
+        {
+          x: 0,
+          y: 0,
+          w: "10vw".toPixel(),
+          h: "80".toPixel(),
+          key: "number",
+          color: 0xFFFFFF,
+          text_size: "20".toPixel(),
+          action: true,
+          align_h: align.CENTER_H,
+          align_v: align.CENTER_V,
+        },
+        {
+          x: "10vw".toPixel(),
+          y: 0,
+          w: "70vw".toPixel(),
+          h: "80".toPixel(),
+          key: "name",
+          color: 0xFFFFFF,
+          text_size: "20".toPixel(),
+          action: true,
+        },
+      ],
+      text_view_count: 2,
+      item_height: "80".toPixel(),
+    }
+
+  ],
+  item_config_count: 2,
+}
+
+export const sysUIFocusIsEnable = ((getDeviceInfo().keyType.indexOf('sport') !== -1) || (getDeviceInfo().keyNumber === 4));
+export const sysScreenIsSquare = (getDeviceInfo().screenShape == SCREEN_SHAPE_SQUARE)

package/private-modules/zeppos-app-utils/dist/public/template/os4.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/os4.0/app/todo-list/_package.json

@@ -0,0 +1,17 @@
+{
+  "name": "todolist",
+  "version": "1.0.0",
+  "description": "",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@zeppos/device-types": "^3.0.0"
+  },
+  "dependencies": {
+    "@zeppos/zml": "^0.0.38"
+  }
+}

package/private-modules/zeppos-app-utils/dist/public/template/os4.0/app/todo-list/app-side/index.js

@@ -0,0 +1,47 @@
+import { BaseSideService } from '@zeppos/zml/base-side'
+import { settingsLib } from '@zeppos/zml/base-side'
+
+import { DEFAULT_TODO_LIST } from './../utils/constants'
+
+function getTodoList() {
+  return settingsLib.getItem('todoList')
+    ? JSON.parse(settingsLib.getItem('todoList'))
+    : [...DEFAULT_TODO_LIST]
+}
+AppSideService(
+  BaseSideService({
+    onInit() {},
+    onRequest(req, res) {
+      if (req.method === 'GET_TODO_LIST') {
+        res(null, {
+          result: getTodoList()
+        })
+      } else if (req.method === 'ADD') {
+        // 这里补充一个
+        const todoList = getTodoList()
+        const newTodoList = [...todoList, String(Math.floor(Math.random() * 100))]
+        settingsLib.setItem('todoList', JSON.stringify(newTodoList))
+
+        res(null, {
+          result: newTodoList
+        })
+      } else if (req.method === 'DELETE') {
+        const { index } = req.params
+        const todoList = getTodoList()
+        const newTodoList = todoList.filter((_, i) => i !== index)
+        settingsLib.setItem('todoList', JSON.stringify(newTodoList))
+
+        res(null, {
+          result: newTodoList
+        })
+      }
+    },
+    onSettingsChange({ key, newValue, oldValue }) {
+      this.call({
+        result: getTodoList()
+      })
+    },
+    onRun() {},
+    onDestroy() {}
+  })
+)

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

@@ -0,0 +1,17 @@
+import { BaseApp } from '@zeppos/zml/base-app'
+import { log as Logger } from '@zos/utils'
+
+const logger = Logger.getLogger('todo-list-app')
+
+App(
+  BaseApp({
+    globalData: {},
+    onCreate() {
+      logger.log('app onCreate invoked')
+    },
+
+    onDestroy() {
+      logger.log('app onDestroy invoked')
+    }
+  })
+)