@zeppos/zeus-cli 1.6.5 → 1.6.6

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

@@ -0,0 +1,55 @@
+{
+  "configVersion": "v3",
+  "app": {
+    "appType": "app",
+    "version": {
+      "code": 1,
+      "name": "1.0.0"
+    },
+    "appId": 20001,
+    "appName": "Todo List",
+    "icon": "icon.png",
+    "vender": "zepp",
+    "description": "todo list application"
+  },
+  "runtime": {
+    "apiVersion": {
+      "compatible": "4.0",
+      "target": "4.0",
+      "minVersion": "4.0"
+    }
+  },
+  "targets": {
+    "gt": {
+      "module": {
+        "page": {
+          "pages": ["page/home/index.page"]
+        },
+        "app-side": {
+          "path": "app-side/index"
+        },
+        "setting": {
+          "path": "setting/index"
+        }
+      },
+      "platforms": [
+        {
+          "st": "r",
+          "dw": 480
+        },
+        {
+          "st": "s",
+          "dw": 390
+        }
+      ]
+    }
+  },
+  "permissions": ["data:os.device.info", "device:os.local_storage"],
+  "i18n": {
+    "en-US": {
+      "name": "Todo List"
+    }
+  },
+  "defaultLanguage": "en-US",
+  "debug": false
+}

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

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

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

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

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

@@ -0,0 +1,177 @@
+import * as hmUI from '@zos/ui'
+import { getText } from '@zos/i18n'
+import { getDeviceInfo, SCREEN_SHAPE_SQUARE } from '@zos/device'
+import { log as Logger } from '@zos/utils'
+
+import { BasePage } from '@zeppos/zml/base-page'
+import {
+  TITLE_TEXT_STYLE,
+  TIPS_TEXT_STYLE,
+  SCROLL_LIST,
+  ADD_BUTTON
+} from 'zosLoader:./index.page.[pf].layout.js'
+import { readFileSync, writeFileSync } from './../../utils/fs'
+import { getScrollListDataConfig } from './../../utils/index'
+
+const logger = Logger.getLogger('todo-list-page')
+
+Page(
+  BasePage({
+    state: {
+      scrollList: null,
+      tipText: null,
+      refreshText: null,
+      addButton: null,
+      dataList: readFileSync()
+    },
+    onInit() {
+      logger.debug('page onInit invoked')
+      this.getTodoList()
+    },
+    build() {
+      logger.debug('page build invoked')
+
+      if (getDeviceInfo().screenShape !== SCREEN_SHAPE_SQUARE) {
+        this.state.title = hmUI.createWidget(hmUI.widget.TEXT, {
+          ...TITLE_TEXT_STYLE
+        })
+      }
+
+      this.state.addButton = hmUI.createWidget(hmUI.widget.BUTTON, {
+        ...ADD_BUTTON,
+        click_func: () => {
+          this.addRandomTodoItem()
+        }
+      })
+
+      this.createAndUpdateList(false)
+    },
+    onDestroy() {
+      logger.debug('page onDestroy invoked')
+      writeFileSync(this.state.dataList, false)
+    },
+    onCall(req) {
+      const dataList = req.result.map((i) => ({ name: i, img_src: 'delete.png' }))
+      logger.log('call dataList', dataList)
+      this.refreshAndUpdate(dataList)
+    },
+    getTodoList() {
+      this.request({
+        method: 'GET_TODO_LIST'
+      })
+        .then(({ result }) => {
+          this.state.dataList = result.map((d) => ({ name: d, img_src: 'delete.png' }))
+          this.createAndUpdateList()
+        })
+        .catch((res) => {
+          this.createAndUpdateList()
+        })
+    },
+    addRandomTodoItem() {
+      this.request({
+        method: 'ADD'
+      })
+        .then(({ result }) => {
+          this.state.dataList = result.map((d) => ({ name: d, img_src: 'delete.png' }))
+          this.createAndUpdateList()
+          hmUI.showToast({
+            text: getText('addSuccess')
+          })
+        })
+        .catch((res) => {
+          hmUI.showToast({
+            text: getText('addFailure')
+          })
+        })
+    },
+    deleteTodoItem(index) {
+      this.request({
+        method: 'DELETE',
+        params: { index }
+      })
+        .then(({ result }) => {
+          this.state.scrollList.setProperty(hmUI.prop.DELETE_ITEM, { index: index })
+          this.state.dataList.splice(index, 1)
+          hmUI.showToast({
+            text: getText('deleteSuccess')
+          })
+        })
+        .catch((res) => {
+          hmUI.showToast({
+            text: getText('deleteFailure')
+          })
+        })
+    },
+    changeUI(showEmpty) {
+      const { dataList } = this.state
+
+      if (showEmpty) {
+        if (dataList.length === 0) {
+          !this.state.tipText &&
+            (this.state.tipText = hmUI.createWidget(hmUI.widget.TEXT, {
+              ...TIPS_TEXT_STYLE
+            }))
+        }
+        const isTip = dataList.length === 0
+
+        this.state.refreshText && this.state.refreshText.setProperty(hmUI.prop.VISIBLE, false)
+        this.state.tipText && this.state.tipText.setProperty(hmUI.prop.VISIBLE, isTip)
+        this.state.scrollList && this.state.scrollList.setProperty(hmUI.prop.VISIBLE, !isTip)
+      } else {
+        // 占位刷新
+        !this.state.refreshText &&
+          (this.state.refreshText = hmUI.createWidget(hmUI.widget.TEXT, {
+            ...TIPS_TEXT_STYLE,
+            text: ' '
+          }))
+
+        this.state.tipText && this.state.tipText.setProperty(hmUI.prop.VISIBLE, false)
+        this.state.refreshText.setProperty(hmUI.prop.VISIBLE, true)
+        this.state.scrollList && this.state.scrollList.setProperty(hmUI.prop.VISIBLE, false)
+      }
+    },
+    createAndUpdateList(showEmpty = true) {
+      const _scrollListItemClick = (list, index, key) => {
+        if (key === 'img_src') {
+          this.deleteTodoItem(index)
+        }
+      }
+      const { scrollList, dataList } = this.state
+      this.changeUI(showEmpty)
+      const dataTypeConfig = getScrollListDataConfig(
+        dataList.length === 0 ? -1 : 0,
+        dataList.length
+      )
+      if (scrollList) {
+        scrollList.setProperty(hmUI.prop.UPDATE_DATA, {
+          data_array: dataList,
+          data_count: dataList.length,
+          data_type_config: [{ start: 0, end: dataList.length, type_id: 2 }],
+          data_type_config_count: dataTypeConfig.length,
+          on_page: 1
+        })
+      } else {
+        this.state.scrollList = hmUI.createWidget(hmUI.widget.SCROLL_LIST, {
+          ...(SCROLL_LIST || {}),
+          data_array: dataList,
+          data_count: dataList.length,
+          data_type_config: dataTypeConfig,
+          data_type_config_count: dataTypeConfig.length,
+          item_enable_horizon_drag: true,
+          item_drag_max_distance: -120,
+          on_page: 1,
+          item_click_func: _scrollListItemClick
+        })
+      }
+    },
+    refreshAndUpdate(dataList = []) {
+      this.state.dataList = []
+      this.createAndUpdateList(false)
+
+      setTimeout(() => {
+        this.state.dataList = dataList
+        this.createAndUpdateList()
+      }, 20)
+    }
+  })
+)

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

