@zeppos/zeus-cli 1.3.3 → 1.3.5

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

@@ -0,0 +1,44 @@
+import { createWidget, widget, prop } from '@zos/ui'
+import { px } from '@zos/utils'
+import PageAdvanced from '../../../utils/template/PageAdvanced'
+
+PageAdvanced({
+  state: {
+    pageName: 'RADIO_GROUP'
+  },
+  build() {
+    const radioGroup = createWidget(widget.RADIO_GROUP, {
+      x: px(0),
+      y: px(0),
+      w: px(480),
+      h: px(64),
+      select_src: 'selected.png',
+      unselect_src: 'unselected.png',
+      check_func: (group, index, checked) => {
+        this.state.logger.log('index', index)
+        this.state.logger.log('checked', checked)
+      }
+    })
+
+    const button1 = radioGroup.createWidget(widget.STATE_BUTTON, {
+      x: px(40),
+      y: px(200),
+      w: px(64),
+      h: px(64)
+    })
+    const button2 = radioGroup.createWidget(widget.STATE_BUTTON, {
+      x: px(190),
+      y: px(200),
+      w: px(64),
+      h: px(64)
+    })
+    const button3 = radioGroup.createWidget(widget.STATE_BUTTON, {
+      x: px(340),
+      y: px(200),
+      w: px(64),
+      h: px(64)
+    })
+
+    radioGroup.setProperty(prop.INIT, button3)
+  }
+})

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

@@ -0,0 +1,106 @@
+import { createWidget, widget, prop } from '@zos/ui'
+import { px } from '@zos/utils'
+import PageAdvanced from '../../../utils/template/PageAdvanced'
+
+PageAdvanced({
+  state: {
+    pageName: 'SCROLL_LIST'
+  },
+  build() {
+    const dataList = [
+      { name: 'Amazfit T-Rex 2', size: 454, img_src: 'true.png' },
+      { name: 'Amazfit GTR 3 Pro', size: 480, img_src: 'true.png' },
+      { name: 'Amazfit GTR 3', size: 454, img_src: 'true.png' }
+    ]
+
+    const updateDataList = [
+      ...dataList,
+      { name: 'Amazfit GTS 3', size: 390 },
+    ]
+
+    const scroll_list = createWidget(widget.SCROLL_LIST, {
+      x: 0,
+      y: px(120),
+      h: px(300),
+      w: px(480),
+      snap_to_center: true,
+      item_enable_horizon_drag: true,
+      item_drag_max_distance: -px(200),
+      item_space: px(20),
+      item_config: [
+        {
+          type_id: 1,
+          item_bg_color: 0xef5350,
+          item_bg_radius: px(10),
+          text_view: [
+            { x: 0, y: 0, w: px(480), h: px(80), key: 'name', color: 0xffffff, text_size: px(20), action: true },
+            { x: 0, y: px(80), w: px(480), h: px(40), key: 'size', color: 0xffffff }
+          ],
+          text_view_count: 2,
+          image_view: [
+            { x: px(520), y: px(0), w: px(80), h: px(63), key: 'img_src', action: true },
+          ],
+          image_view_count: 1,
+          item_height: px(120)
+        },
+        {
+          type_id: 2,
+          item_bg_color: 0xef5350,
+          item_bg_radius: px(10),
+          text_view: [
+            { x: 0, y: 0, w: px(480), h: px(80), key: 'name', color: 0x000000, text_size: px(20) },
+            { x: 0, y: px(80), w: px(480), h: px(40), key: 'size', color: 0x000000 }
+          ],
+          text_view_count: 2,
+          image_view: [
+            { x: px(520), y: px(0), w: px(80), h: px(63), key: 'img_src', action: true },
+          ],
+          image_view_count: 1,
+          item_height: px(120)
+        }
+      ],
+      item_config_count: 2,
+      data_array: dataList,
+      data_count: dataList.length,
+      item_click_func: (list, index, data_key) => {
+        this.state.logger.log('list', list)
+        this.state.logger.log(`scrollListItemClick index=${index}`)
+        this.state.logger.log(`scrollListItemClick data_key=${data_key}`)
+        updateConfig()
+      },
+      item_focus_change_func: (list, index, focus) => {
+        this.state.logger.log('index', index)
+        this.state.logger.log(`itemFocusChange focus=${focus}`)
+      },
+      data_type_config: [
+        {
+          start: 0,
+          end: 1,
+          type_id: 1
+        },
+        {
+          start: 1,
+          end: 2,
+          type_id: 2
+        }
+      ],
+      data_type_config_count: 2
+    })
+
+    function updateConfig() {
+      scroll_list.setProperty(prop.UPDATE_DATA, {
+        data_type_config: [
+          {
+            start: 0,
+            end: updateDataList.length - 1,
+            type_id: 1
+          },
+        ],
+        data_type_config_count: 1,
+        data_array: updateDataList,
+        data_count: updateDataList.length,
+        on_page: 1
+      })
+    }
+  }
+})

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

