@polyv/interactions-launch-sdk-ui-default 0.1.0

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 (32) hide show
  1. package/README.md +64 -0
  2. package/assets/ALIBABAFont-75bab6fc.svg +182 -0
  3. package/assets/box-gif-16ddf3d4.svga +0 -0
  4. package/assets/icon-search-540ba263.png +0 -0
  5. package/assets/lotterying-en-a31a95a1.gif +0 -0
  6. package/assets/lotterying-f9b22f47.gif +0 -0
  7. package/assets/sound-effects-9064fd13.mp3 +0 -0
  8. package/lib/AnswerCard/AnswerCard.umd.min.js +8 -0
  9. package/lib/AnswerCard/AnswerCard.umd.min.js.map +1 -0
  10. package/lib/AnswerCard/index.js +8 -0
  11. package/lib/AnswerCard/index.js.map +1 -0
  12. package/lib/CheckIn/CheckIn.umd.min.js +2 -0
  13. package/lib/CheckIn/CheckIn.umd.min.js.map +1 -0
  14. package/lib/CheckIn/index.js +2 -0
  15. package/lib/CheckIn/index.js.map +1 -0
  16. package/lib/Lottery/Lottery.umd.min.js +9 -0
  17. package/lib/Lottery/Lottery.umd.min.js.map +1 -0
  18. package/lib/Lottery/index.js +9 -0
  19. package/lib/Lottery/index.js.map +1 -0
  20. package/lib/Notice/Notice.umd.min.js +2 -0
  21. package/lib/Notice/Notice.umd.min.js.map +1 -0
  22. package/lib/Notice/index.js +2 -0
  23. package/lib/Notice/index.js.map +1 -0
  24. package/lib/Questionnaire/Questionnaire.umd.min.js +2 -0
  25. package/lib/Questionnaire/Questionnaire.umd.min.js.map +1 -0
  26. package/lib/Questionnaire/index.js +2 -0
  27. package/lib/Questionnaire/index.js.map +1 -0
  28. package/lib/Timer/Timer.umd.min.js +2 -0
  29. package/lib/Timer/Timer.umd.min.js.map +1 -0
  30. package/lib/Timer/index.js +2 -0
  31. package/lib/Timer/index.js.map +1 -0
  32. package/package.json +12 -0
