@zeppos/zeus-cli 1.3.4 → 1.3.6

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

@@ -0,0 +1,32 @@
+Page({
+  build() {
+    let page_cnt = 10
+    let vertical = false
+    let page_size = px(480)
+    hmUI.setScrollView(true, page_size, page_cnt, vertical)
+    pg_indicator = hmUI.createWidget(hmUI.widget.PAGE_INDICATOR, {
+      x: 0,
+      y: px(50),
+      w: px(480),
+      h: px(100),
+      align_h: hmUI.align.CENTER_H,
+      h_space: 8,
+      select_src: 'select.png',
+      unselect_src: 'unselect.png'
+    })
+    for (let i = 0; i < page_cnt; i++) {
+      let x_pos = vertical ? 0 : page_size * i
+      let y_pos = vertical ? px(400) + page_size * i : px(400)
+      hmUI.createWidget(hmUI.widget.TEXT, {
+        x: px(x_pos),
+        y: px(y_pos),
+        w: px(480),
+        h: px(120),
+        text_size: 35,
+        color: 0xffffff,
+        align_h: hmUI.align.CENTER_H,
+        text: 'PAGE ' + i.toString()
+      })
+    }
+  }
+})

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

@@ -0,0 +1,43 @@
+import { createWidget, widget, prop, event, align } from '@zos/ui'
+import { px } from '@zos/utils'
+import PageAdvanced from '../../../utils/template/PageAdvanced'
+
+PageAdvanced({
+  state: {
+    pageName: 'PICK_DATE'
+  },
+  build() {
+    const pick_date_date = createWidget(widget.PICK_DATE)
+    pick_date_date.setProperty(prop.MORE, {
+      w: px(480),
+      x: px(20),
+      y: px(120),
+      startYear: 2000,
+      endYear: 2030,
+      initYear: 2021,
+      initMonth: 2,
+      initDay: 3
+    })
+
+    const confirm = createWidget(widget.TEXT, {
+      x: 0,
+      y: px(360),
+      w: px(480),
+      h: px(80),
+      text_size: px(42),
+      color: 0xffffff,
+      align_h: align.CENTER_H,
+      align_v: align.CENTER_V,
+      text: 'confirm'
+    })
+
+    confirm.addEventListener(event.CLICK_UP, (info) => {
+      const dateObj = pick_date_date.getProperty(prop.MORE, {})
+      const { year, month, day } = dateObj
+
+      this.state.logger.log('year', year)
+      this.state.logger.log('month', month)
+      this.state.logger.log('day', day)
+    })
+  }
+})

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

@@ -0,0 +1,36 @@
+import { createWidget, widget, event } from '@zos/ui'
+import { px } from '@zos/utils'
+import PageAdvanced from '../../../utils/template/PageAdvanced'
+
+PageAdvanced({
+  state: {
+    pageName: 'GRADKIENT_POLYLINE'
+  },
+  build() {
+    const lineDataList = [
+      { x: 0, y: px(200) },
+      { x: px(100), y: px(10) },
+      { x: px(200), y: px(50) },
+      { x: px(300), y: px(50) },
+      { x: px(400), y: px(200) }
+    ]
+    const polyline = createWidget(widget.GRADKIENT_POLYLINE, {
+      x: 0,
+      y: px(200),
+      w: px(480),
+      h: px(200),
+      line_color: 0x00ffff,
+      line_width: 4,
+      bg_color: 0xffffff
+    })
+    polyline.clear()
+    polyline.addLine({
+      data: lineDataList,
+      count: lineDataList.length
+    })
+
+    this.state.titleWidget.addEventListener(event.CLICK_DOWN, () => {
+      polyline.clear()
+    })
+  }
+})

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

@@ -0,0 +1,22 @@
+import { createWidget, widget } from '@zos/ui'
+import { px } from '@zos/utils'
+import PageAdvanced from '../../../utils/template/PageAdvanced'
+
+PageAdvanced({
+  state: {
+    pageName: 'QRCODE'
+  },
+  build() {
+    createWidget(widget.QRCODE, {
+      x: px(140),
+      y: px(140),
+      w: px(200),
+      h: px(200),
+      bg_x: px(120),
+      bg_y: px(120),
+      bg_w: px(240),
+      bg_h: px(240),
+      content: 'Hello Zepp OS'
+    })
+  }
+})

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" />