index.js 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. // 看到此报错,是因为没有配置vite.config.js的【transpileDependencies】
  2. // const pleaseSetTranspileDependencies = {}, babelTest = pleaseSetTranspileDependencies?.test
  3. // 引入全局mixin
  4. import { mixin } from './libs/mixin/mixin.js'
  5. // 小程序特有的mixin
  6. import { mpMixin } from './libs/mixin/mpMixin.js'
  7. // 路由封装
  8. import route from './libs/util/route.js'
  9. // 颜色渐变相关,colorGradient-颜色渐变,hexToRgb-十六进制颜色转rgb颜色,rgbToHex-rgb转十六进制
  10. import colorGradient from './libs/function/colorGradient.js'
  11. // 规则检验
  12. import test from './libs/function/test.js'
  13. // 防抖方法
  14. import debounce from './libs/function/debounce.js'
  15. // 节流方法
  16. import throttle from './libs/function/throttle.js'
  17. // 浮点计算
  18. import calc from './libs/function/calc.js'
  19. // 浮点计算
  20. import digit from './libs/function/digit.js'
  21. // 公共文件写入的方法
  22. import index from './libs/function/index.js'
  23. // 配置信息
  24. import config from './libs/config/config.js'
  25. // props配置信息
  26. import props from './libs/config/props.js'
  27. // 各个需要fixed的地方的z-index配置文件
  28. import zIndex from './libs/config/zIndex.js'
  29. // 关于颜色的配置,特殊场景使用
  30. import color from './libs/config/color.js'
  31. // 平台
  32. import platform from './libs/function/platform'
  33. // http
  34. import http from './libs/function/http.js'
  35. // fontUtil
  36. import fontUtil from './components/u-icon/util.js';
  37. // 导出
  38. let themeType = ['primary', 'success', 'error', 'warning', 'info'];
  39. export { route, http, debounce, throttle, calc, digit, platform, themeType, mixin, mpMixin, props, color, test, zIndex, fontUtil }
  40. export * from './libs/function/index.js'
  41. export * from './libs/function/colorGradient.js'
  42. /**
  43. * @description 修改uView内置属性值
  44. * @param {object} props 修改内置props属性
  45. * @param {object} config 修改内置config属性
  46. * @param {object} color 修改内置color属性
  47. * @param {object} zIndex 修改内置zIndex属性
  48. */
  49. export function setConfig(configs) {
  50. index.shallowMerge(config, configs.config || {})
  51. index.shallowMerge(props, configs.props || {})
  52. index.shallowMerge(color, configs.color || {})
  53. index.shallowMerge(zIndex, configs.zIndex || {})
  54. }
  55. index.setConfig = setConfig
  56. const $u = {
  57. route,
  58. date: index.timeFormat, // 另名date
  59. colorGradient: colorGradient.colorGradient,
  60. hexToRgb: colorGradient.hexToRgb,
  61. rgbToHex: colorGradient.rgbToHex,
  62. colorToRgba: colorGradient.colorToRgba,
  63. test,
  64. type: themeType,
  65. http,
  66. config, // uview-plus配置信息相关,比如版本号
  67. zIndex,
  68. debounce,
  69. throttle,
  70. calc,
  71. mixin,
  72. mpMixin,
  73. props,
  74. ...index,
  75. color,
  76. platform
  77. }
  78. export const mount$u = function() {
  79. uni.$u = $u
  80. }
  81. function toCamelCase(str) {
  82. return str.replace(/-([a-z])/g, function(match, group1) {
  83. return group1.toUpperCase();
  84. }).replace(/^[a-z]/, function(match) {
  85. return match.toUpperCase();
  86. });
  87. }
  88. // #ifdef APP || H5
  89. const importFn = import.meta.glob('./components/u-*/u-*.vue', { eager: true })
  90. let components = [];
  91. // 批量注册全局组件
  92. for (const key in importFn) {
  93. let component = importFn[key].default;
  94. if (component.name && component.name.indexOf('u--') !== 0) {
  95. component.install = function (Vue) {
  96. Vue.component(name, component);
  97. };
  98. // 导入组件
  99. components.push(component);
  100. }
  101. }
  102. // #endif
  103. const install = (Vue, upuiParams = '') => {
  104. // #ifdef APP || H5
  105. components.forEach(function(component) {
  106. const name = component.name.replace(/u-([a-zA-Z0-9-_]+)/g, 'up-$1');
  107. if (name != component.name) {
  108. Vue.component(component.name, component);
  109. }
  110. Vue.component(name, component);
  111. });
  112. // #endif
  113. // 初始化
  114. if (upuiParams) {
  115. uni.upuiParams = upuiParams
  116. let temp = upuiParams()
  117. if (temp.httpIns) {
  118. temp.httpIns(http)
  119. }
  120. if (temp.options) {
  121. setConfig(temp.options)
  122. }
  123. }
  124. // 同时挂载到uni和Vue.prototype中
  125. // $u挂载到uni对象上
  126. uni.$u = $u
  127. // #ifndef APP-NVUE
  128. // 只有vue,挂载到Vue.prototype才有意义,因为nvue中全局Vue.prototype和Vue.mixin是无效的
  129. Vue.config.globalProperties.$u = $u
  130. Vue.mixin(mixin)
  131. // #endif
  132. }
  133. export default {
  134. install
  135. }