eoss-ui 0.7.52 → 0.7.53

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 (320) hide show
  1. package/lib/button-group.js +290 -279
  2. package/lib/button.js +290 -280
  3. package/lib/calendar.js +2 -2
  4. package/lib/calogin.js +523 -512
  5. package/lib/card.js +2 -2
  6. package/lib/cascader.js +2 -2
  7. package/lib/checkbox-group.js +294 -283
  8. package/lib/clients.js +2 -2
  9. package/lib/config/api.js +3 -1
  10. package/lib/data-table-form.js +293 -282
  11. package/lib/data-table.js +292 -281
  12. package/lib/date-picker.js +290 -280
  13. package/lib/dialog.js +293 -282
  14. package/lib/enable-drag.js +2 -2
  15. package/lib/enterprise.js +2 -2
  16. package/lib/eoss-ui.common.js +5515 -5675
  17. package/lib/error-page.js +2 -2
  18. package/lib/flow-group.js +354 -362
  19. package/lib/flow-list.js +435 -412
  20. package/lib/flow.js +608 -599
  21. package/lib/form.js +295 -284
  22. package/lib/handle-user.js +384 -392
  23. package/lib/handler.js +290 -280
  24. package/lib/icon.js +291 -281
  25. package/lib/icons.js +5 -5
  26. package/lib/index.js +1 -1
  27. package/lib/input-number.js +290 -280
  28. package/lib/input.js +294 -284
  29. package/lib/label.js +2 -2
  30. package/lib/layout.js +4 -4
  31. package/lib/login.js +303 -292
  32. package/lib/main.js +466 -455
  33. package/lib/menu.js +4 -4
  34. package/lib/nav.js +292 -282
  35. package/lib/notify.js +74 -71
  36. package/lib/page.js +290 -280
  37. package/lib/pagination.js +290 -280
  38. package/lib/player.js +373 -385
  39. package/lib/qr-code.js +305 -295
  40. package/lib/radio-group.js +301 -291
  41. package/lib/retrial-auth.js +294 -284
  42. package/lib/select-ganged.js +292 -282
  43. package/lib/select.js +299 -289
  44. package/lib/selector-panel.js +295 -284
  45. package/lib/selector.js +292 -282
  46. package/lib/sizer.js +290 -280
  47. package/lib/steps.js +292 -282
  48. package/lib/switch.js +290 -280
  49. package/lib/table-form.js +297 -287
  50. package/lib/tabs-panel.js +2 -2
  51. package/lib/tabs.js +290 -280
  52. package/lib/theme-chalk/base.css +1 -1
  53. package/lib/theme-chalk/fonts/iconfont.ttf +0 -0
  54. package/lib/theme-chalk/fonts/iconfont.woff +0 -0
  55. package/lib/theme-chalk/icon.css +1 -1
  56. package/lib/theme-chalk/index.css +1 -1
  57. package/lib/theme-chalk/main.css +1 -1
  58. package/lib/theme-chalk/menu.css +1 -1
  59. package/lib/theme-chalk/simplicity.css +1 -1
  60. package/lib/theme-chalk/sizer.css +1 -1
  61. package/lib/theme-chalk/upload.css +1 -1
  62. package/lib/tips.js +292 -282
  63. package/lib/toolbar.js +2 -2
  64. package/lib/tree-group.js +290 -280
  65. package/lib/tree.js +292 -282
  66. package/lib/upload.js +304 -293
  67. package/lib/utils/util.js +8 -12
  68. package/lib/wujie.js +290 -280
  69. package/lib/wxlogin.js +290 -280
  70. package/package.json +160 -160
  71. package/packages/button/index.js +5 -5
  72. package/packages/button/src/main.vue +418 -418
  73. package/packages/button-group/index.js +5 -5
  74. package/packages/button-group/src/main.vue +346 -346
  75. package/packages/calendar/index.js +5 -5
  76. package/packages/calogin/index.js +5 -5
  77. package/packages/calogin/src/main.vue +412 -412
  78. package/packages/calogin/src/plugin.js +915 -915
  79. package/packages/card/index.js +5 -5
  80. package/packages/card/src/main.vue +156 -156
  81. package/packages/cascader/index.js +5 -5
  82. package/packages/cascader/src/main.vue +168 -168
  83. package/packages/checkbox-group/index.js +5 -5
  84. package/packages/checkbox-group/src/main.vue +333 -333
  85. package/packages/clients/index.js +5 -5
  86. package/packages/clients/src/main.vue +151 -151
  87. package/packages/data-table/index.js +5 -5
  88. package/packages/data-table/src/children.vue +39 -39
  89. package/packages/data-table/src/column.vue +992 -992
  90. package/packages/data-table/src/main.vue +1840 -1840
  91. package/packages/data-table/src/sizer.vue +195 -195
  92. package/packages/data-table-form/index.js +5 -5
  93. package/packages/data-table-form/src/checkbox.vue +101 -101
  94. package/packages/data-table-form/src/colgroup.vue +17 -17
  95. package/packages/data-table-form/src/main.vue +181 -181
  96. package/packages/data-table-form/src/radio.vue +65 -65
  97. package/packages/data-table-form/src/table.vue +233 -233
  98. package/packages/data-table-form/src/tbody.vue +336 -336
  99. package/packages/data-table-form/src/thead.vue +68 -68
  100. package/packages/date-picker/index.js +5 -5
  101. package/packages/date-picker/src/main.vue +236 -236
  102. package/packages/dialog/index.js +5 -5
  103. package/packages/enable-drag/index.js +5 -5
  104. package/packages/enterprise/index.js +5 -5
  105. package/packages/enterprise/src/main.vue +66 -66
  106. package/packages/error-page/index.js +5 -5
  107. package/packages/error-page/src/main.vue +44 -44
  108. package/packages/flow/index.js +5 -5
  109. package/packages/flow/src/component/Circulate.vue +413 -413
  110. package/packages/flow/src/component/CommonOpinions.vue +373 -373
  111. package/packages/flow/src/component/CustomPreset.vue +322 -322
  112. package/packages/flow/src/component/FileList.vue +97 -97
  113. package/packages/flow/src/component/FreeCirculation.vue +240 -240
  114. package/packages/flow/src/component/Preset.vue +255 -255
  115. package/packages/flow/src/component/SendMsg.vue +242 -242
  116. package/packages/flow/src/component/TimeLimit.vue +190 -190
  117. package/packages/flow/src/component/taskUnionExamine.vue +756 -756
  118. package/packages/flow/src/form.vue +121 -121
  119. package/packages/flow/src/freeStartFlow.vue +2846 -2846
  120. package/packages/flow/src/main.vue +3878 -3879
  121. package/packages/flow/src/processForm.vue +1365 -1365
  122. package/packages/flow/src/processReject.vue +309 -309
  123. package/packages/flow/src/reset.vue +942 -942
  124. package/packages/flow/src/startTaskRead.vue +692 -692
  125. package/packages/flow/src/supervise.vue +159 -159
  126. package/packages/flow/src/table.vue +58 -58
  127. package/packages/flow-group/index.js +5 -5
  128. package/packages/flow-group/src/main.vue +717 -717
  129. package/packages/flow-list/index.js +5 -5
  130. package/packages/flow-list/src/main.vue +1801 -1787
  131. package/packages/form/index.js +5 -5
  132. package/packages/form/src/main.vue +3901 -3901
  133. package/packages/form/src/table.vue +1512 -1512
  134. package/packages/handle-user/index.js +5 -5
  135. package/packages/handle-user/src/main.vue +137 -137
  136. package/packages/handler/index.js +5 -5
  137. package/packages/handler/src/main.vue +496 -496
  138. package/packages/icon/index.js +5 -5
  139. package/packages/icon/src/main.vue +104 -104
  140. package/packages/icons/index.js +5 -5
  141. package/packages/icons/src/icon.json +1 -1
  142. package/packages/icons/src/main.vue +81 -81
  143. package/packages/input/index.js +5 -5
  144. package/packages/input/src/main.vue +356 -356
  145. package/packages/input-number/index.js +5 -5
  146. package/packages/input-number/src/main.vue +106 -106
  147. package/packages/label/index.js +5 -5
  148. package/packages/label/src/main.vue +457 -457
  149. package/packages/layout/index.js +5 -5
  150. package/packages/layout/src/item.vue +152 -152
  151. package/packages/layout/src/main.vue +31 -31
  152. package/packages/login/index.js +5 -5
  153. package/packages/login/src/main.vue +2082 -2082
  154. package/packages/login/src/resetPassword.vue +557 -557
  155. package/packages/main/index.js +5 -5
  156. package/packages/main/src/default/message.vue +249 -249
  157. package/packages/main/src/default/notice.vue +157 -157
  158. package/packages/main/src/default/userinfo.vue +503 -503
  159. package/packages/main/src/public/online.vue +89 -89
  160. package/packages/main/src/public/search.vue +464 -464
  161. package/packages/main/src/public/settings.vue +227 -227
  162. package/packages/main/src/simplicity/apps.vue +388 -388
  163. package/packages/main/src/simplicity/avatar.vue +82 -82
  164. package/packages/main/src/simplicity/handler.vue +160 -160
  165. package/packages/main/src/simplicity/index.vue +2277 -2277
  166. package/packages/main/src/simplicity/lists.vue +84 -84
  167. package/packages/main/src/simplicity/menu-list.vue +135 -135
  168. package/packages/main/src/simplicity/message.vue +293 -293
  169. package/packages/main/src/simplicity/notice.vue +222 -222
  170. package/packages/main/src/simplicity/router-page.vue +45 -45
  171. package/packages/main/src/simplicity/sub-menu.vue +274 -274
  172. package/packages/main/src/simplicity/user.vue +259 -259
  173. package/packages/main/src/simplicity/userinfo.vue +401 -401
  174. package/packages/menu/index.js +5 -5
  175. package/packages/menu/src/main.vue +595 -595
  176. package/packages/nav/index.js +5 -5
  177. package/packages/nav/src/main.vue +351 -351
  178. package/packages/notify/index.js +5 -5
  179. package/packages/notify/src/main.vue +538 -538
  180. package/packages/page/index.js +5 -5
  181. package/packages/page/src/main.vue +167 -167
  182. package/packages/pagination/index.js +5 -5
  183. package/packages/pagination/src/main.vue +96 -96
  184. package/packages/player/index.js +5 -5
  185. package/packages/player/src/main.vue +194 -194
  186. package/packages/qr-code/index.js +5 -5
  187. package/packages/qr-code/src/main.vue +170 -170
  188. package/packages/radio-group/index.js +6 -6
  189. package/packages/radio-group/src/main.vue +319 -319
  190. package/packages/retrial-auth/index.js +5 -5
  191. package/packages/retrial-auth/src/main.vue +280 -280
  192. package/packages/select/index.js +5 -5
  193. package/packages/select/src/main.vue +782 -782
  194. package/packages/select-ganged/index.js +5 -5
  195. package/packages/select-ganged/src/main.vue +724 -724
  196. package/packages/selector/index.js +5 -5
  197. package/packages/selector/src/main.vue +761 -761
  198. package/packages/selector-panel/index.js +5 -5
  199. package/packages/selector-panel/src/main.vue +1027 -1027
  200. package/packages/selector-panel/src/selection.vue +170 -170
  201. package/packages/selector-panel/src/tree.vue +129 -129
  202. package/packages/sizer/index.js +5 -5
  203. package/packages/sizer/src/main.vue +254 -254
  204. package/packages/steps/index.js +5 -5
  205. package/packages/steps/src/main.vue +181 -181
  206. package/packages/switch/index.js +5 -5
  207. package/packages/switch/src/main.vue +170 -170
  208. package/packages/table-form/index.js +5 -5
  209. package/packages/tabs/index.js +5 -5
  210. package/packages/tabs/src/main.vue +788 -788
  211. package/packages/tabs-panel/index.js +5 -5
  212. package/packages/tabs-panel/src/main.vue +29 -29
  213. package/packages/theme-chalk/lib/base.css +1 -1
  214. package/packages/theme-chalk/lib/fonts/iconfont.ttf +0 -0
  215. package/packages/theme-chalk/lib/fonts/iconfont.woff +0 -0
  216. package/packages/theme-chalk/lib/icon.css +1 -1
  217. package/packages/theme-chalk/lib/index.css +1 -1
  218. package/packages/theme-chalk/lib/main.css +1 -1
  219. package/packages/theme-chalk/lib/menu.css +1 -1
  220. package/packages/theme-chalk/lib/simplicity.css +1 -1
  221. package/packages/theme-chalk/lib/sizer.css +1 -1
  222. package/packages/theme-chalk/lib/upload.css +1 -1
  223. package/packages/theme-chalk/src/base.scss +261 -261
  224. package/packages/theme-chalk/src/button-group.scss +176 -176
  225. package/packages/theme-chalk/src/button.scss +24 -24
  226. package/packages/theme-chalk/src/calendar.scss +113 -113
  227. package/packages/theme-chalk/src/card.scss +99 -99
  228. package/packages/theme-chalk/src/checkbox-group.scss +8 -8
  229. package/packages/theme-chalk/src/clients.scss +87 -87
  230. package/packages/theme-chalk/src/data-table-form.scss +67 -67
  231. package/packages/theme-chalk/src/data-table.scss +297 -297
  232. package/packages/theme-chalk/src/date-picker.scss +7 -7
  233. package/packages/theme-chalk/src/dialog.scss +77 -77
  234. package/packages/theme-chalk/src/enable-drag.scss +181 -181
  235. package/packages/theme-chalk/src/enterprise.scss +5 -5
  236. package/packages/theme-chalk/src/error-page.scss +18 -18
  237. package/packages/theme-chalk/src/flow-group.scss +110 -110
  238. package/packages/theme-chalk/src/flow-list.scss +39 -39
  239. package/packages/theme-chalk/src/flow.scss +351 -351
  240. package/packages/theme-chalk/src/fonts/iconfont.ttf +0 -0
  241. package/packages/theme-chalk/src/fonts/iconfont.woff +0 -0
  242. package/packages/theme-chalk/src/form.scss +501 -501
  243. package/packages/theme-chalk/src/handle-user.scss +40 -40
  244. package/packages/theme-chalk/src/handler.scss +148 -148
  245. package/packages/theme-chalk/src/icon.scss +1540 -1456
  246. package/packages/theme-chalk/src/icons.scss +99 -99
  247. package/packages/theme-chalk/src/input.scss +9 -9
  248. package/packages/theme-chalk/src/label.scss +24 -24
  249. package/packages/theme-chalk/src/layout.scss +46 -46
  250. package/packages/theme-chalk/src/login.scss +1006 -1006
  251. package/packages/theme-chalk/src/main.scss +663 -663
  252. package/packages/theme-chalk/src/menu.scss +224 -224
  253. package/packages/theme-chalk/src/mixins/color.scss +117 -117
  254. package/packages/theme-chalk/src/nav.scss +111 -111
  255. package/packages/theme-chalk/src/page.scss +3 -3
  256. package/packages/theme-chalk/src/pagination.scss +29 -29
  257. package/packages/theme-chalk/src/player.scss +9 -9
  258. package/packages/theme-chalk/src/qr-code.scss +17 -17
  259. package/packages/theme-chalk/src/radio-group.scss +9 -9
  260. package/packages/theme-chalk/src/retrial-auth.scss +38 -38
  261. package/packages/theme-chalk/src/select-ganged.scss +8 -8
  262. package/packages/theme-chalk/src/select.scss +8 -8
  263. package/packages/theme-chalk/src/selector-panel.scss +204 -204
  264. package/packages/theme-chalk/src/selector.scss +114 -114
  265. package/packages/theme-chalk/src/simplicity.scss +1395 -1395
  266. package/packages/theme-chalk/src/sizer.scss +36 -36
  267. package/packages/theme-chalk/src/steps.scss +88 -88
  268. package/packages/theme-chalk/src/switch.scss +3 -3
  269. package/packages/theme-chalk/src/table-form.scss +1 -1
  270. package/packages/theme-chalk/src/tabs.scss +87 -87
  271. package/packages/theme-chalk/src/tips.scss +7 -7
  272. package/packages/theme-chalk/src/toolbar.scss +179 -179
  273. package/packages/theme-chalk/src/tree-group.scss +72 -72
  274. package/packages/theme-chalk/src/tree.scss +165 -165
  275. package/packages/theme-chalk/src/upload.scss +172 -172
  276. package/packages/theme-chalk/src/wxlogin.scss +3 -3
  277. package/packages/tips/index.js +5 -5
  278. package/packages/tips/src/main.vue +141 -141
  279. package/packages/toolbar/index.js +5 -5
  280. package/packages/toolbar/src/main.vue +430 -430
  281. package/packages/tree/index.js +5 -5
  282. package/packages/tree-group/index.js +5 -5
  283. package/packages/upload/index.js +5 -5
  284. package/packages/upload/src/main.vue +1344 -1344
  285. package/packages/upload/src/picture.js +15 -15
  286. package/packages/wujie/index.js +5 -5
  287. package/packages/wujie/src/main.vue +145 -145
  288. package/packages/wxlogin/index.js +5 -5
  289. package/packages/wxlogin/src/main.vue +128 -128
  290. package/src/config/api.js +317 -315
  291. package/src/config/image.js +2 -2
  292. package/src/index.js +163 -163
  293. package/src/utils/bus.js +3 -3
  294. package/src/utils/date-util.js +312 -312
  295. package/src/utils/http.js +50 -50
  296. package/src/utils/rules.js +18 -18
  297. package/src/utils/store.js +21 -21
  298. package/src/utils/util.js +7 -10
  299. package/src/utils/webSocket.js +107 -107
  300. package/packages/.DS_Store +0 -0
  301. package/packages/calogin/.DS_Store +0 -0
  302. package/packages/date-picker/.DS_Store +0 -0
  303. package/packages/date-picker/src/.DS_Store +0 -0
  304. package/packages/dialog/.DS_Store +0 -0
  305. package/packages/flow/.DS_Store +0 -0
  306. package/packages/flow/src/.DS_Store +0 -0
  307. package/packages/flow-list/.DS_Store +0 -0
  308. package/packages/form/.DS_Store +0 -0
  309. package/packages/icon/.DS_Store +0 -0
  310. package/packages/login/.DS_Store +0 -0
  311. package/packages/main/.DS_Store +0 -0
  312. package/packages/main/src/.DS_Store +0 -0
  313. package/packages/menu/.DS_Store +0 -0
  314. package/packages/select/.DS_Store +0 -0
  315. package/packages/selector/.DS_Store +0 -0
  316. package/packages/selector-panel/.DS_Store +0 -0
  317. package/packages/theme-chalk/src/.DS_Store +0 -0
  318. package/packages/upload/.DS_Store +0 -0
  319. package/src/.DS_Store +0 -0
  320. package/src/utils/.DS_Store +0 -0