@@ -0,0 +1,28 @@
+import { createWidget, widget, prop } from '@zos/ui'
+import { px } from '@zos/utils'
+import PageAdvanced from '../../../utils/template/PageAdvanced'
+
+PageAdvanced({
+  state: {
+    pageName: 'SLIDE_SWITCH'
+  },
+  build() {
+    const slide_switch = createWidget(widget.SLIDE_SWITCH, {
+      x: px(200),
+      y: px(200),
+      w: px(96),
+      h: px(64),
+      select_bg: 'switch_on.png',
+      un_select_bg: 'switch_off.png',
+      slide_src: 'radio_select.png',
+      slide_select_x: px(40),
+      slide_un_select_x: px(8),
+      checked: true,
+      checked_change_func: (slideSwitch, checked) => {
+        this.state.logger.log('checked', checked)
+      }
+    })
+
+    this.state.logger.log('slide checked', slide_switch.getProperty(prop.CHECKED))
+  }
+})

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

@@ -0,0 +1,28 @@
+import { createWidget, widget, event, prop } from '@zos/ui'
+import { px } from '@zos/utils'
+import { DEFAULT_COLOR } from '../../../config/constants'
+import PageAdvanced from '../../../utils/template/PageAdvanced'
+
+PageAdvanced({
+  state: {
+    pageName: 'STROKE_RECT'
+  },
+  build() {
+    const strokeRect = createWidget(widget.STROKE_RECT, {
+      x: px(125),
+      y: px(125),
+      w: px(230),
+      h: px(150),
+      radius: px(20),
+      line_width: px(4),
+      color: DEFAULT_COLOR
+    })
+
+    strokeRect.addEventListener(event.CLICK_DOWN, (info) => {
+      this.state.logger.log('click down info', info)
+      strokeRect.setProperty(prop.MORE, {
+        y: px(200)
+      })
+    })
+  }
+})

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

@@ -0,0 +1,51 @@
+import { createWidget, widget, event, align, text_style, prop } from '@zos/ui'
+import { px } from '@zos/utils'
+import PageAdvanced from '../../../utils/template/PageAdvanced'
+
+PageAdvanced({
+  state: {
+    pageName: 'TEXT'
+  },
+  build() {
+    try {
+      const text = createWidget(widget.TEXT, {
+        x: px(96),
+        y: px(120),
+        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: 'HELLO ZEPPOS'
+      })
+
+      text.addEventListener(event.CLICK_DOWN, (info) => {
+        text.setProperty(prop.MORE, {
+          y: px(200)
+        })
+      })
+
+      const textI18n = createWidget(widget.TEXT, {
+        x: px(96),
+        y: px(300),
+        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_i18n: {
+          'zh-CN': '你好 Zepp OS',
+          'en-US': 'HELLO ZEPPOS'
+        },
+        font: 'raw/custom.ttf'
+      })
+    } catch (e) {
+      console.log('Build LifeCycle Error', e)
+      e && e.stack && e.stack.split(/\n/).forEach((i) => console.log('error stack', i))
+    }
+  }
+})

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

