@mpxjs/api-proxy 2.8.23-alpha → 2.9.0-beta.0

package/src/index.tenon.js

@@ -1,27 +0,0 @@
-import * as allApi from './tenon/api'
-import { EventChannel } from './tenon/api/event-channel'
-import { genFromMap } from './common/js'
-
-export default function install (target) {
-  const fromMap = genFromMap()
-
-  global.EventChannel = new EventChannel()
-
-  Object.keys(allApi).forEach(api => {
-    target[api] = function (...args) {
-      if (args.length > 0) {
-        const from = args.pop()
-        if (typeof from !== 'string' || !fromMap[from]) {
-          args.push(from)
-        }
-      }
-
-      return allApi[api].apply(target, args)
-    }
-  })
-}
-export function getProxy () {
-  const apiProxy = {}
-  install(apiProxy)
-  return apiProxy
-}

package/src/tenon/api/animation/animation.js

@@ -1,225 +0,0 @@
-import { warn } from '../../../common/js'
-class Animation {
-  constructor (options) {
-    this._actions = []
-    this._propMaps = {}
-    this._options = options
-  }
-
-  // 处理size
-  _processSize (size) {
-    if (typeof size === 'number') {
-      return `${size}hm`
-    } else {
-      return size
-    }
-  }
-
-  _collectData (type, value) {
-    this._propMaps[type] = {
-      type: type,
-      value: value
-    }
-  }
-
-  // 不支持
-  right (value) {
-    warn('不支持right方法')
-    return this
-  }
-
-  // 不支持
-  left (value) {
-    warn('不支持left方法')
-    return this
-  }
-
-  // 不支持
-  top (value) {
-    warn('不支持top方法')
-    return this
-  }
-
-  // 不支持
-  bottom (value) {
-    warn('不支持bottom方法')
-    return this
-  }
-
-  width (value) {
-    this._collectData('width', value)
-    return this
-  }
-
-  height (value) {
-    this._collectData('height', value)
-    return this
-  }
-
-  opacity (value) {
-    this._collectData('opacity', parseFloat(value))
-    return this
-  }
-
-  backgroundColor (color) {
-    this._collectData('backgroundColor', color)
-    return this
-  }
-
-  // 不支持
-  matrix (...value) {
-    warn('不支持matrix方法')
-    return this
-  }
-
-  // 不支持
-  matrix3d (...value) {
-    warn('不支持matrix3d方法')
-    return this
-  }
-
-  // 不支持
-  rotate (...value) {
-    warn('不支持rotate方法')
-    return this
-  }
-
-  // 不支持
-  rotate3d (...value) {
-    warn('不支持rotate3d方法')
-    return this
-  }
-
-  rotateX (value) {
-    this._collectData('rotationX', `${parseFloat(value)}deg`)
-    return this
-  }
-
-  rotateY (value) {
-    this._collectData('rotationY', `${parseFloat(value)}deg`)
-    return this
-  }
-
-  rotateZ (value) {
-    this._collectData('rotationZ', `${parseFloat(value)}deg`)
-    return this
-  }
-
-  scale (...value) {
-    const [x, y = x] = value
-    this._collectData('scaleX', x)
-    this._collectData('scaleY', y)
-    return this
-  }
-
-  // 不支持
-  scale3d (...value) {
-    warn('不支持scale3d方法')
-    return this
-  }
-
-  scaleX (value) {
-    this._collectData('scaleX', value)
-    return this
-  }
-
-  scaleY (value) {
-    this._collectData('scaleY', value)
-    return this
-  }
-
-  // 不支持
-  scaleZ (value) {
-    warn('不支持scaleZ方法')
-    return this
-  }
-
-  // 不支持
-  skew (...value) {
-    warn('不支持skew方法')
-    return this
-  }
-
-  // 不支持
-  skewX (value) {
-    warn('不支持skewX方法')
-    return this
-  }
-
-  // 不支持
-  skewY (value) {
-    warn('不支持skewY方法')
-    return this
-  }
-
-  translate (...value) {
-    const [x = 0, y = 0] = value
-    this._collectData('position', {
-      x: `${parseFloat(x)}hm`,
-      y: `${parseFloat(y)}hm`
-    })
-    return this
-  }
-
-  // 不支持
-  translate3d (...value) {
-    warn('不支持translate3d方法')
-    return this
-  }
-
-  translateX (value) {
-    this._collectData('position', { x: `${parseFloat(value)}hm`, y: 0 })
-    return this
-  }
-
-  translateY (value) {
-    this._collectData('position', { x: `${parseFloat(value)}hm`, y: 0 })
-    return this
-  }
-
-  // 不支持
-  translateZ (value) {
-    warn('不支持tranlateZ方法')
-    return this
-  }
-
-  step (opt) {
-    const option = {}
-    const animates = []
-    if (opt) {
-      Object.assign(option, this._options, opt)
-    } else {
-      Object.assign(option, this._options)
-    }
-    Object.keys(this._propMaps).forEach((item) => {
-      animates.push(this._propMaps[item])
-    })
-    // action  
-    this._actions.push({
-      animates,
-      option
-    })
-    return this
-  }
-
-  export () {
-    const actions = this._actions.slice(0)
-    this._actions.length = 0
-    // 一个action就是一个step
-    const steps = actions.map((v) => {
-      const styles = {}
-      v.animates.forEach(animate => {
-        styles[animate.type] = animate.value
-      })
-      return {
-        ...v.option,
-        styles
-      }
-    })
-    return {
-      steps
-    }
-  }
-}
-
-export default Animation