@@ -1,194 +1,194 @@
1
- <template>
2
- <div lang="zh-cn">
3
- <video
4
- ref="videoPlayer"
5
- class="es-video-player video-js"
6
- playsinline="true"
7
- :muted="muted"
8
- ></video>
9
- </div>
10
- </template>
11
-
12
- <script>
13
- import videojs from 'video.js';
14
- import zhcn from 'video.js/dist/lang/zh-CN.json';
15
- import 'video.js/dist/video-js.css';
16
- import util from 'eoss-ui/src/utils/util';
17
- videojs.addLanguage('zh-CN', zhcn);
18
- export default {
19
- name: 'EsPlayer',
20
- props: {
21
- source: [String, Object],
22
- type: {
23
- type: String,
24
- default: 'application/x-mpegURL'
25
- },
26
- autoplay: Boolean,
27
- muted: Boolean,
28
- controls: {
29
- type: Boolean,
30
- default: true
31
- },
32
- fluid: {
33
- type: Boolean,
34
- default: true
35
- },
36
- aspectRatio: {
37
- type: String,
38
- default: '16:9'
39
- },
40
- height: {
41
- type: String,
42
- default: '100%'
43
- },
44
- width: {
45
- type: String,
46
- default: '100%'
47
- },
48
- notSupportedMessage: {
49
- type: String,
50
- default: '视频源数据加载错误'
51
- },
52
- isPause: Boolean,
53
- isDispose: Boolean
54
- },
55
- computed: {
56
- isObject() {
57
- return util.isObject(this.source);
58
- }
59
- },
60
- data() {
61
- return {
62
- player: null
63
- };
64
- },
65
- watch: {
66
- source(val, old) {
67
- if (JSON.stringify(val) !== JSON.stringify(old)) {
68
- if (this.isObject) {
69
- this.player.src({ src: val.src, type: this.type });
70
- if (val.poster) {
71
- this.player.poster(val.poster);
72
- }
73
- } else {
74
- this.player.src({ src: val });
75
- }
76
- }
77
- this.player.play();
78
- },
79
- isPause(val) {
80
- if (val) {
81
- this.player.pause();
82
- }
83
- },
84
- isDispose(val) {
85
- if (val) {
86
- this.player.dispose();
87
- }
88
- }
89
- },
90
- mounted() {
91
- this.ready();
92
- },
93
- methods: {
94
- ready() {
95
- if (this.source) {
96
- const options = {
97
- ...this.$attrs,
98
- language: 'zh-CN',
99
- autoplay: this.autoplay,
100
- controls: this.controls,
101
- fluid: this.fluid, // 按比例缩放适应容器
102
- aspectRatio: this.aspectRatio,
103
- height: this.height,
104
- width: this.width,
105
- notSupportedMessage: this.notSupportedMessage,
106
- sources: [
107
- {
108
- withCredentials: false,
109
- type: this.type,
110
- src: this.isObject ? this.source.src : source
111
- }
112
- ],
113
- poster: this.isObject ? this.source.poster : ''
114
- };
115
- this.player = videojs(this.$refs.videoPlayer, options, () => {
116
- this.$emit('ready', this.player);
117
- });
118
- //开始请求数据
119
- this.player.on('loadstart', () => {
120
- this.$emit('loadstart', this.player);
121
- });
122
- //正在请求数据
123
- this.player.on('progress', () => {
124
- this.$emit('progress', this.player);
125
- });
126
- //获取资源长度完成
127
- this.player.on('loadedmetadata', () => {
128
- this.$emit('loadedmetadata', this.player);
129
- });
130
- //视频源数据加载完成
131
- this.player.on('canplaythrough', () => {
132
- this.$emit('canplaythrough', this.player);
133
- });
134
- //等待数据
135
- this.player.on('waiting', () => {
136
- this.$emit('waiting', this.player);
137
- });
138
- //视频开始播放
139
- this.player.on('play', () => {
140
- this.$emit('play', this.player);
141
- });
142
- //视频播放中
143
- this.player.on('playing', () => {
144
- this.$emit('playing', this.player);
145
- });
146
- //视频暂停播放
147
- this.player.on('pause', () => {
148
- if (!this.isPause) {
149
- this.$emit('pause', this.player);
150
- }
151
- });
152
- //视频播放结束
153
- this.player.on('ended', () => {
154
- this.$emit('ended', this.player);
155
- });
156
- //加载错误
157
- this.player.on('error', () => {
158
- this.$emit('error', this.player);
159
- });
160
- //视频跳转中
161
- this.player.on('seeking', () => {
162
- this.$emit('seeking', this.player);
163
- });
164
- //视频跳转结束
165
- this.player.on('seeked', () => {
166
- this.$emit('seeked', this.player);
167
- });
168
- //播放速率改变
169
- this.player.on('ratechange', () => {
170
- this.$emit('ratechange', this.player);
171
- });
172
- //播放时长改变
173
- this.player.on('timeupdate', () => {
174
- this.$emit('timeupdate', this.player);
175
- });
176
- //音量改变
177
- this.player.on('volumechange', () => {
178
- this.$emit('volumechange', this.player);
179
- });
180
- //网速异常
181
- this.player.on('stalled', () => {
182
- this.$emit('stalled', this.player);
183
- });
184
- }
185
- }
186
- },
187
- beforeDestroy() {
188
- if (this.player) {
189
- this.player.dispose();
190
- }
191
- }
192
- };
193
- </script>
194
- <style></style>
1
+ <template>
2
+ <div lang="zh-cn">
3
+ <video
4
+ ref="videoPlayer"
5
+ class="es-video-player video-js"
6
+ playsinline="true"
7
+ :muted="muted"
8
+ ></video>
9
+ </div>
10
+ </template>
11
+
12
+ <script>
13
+ import videojs from 'video.js';
14
+ import zhcn from 'video.js/dist/lang/zh-CN.json';
15
+ import 'video.js/dist/video-js.css';
16
+ import util from 'eoss-ui/src/utils/util';
17
+ videojs.addLanguage('zh-CN', zhcn);
18
+ export default {
19
+ name: 'EsPlayer',
20
+ props: {
21
+ source: [String, Object],
22
+ type: {
23
+ type: String,
24
+ default: 'application/x-mpegURL'
25
+ },
26
+ autoplay: Boolean,
27
+ muted: Boolean,
28
+ controls: {
29
+ type: Boolean,
30
+ default: true
31
+ },
32
+ fluid: {
33
+ type: Boolean,
34
+ default: true
35
+ },
36
+ aspectRatio: {
37
+ type: String,
38
+ default: '16:9'
39
+ },
40
+ height: {
41
+ type: String,
42
+ default: '100%'
43
+ },
44
+ width: {
45
+ type: String,
46
+ default: '100%'
47
+ },
48
+ notSupportedMessage: {
49
+ type: String,
50
+ default: '视频源数据加载错误'
51
+ },
52
+ isPause: Boolean,
53
+ isDispose: Boolean
54
+ },
55
+ computed: {
56
+ isObject() {
57
+ return util.isObject(this.source);
58
+ }
59
+ },
60
+ data() {
61
+ return {
62
+ player: null
63
+ };
64
+ },
65
+ watch: {
66
+ source(val, old) {
67
+ if (JSON.stringify(val) !== JSON.stringify(old)) {
68
+ if (this.isObject) {
69
+ this.player.src({ src: val.src, type: this.type });
70
+ if (val.poster) {
71
+ this.player.poster(val.poster);
72
+ }
73
+ } else {
74
+ this.player.src({ src: val });
75
+ }
76
+ }
77
+ this.player.play();
78
+ },
79
+ isPause(val) {
80
+ if (val) {
81
+ this.player.pause();
82
+ }
83
+ },
84
+ isDispose(val) {
85
+ if (val) {
86
+ this.player.dispose();
87
+ }
88
+ }
89
+ },
90
+ mounted() {
91
+ this.ready();
92
+ },
93
+ methods: {
94
+ ready() {
95
+ if (this.source) {
96
+ const options = {
97
+ ...this.$attrs,
98
+ language: 'zh-CN',
99
+ autoplay: this.autoplay,
100
+ controls: this.controls,
101
+ fluid: this.fluid, // 按比例缩放适应容器
102
+ aspectRatio: this.aspectRatio,
103
+ height: this.height,
104
+ width: this.width,
105
+ notSupportedMessage: this.notSupportedMessage,
106
+ sources: [
107
+ {
108
+ withCredentials: false,
109
+ type: this.type,
110
+ src: this.isObject ? this.source.src : source
111
+ }
112
+ ],
113
+ poster: this.isObject ? this.source.poster : ''
114
+ };
115
+ this.player = videojs(this.$refs.videoPlayer, options, () => {
116
+ this.$emit('ready', this.player);
117
+ });
118
+ //开始请求数据
119
+ this.player.on('loadstart', () => {
120
+ this.$emit('loadstart', this.player);
121
+ });
122
+ //正在请求数据
123
+ this.player.on('progress', () => {
124
+ this.$emit('progress', this.player);
125
+ });
126
+ //获取资源长度完成
127
+ this.player.on('loadedmetadata', () => {
128
+ this.$emit('loadedmetadata', this.player);
129
+ });
130
+ //视频源数据加载完成
131
+ this.player.on('canplaythrough', () => {
132
+ this.$emit('canplaythrough', this.player);
133
+ });
134
+ //等待数据
135
+ this.player.on('waiting', () => {
136
+ this.$emit('waiting', this.player);
137
+ });
138
+ //视频开始播放
139
+ this.player.on('play', () => {
140
+ this.$emit('play', this.player);
141
+ });
142
+ //视频播放中
143
+ this.player.on('playing', () => {
144
+ this.$emit('playing', this.player);
145
+ });
146
+ //视频暂停播放
147
+ this.player.on('pause', () => {
148
+ if (!this.isPause) {
149
+ this.$emit('pause', this.player);
150
+ }
151
+ });
152
+ //视频播放结束
153
+ this.player.on('ended', () => {
154
+ this.$emit('ended', this.player);
155
+ });
156
+ //加载错误
157
+ this.player.on('error', () => {
158
+ this.$emit('error', this.player);
159
+ });
160
+ //视频跳转中
161
+ this.player.on('seeking', () => {
162
+ this.$emit('seeking', this.player);
163
+ });
164
+ //视频跳转结束
165
+ this.player.on('seeked', () => {
166
+ this.$emit('seeked', this.player);
167
+ });
168
+ //播放速率改变
169
+ this.player.on('ratechange', () => {
170
+ this.$emit('ratechange', this.player);
171
+ });
172
+ //播放时长改变
173
+ this.player.on('timeupdate', () => {
174
+ this.$emit('timeupdate', this.player);
175
+ });
176
+ //音量改变
177
+ this.player.on('volumechange', () => {
178
+ this.$emit('volumechange', this.player);
179
+ });
180
+ //网速异常
181
+ this.player.on('stalled', () => {
182
+ this.$emit('stalled', this.player);
183
+ });
184
+ }
185
+ }
186
+ },
187
+ beforeDestroy() {
188
+ if (this.player) {
189
+ this.player.dispose();
190
+ }
191
+ }
192
+ };
193
+ </script>
194
+ <style></style>
@@ -1,5 +1,5 @@
1
- import EsQrCode from './src/main';
2
-
3
- EsQrCode.install = Vue => Vue.component(EsQrCode.name, EsQrCode);
4
-
5
- export default EsQrCode;
1
+ import EsQrCode from './src/main';
2
+
3
+ EsQrCode.install = Vue => Vue.component(EsQrCode.name, EsQrCode);
4
+
5
+ export default EsQrCode;