@zeppos/zeus-cli 1.2.2 → 1.2.3

package/private-modules/zeppos-app-utils/dist/public/template/config-version-v3/v2/todo-list/page/home/index.style.js

@@ -0,0 +1,93 @@
+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 = {
+  text: getText('add'),
+  x: px(30),
+  y: px(65),
+  w: px(120),
+  h: px(50),
+  normal_color: 0xfc6950,
+  press_color: 0xfeb4a8,
+  radius: px(12)
+}
+
+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: 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(80),
+  item_space: px(6),
+  item_config: [
+    {
+      type_id: 1,
+      item_bg_color: 0x333333,
+      item_bg_radius: px(10),
+      text_view: [
+        {
+          x: px(80),
+          y: px(0),
+          w: px(360),
+          h: px(80),
+          key: 'name',
+          color: 0xffff00,
+          text_size: px(36),
+          align_h: hmUI.align.LEFT,
+        },
+      ],
+      text_view_count: 1,
+      item_height: px(80),
+    },
+    {
+      type_id: 2,
+      item_bg_color: 0x333333,
+      item_bg_radius: px(10),
+      text_view: [
+        {
+          x: px(80),
+          y: px(0),
+          w: px(360),
+          h: px(80),
+          key: 'name',
+          color: 0xff0000,
+          text_size: px(36),
+          align_h: hmUI.align.LEFT,
+        },
+      ],
+      text_view_count: 1,
+      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,
+}

package/private-modules/zeppos-app-utils/dist/public/template/config-version-v3/v2/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/config-version-v3/v2/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/config-version-v3/v2/todo-list/setting/index.js

@@ -0,0 +1,145 @@
+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/config-version-v3/v2/todo-list/shared/data.js

@@ -0,0 +1,67 @@
+export function json2buf(json) {
+  return str2buf(json2str(json))
+}
+
+export function json2bin(json) {
+  return str2bin(json2str(json))
+}
+
+export function len(binOrBuf) {
+  return binOrBuf.byteLength
+}
+
+export function buf2json(buf) {
+  return str2json(buf2str(buf))
+}
+
+export function str2json(str) {
+  return JSON.parse(str)
+}
+
+export function json2str(json) {
+  return JSON.stringify(json)
+}
+
+export function str2buf(str) {
+  return Buffer.from(str, 'utf-8')
+}
+
+export function buf2str(buf) {
+  return buf.toString('utf-8')
+}
+
+export function bin2buf(bin) {
+  return Buffer.from(bin)
+}
+
+export function buf2bin(buf) {
+  return buf.buffer.slice(buf.byteOffset, buf.byteOffset + buf.byteLength)
+}
+
+export function buf2hex(buf) {
+  return buf.toString('hex')
+}
+
+export function bin2hex(bin) {
+  return buf2hex(bin2buf(bin))
+}
+
+export function bin2json(bin) {
+  return buf2json(bin2buf(bin))
+}
+
+export function bin2str(bin) {
+  return buf2str(bin2buf(bin))
+}
+
+export function str2bin(str) {
+  return buf2bin(str2buf(str))
+}
+
+export function allocOfBin(size = 0) {
+  return Buffer.alloc(size).buffer
+}
+
+export function allocOfBuf(size = 0) {
+  return Buffer.alloc(size)
+}

package/private-modules/zeppos-app-utils/dist/public/template/config-version-v3/v2/todo-list/shared/defer.js

@@ -0,0 +1,35 @@
+export function Deferred() {
+  const defer = {}
+
+  defer.promise = new Promise(function (resolve, reject) {
+    defer.resolve = resolve
+    defer.reject = reject
+  })
+
+  return defer
+}
+
+export function delay(ms) {
+  const defer = Deferred()
+
+  setTimeout(defer.resolve, ms)
+
+  return defer.promise
+}
+
+export function timeout(ms, cb) {
+  const defer = Deferred()
+  ms = ms || 1000
+
+  const wait = setTimeout(() => {
+    clearTimeout(wait)
+
+    if (cb) {
+      cb && cb(defer.resolve, defer.reject)
+    } else {
+      defer.reject('Timed out in ' + ms + 'ms.')
+    }
+  }, ms)
+
+  return defer.promise
+}

package/private-modules/zeppos-app-utils/dist/public/template/config-version-v3/v2/todo-list/shared/device-polyfill.js

@@ -0,0 +1,6 @@
+import './es6-promise'
+ES6Promise.polyfill()
+
+Promise._setScheduler(function (flush) {
+  flush && flush()
+})