package/src/tenon/api/animation/index.js

@@ -1,89 +0,0 @@
-import Animation from './animation'
-
-const createAnimation = function (options = {}) {
-  // timingFunction 修改为easing
-  options = Object.assign({
-    duration: 400,
-    timingFunction: 'linear',
-    delay: 0,
-    transformOrigin: '50% 50% 0'
-  }, options)
-  return new Animation(options)
-}
-// tennon需要返回的是一个对象
-// 基础动画
-// {
-//   duration: 5000,
-//   repeatCount: -1,
-//   easing: "linear",
-//   onStart: () => {console.log('Basic Animation Start!')},
-//   onEnd: () => {console.log('Basic Animation End!')},
-//   styles: {
-//     position: {
-//       x: '100hm',
-//       y: 0
-//     },
-//     opacity: 0.8
-//   }
-// }
-// 关键帧动画
-// {
-//   duration: 5000, // 动画持续时间，单位 ms
-//   repeatCount: -1, // 重复的次数
-//   easing: "linear",
-//   onStart: () => {console.log('Frame Animation Start!')},
-//   onEnd: () => {console.log('Frame Animation End!')},
-//   keyframes: [{
-//     styles: {
-//       position: {
-//         x: '100hm',
-//         y: 0
-//       },
-//       opacity: 0.8
-//     },
-//     percent: 0.5
-//   }, {
-//     styles: {
-//       position: {
-//         x: '200hm',
-//         y: 0
-//       },
-//       opacity: 1
-//     },
-//     percent: 1
-//   }]
-// }
-// 次序动画
-// {
-//   steps: [{
-//     duration: 5000,
-//     repeatCount: 1,
-//     easing: "linear",
-//     onStart: () => {console.log('Animation Start!')},
-//     onEnd: () => {console.log('Animation End!')},
-//     styles: {
-//       position: {
-//         x: '100hm',
-//         y: 0
-//       },
-//       opacity: 0.8
-//     }
-//   }, {
-//     duration: 5000,
-//     repeatCount: 1,
-//     easing: "linear",
-//     onStart: () => {console.log('Animation Start!')},
-//     onEnd: () => {console.log('Animation End!')},
-//     styles: {
-//       position: {
-//         x: '200hm',
-//         y: 0
-//       },
-//       opacity: 0.8
-//     }
-//   }]
-// }
-
-export {
-  createAnimation
-}

package/src/tenon/api/event-channel/index.js

@@ -1,61 +0,0 @@
-class EventChannel {
-  constructor () {
-    this.listener = {}
-  }
-
-  emit (eventName, ...args) {
-    const cbs = this.listener[eventName]
-    if (cbs) {
-      cbs.forEach((item, index) => {
-        try {
-          item.fn.apply(this, args)
-        } catch (e) {
-          console.log(`event "${eventName}" error ${e}`)
-        }
-        if (item.type === 'once') {
-          cbs.splice(index, 1)
-        }
-      })
-    }
-  }
-
-  off (eventName, EventCallback) {
-    if (EventCallback) {
-      const cbs = this.listener[eventName]
-      const copyCbs = []
-      if (cbs) {
-        cbs.forEach((item, index) => {
-          if (item.fn !== EventCallback) {
-            copyCbs.push(item)
-          }
-        })
-      }
-      this.listener[eventName] = copyCbs
-    } else {
-      this.listener[eventName] && (this.listener[eventName].length = 0)
-    }
-  }
-
-  on (eventName, EventCallback) {
-    (this.listener[eventName] || (this.listener[eventName] = [])).push({ fn: EventCallback, type: 'on' })
-  }
-
-  once (eventName, EventCallback) {
-    (this.listener[eventName] || (this.listener[eventName] = [])).push({ fn: EventCallback, type: 'once' })
-  }
-
-  _addListener (eventName, EventCallback, type) {
-    (this.listener[eventName] || (this.listener[eventName] = [])).push({ fn: EventCallback, type })
-  }
-
-  _addListeners (events) {
-    if (Object.prototype.toString.call(events) === '[object Object]') {
-      Object.keys(events).forEach((eventName) => {
-        (this.listener[eventName] || (this.listener[eventName] = [])).push({ fn: events[eventName], type: 'on' })
-      })
-    }
-  }
-}
-export {
-  EventChannel
-}

