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.
Files changed (213) hide show
  1. package/README.md +7 -7
  2. package/index.html +13 -13
  3. package/lib/super-ui.css +1 -1
  4. package/lib/super-ui.js +787 -366
  5. package/lib/super-ui.umd.cjs +18 -18
  6. package/package.json +34 -34
  7. package/packages/IntervalSelection/index.js +6 -6
  8. package/packages/IntervalSelection/src/quarterScope.vue +405 -405
  9. package/packages/IntervalSelection/src/sectionDate.vue +475 -475
  10. package/packages/breadcrumb/index.js +6 -6
  11. package/packages/breadcrumb/src/breadcrumb.vue +81 -81
  12. package/packages/department-tree/index.js +6 -6
  13. package/packages/department-tree/src/department-tree.vue +113 -113
  14. package/packages/department-tree-inline/index.js +6 -6
  15. package/packages/department-tree-inline/src/department-multi-tree-inline.vue +472 -472
  16. package/packages/department-tree-inline/src/department-single-tree-inline.vue +340 -340
  17. package/packages/department-tree-inline/src/department-tree-inline.vue +86 -86
  18. package/packages/department-tree-inline/src/department-tree-service.js +344 -344
  19. package/packages/department-tree-inline/src/search-result.vue +235 -235
  20. package/packages/department-user-tree/index.js +6 -6
  21. package/packages/department-user-tree/src/department-user-multiple-tree.vue +129 -129
  22. package/packages/department-user-tree/src/department-user-single-tree.vue +94 -94
  23. package/packages/department-user-tree/src/department-user-tree.vue +114 -114
  24. package/packages/department-user-tree-inline/index.js +9 -9
  25. package/packages/department-user-tree-inline/src/department-user-multiple-tree-inline.vue +731 -731
  26. package/packages/department-user-tree-inline/src/department-user-single-tree-inline.vue +334 -334
  27. package/packages/department-user-tree-inline/src/department-user-tree-inline.vue +87 -87
  28. package/packages/department-user-tree-inline/src/department-user-tree-multi-service.js +309 -309
  29. package/packages/department-user-tree-inline/src/department-user-tree-single-service.js +179 -179
  30. package/packages/department-user-tree-inline/src/search-result.vue +273 -273
  31. package/packages/directives/prevent-reclick.js +22 -22
  32. package/packages/dynamic-source-select/index.js +6 -6
  33. package/packages/dynamic-source-select/src/dynamic-source-select-service.js +106 -106
  34. package/packages/dynamic-source-select/src/dynamic-source-select.vue +675 -675
  35. package/packages/dynamic-source-select/src/events.js +78 -78
  36. package/packages/fs-preview/index.js +6 -6
  37. package/packages/fs-preview/src/fs-preview.vue +287 -287
  38. package/packages/fs-upload/index.js +6 -6
  39. package/packages/fs-upload/src/fs-upload-multi.vue +443 -443
  40. package/packages/fs-upload/src/fs-upload-single.vue +350 -350
  41. package/packages/fs-upload/src/fs-upload.vue +191 -191
  42. package/packages/fs-upload/src/see-big-picture.vue +67 -67
  43. package/packages/fs-upload-list/index.js +6 -6
  44. package/packages/fs-upload-list/src/fs-upload-list.vue +372 -372
  45. package/packages/hamburger/index.js +6 -6
  46. package/packages/hamburger/src/hamburger.vue +40 -40
  47. package/packages/index.js +125 -123
  48. package/packages/multipart-upload/index.js +6 -6
  49. package/packages/multipart-upload/src/index.vue +66 -66
  50. package/packages/multipart-upload/src/multipart-upload-form.vue +377 -377
  51. package/packages/multipart-upload/src/multipart-upload-list.vue +517 -517
  52. package/packages/organization-input/index.js +6 -6
  53. package/packages/organization-input/src/organization-input.vue +583 -587
  54. package/packages/plugins/export-data-new.js +623 -623
  55. package/packages/plugins/export-data.js +431 -431
  56. package/packages/plugins/index.js +15 -15
  57. package/packages/plugins/public-method.js +47 -47
  58. package/packages/remove-department/index.js +6 -6
  59. package/packages/remove-department/src/remove-department.vue +200 -200
  60. package/packages/remove-department/src/remove-dept-service.js +31 -31
  61. package/packages/remove-user/index.js +6 -6
  62. package/packages/remove-user/src/remove-user-service.js +31 -31
  63. package/packages/remove-user/src/remove-user.vue +226 -226
  64. package/packages/remove-workgroup/index.js +6 -6
  65. package/packages/remove-workgroup/src/remove-workgroup-service.js +31 -31
  66. package/packages/remove-workgroup/src/remove-workgroup.vue +183 -183
  67. package/packages/rich-editor/index.js +7 -7
  68. package/packages/rich-editor/index.vue +297 -297
  69. package/packages/rich-editor/langs/zh-Hans.js +438 -438
  70. package/packages/rich-editor/viewer.vue +105 -105
  71. package/packages/scan-code-input/index.js +6 -6
  72. package/packages/scan-code-input/src/events.js +34 -34
  73. package/packages/scan-code-input/src/scan-code-input-colse.vue +140 -140
  74. package/packages/scan-code-input/src/scan-code-input.vue +132 -132
  75. package/packages/secret-info/index.js +7 -7
  76. package/packages/secret-info/index.vue +100 -100
  77. package/packages/super-grid/index.js +7 -7
  78. package/packages/super-grid/src/apis.js +1092 -1092
  79. package/packages/super-grid/src/columns-config.vue +427 -427
  80. package/packages/super-grid/src/custom-formatter.js +388 -388
  81. package/packages/super-grid/src/eventBus.js +2 -2
  82. package/packages/super-grid/src/events.js +56 -56
  83. package/packages/super-grid/src/formValidatorUtil.js +300 -300
  84. package/packages/super-grid/src/formatter.js +196 -196
  85. package/packages/super-grid/src/group-column.vue +99 -99
  86. package/packages/super-grid/src/header-context-menu.vue +82 -82
  87. package/packages/super-grid/src/index-column.vue +69 -69
  88. package/packages/super-grid/src/normal-column.vue +1221 -1221
  89. package/packages/super-grid/src/public-methods.js +30 -30
  90. package/packages/super-grid/src/row-operation.vue +193 -193
  91. package/packages/super-grid/src/search-button.vue +74 -74
  92. package/packages/super-grid/src/search-condition-input.vue +73 -73
  93. package/packages/super-grid/src/search-condition-list.vue +68 -68
  94. package/packages/super-grid/src/search-form-advancedQuery.vue +819 -826
  95. package/packages/super-grid/src/search-form-dialog.vue +77 -77
  96. package/packages/super-grid/src/search-form-item.vue +495 -495
  97. package/packages/super-grid/src/search-form-number.vue +111 -111
  98. package/packages/super-grid/src/search-form-open.vue +167 -159
  99. package/packages/super-grid/src/search-form-ordinarySearch.vue +239 -233
  100. package/packages/super-grid/src/search-form.vue +762 -765
  101. package/packages/super-grid/src/search-methods.js +592 -592
  102. package/packages/super-grid/src/selection-column.vue +46 -46
  103. package/packages/super-grid/src/super-grid-service.js +728 -728
  104. package/packages/super-grid/src/super-grid.vue +3009 -3009
  105. package/packages/super-grid/src/utils.js +880 -880
  106. package/packages/super-grid/src/view-image-dialog.vue +176 -176
  107. package/packages/super-nine-grid/index.js +7 -7
  108. package/packages/super-nine-grid/src/apis.js +108 -108
  109. package/packages/super-nine-grid/src/custom-formatter.js +73 -73
  110. package/packages/super-nine-grid/src/formatter.js +134 -134
  111. package/packages/super-nine-grid/src/search-form-number.vue +35 -35
  112. package/packages/super-nine-grid/src/search-form.vue +700 -703
  113. package/packages/super-nine-grid/src/search-methods.js +151 -151
  114. package/packages/super-nine-grid/src/super-grid-service.js +107 -107
  115. package/packages/super-nine-grid/src/super-nine-grid.vue +1164 -1164
  116. package/packages/super-nine-grid/src/utils.js +264 -264
  117. package/packages/svg-icon/index.js +6 -6
  118. package/packages/svg-icon/src/svg-icon.vue +43 -43
  119. package/packages/utils/date-util.js +292 -292
  120. package/packages/utils/dom.js +227 -227
  121. package/packages/utils/gogocodeTransfer.js +59 -59
  122. package/packages/utils/memory-cache-utils.js +117 -117
  123. package/packages/utils/utils.js +180 -180
  124. package/packages/utils/value-set.js +97 -97
  125. package/packages/valid-code/index.js +7 -7
  126. package/packages/valid-code/src/valid-code.vue +104 -104
  127. package/packages/workflow-button/index.js +6 -6
  128. package/packages/workflow-button/src/workflow-button.vue +550 -550
  129. package/packages/workflow-history-list/index.js +6 -6
  130. package/packages/workflow-history-list/src/api.js +7 -7
  131. package/packages/workflow-history-list/src/workflow-history-list.vue +291 -291
  132. package/packages/workgroup-tree/index.js +6 -6
  133. package/packages/workgroup-tree/src/workgroup-tree.vue +86 -86
  134. package/packages/workgroup-tree-inline/index.js +6 -6
  135. package/packages/workgroup-tree-inline/src/search-result.vue +222 -222
  136. package/packages/workgroup-tree-inline/src/workgroup-tree-inline.vue +516 -516
  137. package/packages/workgroup-tree-inline/src/workgroup-tree-service.js +93 -93
  138. package/packages/workgroup-user-tree/index.js +6 -6
  139. package/packages/workgroup-user-tree/src/workgroup-user-tree.vue +103 -103
  140. package/packages/workgroup-user-tree-inline/index.js +9 -9
  141. package/packages/workgroup-user-tree-inline/src/search-result.vue +266 -266
  142. package/packages/workgroup-user-tree-inline/src/workgroup-tree-inline-service.js +239 -239
  143. package/packages/workgroup-user-tree-inline/src/workgroup-user-tree-inline.vue +657 -657
  144. package/packages/year-range-picker/index.js +6 -6
  145. package/packages/year-range-picker/src/year-range-picker.vue +53 -53
  146. package/src/api/sso-service.js +172 -172
  147. package/src/api/tab.js +36 -36
  148. package/src/api/user-service.js +11 -11
  149. package/src/directives/permission/index.js +13 -13
  150. package/src/directives/permission/permission.js +20 -20
  151. package/src/i18n/langs/cn.js +259 -259
  152. package/src/i18n/langs/en.js +269 -269
  153. package/src/index.js +93 -93
  154. package/src/permission.js +160 -158
  155. package/src/plugins.js +18 -18
  156. package/src/router/index.js +110 -116
  157. package/src/store/getters.js +15 -15
  158. package/src/store/index.js +19 -19
  159. package/src/store/modules/app.js +54 -54
  160. package/src/store/modules/permission.js +145 -145
  161. package/src/store/modules/tab-content.js +36 -36
  162. package/src/store/modules/user.js +285 -285
  163. package/src/utils/auth-api.js +159 -159
  164. package/src/utils/calculator/calculator-factory-wf.js +558 -558
  165. package/src/utils/calculator/calculator-factory.js +145 -145
  166. package/src/utils/calculator/calculator-util.js +166 -166
  167. package/src/utils/eventBus.js +2 -2
  168. package/src/utils/iconUtils.js +28 -28
  169. package/src/utils/index.js +102 -102
  170. package/src/utils/jump-page-utils.js +824 -824
  171. package/src/utils/local-storage.js +7 -7
  172. package/src/utils/permission.js +31 -31
  173. package/src/utils/permissionAuth.js +96 -96
  174. package/src/utils/range-selector.js +188 -188
  175. package/src/utils/request.js +269 -269
  176. package/src/utils/restful-interface-utils.js +57 -57
  177. package/src/utils/util.js +698 -698
  178. package/src/utils/validate.js +34 -34
  179. package/src/utils/watermark.js +108 -108
  180. package/src/utils/workflow-util.js +93 -93
  181. package/src/views/404.vue +248 -248
  182. package/src/views/dsc-component/Sidebar/Item.vue +84 -84
  183. package/src/views/dsc-component/Sidebar/Link.vue +38 -38
  184. package/src/views/dsc-component/Sidebar/SidebarItem.vue +198 -198
  185. package/src/views/dsc-component/Sidebar/index.vue +228 -228
  186. package/src/views/dsc-component/tabs/tab-content.vue +203 -203
  187. package/src/views/error-page/401.vue +106 -106
  188. package/src/views/error-page/404.vue +248 -248
  189. package/src/views/layout/EmptyLayout.vue +3 -3
  190. package/src/views/layout/Layout.vue +81 -81
  191. package/src/views/layout/NewLayout.vue +18 -18
  192. package/src/views/layout/components/AppMain.vue +39 -39
  193. package/src/views/layout/components/Breadcrumb/index.vue +156 -156
  194. package/src/views/layout/components/Menubar/Item.vue +79 -79
  195. package/src/views/layout/components/Menubar/Link.vue +38 -38
  196. package/src/views/layout/components/Menubar/SidebarItem.vue +164 -164
  197. package/src/views/layout/components/Menubar/index.vue +210 -210
  198. package/src/views/layout/components/Sidebar/Item.vue +53 -53
  199. package/src/views/layout/components/Sidebar/Link.vue +38 -38
  200. package/src/views/layout/components/Sidebar/SidebarItem.vue +135 -135
  201. package/src/views/layout/components/Sidebar/index.vue +141 -141
  202. package/src/views/layout/components/iframe-page.vue +38 -38
  203. package/src/views/layout/components/index.js +4 -4
  204. package/src/views/layout/components/tabs/tab-content.vue +207 -207
  205. package/src/views/layout/mixin/ResizeHandler.js +41 -41
  206. package/src/views/layout/tab-content-iframe-index.vue +38 -38
  207. package/src/views/layout/tab-content-index.vue +93 -93
  208. package/src/views/login/authredirect.vue +10 -10
  209. package/src/views/login/index.vue +296 -296
  210. package/src/views/login/update-password.vue +243 -243
  211. package/src/views/redirect/index.vue +14 -14
  212. package/src/views/wf-history/tache-subprocess-history.vue +45 -45
  213. 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
- window.$vueApp.component(ValidCode.name, ValidCode)
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
- window.$vueApp.component(WorkflowButton.name, WorkflowButton)
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