@zeppos/zeus-cli 1.3.7 → 1.3.8

package/private-modules/zeppos-app-utils/dist/public/template/os2.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/os2.0/app/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/os2.0/app/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/os2.0/app/todo-list/shared/device-polyfill.js

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