imatrix-ui 0.2.0-up → 0.2.2-up
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/README.md +7 -7
- package/index.html +13 -13
- package/lib/super-ui.css +1 -1
- package/lib/super-ui.js +787 -366
- package/lib/super-ui.umd.cjs +18 -18
- package/package.json +34 -34
- package/packages/IntervalSelection/index.js +6 -6
- package/packages/IntervalSelection/src/quarterScope.vue +405 -405
- package/packages/IntervalSelection/src/sectionDate.vue +475 -475
- package/packages/breadcrumb/index.js +6 -6
- package/packages/breadcrumb/src/breadcrumb.vue +81 -81
- package/packages/department-tree/index.js +6 -6
- package/packages/department-tree/src/department-tree.vue +113 -113
- package/packages/department-tree-inline/index.js +6 -6
- package/packages/department-tree-inline/src/department-multi-tree-inline.vue +472 -472
- package/packages/department-tree-inline/src/department-single-tree-inline.vue +340 -340
- package/packages/department-tree-inline/src/department-tree-inline.vue +86 -86
- package/packages/department-tree-inline/src/department-tree-service.js +344 -344
- package/packages/department-tree-inline/src/search-result.vue +235 -235
- package/packages/department-user-tree/index.js +6 -6
- package/packages/department-user-tree/src/department-user-multiple-tree.vue +129 -129
- package/packages/department-user-tree/src/department-user-single-tree.vue +94 -94
- package/packages/department-user-tree/src/department-user-tree.vue +114 -114
- package/packages/department-user-tree-inline/index.js +9 -9
- package/packages/department-user-tree-inline/src/department-user-multiple-tree-inline.vue +731 -731
- package/packages/department-user-tree-inline/src/department-user-single-tree-inline.vue +334 -334
- package/packages/department-user-tree-inline/src/department-user-tree-inline.vue +87 -87
- package/packages/department-user-tree-inline/src/department-user-tree-multi-service.js +309 -309
- package/packages/department-user-tree-inline/src/department-user-tree-single-service.js +179 -179
- package/packages/department-user-tree-inline/src/search-result.vue +273 -273
- package/packages/directives/prevent-reclick.js +22 -22
- package/packages/dynamic-source-select/index.js +6 -6
- package/packages/dynamic-source-select/src/dynamic-source-select-service.js +106 -106
- package/packages/dynamic-source-select/src/dynamic-source-select.vue +675 -675
- package/packages/dynamic-source-select/src/events.js +78 -78
- package/packages/fs-preview/index.js +6 -6
- package/packages/fs-preview/src/fs-preview.vue +287 -287
- package/packages/fs-upload/index.js +6 -6
- package/packages/fs-upload/src/fs-upload-multi.vue +443 -443
- package/packages/fs-upload/src/fs-upload-single.vue +350 -350
- package/packages/fs-upload/src/fs-upload.vue +191 -191
- package/packages/fs-upload/src/see-big-picture.vue +67 -67
- package/packages/fs-upload-list/index.js +6 -6
- package/packages/fs-upload-list/src/fs-upload-list.vue +372 -372
- package/packages/hamburger/index.js +6 -6
- package/packages/hamburger/src/hamburger.vue +40 -40
- package/packages/index.js +125 -123
- package/packages/multipart-upload/index.js +6 -6
- package/packages/multipart-upload/src/index.vue +66 -66
- package/packages/multipart-upload/src/multipart-upload-form.vue +377 -377
- package/packages/multipart-upload/src/multipart-upload-list.vue +517 -517
- package/packages/organization-input/index.js +6 -6
- package/packages/organization-input/src/organization-input.vue +583 -587
- package/packages/plugins/export-data-new.js +623 -623
- package/packages/plugins/export-data.js +431 -431
- package/packages/plugins/index.js +15 -15
- package/packages/plugins/public-method.js +47 -47
- package/packages/remove-department/index.js +6 -6
- package/packages/remove-department/src/remove-department.vue +200 -200
- package/packages/remove-department/src/remove-dept-service.js +31 -31
- package/packages/remove-user/index.js +6 -6
- package/packages/remove-user/src/remove-user-service.js +31 -31
- package/packages/remove-user/src/remove-user.vue +226 -226
- package/packages/remove-workgroup/index.js +6 -6
- package/packages/remove-workgroup/src/remove-workgroup-service.js +31 -31
- package/packages/remove-workgroup/src/remove-workgroup.vue +183 -183
- package/packages/rich-editor/index.js +7 -7
- package/packages/rich-editor/index.vue +297 -297
- package/packages/rich-editor/langs/zh-Hans.js +438 -438
- package/packages/rich-editor/viewer.vue +105 -105
- package/packages/scan-code-input/index.js +6 -6
- package/packages/scan-code-input/src/events.js +34 -34
- package/packages/scan-code-input/src/scan-code-input-colse.vue +140 -140
- package/packages/scan-code-input/src/scan-code-input.vue +132 -132
- package/packages/secret-info/index.js +7 -7
- package/packages/secret-info/index.vue +100 -100
- package/packages/super-grid/index.js +7 -7
- package/packages/super-grid/src/apis.js +1092 -1092
- package/packages/super-grid/src/columns-config.vue +427 -427
- package/packages/super-grid/src/custom-formatter.js +388 -388
- package/packages/super-grid/src/eventBus.js +2 -2
- package/packages/super-grid/src/events.js +56 -56
- package/packages/super-grid/src/formValidatorUtil.js +300 -300
- package/packages/super-grid/src/formatter.js +196 -196
- package/packages/super-grid/src/group-column.vue +99 -99
- package/packages/super-grid/src/header-context-menu.vue +82 -82
- package/packages/super-grid/src/index-column.vue +69 -69
- package/packages/super-grid/src/normal-column.vue +1221 -1221
- package/packages/super-grid/src/public-methods.js +30 -30
- package/packages/super-grid/src/row-operation.vue +193 -193
- package/packages/super-grid/src/search-button.vue +74 -74
- package/packages/super-grid/src/search-condition-input.vue +73 -73
- package/packages/super-grid/src/search-condition-list.vue +68 -68
- package/packages/super-grid/src/search-form-advancedQuery.vue +819 -826
- package/packages/super-grid/src/search-form-dialog.vue +77 -77
- package/packages/super-grid/src/search-form-item.vue +495 -495
- package/packages/super-grid/src/search-form-number.vue +111 -111
- package/packages/super-grid/src/search-form-open.vue +167 -159
- package/packages/super-grid/src/search-form-ordinarySearch.vue +239 -233
- package/packages/super-grid/src/search-form.vue +762 -765
- package/packages/super-grid/src/search-methods.js +592 -592
- package/packages/super-grid/src/selection-column.vue +46 -46
- package/packages/super-grid/src/super-grid-service.js +728 -728
- package/packages/super-grid/src/super-grid.vue +3009 -3009
- package/packages/super-grid/src/utils.js +880 -880
- package/packages/super-grid/src/view-image-dialog.vue +176 -176
- package/packages/super-nine-grid/index.js +7 -7
- package/packages/super-nine-grid/src/apis.js +108 -108
- package/packages/super-nine-grid/src/custom-formatter.js +73 -73
- package/packages/super-nine-grid/src/formatter.js +134 -134
- package/packages/super-nine-grid/src/search-form-number.vue +35 -35
- package/packages/super-nine-grid/src/search-form.vue +700 -703
- package/packages/super-nine-grid/src/search-methods.js +151 -151
- package/packages/super-nine-grid/src/super-grid-service.js +107 -107
- package/packages/super-nine-grid/src/super-nine-grid.vue +1164 -1164
- package/packages/super-nine-grid/src/utils.js +264 -264
- package/packages/svg-icon/index.js +6 -6
- package/packages/svg-icon/src/svg-icon.vue +43 -43
- package/packages/utils/date-util.js +292 -292
- package/packages/utils/dom.js +227 -227
- package/packages/utils/gogocodeTransfer.js +59 -59
- package/packages/utils/memory-cache-utils.js +117 -117
- package/packages/utils/utils.js +180 -180
- package/packages/utils/value-set.js +97 -97
- package/packages/valid-code/index.js +7 -7
- package/packages/valid-code/src/valid-code.vue +104 -104
- package/packages/workflow-button/index.js +6 -6
- package/packages/workflow-button/src/workflow-button.vue +550 -550
- package/packages/workflow-history-list/index.js +6 -6
- package/packages/workflow-history-list/src/api.js +7 -7
- package/packages/workflow-history-list/src/workflow-history-list.vue +291 -291
- package/packages/workgroup-tree/index.js +6 -6
- package/packages/workgroup-tree/src/workgroup-tree.vue +86 -86
- package/packages/workgroup-tree-inline/index.js +6 -6
- package/packages/workgroup-tree-inline/src/search-result.vue +222 -222
- package/packages/workgroup-tree-inline/src/workgroup-tree-inline.vue +516 -516
- package/packages/workgroup-tree-inline/src/workgroup-tree-service.js +93 -93
- package/packages/workgroup-user-tree/index.js +6 -6
- package/packages/workgroup-user-tree/src/workgroup-user-tree.vue +103 -103
- package/packages/workgroup-user-tree-inline/index.js +9 -9
- package/packages/workgroup-user-tree-inline/src/search-result.vue +266 -266
- package/packages/workgroup-user-tree-inline/src/workgroup-tree-inline-service.js +239 -239
- package/packages/workgroup-user-tree-inline/src/workgroup-user-tree-inline.vue +657 -657
- package/packages/year-range-picker/index.js +6 -6
- package/packages/year-range-picker/src/year-range-picker.vue +53 -53
- package/src/api/sso-service.js +172 -172
- package/src/api/tab.js +36 -36
- package/src/api/user-service.js +11 -11
- package/src/directives/permission/index.js +13 -13
- package/src/directives/permission/permission.js +20 -20
- package/src/i18n/langs/cn.js +259 -259
- package/src/i18n/langs/en.js +269 -269
- package/src/index.js +93 -93
- package/src/permission.js +160 -158
- package/src/plugins.js +18 -18
- package/src/router/index.js +110 -116
- package/src/store/getters.js +15 -15
- package/src/store/index.js +19 -19
- package/src/store/modules/app.js +54 -54
- package/src/store/modules/permission.js +145 -145
- package/src/store/modules/tab-content.js +36 -36
- package/src/store/modules/user.js +285 -285
- package/src/utils/auth-api.js +159 -159
- package/src/utils/calculator/calculator-factory-wf.js +558 -558
- package/src/utils/calculator/calculator-factory.js +145 -145
- package/src/utils/calculator/calculator-util.js +166 -166
- package/src/utils/eventBus.js +2 -2
- package/src/utils/iconUtils.js +28 -28
- package/src/utils/index.js +102 -102
- package/src/utils/jump-page-utils.js +824 -824
- package/src/utils/local-storage.js +7 -7
- package/src/utils/permission.js +31 -31
- package/src/utils/permissionAuth.js +96 -96
- package/src/utils/range-selector.js +188 -188
- package/src/utils/request.js +269 -269
- package/src/utils/restful-interface-utils.js +57 -57
- package/src/utils/util.js +698 -698
- package/src/utils/validate.js +34 -34
- package/src/utils/watermark.js +108 -108
- package/src/utils/workflow-util.js +93 -93
- package/src/views/404.vue +248 -248
- package/src/views/dsc-component/Sidebar/Item.vue +84 -84
- package/src/views/dsc-component/Sidebar/Link.vue +38 -38
- package/src/views/dsc-component/Sidebar/SidebarItem.vue +198 -198
- package/src/views/dsc-component/Sidebar/index.vue +228 -228
- package/src/views/dsc-component/tabs/tab-content.vue +203 -203
- package/src/views/error-page/401.vue +106 -106
- package/src/views/error-page/404.vue +248 -248
- package/src/views/layout/EmptyLayout.vue +3 -3
- package/src/views/layout/Layout.vue +81 -81
- package/src/views/layout/NewLayout.vue +18 -18
- package/src/views/layout/components/AppMain.vue +39 -39
- package/src/views/layout/components/Breadcrumb/index.vue +156 -156
- package/src/views/layout/components/Menubar/Item.vue +79 -79
- package/src/views/layout/components/Menubar/Link.vue +38 -38
- package/src/views/layout/components/Menubar/SidebarItem.vue +164 -164
- package/src/views/layout/components/Menubar/index.vue +210 -210
- package/src/views/layout/components/Sidebar/Item.vue +53 -53
- package/src/views/layout/components/Sidebar/Link.vue +38 -38
- package/src/views/layout/components/Sidebar/SidebarItem.vue +135 -135
- package/src/views/layout/components/Sidebar/index.vue +141 -141
- package/src/views/layout/components/iframe-page.vue +38 -38
- package/src/views/layout/components/index.js +4 -4
- package/src/views/layout/components/tabs/tab-content.vue +207 -207
- package/src/views/layout/mixin/ResizeHandler.js +41 -41
- package/src/views/layout/tab-content-iframe-index.vue +38 -38
- package/src/views/layout/tab-content-index.vue +93 -93
- package/src/views/login/authredirect.vue +10 -10
- package/src/views/login/index.vue +296 -296
- package/src/views/login/update-password.vue +243 -243
- package/src/views/redirect/index.vue +14 -14
- package/src/views/wf-history/tache-subprocess-history.vue +45 -45
- package/.vscode/extensions.json +0 -3
|
@@ -1,97 +1,97 @@
|
|
|
1
|
-
import * as Vue from 'vue'
|
|
2
|
-
/**
|
|
3
|
-
* 封装值设置为枚举 或 bean方式时的值为'key-value'键值对信息
|
|
4
|
-
*/
|
|
5
|
-
export function packageEnumAndBeanColumnValueSets(columns, listCode) {
|
|
6
|
-
return new Promise((resolve, reject) => {
|
|
7
|
-
const valueSetColumnsInfo = {
|
|
8
|
-
listCode: listCode,
|
|
9
|
-
valueSetMetas: [],
|
|
10
|
-
}
|
|
11
|
-
const valueSetColumnIndexs = []
|
|
12
|
-
for (let i = 0; i < columns.length; i++) {
|
|
13
|
-
const column = columns[i]
|
|
14
|
-
const prop = column.prop ? column.prop : column.label
|
|
15
|
-
const columnValueSet = packageEnumAndBeanColumnValueSet(column)
|
|
16
|
-
let titleValueSet = null
|
|
17
|
-
const titleValueSetJson = column.titleValueSet
|
|
18
|
-
if (titleValueSetJson) {
|
|
19
|
-
titleValueSet = packageEnumAndBeanColumnValueSet(
|
|
20
|
-
JSON.parse(titleValueSetJson)
|
|
21
|
-
)
|
|
22
|
-
}
|
|
23
|
-
if (columnValueSet || titleValueSet) {
|
|
24
|
-
const valueSetMeta = {
|
|
25
|
-
prop: prop,
|
|
26
|
-
}
|
|
27
|
-
if (columnValueSet) {
|
|
28
|
-
// 字段的值设置
|
|
29
|
-
valueSetMeta.valueSet = columnValueSet
|
|
30
|
-
}
|
|
31
|
-
if (titleValueSet) {
|
|
32
|
-
valueSetMeta.titleValueSet = titleValueSet
|
|
33
|
-
}
|
|
34
|
-
valueSetColumnsInfo.valueSetMetas.push(valueSetMeta)
|
|
35
|
-
valueSetColumnIndexs.push(i)
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
if (valueSetColumnsInfo.valueSetMetas.length > 0) {
|
|
39
|
-
window.$vueApp.config.globalProperties.$http
|
|
40
|
-
.post(
|
|
41
|
-
window.$vueApp.config.globalProperties.baseURL +
|
|
42
|
-
'/common/super-grids/value-sets',
|
|
43
|
-
valueSetColumnsInfo
|
|
44
|
-
)
|
|
45
|
-
.then((columnValueSets) => {
|
|
46
|
-
valueSetColumnIndexs.forEach((columnIndex) => {
|
|
47
|
-
let valueSetMap
|
|
48
|
-
const prop = columns[columnIndex].prop
|
|
49
|
-
? columns[columnIndex].prop
|
|
50
|
-
: columns[columnIndex].label
|
|
51
|
-
for (const prop1 in columnValueSets) {
|
|
52
|
-
if (prop === prop1) {
|
|
53
|
-
valueSetMap = columnValueSets[prop]
|
|
54
|
-
break
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
if (valueSetMap) {
|
|
58
|
-
if (valueSetMap.valueSet) {
|
|
59
|
-
columns[columnIndex].valueSet = valueSetMap.valueSet
|
|
60
|
-
}
|
|
61
|
-
if (valueSetMap.titleValueSet) {
|
|
62
|
-
columns[columnIndex].titleValueSetValue =
|
|
63
|
-
valueSetMap.titleValueSet
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
})
|
|
67
|
-
resolve(columns)
|
|
68
|
-
})
|
|
69
|
-
.catch((error) => {
|
|
70
|
-
reject(error)
|
|
71
|
-
})
|
|
72
|
-
} else {
|
|
73
|
-
resolve(columns)
|
|
74
|
-
}
|
|
75
|
-
})
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
function packageEnumAndBeanColumnValueSet(valueSetInfo) {
|
|
79
|
-
/**
|
|
80
|
-
* 枚举类型值设置前缀
|
|
81
|
-
*/
|
|
82
|
-
const ENUM_NAME_PREFIX = 'enumname:'
|
|
83
|
-
/**
|
|
84
|
-
* bean形式值设置前缀
|
|
85
|
-
*/
|
|
86
|
-
const BEAN_NAME_PREFIX = 'beanname:'
|
|
87
|
-
const enumName = valueSetInfo.enumName
|
|
88
|
-
const beanName = valueSetInfo.beanName
|
|
89
|
-
if (enumName && enumName !== '') {
|
|
90
|
-
if (valueSetInfo.remoteEnum === true) {
|
|
91
|
-
// 需要远程获得枚举值
|
|
92
|
-
return ENUM_NAME_PREFIX + enumName
|
|
93
|
-
}
|
|
94
|
-
} else if (beanName && beanName !== '') {
|
|
95
|
-
return BEAN_NAME_PREFIX + beanName
|
|
96
|
-
}
|
|
97
|
-
}
|
|
1
|
+
import * as Vue from 'vue'
|
|
2
|
+
/**
|
|
3
|
+
* 封装值设置为枚举 或 bean方式时的值为'key-value'键值对信息
|
|
4
|
+
*/
|
|
5
|
+
export function packageEnumAndBeanColumnValueSets(columns, listCode) {
|
|
6
|
+
return new Promise((resolve, reject) => {
|
|
7
|
+
const valueSetColumnsInfo = {
|
|
8
|
+
listCode: listCode,
|
|
9
|
+
valueSetMetas: [],
|
|
10
|
+
}
|
|
11
|
+
const valueSetColumnIndexs = []
|
|
12
|
+
for (let i = 0; i < columns.length; i++) {
|
|
13
|
+
const column = columns[i]
|
|
14
|
+
const prop = column.prop ? column.prop : column.label
|
|
15
|
+
const columnValueSet = packageEnumAndBeanColumnValueSet(column)
|
|
16
|
+
let titleValueSet = null
|
|
17
|
+
const titleValueSetJson = column.titleValueSet
|
|
18
|
+
if (titleValueSetJson) {
|
|
19
|
+
titleValueSet = packageEnumAndBeanColumnValueSet(
|
|
20
|
+
JSON.parse(titleValueSetJson)
|
|
21
|
+
)
|
|
22
|
+
}
|
|
23
|
+
if (columnValueSet || titleValueSet) {
|
|
24
|
+
const valueSetMeta = {
|
|
25
|
+
prop: prop,
|
|
26
|
+
}
|
|
27
|
+
if (columnValueSet) {
|
|
28
|
+
// 字段的值设置
|
|
29
|
+
valueSetMeta.valueSet = columnValueSet
|
|
30
|
+
}
|
|
31
|
+
if (titleValueSet) {
|
|
32
|
+
valueSetMeta.titleValueSet = titleValueSet
|
|
33
|
+
}
|
|
34
|
+
valueSetColumnsInfo.valueSetMetas.push(valueSetMeta)
|
|
35
|
+
valueSetColumnIndexs.push(i)
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
if (valueSetColumnsInfo.valueSetMetas.length > 0) {
|
|
39
|
+
window.$vueApp.config.globalProperties.$http
|
|
40
|
+
.post(
|
|
41
|
+
window.$vueApp.config.globalProperties.baseURL +
|
|
42
|
+
'/common/super-grids/value-sets',
|
|
43
|
+
valueSetColumnsInfo
|
|
44
|
+
)
|
|
45
|
+
.then((columnValueSets) => {
|
|
46
|
+
valueSetColumnIndexs.forEach((columnIndex) => {
|
|
47
|
+
let valueSetMap
|
|
48
|
+
const prop = columns[columnIndex].prop
|
|
49
|
+
? columns[columnIndex].prop
|
|
50
|
+
: columns[columnIndex].label
|
|
51
|
+
for (const prop1 in columnValueSets) {
|
|
52
|
+
if (prop === prop1) {
|
|
53
|
+
valueSetMap = columnValueSets[prop]
|
|
54
|
+
break
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
if (valueSetMap) {
|
|
58
|
+
if (valueSetMap.valueSet) {
|
|
59
|
+
columns[columnIndex].valueSet = valueSetMap.valueSet
|
|
60
|
+
}
|
|
61
|
+
if (valueSetMap.titleValueSet) {
|
|
62
|
+
columns[columnIndex].titleValueSetValue =
|
|
63
|
+
valueSetMap.titleValueSet
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
})
|
|
67
|
+
resolve(columns)
|
|
68
|
+
})
|
|
69
|
+
.catch((error) => {
|
|
70
|
+
reject(error)
|
|
71
|
+
})
|
|
72
|
+
} else {
|
|
73
|
+
resolve(columns)
|
|
74
|
+
}
|
|
75
|
+
})
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
function packageEnumAndBeanColumnValueSet(valueSetInfo) {
|
|
79
|
+
/**
|
|
80
|
+
* 枚举类型值设置前缀
|
|
81
|
+
*/
|
|
82
|
+
const ENUM_NAME_PREFIX = 'enumname:'
|
|
83
|
+
/**
|
|
84
|
+
* bean形式值设置前缀
|
|
85
|
+
*/
|
|
86
|
+
const BEAN_NAME_PREFIX = 'beanname:'
|
|
87
|
+
const enumName = valueSetInfo.enumName
|
|
88
|
+
const beanName = valueSetInfo.beanName
|
|
89
|
+
if (enumName && enumName !== '') {
|
|
90
|
+
if (valueSetInfo.remoteEnum === true) {
|
|
91
|
+
// 需要远程获得枚举值
|
|
92
|
+
return ENUM_NAME_PREFIX + enumName
|
|
93
|
+
}
|
|
94
|
+
} else if (beanName && beanName !== '') {
|
|
95
|
+
return BEAN_NAME_PREFIX + beanName
|
|
96
|
+
}
|
|
97
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import ValidCode from './src/valid-code.vue'
|
|
2
|
-
|
|
3
|
-
ValidCode.install = function (Vue) {
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
export default ValidCode
|
|
1
|
+
import ValidCode from './src/valid-code.vue'
|
|
2
|
+
|
|
3
|
+
ValidCode.install = function (Vue) {
|
|
4
|
+
Vue.component(ValidCode.name, ValidCode)
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
export default ValidCode
|
|
@@ -1,104 +1,104 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div
|
|
3
|
-
class="ValidCode disabled-select"
|
|
4
|
-
:style="`width:${width}; height:${height}`"
|
|
5
|
-
@click="refreshCode"
|
|
6
|
-
>
|
|
7
|
-
<span
|
|
8
|
-
v-for="(item, index) in codeList"
|
|
9
|
-
:key="index"
|
|
10
|
-
:style="getStyle(item)"
|
|
11
|
-
>{{ item.code }}</span
|
|
12
|
-
>
|
|
13
|
-
</div>
|
|
14
|
-
</template>
|
|
15
|
-
|
|
16
|
-
<script>
|
|
17
|
-
import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
|
|
18
|
-
export default {
|
|
19
|
-
name: 'ValidCode',
|
|
20
|
-
model: {
|
|
21
|
-
prop: 'value',
|
|
22
|
-
event: 'input',
|
|
23
|
-
},
|
|
24
|
-
props: {
|
|
25
|
-
width: {
|
|
26
|
-
type: String,
|
|
27
|
-
default: '100px',
|
|
28
|
-
},
|
|
29
|
-
height: {
|
|
30
|
-
type: String,
|
|
31
|
-
default: '40px',
|
|
32
|
-
},
|
|
33
|
-
length: {
|
|
34
|
-
type: Number,
|
|
35
|
-
default: 4,
|
|
36
|
-
},
|
|
37
|
-
refresh: {
|
|
38
|
-
type: Number,
|
|
39
|
-
default: null,
|
|
40
|
-
},
|
|
41
|
-
},
|
|
42
|
-
data() {
|
|
43
|
-
return {
|
|
44
|
-
codeList: [],
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
watch: {
|
|
48
|
-
refresh() {
|
|
49
|
-
this.createdCode()
|
|
50
|
-
},
|
|
51
|
-
},
|
|
52
|
-
mounted() {
|
|
53
|
-
this.createdCode()
|
|
54
|
-
},
|
|
55
|
-
methods: {
|
|
56
|
-
refreshCode() {
|
|
57
|
-
this.createdCode()
|
|
58
|
-
},
|
|
59
|
-
createdCode() {
|
|
60
|
-
const len = this.length
|
|
61
|
-
const codeList = []
|
|
62
|
-
const chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz0123456789'
|
|
63
|
-
const charsLen = chars.length
|
|
64
|
-
// 生成
|
|
65
|
-
for (let i = 0; i < len; i++) {
|
|
66
|
-
const rgb = [
|
|
67
|
-
Math.round(Math.random() * 220),
|
|
68
|
-
Math.round(Math.random() * 240),
|
|
69
|
-
Math.round(Math.random() * 200),
|
|
70
|
-
]
|
|
71
|
-
codeList.push({
|
|
72
|
-
code: chars.charAt(Math.floor(Math.random() * charsLen)),
|
|
73
|
-
color: `rgb(${rgb})`,
|
|
74
|
-
fontSize: `${10 + (+[Math.floor(Math.random() * 10)] + 6)}px`,
|
|
75
|
-
padding: `${[Math.floor(Math.random() * 10)]}px`,
|
|
76
|
-
transform: `rotate(${
|
|
77
|
-
Math.floor(Math.random() * 90) - Math.floor(Math.random() * 90)
|
|
78
|
-
}deg)`,
|
|
79
|
-
})
|
|
80
|
-
}
|
|
81
|
-
// 指向
|
|
82
|
-
this.codeList = codeList
|
|
83
|
-
$emit(this, 'update:value', codeList.map((item) => item.code).join(''))
|
|
84
|
-
},
|
|
85
|
-
getStyle(data) {
|
|
86
|
-
return `color: ${data.color}; font-size: ${data.fontSize}; padding: ${data.padding}; transform: ${data.transform}`
|
|
87
|
-
},
|
|
88
|
-
},
|
|
89
|
-
emits: ['update:value'],
|
|
90
|
-
}
|
|
91
|
-
</script>
|
|
92
|
-
|
|
93
|
-
<style lang="scss" scoped>
|
|
94
|
-
.ValidCode {
|
|
95
|
-
display: flex;
|
|
96
|
-
background-color: #fff;
|
|
97
|
-
justify-content: center;
|
|
98
|
-
align-items: center;
|
|
99
|
-
cursor: pointer;
|
|
100
|
-
span {
|
|
101
|
-
display: inline-block;
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div
|
|
3
|
+
class="ValidCode disabled-select"
|
|
4
|
+
:style="`width:${width}; height:${height}`"
|
|
5
|
+
@click="refreshCode"
|
|
6
|
+
>
|
|
7
|
+
<span
|
|
8
|
+
v-for="(item, index) in codeList"
|
|
9
|
+
:key="index"
|
|
10
|
+
:style="getStyle(item)"
|
|
11
|
+
>{{ item.code }}</span
|
|
12
|
+
>
|
|
13
|
+
</div>
|
|
14
|
+
</template>
|
|
15
|
+
|
|
16
|
+
<script>
|
|
17
|
+
import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
|
|
18
|
+
export default {
|
|
19
|
+
name: 'ValidCode',
|
|
20
|
+
model: {
|
|
21
|
+
prop: 'value',
|
|
22
|
+
event: 'input',
|
|
23
|
+
},
|
|
24
|
+
props: {
|
|
25
|
+
width: {
|
|
26
|
+
type: String,
|
|
27
|
+
default: '100px',
|
|
28
|
+
},
|
|
29
|
+
height: {
|
|
30
|
+
type: String,
|
|
31
|
+
default: '40px',
|
|
32
|
+
},
|
|
33
|
+
length: {
|
|
34
|
+
type: Number,
|
|
35
|
+
default: 4,
|
|
36
|
+
},
|
|
37
|
+
refresh: {
|
|
38
|
+
type: Number,
|
|
39
|
+
default: null,
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
data() {
|
|
43
|
+
return {
|
|
44
|
+
codeList: [],
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
watch: {
|
|
48
|
+
refresh() {
|
|
49
|
+
this.createdCode()
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
mounted() {
|
|
53
|
+
this.createdCode()
|
|
54
|
+
},
|
|
55
|
+
methods: {
|
|
56
|
+
refreshCode() {
|
|
57
|
+
this.createdCode()
|
|
58
|
+
},
|
|
59
|
+
createdCode() {
|
|
60
|
+
const len = this.length
|
|
61
|
+
const codeList = []
|
|
62
|
+
const chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz0123456789'
|
|
63
|
+
const charsLen = chars.length
|
|
64
|
+
// 生成
|
|
65
|
+
for (let i = 0; i < len; i++) {
|
|
66
|
+
const rgb = [
|
|
67
|
+
Math.round(Math.random() * 220),
|
|
68
|
+
Math.round(Math.random() * 240),
|
|
69
|
+
Math.round(Math.random() * 200),
|
|
70
|
+
]
|
|
71
|
+
codeList.push({
|
|
72
|
+
code: chars.charAt(Math.floor(Math.random() * charsLen)),
|
|
73
|
+
color: `rgb(${rgb})`,
|
|
74
|
+
fontSize: `${10 + (+[Math.floor(Math.random() * 10)] + 6)}px`,
|
|
75
|
+
padding: `${[Math.floor(Math.random() * 10)]}px`,
|
|
76
|
+
transform: `rotate(${
|
|
77
|
+
Math.floor(Math.random() * 90) - Math.floor(Math.random() * 90)
|
|
78
|
+
}deg)`,
|
|
79
|
+
})
|
|
80
|
+
}
|
|
81
|
+
// 指向
|
|
82
|
+
this.codeList = codeList
|
|
83
|
+
$emit(this, 'update:value', codeList.map((item) => item.code).join(''))
|
|
84
|
+
},
|
|
85
|
+
getStyle(data) {
|
|
86
|
+
return `color: ${data.color}; font-size: ${data.fontSize}; padding: ${data.padding}; transform: ${data.transform}`
|
|
87
|
+
},
|
|
88
|
+
},
|
|
89
|
+
emits: ['update:value'],
|
|
90
|
+
}
|
|
91
|
+
</script>
|
|
92
|
+
|
|
93
|
+
<style lang="scss" scoped>
|
|
94
|
+
.ValidCode {
|
|
95
|
+
display: flex;
|
|
96
|
+
background-color: #fff;
|
|
97
|
+
justify-content: center;
|
|
98
|
+
align-items: center;
|
|
99
|
+
cursor: pointer;
|
|
100
|
+
span {
|
|
101
|
+
display: inline-block;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
</style>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import WorkflowButton from './src/workflow-button.vue'
|
|
2
|
-
WorkflowButton.install = function (Vue) {
|
|
3
|
-
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
export default WorkflowButton
|
|
1
|
+
import WorkflowButton from './src/workflow-button.vue'
|
|
2
|
+
WorkflowButton.install = function (Vue) {
|
|
3
|
+
Vue.component(WorkflowButton.name, WorkflowButton)
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
export default WorkflowButton
|