package/README.md ADDED
@@ -0,0 +1,64 @@
1
+ # 互动功能发起端 UI 组件
2
+
3
+ ## 概述
4
+
5
+ 本项目是保利威直播互动功能发起端（开播端及管理端等）的 UI 组件，基于 Vue.js 2.6.x 编写，开发人员可以直接使用本组件或基于本组件进行二次开发。
6
+
7
+ 如果您使用的是 React、Angular 等其他框架，可以参照[本组件源代码](https://gitee.com/polyv_ef/polyv-web-interactions-launch-sdk-ui-default)和 [SDK 文档](https://help.polyv.net/index.html#/live/js/new_sdk/interactions_launch_sdk/sdk/overview)自行实现对应的界面。
8
+
9
+ 注意，部分功能在 UI 设计稿中是以模态框（Modal）形式呈现的，但本组件仅提供主体内容部分，请自行实现外层模态框（或以其他形式展现），并根据对应组件的事件去控制可见性。
10
+
11
+ ## 使用文档
12
+
13
+ ### 安装
14
+
15
+ ```bash
16
+ npm i @polyv/interactions-launch-sdk @polyv/interactions-launch-sdk-ui-default
17
+ ```
18
+
19
+ ### 引入 SDK 与组件
20
+
21
+ ```javascript
22
+ // 引入 @polyv/interactions-launch-sdk
23
+ import * as InteractionsLaunchSDK from '@polyv/interactions-launch-sdk';
24
+ // 按需引入组件
25
+ import CheckIn from '@polyv/interactions-launch-sdk-ui-default/lib/CheckIn';
26
+ import AnswerCard from '@polyv/interactions-launch-sdk-ui-default/lib/AnswerCard';
27
+ import Timer from '@polyv/interactions-launch-sdk-ui-default/lib/Timer';
28
+ ```
29
+
30
+ ### 引入其他依赖
31
+
32
+ 互动功能发起端 UI 组件依赖于 [Element UI (2.x)](https://element.eleme.cn/#/zh-CN) 的部分组件，可以选择[完整引入或按需引入 Element UI](https://element.eleme.cn/#/zh-CN/component/quickstart)。
33
+
34
+ 以下是按需引入时需要在 main.js 中增加的内容：
35
+
36
+ ```javascript
37
+ // 使用签到组件、抽奖组件时，需要额外引入 element-ui 的 DatePicker 组件。
38
+ import { DatePicker } from 'element-ui';
39
+ // 使用抽奖组件时，需要额外引入 element-ui 的 button 样式文件。
40
+ import 'element-ui/lib/theme-chalk/button.css';
41
+
42
+ // 注册组件
43
+ Vue.use(DatePicker);
44
+ ```
45
+
46
+ ### 配置 SDK
47
+
48
+ 请参考[互动功能接收端 SDK](https://help.polyv.net/index.html#/live/js/new_sdk/interactions_launch_sdk/sdk/overview)中的「使用说明」。
49
+
50
+ 在 SDK 初始化完毕后，再加载组件。
51
+
52
+
53
+ ## 组件
54
+
55
+ 此处仅提供各功能参考文档链接。
56
+
57
+ - AnswerCard 答题卡：[参考文档](https://help.polyv.net/index.html#/live/js/new_sdk/interactions_launch_sdk/ui/default/answer_card)
58
+ - CheckIn 签到：[参考文档](https://help.polyv.net/index.html#/live/js/new_sdk/interactions_launch_sdk/ui/default/check_in)
59
+ - Timer 计时器：[参考文档](https://help.polyv.net/index.html#/live/js/new_sdk/interactions_launch_sdk/ui/default/timer)
60
+ - Lottery 抽奖：[参考文档](https://help.polyv.net/index.html#/live/js/new_sdk/interactions_launch_sdk/ui/default/lottery)
61
+
62
+ ## 版本更新
63
+
64
+ 暂无
package/assets/ALIBABAFont-75bab6fc.svg ADDED
@@ -0,0 +1,182 @@
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
4
+ <metadata>
5
+ Created by FontForge 20200314 at Mon Apr 15 18:44:59 2019
6
+ By www-data
7
+ copyright missing
8
+ </metadata>
9
+ <defs>
10
+ <font id="ALIBABAFont-Bold" horiz-adv-x="600" >
11
+ <font-face
12
+ font-family="ALIBABA Font"
13
+ font-weight="400"
14
+ font-stretch="normal"
15
+ units-per-em="1000"
16
+ panose-1="0 0 8 0 0 0 0 0 0 0"
17
+ ascent="800"
18
+ descent="-200"
19
+ bbox="41 -200 480 800"
20
+ underline-thickness="50"
21
+ underline-position="-100"
22
+ unicode-range="U+0020-FF1B"
23
+ />
24
+ <missing-glyph horiz-adv-x="500"
25
+ d="M410 800v-1000h-317v1000h317zM333 733h-165v-33h65v-37h-66v-33h166v33h-66v37h66v33zM267 604h-100v-104h166v34h-66v70zM233 570v-36h-33v36h33zM333 473h-166v-33h66v-37h-66v-33h100v70h66v33zM333 413h-33v-66h-133v-34h166v100zM333 291h-100v-56h34v23h33v-47
26
+ h-100v80h-33v-113h166v113zM333 118h-166v-113h166v113zM300 85v-47h-100v47h100zM333 -18h-166v-33h70l-70 -47v-33h166v33h-102l70 47h32v33z" />
27
+ <glyph glyph-name=".notdef" horiz-adv-x="500"
28
+ d="M410 800v-1000h-317v1000h317zM333 733h-165v-33h65v-37h-66v-33h166v33h-66v37h66v33zM267 604h-100v-104h166v34h-66v70zM233 570v-36h-33v36h33zM333 473h-166v-33h66v-37h-66v-33h100v70h66v33zM333 413h-33v-66h-133v-34h166v100zM333 291h-100v-56h34v23h33v-47
29
+ h-100v80h-33v-113h166v113zM333 118h-166v-113h166v113zM300 85v-47h-100v47h100zM333 -18h-166v-33h70l-70 -47v-33h166v33h-102l70 47h32v33z" />
30
+ <glyph glyph-name="space" unicode=" "
31
+ />
32
+ <glyph glyph-name="A" unicode="A"
33
+ />
34
+ <glyph glyph-name="B" unicode="B"
35
+ />
36
+ <glyph glyph-name="C" unicode="C"
37
+ />
38
+ <glyph glyph-name="D" unicode="D"
39
+ />
40
+ <glyph glyph-name="E" unicode="E"
41
+ />
42
+ <glyph glyph-name="F" unicode="F"
43
+ />
44
+ <glyph glyph-name="G" unicode="G"
45
+ />
46
+ <glyph glyph-name="H" unicode="H"
47
+ />
48
+ <glyph glyph-name="I" unicode="I"
49
+ />
50
+ <glyph glyph-name="J" unicode="J"
51
+ />
52
+ <glyph glyph-name="K" unicode="K"
53
+ />
54
+ <glyph glyph-name="L" unicode="L"
55
+ />
56
+ <glyph glyph-name="M" unicode="M"
57
+ />
58
+ <glyph glyph-name="N" unicode="N"
59
+ />
60
+ <glyph glyph-name="O" unicode="O"
61
+ />
62
+ <glyph glyph-name="P" unicode="P"
63
+ />
64
+ <glyph glyph-name="Q" unicode="Q"
65
+ />
66
+ <glyph glyph-name="R" unicode="R"
67
+ />
68
+ <glyph glyph-name="S" unicode="S"
69
+ />
70
+ <glyph glyph-name="T" unicode="T"
71
+ />
72
+ <glyph glyph-name="U" unicode="U"
73
+ />
74
+ <glyph glyph-name="V" unicode="V"
75
+ />
76
+ <glyph glyph-name="W" unicode="W"
77
+ />
78
+ <glyph glyph-name="X" unicode="X"
79
+ />
80
+ <glyph glyph-name="Y" unicode="Y"
81
+ />
82
+ <glyph glyph-name="Z" unicode="Z"
83
+ />
84
+ <glyph glyph-name="a" unicode="a"
85
+ />
86
+ <glyph glyph-name="b" unicode="b"
87
+ />
88
+ <glyph glyph-name="c" unicode="c"
89
+ />
90
+ <glyph glyph-name="d" unicode="d"
91
+ />
92
+ <glyph glyph-name="e" unicode="e"
93
+ />
94
+ <glyph glyph-name="f" unicode="f"
95
+ />
96
+ <glyph glyph-name="g" unicode="g"
97
+ />
98
+ <glyph glyph-name="h" unicode="h"
99
+ />
100
+ <glyph glyph-name="i" unicode="i"
101
+ />
102
+ <glyph glyph-name="j" unicode="j"
103
+ />
104
+ <glyph glyph-name="k" unicode="k"
105
+ />
106
+ <glyph glyph-name="l" unicode="l"
107
+ />
108
+ <glyph glyph-name="m" unicode="m"
109
+ />
110
+ <glyph glyph-name="n" unicode="n"
111
+ />
112
+ <glyph glyph-name="o" unicode="o"
113
+ />
114
+ <glyph glyph-name="p" unicode="p"
115
+ />
116
+ <glyph glyph-name="q" unicode="q"
117
+ />
118
+ <glyph glyph-name="r" unicode="r"
119
+ />
120
+ <glyph glyph-name="s" unicode="s"
121
+ />
122
+ <glyph glyph-name="t" unicode="t"
123
+ />
124
+ <glyph glyph-name="u" unicode="u"
125
+ />
126
+ <glyph glyph-name="v" unicode="v"
127
+ />
128
+ <glyph glyph-name="w" unicode="w"
129
+ />
130
+ <glyph glyph-name="x" unicode="x"
131
+ />
132
+ <glyph glyph-name="y" unicode="y"
133
+ />
134
+ <glyph glyph-name="z" unicode="z"
135
+ />
136
+ <glyph glyph-name="zero" unicode="0" horiz-adv-x="520"
137
+ d="M263 -1c72 0 136 39 172 100c18 30 27 63 27 99v298c0 73 -39 140 -99 177c-31 18 -64 27 -100 27c-73 0 -140 -39 -176 -102c-19 -31 -28 -65 -28 -102v-298c0 -72 39 -136 102 -172c31 -18 65 -27 102 -27zM263 595c53 0 93 -42 93 -99v-298c0 -55 -40 -96 -93 -96
138
+ s-99 43 -99 96v298c0 57 44 99 99 99z" />
139
+ <glyph glyph-name="one" unicode="1" horiz-adv-x="460"
140
+ d="M119 628l206 72v-702h-104v552h-102v78z" />
141
+ <glyph glyph-name="two" unicode="2" horiz-adv-x="520"
142
+ d="M469 -2v104h-275l219 249c36 40 56 92 56 145c0 75 -40 141 -104 177c-33 18 -68 27 -106 27c-75 0 -140 -39 -178 -100c-19 -31 -29 -64 -30 -101v-3h105c3 55 50 101 103 101c59 0 105 -45 105 -101c0 -28 -9 -53 -27 -74l-286 -320v-104h418z" />
143
+ <glyph glyph-name="three" unicode="3" horiz-adv-x="520"
144
+ d="M395 363c45 -36 72 -92 72 -155c0 -76 -40 -143 -103 -180c-32 -19 -67 -28 -104 -28c-76 0 -143 40 -180 104c-19 31 -28 66 -28 104v15h104v-15c0 -57 47 -105 104 -105s104 48 104 105s-47 103 -104 103h-20v104h20c52 0 93 41 93 94c0 47 -42 88 -93 88
145
+ c-47 0 -89 -43 -89 -88v-5h-103v5c0 71 37 132 97 166c29 17 61 25 95 25c72 0 135 -35 171 -94c17 -29 26 -62 26 -97c0 -56 -25 -109 -62 -146z" />
146
+ <glyph glyph-name="four" unicode="4" horiz-adv-x="540"
147
+ d="M480 209v-106h-43v-104h-103v104h-283v109l245 485h141v-488h43zM168 209h166v336z" />
148
+ <glyph glyph-name="five" unicode="5" horiz-adv-x="530"
149
+ d="M265 0c75 0 143 40 180 104c19 32 28 67 28 104v76c0 76 -40 144 -104 181c-32 19 -67 28 -104 28s-71 -14 -104 -43v144h282v106h-386v-416h104c0 57 47 104 104 104s103 -47 103 -104v-76c0 -57 -46 -104 -103 -104s-104 47 -104 104h-104c0 -76 40 -143 104 -180
150
+ c31 -19 66 -28 104 -28z" />
151
+ <glyph glyph-name="six" unicode="6" horiz-adv-x="520"
152
+ d="M261 428c77 0 145 -42 184 -106c19 -33 29 -68 29 -107c0 -77 -42 -147 -106 -186c-33 -19 -68 -29 -107 -29c-79 0 -147 42 -186 107c-19 33 -29 69 -29 108c0 30 6 59 19 86l182 399h115l-125 -273c5 1 13 1 24 1zM261 106c60 0 110 49 110 109s-50 110 -110 110
153
+ s-109 -50 -109 -110c0 -61 48 -109 109 -109z" />
154
+ <glyph glyph-name="seven" unicode="7" horiz-adv-x="500"
155
+ d="M228 -1l219 602v99h-395v-107h272l-212 -594h116z" />
156
+ <glyph glyph-name="eight" unicode="8" horiz-adv-x="510"
157
+ d="M382 371c49 -43 84 -101 84 -161c0 -77 -41 -145 -105 -183c-33 -19 -68 -29 -106 -29c-77 0 -145 41 -183 106c-19 32 -29 67 -29 106c0 64 39 125 92 166c-41 43 -62 87 -62 132c0 68 37 130 94 164c29 17 60 25 94 25c69 0 131 -36 164 -94c17 -29 25 -61 25 -95
158
+ c0 -52 -28 -100 -68 -137zM261 595c-47 0 -85 -40 -85 -87c0 -48 38 -85 85 -85c48 0 86 37 86 85c0 47 -38 87 -86 87zM255 101c59 0 109 49 109 109c0 59 -50 107 -109 107c-61 0 -108 -47 -108 -107s48 -109 108 -109z" />
159
+ <glyph glyph-name="nine" unicode="9" horiz-adv-x="510"
160
+ d="M469 485c0 -25 -7 -55 -21 -88l-183 -397h-115l126 272h-21c-79 0 -147 41 -185 106c-19 32 -29 68 -29 107c0 76 41 146 106 186c33 19 69 29 108 29c75 0 145 -42 185 -109c19 -33 29 -69 29 -106zM145 485c0 -63 47 -109 110 -109c59 0 110 48 110 109
161
+ c0 37 -22 74 -56 95c-17 10 -35 15 -54 15c-61 0 -110 -51 -110 -110z" />
162
+ <glyph glyph-name="nine.001.001" horiz-adv-x="520"
163
+ d="M468 358h-156v-99h156v-104h-156v-155h-103v155h-157v104h157v99h-157v103h100l-88 239h103l90 -239h4l93 239h105l-95 -239h104v-103z" />
164
+ <glyph glyph-name="nine.001" horiz-adv-x="286"
165
+ d="M144 0c37 0 62 26 62 64c0 36 -25 62 -62 62c-39 0 -64 -25 -64 -62c0 -40 25 -64 64 -64z" />
166
+ <glyph glyph-name="comma" unicode="," horiz-adv-x="286"
167
+ d="M206 63c0 -14 -4 -26 -10 -36l-46 -91h-38l20 65c-31 5 -52 29 -52 62c0 34 29 63 64 63c34 0 62 -29 62 -63z" />
168
+ <glyph glyph-name="period" unicode="." horiz-adv-x="286"
169
+ d="M144 0c37 0 62 26 62 64c0 36 -25 62 -62 62c-39 0 -64 -25 -64 -62c0 -40 25 -64 64 -64z" />
170
+ <glyph glyph-name="yen" unicode="&#xa5;" horiz-adv-x="520"
171
+ d="M468 358h-156v-99h156v-104h-156v-155h-103v155h-157v104h157v99h-157v103h100l-88 239h103l90 -239h4l93 239h105l-95 -239h104v-103z" />
172
+ <glyph glyph-name="money." horiz-adv-x="520"
173
+ d="M474 483c0 -31 -6 -59 -19 -86l-155 -398h-115l109 272l3 10c-21 -5 -39 -8 -54 -8c-22 0 -44 4 -65 13h-3c-2 1 -7 4 -15 7c-1 1 -2 2 -3 2c-68 37 -111 108 -111 188c0 76 42 146 107 186c33 19 68 29 106 29c77 0 147 -41 186 -107c19 -33 29 -69 29 -108zM259 373
174
+ c61 0 110 49 110 110s-49 109 -110 109c-59 0 -107 -49 -107 -109c0 -61 48 -110 107 -110z" />
175
+ <glyph glyph-name="uniFF1A" unicode="&#xff1a;" horiz-adv-x="286"
176
+ d="M143 374c-35 0 -63 28 -63 63s28 63 63 63s63 -28 63 -63s-28 -63 -63 -63zM144 126c34 0 62 -29 62 -63c0 -14 -4 -26 -10 -36l-46 -91h-38l20 65c-31 5 -52 29 -52 62c0 34 29 63 64 63z" />
177
+ <glyph glyph-name="uniFF1B" unicode="&#xff1b;" horiz-adv-x="286"
178
+ d="M143 374c-35 0 -63 28 -63 63s28 63 63 63s63 -28 63 -63s-28 -63 -63 -63zM143 0c-35 0 -63 28 -63 63s28 63 63 63s63 -28 63 -63s-28 -63 -63 -63z" />
179
+ <glyph glyph-name="hyphen" unicode="-" horiz-adv-x="380"
180
+ d="M49 382h282v-100h-282v100z" />
181
+ </font>
182
+ </defs></svg>
package/assets/box-gif-16ddf3d4.svga ADDED
Binary file
package/assets/icon-search-540ba263.png ADDED
Binary file
package/assets/lotterying-f9b22f47.gif ADDED
Binary file