mix-ui/index.js

mix-ui，对于uView UI的补充和组合，用于uni-app生态的UI框架

// 引入全局mixin
import mixin from './libs/mixin/mixin.js'

import './libs/ext/ican-H5Api'

function wranning(str) {
  // 开发环境进行信息输出,主要是一些报错信息
  // 这个环境的来由是在程序编写时候,点击hx编辑器运行调试代码的时候,详见:
  // 	https://uniapp.dcloud.io/frame?id=%e5%bc%80%e5%8f%91%e7%8e%af%e5%a2%83%e5%92%8c%e7%94%9f%e4%ba%a7%e7%8e%af%e5%a2%83
  if (process.env.NODE_ENV === 'development') {
    console.warn(str)
  }
}

import eq from './libs/function/eq.js'
// 生成全局唯一guid字符串
import guid from './libs/function/guid.js'
// 对象深度拷贝克隆
import clone from './libs/function/clone.js'
// 规则检验
import test from './libs/function/test.js'
// trim
import trim from './libs/function/trim.js'
// 数据脱敏
import mask from './libs/function/mask.js'
// 颜色渐变相关,colorGradient-颜色渐变,hexToRgb-十六进制颜色转rgb颜色,rgbToHex-rgb转十六进制
import colorGradient from './libs/function/colorGradient.js'

// 配置信息
import config from './libs/config/config.js'

// 防抖方法
import debounce from './libs/function/debounce.js'
// 节流方法
import throttle from './libs/function/throttle.js'

// 获取整个父组件
import $parent from './libs/function/$parent.js'

// 各个需要fixed的地方的z-index配置文件
import zIndex from './libs/config/zIndex.js'

const $mix = {
  $parent,
  guid,
  eq,
  clone: clone.clone,
  cloneAll: clone.cloneAll,
	colorGradient: colorGradient.colorGradient,
	hexToRgb: colorGradient.hexToRgb,
	rgbToHex: colorGradient.rgbToHex,
  merge: clone.merge,
  wranning,
  config, // ui配置信息相关，比如版本号
  zIndex,
  test,
  // type2icon,
  trim: trim.trim,
  trimAll: trim.trimAll,
  trimStart: trim.trimStart,
  trimEnd: trim.trimEnd,
  mask,
	debounce,
	throttle,
}

// $u挂载到uni对象上
uni.$mix = $mix

const install = Vue => {
  Vue.mixin(mixin)
  // 时间格式化，同时两个名称，date和timeFormat
  Vue.filter('mask', (str, beginLen, endLen, maskCode) => {
    return mask(str, beginLen, endLen, maskCode)
  })
  Vue.filter('trim', str => {
    return trim.trim(str)
  })
  Vue.filter('trimAll', str => {
    return trim.trimAll(str)
  })
  Vue.filter('trimStart', str => {
    return trim.trimStart(str)
  })
  Vue.filter('trimEnd', str => {
    return trim.trimEnd(str)
  })
  // Vue.filter('timeFormat', (timestamp, format) => {
  //   return timeFormat(timestamp, format)
  // })
  // Vue.filter('date', (timestamp, format) => {
  //   return timeFormat(timestamp, format)
  // })
  // 将多久以前的方法，注入到全局过滤器
  // Vue.filter('timeFrom', (timestamp, format) => {
  //   return timeFrom(timestamp, format)
  // })
  Vue.prototype.$mix = $mix
  // window.$mix = $mix
}

export default {
  install
}