package/src/tenon/api/index.js

@@ -1,29 +0,0 @@
-// showToast, hideToast, showLoading, hideLoading
-export * from './toast'
-
-// showModal
-export * from './modal'
-
-// setStorage, setStorageSync, getStorage, getStorageSync
-// getStorageInfo, getStorageInfoSync, removeStorage, removeStorageSync
-// clearStorage, clearStorageSync
-export * from './storage'
-
-// getSystemInfo, getSystemInfoSync
-export * from './system'
-
-// request
-export * from './request'
-
-// redirectTo, navigateTo, navigateBack, reLaunch, switchTab
-export * from './route'
-
-// connectSocket, sendSocketMessage, closeSocket
-// onSocketOpen, onSocketError, onSocketMessage, onSocketClose
-export * from './socket'
-
-// nextTick
-export * from './next-tick'
-
-// createAnimation
-export * from './animation'

package/src/tenon/api/modal/Modal.js

@@ -1,154 +0,0 @@
-import { ToPromise, webHandleSuccess } from '../../../common/js'
-import '../../../common/stylus/Modal.styl'
-import { getClassStyle } from '@hummer/tenon-vue'
-
-// 汉字为两个字符，字母/数字为一个字符
-const _getLength = t => {
-  let len = 0
-  for (let i = 0; i < t.length; i++) {
-    if (t.charCodeAt(i) > 127 || t.charCodeAt(i) === 94) {
-      len += 2
-    } else {
-      len++
-    }
-  }
-  return len
-}
-function createDom (Element, attrs = {}, children = []) {
-  const dom = new Element()
-  Object.keys(attrs).forEach(k => Reflect.set(dom, k, attrs[k]))
-  children.length && children.forEach(child => dom.appendChild(child))
-  return dom
-}
-export default class Modal extends ToPromise {
-  constructor () {
-    super()
-    this.defaultOpts = {
-      title: '',
-      content: '',
-      showCancel: true,
-      cancelText: '取消',
-      cancelColor: '#000000',
-      confirmText: '确定',
-      confirmColor: '#576B95',
-      success: (...args) => {},
-      fail: (...args) => {},
-      complete: (...args) => {}
-    }
-    this.hideTimer = null
-  }
-
-  show (options = {}) {
-    if (options.confirmText && _getLength(options.confirmText) > 8) {
-      // eslint-disable-next-line
-      return Promise.reject({
-        errMsg:
-          'showModal:fail confirmText length should not larger than 4 Chinese characters'
-      })
-    }
-    if (options.cancelText && _getLength(options.cancelText) > 8) {
-      // eslint-disable-next-line
-      return Promise.reject({
-        errMsg:
-          'showModal:fail cancelText length should not larger than 4 Chinese characters'
-      })
-    }
-    if (this.hideTimer) {
-      clearTimeout(this.hideTimer)
-      this.hideTimer = null
-    }
-
-    this.box = createDom(
-      View,
-      { style: getClassStyle(null, '__mpx_modal_box__') },
-      [
-        createDom(
-          View,
-          { style: getClassStyle(null, '__mpx_modal_title_view__') },
-          [
-            (this.title = createDom(Text, {
-              style: getClassStyle(null, '__mpx_modal_title__')
-            }))
-          ]
-        ),
-        createDom(
-          View,
-          { style: getClassStyle(null, '__mpx_modal_content_view__') },
-          [
-            (this.content = createDom(Text, {
-              style: getClassStyle(null, '__mpx_modal_content__')
-            }))
-          ]
-        ),
-        (this.btns = createDom(
-          View,
-          { style: getClassStyle(null, '__mpx_modal_btns__') },
-          [
-            (this.cancelBtn = createDom(Text, {
-              style: getClassStyle(null, '__mpx_modal_cancel__')
-            })),
-            (this.confirmBtn = createDom(Text, {
-              style: getClassStyle(null, '__mpx_modal_confirm__')
-            }))
-          ]
-        ))
-      ]
-    )
-
-    const opts = Object.assign({}, this.defaultOpts, options)
-    this.title.text = opts.title
-    this.content.text = opts.content
-    this.dialog = new Dialog()
-    this.dialog.cancelable = false
-    this.cancelBtn.text = opts.cancelText
-    this.confirmBtn.text = opts.confirmText
-    this.confirmBtn.style = Object.assign(this.confirmBtn.style, { color: opts.confirmColor })
-    if (opts.showCancel !== true) {
-      this.cancelBtn.style = Object.assign(
-        this.cancelBtn.style,
-        getClassStyle(null, '__mpx_modal_hide__')
-      )
-    } else {
-      this.cancelBtn.style = Object.assign(
-        this.cancelBtn.style,
-        { color: opts.cancelColor }
-      )
-    }
-
-    this.cancelBtn.addEventListener('tap', event => {
-      this.hide()
-      const result = {
-        errMsg: 'showModal:ok',
-        cancel: true,
-        confirm: false
-      }
-      webHandleSuccess(result, opts.success, opts.complete)
-      this.toPromiseResolve(result)
-    })
-
-    this.confirmBtn.addEventListener('tap', event => {
-      this.hide()
-      const result = {
-        errMsg: 'showModal:ok',
-        cancel: false,
-        confirm: true
-      }
-      webHandleSuccess(result, opts.success, opts.complete)
-      this.toPromiseResolve(result)
-    })
-
-    this.dialog.custom(this.box)
-    return this.toPromiseInitPromise()
-  }
-
-  hide () {
-    if (this.hideTimer) {
-      clearTimeout(this.hideTimer)
-      this.hideTimer = null
-    }
-
-    this.hideTimer = setTimeout(() => {
-      this.dialog.dismiss()
-    }, 0)
-  }
-}