@@ -0,0 +1,112 @@
+import * as hmUI from '@zos/ui'
+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 = {
+  text: getText('todoList'),
+  x: px(42),
+  y: px(65),
+  w: DEVICE_WIDTH - px(42 * 2),
+  h: px(50),
+  color: 0xffffff,
+  text_size: 36,
+  align_h: hmUI.align.CENTER_H,
+  text_style: hmUI.text_style.WRAP
+}
+
+export const ADD_BUTTON = {
+  x: Math.floor((DEVICE_WIDTH - px(88)) / 2),
+  y: DEVICE_HEIGHT - px(100),
+  w: px(88),
+  h: px(88),
+  normal_src: 'add.png',
+  press_src: 'add.png'
+}
+
+export const TIPS_TEXT_STYLE = {
+  text: getText('noData'),
+  x: px(15),
+  y: px(120),
+  w: DEVICE_WIDTH - px(15 * 2),
+  h: DEVICE_HEIGHT - px(120),
+  color: 0xffffff,
+  text_size: px(32),
+  align_h: hmUI.align.CENTER_H,
+  align_v: hmUI.align.CENTER_V,
+  text_style: hmUI.text_style.WRAP
+}
+
+export const SCROLL_LIST = {
+  item_height: px(120),
+  item_space: px(10),
+  item_config: [
+    {
+      type_id: 1,
+      item_bg_color: 0x333333,
+      item_bg_radius: px(25),
+      text_view: [
+        {
+          x: px(80),
+          y: px(0),
+          w: px(360),
+          h: px(120),
+          key: 'name',
+          color: 0xffff00,
+          text_size: px(36),
+          align_h: hmUI.align.LEFT
+        }
+      ],
+      text_view_count: 1,
+      image_view: [
+        {
+          x: DEVICE_WIDTH - px(30),
+          y: px(16),
+          w: px(88),
+          h: px(88),
+          key: 'img_src',
+          action: true
+        }
+      ],
+      image_view_count: 1,
+      item_height: px(120)
+    },
+    {
+      type_id: 2,
+      item_bg_color: 0x333333,
+      item_bg_radius: px(25),
+      text_view: [
+        {
+          x: px(80),
+          y: px(0),
+          w: px(360),
+          h: px(120),
+          key: 'name',
+          color: 0xff0000,
+          text_size: px(36),
+          align_h: hmUI.align.LEFT
+        }
+      ],
+      text_view_count: 1,
+      image_view: [
+        {
+          x: DEVICE_WIDTH - px(30),
+          y: px(16),
+          w: px(88),
+          h: px(88),
+          key: 'img_src',
+          action: true
+        }
+      ],
+      image_view_count: 1,
+      item_height: px(120)
+    }
+  ],
+  item_config_count: 2,
+  x: px(30),
+  y: px(120),
+  h: px(250),
+  w: DEVICE_WIDTH - px(30) * 2
+}

