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