package/src/tenon/api/modal/index.js

@@ -1,12 +0,0 @@
-import Modal from './Modal'
-
-let modal = null
-
-function showModal (options = {}) {
-  if (!modal) { modal = new Modal() }
-  return modal.show(options)
-}
-
-export {
-  showModal
-}

package/src/tenon/api/next-tick/index.js

@@ -1,11 +0,0 @@
-function nextTick (cb) {
-  if (typeof Promise !== 'undefined') {
-    Promise.resolve().then(cb)
-  } else {
-    setTimeout(cb, 0)
-  }
-}
-
-export {
-  nextTick
-}

package/src/tenon/api/request/index.js

@@ -1,71 +0,0 @@
-import { webHandleSuccess, webHandleFail } from '../../../common/js'
-const { Request } = __GLOBAL__
-
-function request (options = { url: '' }) {
-  let {
-    data = {},
-    method = 'GET',
-    dataType = 'json',
-    responseType = 'text',
-    timeout = 60 * 1000,
-    header = {},
-    success = null,
-    fail = null,
-    complete = null
-  } = options
-
-  method = method.toUpperCase()
-
-  if (
-    method === 'POST' &&
-    typeof data !== 'string' && // string 不做处理
-    (header['Content-Type'] === 'application/x-www-form-urlencoded' ||
-      header['content-type'] === 'application/x-www-form-urlencoded')
-  ) {
-    // 重新设置data
-    data = Object.keys(data)
-      .reduce((pre, curKey) => {
-        return `${pre}&${encodeURIComponent(curKey)}=${encodeURIComponent(
-          data[curKey]
-        )}`
-      }, '')
-      .slice(1)
-  }
-
-  const requestFn = new Request()
-
-  requestFn.url = options.url
-  requestFn.method = method
-  requestFn.timeout = timeout
-  requestFn.header = header
-  requestFn.params = data
-  requestFn.send((response) => {
-    let { status, header: resHeader, data: resData, error } = response
-    // 返回的数据处理
-
-    if (responseType === 'text' && dataType === 'json') {
-      try {
-        resData = JSON.parse(resData)
-      } catch (e) {}
-    }
-
-    if (status >= 200 && status < 300) {
-      const result = {
-        errMsg: 'request:ok',
-        data: resData,
-        statusCode: status,
-        header: resHeader
-      }
-      webHandleSuccess(result, success, complete)
-      return result
-    } else {
-      const res = { errMsg: `request:fail ${error.msg}` }
-      webHandleFail(res, fail, complete)
-      if (!fail) {
-        return Promise.reject(res)
-      }
-    }
-  })
-}
-
-export { request }