package/private-modules/zeppos-app-utils/dist/public/template/os4.0/app/todo-list/page/home/index.page.s.layout.js

@@ -0,0 +1,112 @@
+import * as hmUI from '@zos/ui'
+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 = {
+  text: getText('todoList'),
+  x: px(42),
+  y: px(65),
+  w: DEVICE_WIDTH - px(42 * 2),
+  h: px(50),
+  color: 0xffffff,
+  text_size: 36,
+  align_h: hmUI.align.CENTER_H,
+  text_style: hmUI.text_style.WRAP
+}
+
+export const ADD_BUTTON = {
+  x: Math.floor((DEVICE_WIDTH - px(88)) / 2),
+  y: DEVICE_HEIGHT - px(100),
+  w: px(88),
+  h: px(88),
+  normal_src: 'add.png',
+  press_src: 'add.png'
+}
+
+export const TIPS_TEXT_STYLE = {
+  text: getText('noData'),
+  x: px(15),
+  y: px(120),
+  w: DEVICE_WIDTH - px(15 * 2),
+  h: DEVICE_HEIGHT - px(120),
+  color: 0xffffff,
+  text_size: px(32),
+  align_h: hmUI.align.CENTER_H,
+  align_v: hmUI.align.CENTER_V,
+  text_style: hmUI.text_style.WRAP
+}
+
+export const SCROLL_LIST = {
+  item_height: px(120),
+  item_space: px(10),
+  item_config: [
+    {
+      type_id: 1,
+      item_bg_color: 0x333333,
+      item_bg_radius: px(25),
+      text_view: [
+        {
+          x: px(80),
+          y: px(0),
+          w: px(360),
+          h: px(120),
+          key: 'name',
+          color: 0xffff00,
+          text_size: px(36),
+          align_h: hmUI.align.LEFT
+        }
+      ],
+      text_view_count: 1,
+      image_view: [
+        {
+          x: DEVICE_WIDTH - px(10),
+          y: px(16),
+          w: px(88),
+          h: px(88),
+          key: 'img_src',
+          action: true
+        }
+      ],
+      image_view_count: 1,
+      item_height: px(120)
+    },
+    {
+      type_id: 2,
+      item_bg_color: 0x333333,
+      item_bg_radius: px(25),
+      text_view: [
+        {
+          x: px(80),
+          y: px(0),
+          w: px(360),
+          h: px(120),
+          key: 'name',
+          color: 0xff0000,
+          text_size: px(36),
+          align_h: hmUI.align.LEFT
+        }
+      ],
+      text_view_count: 1,
+      image_view: [
+        {
+          x: DEVICE_WIDTH - px(10),
+          y: px(16),
+          w: px(88),
+          h: px(88),
+          key: 'img_src',
+          action: true
+        }
+      ],
+      image_view_count: 1,
+      item_height: px(120)
+    }
+  ],
+  item_config_count: 2,
+  x: px(10),
+  y: px(80),
+  h: px(250),
+  w: DEVICE_WIDTH - px(10) * 2
+}

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

@@ -0,0 +1,21 @@
+
+msgid "todoList"
+msgstr "todo List"
+
+msgid "noData"
+msgstr "No data, please add it on the phone"
+
+msgid "add"
+msgstr "Add"
+
+msgid "deleteSuccess"
+msgstr "successfully deleted"
+
+msgid "deleteFailure"
+msgstr "Delete failed, check the network"
+
+msgid "addSuccess"
+msgstr "Added successfully"
+
+msgid "addFailure"
+msgstr "Failed to add, check the network"

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

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

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

