vue2-client 1.3.8 → 1.3.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/package.json +1 -1
- package/src/base-client/components/common/AddressSearchCombobox/AddressSearchCombobox.vue +3 -3
- package/src/base-client/components/common/CustomColumnsDrawer/index.md +46 -46
- package/src/base-client/components/common/JSONToTree/jsontotree.vue +275 -275
- package/src/base-client/components/system/LogDetailsView/LogDetailsView.vue +376 -372
- package/src/base-client/components/ticket/TicketDetailsView/TicketDetailsView.vue +13 -12
- package/src/base-client/components/ticket/TicketDetailsView/index.md +29 -29
- package/src/base-client/components/ticket/TicketDetailsView/part/TicketDetailsFlow.vue +260 -260
- package/src/base-client/components/ticket/TicketSubmitSuccessView/index.md +29 -29
- package/src/base-client/plugins/AppData.js +4 -6
- package/src/base-client/plugins/GetLoginInfoService.js +252 -252
- package/src/base-client/plugins/PagedList.js +3 -3
- package/src/base-client/plugins/i18n-extend.js +32 -32
- package/src/components/Ellipsis/index.md +38 -38
- package/src/components/NumberInfo/index.md +43 -43
- package/src/components/STable/README.md +341 -341
- package/src/components/Trend/index.md +45 -45
- package/src/components/checkbox/ColorCheckbox.vue +157 -157
- package/src/components/checkbox/ImgCheckbox.vue +163 -163
- package/src/components/exception/ExceptionPage.vue +70 -70
- package/src/components/form/FormRow.vue +52 -52
- package/src/components/menu/SideMenu.vue +62 -62
- package/src/components/menu/menu.js +273 -273
- package/src/components/setting/Setting.vue +235 -235
- package/src/components/table/advance/ActionColumns.vue +158 -158
- package/src/components/table/advance/SearchArea.vue +355 -355
- package/src/components/tool/AStepItem.vue +60 -60
- package/src/components/tool/AvatarList.vue +68 -69
- package/src/components/tool/Drawer.vue +142 -142
- package/src/components/transition/PageToggleTransition.vue +97 -97
- package/src/config/replacer/resolve.config.js +67 -67
- package/src/layouts/AdminLayout.vue +174 -174
- package/src/layouts/header/AdminHeader.vue +3 -3
- package/src/layouts/header/HeaderSearch.vue +67 -67
- package/src/layouts/header/InstitutionDetail.vue +181 -0
- package/src/layouts/tabs/TabsHead.vue +190 -190
- package/src/layouts/tabs/TabsView.vue +379 -379
- package/src/mock/goods/index.js +108 -108
- package/src/pages/report/ReportTable.js +124 -125
- package/src/theme/default/nprogress.less +76 -76
- package/src/utils/colors.js +103 -103
- package/src/utils/excel/Blob.js +53 -54
- package/src/utils/excel/Export2Excel.js +4 -4
- package/src/utils/formatter.js +68 -68
- package/src/utils/i18n.js +1 -1
- package/src/utils/routerUtil.js +3 -3
- package/src/utils/theme-color-replacer-extend.js +3 -3
- package/src/utils/themeUtil.js +100 -102
- package/src/utils/util.js +2 -2
package/src/utils/themeUtil.js
CHANGED
|
@@ -1,102 +1,100 @@
|
|
|
1
|
-
const client = require('webpack-theme-color-replacer/client')
|
|
2
|
-
const { theme } = require('../config')
|
|
3
|
-
const { getMenuColors, getAntdColors, getThemeToggleColors, getFunctionalColors } = require('../utils/colors')
|
|
4
|
-
const { ANTD } = require('../config/default')
|
|
5
|
-
|
|
6
|
-
function getThemeColors (color, $theme) {
|
|
7
|
-
const _color = color || theme.color
|
|
8
|
-
const mode = $theme || theme.mode
|
|
9
|
-
const replaceColors = getThemeToggleColors(_color, mode)
|
|
10
|
-
|
|
11
|
-
...replaceColors.mainColors,
|
|
12
|
-
...replaceColors.subColors,
|
|
13
|
-
...replaceColors.menuColors,
|
|
14
|
-
...replaceColors.contentColors,
|
|
15
|
-
...replaceColors.rgbColors,
|
|
16
|
-
...replaceColors.functionalColors.success,
|
|
17
|
-
...replaceColors.functionalColors.warning,
|
|
18
|
-
...replaceColors.functionalColors.error
|
|
19
|
-
]
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
const
|
|
30
|
-
const
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
'primary-
|
|
36
|
-
'primary-
|
|
37
|
-
'primary-
|
|
38
|
-
'primary-
|
|
39
|
-
'primary-
|
|
40
|
-
'primary-
|
|
41
|
-
'primary-
|
|
42
|
-
'primary-
|
|
43
|
-
'primary-
|
|
44
|
-
'
|
|
45
|
-
'
|
|
46
|
-
'
|
|
47
|
-
'
|
|
48
|
-
'
|
|
49
|
-
'
|
|
50
|
-
'alert-
|
|
51
|
-
'alert-
|
|
52
|
-
'alert-
|
|
53
|
-
'alert-
|
|
54
|
-
'alert-
|
|
55
|
-
'alert-
|
|
56
|
-
'
|
|
57
|
-
'
|
|
58
|
-
'
|
|
59
|
-
'
|
|
60
|
-
'
|
|
61
|
-
'
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
color
|
|
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
|
-
getLocalSetting
|
|
102
|
-
}
|
|
1
|
+
const client = require('webpack-theme-color-replacer/client')
|
|
2
|
+
const { theme } = require('../config')
|
|
3
|
+
const { getMenuColors, getAntdColors, getThemeToggleColors, getFunctionalColors } = require('../utils/colors')
|
|
4
|
+
const { ANTD } = require('../config/default')
|
|
5
|
+
|
|
6
|
+
function getThemeColors (color, $theme) {
|
|
7
|
+
const _color = color || theme.color
|
|
8
|
+
const mode = $theme || theme.mode
|
|
9
|
+
const replaceColors = getThemeToggleColors(_color, mode)
|
|
10
|
+
return [
|
|
11
|
+
...replaceColors.mainColors,
|
|
12
|
+
...replaceColors.subColors,
|
|
13
|
+
...replaceColors.menuColors,
|
|
14
|
+
...replaceColors.contentColors,
|
|
15
|
+
...replaceColors.rgbColors,
|
|
16
|
+
...replaceColors.functionalColors.success,
|
|
17
|
+
...replaceColors.functionalColors.warning,
|
|
18
|
+
...replaceColors.functionalColors.error
|
|
19
|
+
]
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
function changeThemeColor (newColor, $theme) {
|
|
23
|
+
return client.changer.changeColor({newColors: getThemeColors(newColor, $theme)})
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
function modifyVars (color) {
|
|
27
|
+
const _color = color || theme.color
|
|
28
|
+
const palettes = getAntdColors(_color, theme.mode)
|
|
29
|
+
const menuColors = getMenuColors(_color, theme.mode)
|
|
30
|
+
const { success, warning, error } = getFunctionalColors(theme.mode)
|
|
31
|
+
const primary = palettes[5]
|
|
32
|
+
return {
|
|
33
|
+
'primary-color': primary,
|
|
34
|
+
'primary-1': palettes[0],
|
|
35
|
+
'primary-2': palettes[1],
|
|
36
|
+
'primary-3': palettes[2],
|
|
37
|
+
'primary-4': palettes[3],
|
|
38
|
+
'primary-5': palettes[4],
|
|
39
|
+
'primary-6': palettes[5],
|
|
40
|
+
'primary-7': palettes[6],
|
|
41
|
+
'primary-8': palettes[7],
|
|
42
|
+
'primary-9': palettes[8],
|
|
43
|
+
'primary-10': palettes[9],
|
|
44
|
+
'info-color': primary,
|
|
45
|
+
'success-color': success[5],
|
|
46
|
+
'warning-color': warning[5],
|
|
47
|
+
'error-color': error[5],
|
|
48
|
+
'alert-info-bg-color': palettes[0],
|
|
49
|
+
'alert-info-border-color': palettes[2],
|
|
50
|
+
'alert-success-bg-color': success[0],
|
|
51
|
+
'alert-success-border-color': success[2],
|
|
52
|
+
'alert-warning-bg-color': warning[0],
|
|
53
|
+
'alert-warning-border-color': warning[2],
|
|
54
|
+
'alert-error-bg-color': error[0],
|
|
55
|
+
'alert-error-border-color': error[2],
|
|
56
|
+
'processing-color': primary,
|
|
57
|
+
'menu-dark-submenu-bg': menuColors[0],
|
|
58
|
+
'layout-header-background': menuColors[1],
|
|
59
|
+
'layout-trigger-background': menuColors[2],
|
|
60
|
+
'btn-danger-bg': error[4],
|
|
61
|
+
'btn-danger-border': error[4],
|
|
62
|
+
...ANTD.theme[theme.mode]
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
function loadLocalTheme (localSetting) {
|
|
67
|
+
if (localSetting && localSetting.theme) {
|
|
68
|
+
let { color, mode } = localSetting.theme
|
|
69
|
+
color = color || theme.color
|
|
70
|
+
mode = mode || theme.mode
|
|
71
|
+
changeThemeColor(color, mode)
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* 获取本地保存的配置
|
|
77
|
+
* @param load {boolean} 是否加载配置中的主题
|
|
78
|
+
* @returns {Object}
|
|
79
|
+
*/
|
|
80
|
+
function getLocalSetting (loadTheme) {
|
|
81
|
+
let localSetting = {}
|
|
82
|
+
try {
|
|
83
|
+
const localSettingStr = localStorage.getItem(process.env.VUE_APP_SETTING_KEY)
|
|
84
|
+
localSetting = JSON.parse(localSettingStr)
|
|
85
|
+
} catch (e) {
|
|
86
|
+
console.error(e)
|
|
87
|
+
}
|
|
88
|
+
if (loadTheme) {
|
|
89
|
+
loadLocalTheme(localSetting)
|
|
90
|
+
}
|
|
91
|
+
return localSetting
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
module.exports = {
|
|
95
|
+
getThemeColors,
|
|
96
|
+
changeThemeColor,
|
|
97
|
+
modifyVars,
|
|
98
|
+
loadLocalTheme,
|
|
99
|
+
getLocalSetting
|
|
100
|
+
}
|
package/src/utils/util.js
CHANGED
|
@@ -27,8 +27,8 @@ const timeList = [
|
|
|
27
27
|
* 数组去空值
|
|
28
28
|
*/
|
|
29
29
|
export function arrRemoveEmpty (arr) {
|
|
30
|
-
for (
|
|
31
|
-
if (arr[i]
|
|
30
|
+
for (let i = 0; i < arr.length; i++) {
|
|
31
|
+
if (arr[i] === '' || typeof (arr[i]) == 'undefined') {
|
|
32
32
|
arr.splice(i, 1)
|
|
33
33
|
i--
|
|
34
34
|
}
|