@@ -0,0 +1,81 @@
+import { createWidget, widget, align, text_style } from '@zos/ui'
+import { px } from '@zos/utils'
+import { getRandomColor } from '../../../utils/utils'
+import { DEFAULT_COLOR, DEFAULT_COLOR_TRANSPARENT } from '../../../config/constants'
+
+Page({
+  build() {
+    createWidget(widget.TEXT, {
+      x: px(96),
+      y: px(40),
+      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: 'VIEW_CONTAINER'
+    })
+
+    const viewContainer = createWidget(widget.VIEW_CONTAINER, {
+      x: px(0),
+      y: px(86),
+      w: px(480),
+      h: px(400),
+      scroll_frame_func(info) {
+        console.log('scroll frame')
+        console.log(JSON.stringify(info))
+      },
+      scroll_complete_func(info) {
+        console.log('scroll complete')
+        console.log(JSON.stringify(info))
+      }
+    })
+
+    Array.from({ length: 5 }).forEach((_, index) => {
+      viewContainer.createWidget(widget.FILL_RECT, {
+        x: 0,
+        y: px(index * 400),
+        w: px(480),
+        h: px(400),
+        color: getRandomColor()
+      })
+
+      viewContainer.createWidget(widget.TEXT, {
+        x: px(96),
+        y: px(170) + px(index * 400),
+        w: px(288),
+        h: px(46),
+        text_size: px(36),
+        color: 0xffffff,
+        align_h: align.CENTER_H,
+        align_v: align.CENTER_V,
+        text: `INDEX: ${index}`
+      })
+    })
+
+    const viewContainerButton = createWidget(widget.VIEW_CONTAINER, {
+      x: px(0),
+      y: px(86),
+      w: px(480),
+      h: px(400),
+      z_index: 1,
+      scroll_enable: false
+    })
+
+    viewContainerButton.createWidget(widget.BUTTON, {
+      x: 0,
+      y: px(50),
+      w: px(200),
+      h: px(100),
+      text: 'Click',
+      radius: px(12),
+      normal_color: DEFAULT_COLOR,
+      press_color: DEFAULT_COLOR_TRANSPARENT,
+      click_func: () => {
+        console.log('123')
+      }
+    })
+  }
+})

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

@@ -2,22 +2,29 @@ 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;
+  constructor(params = {}) {
+    const { text = '', 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);
+    this.text = text
+    this.line = line
   }
 
-  render() {
+  render(params = {}) {
+    let { text = this.text, line = 0 } = params
+
+    if (!line) {
+      line = this.line
+    }
+
+    const y = px(line * 60 + 120)
+    this.y = y
+
+    this.line = line + 1
+
     return createWidget(widget.TEXT, {
-      x: px(40),
-      y: this.y_computed,
-      w: px(400),
+      x: px(0),
+      y,
+      w: px(480),
       h: px(46),
       color: 0xffffff,
       text_size: px(20),

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

@@ -1,4 +1,5 @@
-import { createWidget, widget, text_style, align } from "@zos/ui";
+import { createWidget, widget, text_style, align } from '@zos/ui'
+import { px } from '@zos/utils'
 
 export default class Title {
   constructor(params) {

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

@@ -1,3 +1,5 @@
+import { px } from '@zos/utils'
+
 export const MENU_SCROLL_LIST = {
   item_height: 80,
   item_space: 24,

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

@@ -1,5 +1,6 @@
-import logger from "./log";
-import { createWidget, widget } from "@zos/ui";
+import logger from './log'
+import { px } from '@zos/utils'
+import { createWidget, widget } from '@zos/ui'
 
 export default class Test {
   constructor() {

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/calories/global.d.ts

@@ -1 +1 @@
-/// <reference path="node_modules/@zeppos/device-types/index.d.ts" />
+/// <reference path="node_modules/@zeppos/device-types/dist/index.d.ts" />

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/calories/jsconfig.json

@@ -5,5 +5,5 @@
     "checkJs": true
   },
   "exclude": ["node_modules", "**/node_modules/*"],
-  "files": ["node_modules/@zeppos/device-types/index.d.ts"]
+  "files": ["node_modules/@zeppos/device-types/dist/index.d.ts"]
 }

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/download/global.d.ts

@@ -1 +1 @@
-/// <reference path="node_modules/@zeppos/device-types/index.d.ts" />
+/// <reference path="node_modules/@zeppos/device-types/dist/index.d.ts" />

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/download/jsconfig.json

@@ -5,5 +5,5 @@
     "checkJs": true
   },
   "exclude": ["node_modules", "**/node_modules/*"],
-  "files": ["node_modules/@zeppos/device-types/index.d.ts"]
+  "files": ["node_modules/@zeppos/device-types/dist/index.d.ts"]
 }

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/empty/global.d.ts

@@ -1 +1 @@
-/// <reference path="node_modules/@zeppos/device-types/index.d.ts" />
+/// <reference path="node_modules/@zeppos/device-types/dist/index.d.ts" />

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/empty/jsconfig.json

@@ -5,5 +5,5 @@
     "checkJs": true
   },
   "exclude": ["node_modules", "**/node_modules/*"],
-  "files": ["node_modules/@zeppos/device-types/index.d.ts"]
+  "files": ["node_modules/@zeppos/device-types/dist/index.d.ts"]
 }

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/fetch-api/global.d.ts

@@ -1 +1 @@
-/// <reference path="node_modules/@zeppos/device-types/index.d.ts" />
+/// <reference path="node_modules/@zeppos/device-types/dist/index.d.ts" />

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/fetch-api/jsconfig.json

@@ -5,5 +5,5 @@
     "checkJs": true
   },
   "exclude": ["node_modules", "**/node_modules/*"],
-  "files": ["node_modules/@zeppos/device-types/index.d.ts"]
+  "files": ["node_modules/@zeppos/device-types/dist/index.d.ts"]
 }

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/hello-world/global.d.ts

@@ -1 +1 @@
-/// <reference path="node_modules/@zeppos/device-types/index.d.ts" />
+/// <reference path="node_modules/@zeppos/device-types/dist/index.d.ts" />

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/hello-world/jsconfig.json

@@ -5,5 +5,5 @@
     "checkJs": true
   },
   "exclude": ["node_modules", "**/node_modules/*"],