@@ -0,0 +1,143 @@
+import { gettext } from 'i18n'
+import { DEFAULT_TODO_LIST } from './../utils/constants'
+AppSettingsPage({
+  state: {
+    todoList: [],
+    props: {}
+  },
+  addTodoList(val) {
+    this.state.todoList = [...this.state.todoList, val]
+    this.setItem()
+  },
+  editTodoList(val, index) {
+    this.state.todoList[index] = val
+    this.setItem()
+  },
+  deleteTodoList(index) {
+    this.state.todoList = this.state.todoList.filter((_, ind) => {
+      return ind !== index
+    })
+    this.setItem()
+  },
+  setItem() {
+    const newString = JSON.stringify(this.state.todoList)
+    this.state.props.settingsStorage.setItem('todoList', newString)
+  },
+  setState(props) {
+    this.state.props = props
+    if (props.settingsStorage.getItem('todoList')) {
+      this.state.todoList = JSON.parse(props.settingsStorage.getItem('todoList'))
+    } else {
+      this.state.todoList = [...DEFAULT_TODO_LIST]
+    }
+    console.log('todoList: ', this.state.todoList)
+  },
+  build(props) {
+    this.setState(props)
+    const contentItems = []
+    const addBTN = View(
+      {
+        style: {
+          fontSize: '12px',
+          lineHeight: '30px',
+          borderRadius: '30px',
+          background: '#409EFF',
+          color: 'white',
+          textAlign: 'center',
+          padding: '0 15px',
+          width: '30%'
+        }
+      },
+      [
+        TextInput({
+          label: gettext('addTodo'),
+          onChange: (val) => {
+            this.addTodoList(val)
+          }
+        })
+      ]
+    )
+    this.state.todoList.forEach((item, index) => {
+      contentItems.push(
+        View(
+          {
+            style: {
+              borderBottom: '1px solid #eaeaea',
+              padding: '6px 0',
+              marginBottom: '6px',
+              display: 'flex',
+              flexDirection: 'row'
+            }
+          },
+          [
+            View(
+              {
+                style: {
+                  flex: 1,
+                  display: 'flex',
+                  flexDirection: 'row',
+                  justfyContent: 'center',
+                  alignItems: 'center'
+                }
+              },
+              [
+                TextInput({
+                  label: '',
+                  bold: true,
+                  value: item,
+                  subStyle: {
+                    color: '#333',
+                    fontSize: '14px'
+                  },
+                  maxLength: 200,
+                  onChange: (val) => {
+                    if (val.length > 0 && val.length <= 200) {
+                      this.editTodoList(val, index)
+                    } else {
+                      console.log("todoList can't be empty or too long!")
+                    }
+                  }
+                })
+              ]
+            ),
+            Button({
+              label: gettext('delete'),
+              style: {
+                fontSize: '12px',
+                borderRadius: '30px',
+                background: '#D85E33',
+                color: 'white'
+              },
+              onClick: () => {
+                this.deleteTodoList(index)
+              }
+            })
+          ]
+        )
+      )
+    })
+    return View(
+      {
+        style: {
+          padding: '12px 20px'
+        }
+      },
+      [
+        addBTN,
+        contentItems.length > 0 &&
+          View(
+            {
+              style: {
+                marginTop: '12px',
+                padding: '10px',
+                border: '1px solid #eaeaea',
+                borderRadius: '6px',
+                backgroundColor: 'white'
+              }
+            },
+            [...contentItems]
+          )
+      ]
+    )
+  }
+})

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

@@ -0,0 +1,3 @@
+export const DEFAULT_TODO_LIST = ['Learn'] //  'Drink', 'Food'
+
+export const TODO_FILE_NAME = 'fs_todo_list.txt'

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

@@ -0,0 +1,34 @@
+import { statSync, writeFileSync as writeFile, readFileSync as readFile } from '@zos/fs'
+
+import { TODO_FILE_NAME } from './constants'
+
+export function readFileSync() {
+  const fStat = statSync({
+    path: this.fileName
+  })
+  if (fStat) {
+    const resData = readFile({
+      path: TODO_FILE_NAME,
+      options: {
+        encoding: 'utf8'
+      }
+    })
+    return !resData ? [] : JSON.parse(resData)
+  } else {
+    return []
+  }
+}
+
+export function writeFileSync(data, merge = true) {
+  let params = data
+  if (merge) {
+    params = [...readFile(), ...data]
+  }
+  writeFile({
+    path: TODO_FILE_NAME,
+    data: JSON.stringify(params),
+    options: {
+      encoding: 'utf8'
+    }
+  })
+}