-  "files": ["node_modules/@zeppos/device-types/index.d.ts"]
+  "files": ["node_modules/@zeppos/device-types/dist/index.d.ts"]
 }

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/notification/global.d.ts

@@ -1 +1 @@
-/// <reference path="node_modules/@zeppos/device-types/index.d.ts" />
+/// <reference path="node_modules/@zeppos/device-types/dist/index.d.ts" />

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/notification/jsconfig.json

@@ -5,5 +5,5 @@
     "checkJs": true
   },
   "exclude": ["node_modules", "**/node_modules/*"],
-  "files": ["node_modules/@zeppos/device-types/index.d.ts"]
+  "files": ["node_modules/@zeppos/device-types/dist/index.d.ts"]
 }

package/private-modules/zeppos-app-utils/dist/public/template/os3.0/app/todo-list/global.d.ts

@@ -1 +1 @@
-/// <reference path="node_modules/@zeppos/device-types/index.d.ts" />
+/// <reference path="node_modules/@zeppos/device-types/dist/index.d.ts" />

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

@@ -5,5 +5,5 @@
     "checkJs": true
   },
   "exclude": ["node_modules", "**/node_modules/*"],
-  "files": ["node_modules/@zeppos/device-types/index.d.ts"]
+  "files": ["node_modules/@zeppos/device-types/dist/index.d.ts"]
 }

package/private-modules/zeppos-app-utils/package.json

@@ -13,7 +13,7 @@
     "dev": "nodemon -e ts,tsx --exec \"rm -rf dist && tsc && ts-node build.ts\" --ignore types/ --ignore dist/"
   },
   "dependencies": {
-    "@zeppos/zpm": "^3.0.0",
+    "@zeppos/zpm": "^3.0.1",
     "axios": "^0.27.2",
     "chalk": "^4.1.2",
     "chokidar": "^3.5.3",

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

@@ -1,14 +0,0 @@
-{
-  "name": "calories",
-  "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/os2.0/app/calories/jsconfig.json

@@ -1,14 +0,0 @@
-{
-  "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/os2.0/app/calories/utils/storage.js

@@ -1,40 +0,0 @@
-import { statSync, writeFileSync, readFileSync } from "@zos/fs";
-
-export default class LocalStorage {
-  constructor(fileName = "") {
-    this.fileName = fileName;
-    this.contentObj = {};
-  }
-
-  set(obj) {
-    writeFileSync({
-      path: this.fileName,
-      data: JSON.stringify(obj),
-      options: {
-        encoding: "utf8",
-      },
-    });
-  }
-
-  get() {
-    const fStat = statSync({
-      path: this.fileName,
-    });
-    if (fStat) {
-      try {
-        this.contentObj = JSON.parse(
-          readFileSync({
-            path: this.fileName,
-            options: {
-              encoding: "utf8",
-            },
-          })
-        );
-      } catch (error) {
-        this.contentObj = {};
-      }
-    }
-
-    return this.contentObj;
-  }
-}

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

@@ -1,14 +0,0 @@
-{
-  "name": "fetch-api",
-  "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/os2.0/app/fetch-api/jsconfig.json

@@ -1,14 +0,0 @@
-{
-  "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/os2.0/app/hello-world/_package.json

@@ -1,14 +0,0 @@
-{
-  "name": "hello-word",
-  "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"
-  }
-}