stellar-ui-v2 1.35.3 → 1.36.1
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
ADDED
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
<p align="center">
|
|
2
|
+
<img alt="logo" src="https://image.whzb.com/chain/StellarUI/logo.png" width="200">
|
|
3
|
+
</p>
|
|
4
|
+
<h1 align="center">StellarUI</h1>
|
|
5
|
+
|
|
6
|
+
<p align="center">📱 一个基于vue2构建，打造的uni-app组件库</p>
|
|
7
|
+
|
|
8
|
+
<p align="center">
|
|
9
|
+
🚀 <a href="https://stellar-ui.intecloud.com.cn/pc/index/index">文档网站</a>
|
|
10
|
+
|
|
11
|
+
## ✨ 特性
|
|
12
|
+
|
|
13
|
+
- 🎯 多平台覆盖，支持 微信小程序、支付宝小程序、H5.
|
|
14
|
+
- 🚀 40+ 个高质量组件，覆盖移动端主流场景.
|
|
15
|
+
- 📖 提供丰富的文档和组件示例.
|
|
16
|
+
- 🎨 支持修改 CSS 变量实现主题定制.
|
|
17
|
+
|
|
18
|
+
## 📱 预览
|
|
19
|
+
|
|
20
|
+
扫描二维码访问演示，注意：因微信审核机制限制，当前的微信小程序示例可能不是最新版本，可以 clone 代码到本地预览。
|
|
21
|
+
|
|
22
|
+
<p style="display:flex;gap:24px">
|
|
23
|
+
<img src="https://image.whzb.com/chain/StellarUI/%E5%BE%AE%E4%BF%A1.jpg" width="200" height="200"/>
|
|
24
|
+
<img src="https://image.whzb.com/chain/StellarUI/%E6%94%AF%E4%BB%98%E5%AE%9D.png" width="200" height="200" />
|
|
25
|
+
</p>
|
|
26
|
+
|
|
27
|
+
## 平台支持
|
|
28
|
+
|
|
29
|
+
|App|H5应用 |微信小程序 |支付宝小程序 |百度小程序 |字节小程序 |QQ小程序 |
|
|
30
|
+
|:-:|:-: |:-: |:-: |:-: |:-: |:-: |
|
|
31
|
+
|x |√ |√ |√ |× |× |× |
|
|
32
|
+
|
|
33
|
+
## 安装
|
|
34
|
+
|
|
35
|
+
```bash [npm]
|
|
36
|
+
npm i stellar-ui-v2 -S
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## 快速上手
|
|
40
|
+
|
|
41
|
+
详细说明见 [快速上手](https://stellar-ui.intecloud.com.cn/pc/index/index?name=handbook-%E5%BF%AB%E9%80%9F%E4%B8%8A%E6%89%8B)。
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
## 优秀案例
|
|
45
|
+
|
|
46
|
+
我们非常欢迎大家一起贡献优秀的 Demo 与案例，欢迎在此 [issue](https://github.com/wuhanshuzhiyun/stellar-ui/issues/1) 提交案例。
|
|
47
|
+
|
|
48
|
+
<table boder="0">
|
|
49
|
+
<tr>
|
|
50
|
+
<td>
|
|
51
|
+
<img width="250" src="https://image.whzb.com/chain/StellarUI/头像/邻里购.png" />
|
|
52
|
+
<p>邻里购</p>
|
|
53
|
+
<p>中百邻里购是中百旗下电商平台，主营蔬果、肉蛋、粮油、酒水、休食、家清、百货等，提供外卖、自提、包邮等商品服务，构建邻里生活服务圈。</p>
|
|
54
|
+
</td>
|
|
55
|
+
<td>
|
|
56
|
+
<img width="250" src="https://image.whzb.com/chain/StellarUI/头像/百荟.png" />
|
|
57
|
+
<p>抱抱生活</p>
|
|
58
|
+
<p align="justify">抱抱生活是数智云公司自建的本地综合生活服务线上平台。集商业服务、生活服务、政务综合服务于一体的15分钟便民生活圈服务平台。          </p>
|
|
59
|
+
</td>
|
|
60
|
+
</tr>
|
|
61
|
+
<tr>
|
|
62
|
+
<td>
|
|
63
|
+
<img width="250" src="https://image.whzb.com/chain/StellarUI/头像/中百百货.png" />
|
|
64
|
+
<p>中百百货线上商城</p>
|
|
65
|
+
<p align="justify">中心百货大楼历经80余年的沧桑巨变，与时俱进，以新时尚、潮品牌、年轻态竭诚满足消费者购物休闲、娱乐餐饮等一站式需求，曾被国家商务部评定为“全国首批金鼎百货店”。             </p>
|
|
66
|
+
<div> </div>
|
|
67
|
+
</td>
|
|
68
|
+
<td>
|
|
69
|
+
<img width="250" src="https://image.whzb.com/chain/StellarUI/头像/数智云巡店助手.png" />
|
|
70
|
+
<p>数智云巡店助手</p>
|
|
71
|
+
<p>建立一套连锁超市巡店助手系统，以满足社超总部、区域经理、区域督导的巡店需求，结合门店自查统计，社超营运中心通过巡店助手系统提供的支持数据，更好，更优，服务于社超店铺经营，从而实现武汉中百便利店有限公司整体经营利润的提升。</p>
|
|
72
|
+
</td>
|
|
73
|
+
</tr>
|
|
74
|
+
</table>
|
|
75
|
+
|
|
76
|
+
## 周边生态
|
|
77
|
+
|
|
78
|
+
| 项目 | 描述 |
|
|
79
|
+
| --- | --- |
|
|
80
|
+
|[StellarPlus](https://stellar-ui.intecloud.com.cn/plus/#/) | 一个基于vue3构建，打造的uni-app组件库 |
|
|
81
|
+
|[ste-vue-inset-loader](https://github.com/wuhanshuzhiyun/ste-vue-inset-loader) |常用于小程序需要全局引入组件的场景的包 |
|
|
82
|
+
|[ste-helper](https://marketplace.visualstudio.com/items?itemName=StellarUI.ste-helper) |旨在帮助开发者更加有效率的使用 StellarPlus来开发项目的vscode插件 |
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
## 核心团队
|
|
86
|
+
以下是`StellarUI`的核心贡献者们：
|
|
87
|
+
|
|
88
|
+
<table border="0">
|
|
89
|
+
<tr>
|
|
90
|
+
<td>
|
|
91
|
+
<p>
|
|
92
|
+
<a>
|
|
93
|
+
<img width="90" height="90" style="border-radius:50%" src="https://image.whzb.com/chain/StellarUI/头像/费玉婷.png" />
|
|
94
|
+
</a>
|
|
95
|
+
</p>
|
|
96
|
+
<p align="center">
|
|
97
|
+
<a>费玉婷</a>
|
|
98
|
+
</p>
|
|
99
|
+
</td>
|
|
100
|
+
<td>
|
|
101
|
+
<p>
|
|
102
|
+
<a target="_blank" href="https://github.com/HEXIAYUE">
|
|
103
|
+
<img width="90" height="90" style="border-radius:50%" src="https://image.whzb.com/chain/StellarUI/头像/秦鹏飞.png" />
|
|
104
|
+
</a>
|
|
105
|
+
</p>
|
|
106
|
+
<p align="center">
|
|
107
|
+
<a target="_blank" href="https://github.com/HEXIAYUE">秦鹏飞</a>
|
|
108
|
+
</p>
|
|
109
|
+
</td>
|
|
110
|
+
<td>
|
|
111
|
+
<p>
|
|
112
|
+
<a target="_blank" href="https://github.com/zyydfaglory">
|
|
113
|
+
<img width="90" height="90" style="border-radius:50%" src="https://image.whzb.com/chain/StellarUI/头像/张园因.png" />
|
|
114
|
+
</a>
|
|
115
|
+
</p>
|
|
116
|
+
<p align="center">
|
|
117
|
+
<a target="_blank" href="https://github.com/zyydfaglory">张园因</a>
|
|
118
|
+
</p>
|
|
119
|
+
</td>
|
|
120
|
+
<td>
|
|
121
|
+
<p>
|
|
122
|
+
<a target="_blank" href="https://github.com/woyou0712">
|
|
123
|
+
<img width="90" height="90" style="border-radius:50%" src="https://image.whzb.com/chain/StellarUI/头像/徐亚君.png" />
|
|
124
|
+
</a>
|
|
125
|
+
</p>
|
|
126
|
+
<p align="center">
|
|
127
|
+
<a target="_blank" href="https://github.com/woyou0712">徐亚君</a>
|
|
128
|
+
</p>
|
|
129
|
+
</td>
|
|
130
|
+
<td>
|
|
131
|
+
<p>
|
|
132
|
+
<a target="_blank" href="https://github.com/fxxisme">
|
|
133
|
+
<img width="90" height="90" style="border-radius:50%" src="https://image.whzb.com/chain/StellarUI/头像/付宇威.png" />
|
|
134
|
+
</a>
|
|
135
|
+
</p>
|
|
136
|
+
<p align="center">
|
|
137
|
+
<a target="_blank" href="https://github.com/fxxisme">付宇威</a>
|
|
138
|
+
</p>
|
|
139
|
+
</td>
|
|
140
|
+
<td>
|
|
141
|
+
<p>
|
|
142
|
+
<a>
|
|
143
|
+
<img width="90" height="90" style="border-radius:50%" src="https://image.whzb.com/chain/StellarUI/头像/鲍思睿.png" />
|
|
144
|
+
</a>
|
|
145
|
+
</p>
|
|
146
|
+
<p align="center">
|
|
147
|
+
<a>鲍思睿</a>
|
|
148
|
+
</p>
|
|
149
|
+
</td>
|
|
150
|
+
<td>
|
|
151
|
+
<p>
|
|
152
|
+
<a>
|
|
153
|
+
<img width="90" height="90" style="border-radius:50%" src="https://image.whzb.com/chain/StellarUI/头像/齐巍.png" />
|
|
154
|
+
</a>
|
|
155
|
+
</p>
|
|
156
|
+
<p align="center">
|
|
157
|
+
<a>齐巍</a>
|
|
158
|
+
</p>
|
|
159
|
+
</td>
|
|
160
|
+
</tr>
|
|
161
|
+
</table>
|
|
162
|
+
|
|
163
|
+
### 贡献者们
|
|
164
|
+
|
|
165
|
+
感谢以下小伙伴们为 `StellarUI` 发展做出的贡献：
|
|
166
|
+
|
|
167
|
+
<a href="https://github.com/wuhanshuzhiyun/stellar-ui/graphs/contributors">
|
|
168
|
+
<img src="https://contrib.rocks/image?repo=wuhanshuzhiyun/stellar-ui" alt="contributors">
|
|
169
|
+
</a>
|
|
170
|
+
|
|
171
|
+
## 鸣谢
|
|
172
|
+
- [uni-helper](https://github.com/uni-helper) - 感谢 uni-helper 团队提供的 uni-app 工具库，让 StellarUI 能够更方便地使用。
|
|
173
|
+
|
|
174
|
+
|
|
175
|
+
## 开源协议
|
|
176
|
+
|
|
177
|
+
本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89) 协议，请自由地享受和参与开源。
|
|
@@ -37,7 +37,7 @@ Vue.mixin(mixin);
|
|
|
37
37
|
```
|
|
38
38
|
5. 在混淆文件`app-mixin.js`里引入组件的`js`文件,将`showToast`和`hideToast`方法混入全局，每个页面通过 `this.` 来使用对应的方法
|
|
39
39
|
```
|
|
40
|
-
import useSteMsgBox from '@/node_modules/stellar-ui/components/ste-message-box/ste-message-box.js';
|
|
40
|
+
import useSteMsgBox from '@/node_modules/stellar-ui-v2/components/ste-message-box/ste-message-box.js';
|
|
41
41
|
let steMsgBox = useSteMsgBox();
|
|
42
42
|
export default {
|
|
43
43
|
methods: {
|
|
@@ -49,7 +49,7 @@ export default {
|
|
|
49
49
|
```
|
|
50
50
|
6. js文件中使用
|
|
51
51
|
```
|
|
52
|
-
import useSteMsgBox from '@/node_modules/stellar-ui/components/ste-message-box/ste-message-box.js';
|
|
52
|
+
import useSteMsgBox from '@/node_modules/stellar-ui-v2/components/ste-message-box/ste-message-box.js';
|
|
53
53
|
let steMsgBox = useSteMsgBox();
|
|
54
54
|
steMsgBox.showMsgBox();
|
|
55
55
|
```
|
|
@@ -138,7 +138,7 @@ msgBoxInput() {
|
|
|
138
138
|
</view>
|
|
139
139
|
</ste-message-box>
|
|
140
140
|
<script>
|
|
141
|
-
import useSteMsgBox from '@/node_modules/stellar-ui/components/ste-message-box/ste-message-box.js';
|
|
141
|
+
import useSteMsgBox from '@/node_modules/stellar-ui-v2/components/ste-message-box/ste-message-box.js';
|
|
142
142
|
const msgBox = useSteMsgBox('myMsgBox');
|
|
143
143
|
export default {
|
|
144
144
|
data() {
|
|
@@ -40,7 +40,7 @@ Vue.mixin(mixin);
|
|
|
40
40
|
```
|
|
41
41
|
5. 在混淆文件`app-mixin.js`里引入组件的`js`文件,将`showToast`和`hideToast`方法混入全局，每个页面通过 `this.` 来使用对应的方法
|
|
42
42
|
```
|
|
43
|
-
import useSteToast from '@/node_modules/stellar-ui/components/ste-toast/ste-toast.js';
|
|
43
|
+
import useSteToast from '@/node_modules/stellar-ui-v2/components/ste-toast/ste-toast.js';
|
|
44
44
|
let steToast = useSteToast();
|
|
45
45
|
export default {
|
|
46
46
|
methods: {
|
|
@@ -56,7 +56,7 @@ export default {
|
|
|
56
56
|
```
|
|
57
57
|
6. js文件中使用
|
|
58
58
|
```
|
|
59
|
-
import useSteToast from '@/node_modules/stellar-ui/components/ste-toast/ste-toast.js';
|
|
59
|
+
import useSteToast from '@/node_modules/stellar-ui-v2/components/ste-toast/ste-toast.js';
|
|
60
60
|
let steToast = useSteToast();
|
|
61
61
|
steToast.showToast()
|
|
62
62
|
```
|
|
@@ -1,149 +1,149 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
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
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
};
|
|
1
|
+
export default {
|
|
2
|
+
props: {
|
|
3
|
+
// 视频的标题，全屏时在顶部展示
|
|
4
|
+
title: {
|
|
5
|
+
type: [String, null],
|
|
6
|
+
default: '',
|
|
7
|
+
},
|
|
8
|
+
// 是否视频高度跟随父容器
|
|
9
|
+
autoHeight: {
|
|
10
|
+
type: [Boolean, null],
|
|
11
|
+
default: false,
|
|
12
|
+
},
|
|
13
|
+
// 清晰度
|
|
14
|
+
resolution: {
|
|
15
|
+
type: [Array, null],
|
|
16
|
+
default: () => [],
|
|
17
|
+
},
|
|
18
|
+
// 要播放视频的资源地址
|
|
19
|
+
src: {
|
|
20
|
+
type: [String, null],
|
|
21
|
+
default: '',
|
|
22
|
+
},
|
|
23
|
+
// 是否自动播放
|
|
24
|
+
autoplay: {
|
|
25
|
+
type: [Boolean, null],
|
|
26
|
+
default: false,
|
|
27
|
+
},
|
|
28
|
+
// 是否循环播放
|
|
29
|
+
loop: {
|
|
30
|
+
type: [Boolean, null],
|
|
31
|
+
default: false,
|
|
32
|
+
},
|
|
33
|
+
// 是否静音播放
|
|
34
|
+
muted: {
|
|
35
|
+
type: [Boolean, null],
|
|
36
|
+
default: true,
|
|
37
|
+
},
|
|
38
|
+
// 指定视频初始播放位置，单位为秒（s）。
|
|
39
|
+
initialTime: {
|
|
40
|
+
type: [Number, null],
|
|
41
|
+
default: 0,
|
|
42
|
+
},
|
|
43
|
+
// 指定视频时长，单位为秒（s）。
|
|
44
|
+
duration: {
|
|
45
|
+
type: [Number, null],
|
|
46
|
+
default: 0,
|
|
47
|
+
},
|
|
48
|
+
// 在非全屏模式下，是否开启亮度与音量调节手势
|
|
49
|
+
pageGesture: {
|
|
50
|
+
type: [Boolean, null],
|
|
51
|
+
default: false,
|
|
52
|
+
},
|
|
53
|
+
// 设置全屏时视频的方向，不指定则根据宽高比自动判断。有效值为 0（正常竖向）, 90（屏幕逆时针90度）, -90（屏幕顺时针90度）
|
|
54
|
+
direction: {
|
|
55
|
+
type: [Number, null],
|
|
56
|
+
default: 0,
|
|
57
|
+
},
|
|
58
|
+
// 是否显示全屏按钮
|
|
59
|
+
showFullscreenBtn: {
|
|
60
|
+
type: [Boolean, null],
|
|
61
|
+
default: true,
|
|
62
|
+
},
|
|
63
|
+
// 是否显示视频底部控制栏的播放按钮
|
|
64
|
+
showPlayBtn: {
|
|
65
|
+
type: [Boolean, null],
|
|
66
|
+
default: true,
|
|
67
|
+
},
|
|
68
|
+
// 是否开启控制进度的手势
|
|
69
|
+
enableProgressGesture: {
|
|
70
|
+
type: [Boolean, null],
|
|
71
|
+
default: true,
|
|
72
|
+
},
|
|
73
|
+
// 当视频大小与 video 容器大小不一致时，视频的表现形式。contain：包含，fill：填充，cover：覆盖
|
|
74
|
+
objectFit: {
|
|
75
|
+
type: [String, null],
|
|
76
|
+
default: 'contain',
|
|
77
|
+
},
|
|
78
|
+
// 视频封面的图片网络资源地址，如果 controls 属性值为 false 则设置 poster 无效
|
|
79
|
+
poster: {
|
|
80
|
+
type: [String, null],
|
|
81
|
+
default: '',
|
|
82
|
+
},
|
|
83
|
+
// 移动网络提醒样式：0是不提醒，1是提醒，默认值为1
|
|
84
|
+
mobileNetHintType: {
|
|
85
|
+
type: [Number, null],
|
|
86
|
+
default: 1,
|
|
87
|
+
},
|
|
88
|
+
// 是否开启手势播放
|
|
89
|
+
enablePlayGesture: {
|
|
90
|
+
type: [Boolean, null],
|
|
91
|
+
default: false,
|
|
92
|
+
},
|
|
93
|
+
// 当跳转到其它小程序页面时，是否自动暂停本页面的视频
|
|
94
|
+
autoPauseIfNavigate: {
|
|
95
|
+
type: [Boolean, null],
|
|
96
|
+
default: true,
|
|
97
|
+
},
|
|
98
|
+
// 当跳转到其它微信原生页面时，是否自动暂停本页面的视频
|
|
99
|
+
autoPauseIfOpenNative: {
|
|
100
|
+
type: [Boolean, null],
|
|
101
|
+
default: true,
|
|
102
|
+
},
|
|
103
|
+
// 在非全屏模式下，是否开启亮度与音量调节手势（同 page-gesture）
|
|
104
|
+
vslideGesture: {
|
|
105
|
+
type: [Boolean, null],
|
|
106
|
+
default: false,
|
|
107
|
+
},
|
|
108
|
+
// 在全屏模式下，是否开启亮度与音量调节手势
|
|
109
|
+
vslideGestureInFullscreen: {
|
|
110
|
+
type: [Boolean, null],
|
|
111
|
+
default: true,
|
|
112
|
+
},
|
|
113
|
+
// 视频前贴广告单元ID，更多详情可参考开放能力视频前贴广告(https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/ad/video-patch-ad.html)
|
|
114
|
+
adUnitId: {
|
|
115
|
+
type: [String, null],
|
|
116
|
+
default: '',
|
|
117
|
+
},
|
|
118
|
+
// 用于给搜索等场景作为视频封面展示，建议使用无播放 icon 的视频封面图，只支持网络地址
|
|
119
|
+
posterForCrawler: {
|
|
120
|
+
type: [String, null],
|
|
121
|
+
default: '',
|
|
122
|
+
},
|
|
123
|
+
// 解码器选择，hardware：硬解码（硬解码可以增加解码算力，提高视频清晰度。少部分老旧硬件可能存在兼容性问题）；software：ffmpeg 软解码；
|
|
124
|
+
codec: {
|
|
125
|
+
type: [String, null],
|
|
126
|
+
default: 'hardware',
|
|
127
|
+
},
|
|
128
|
+
// 是否对 http、https 视频源开启本地缓存。缓存策略:开启了此开关的视频源，在视频播放时会在本地保存缓存文件，如果本地缓存池已超过100M，在进行缓存前会清空之前的缓存（不适用于m3u8等流媒体协议）
|
|
129
|
+
httpCache: {
|
|
130
|
+
type: [Boolean, null],
|
|
131
|
+
default: true,
|
|
132
|
+
},
|
|
133
|
+
// 播放策略，0：普通模式，适合绝大部分视频播放场景；1：平滑播放模式（降级），增加缓冲区大小，采用open sl解码音频，避免音视频脱轨的问题，可能会降低首屏展现速度、视频帧率，出现开屏音频延迟等。 适用于高码率视频的极端场景；2： M3U8优化模式，增加缓冲区大小，提升视频加载速度和流畅度，可能会降低首屏展现速度。 适用于M3U8在线播放的场景
|
|
134
|
+
playStrategy: {
|
|
135
|
+
type: [Number, null],
|
|
136
|
+
default: 0,
|
|
137
|
+
},
|
|
138
|
+
// HTTP 请求 Header
|
|
139
|
+
header: {
|
|
140
|
+
type: [Object, null],
|
|
141
|
+
default: () => ({}),
|
|
142
|
+
},
|
|
143
|
+
// 是否为直播源
|
|
144
|
+
isLive: {
|
|
145
|
+
type: [Boolean, null],
|
|
146
|
+
default: false,
|
|
147
|
+
},
|
|
148
|
+
},
|
|
149
|
+
};
|
|
@@ -88,14 +88,16 @@
|
|
|
88
88
|
</view>
|
|
89
89
|
<!-- 静音按钮 -->
|
|
90
90
|
<view class="muted-box">
|
|
91
|
+
<!-- 非静音 -->
|
|
91
92
|
<ste-icon
|
|
92
|
-
code="&#
|
|
93
|
+
code=""
|
|
93
94
|
size="38"
|
|
94
95
|
color="#ffffff"
|
|
95
96
|
v-if="!isMuted"
|
|
96
97
|
@click="triggerMuted"
|
|
97
98
|
></ste-icon>
|
|
98
|
-
|
|
99
|
+
<!-- 静音 -->
|
|
100
|
+
<ste-icon code="" size="38" color="#ffffff" v-else @click="triggerMuted"></ste-icon>
|
|
99
101
|
</view>
|
|
100
102
|
<!-- 时间进度 -->
|
|
101
103
|
<view class="time-box" v-if="isFull">
|
|
@@ -214,7 +216,7 @@ export default {
|
|
|
214
216
|
resolutionIndex: 0,
|
|
215
217
|
speedConfigArr: [0.5, 0.8, 1.0, 1.25, 1.5],
|
|
216
218
|
showTip: false,
|
|
217
|
-
msg: '
|
|
219
|
+
msg: '',
|
|
218
220
|
isMuted: this.muted,
|
|
219
221
|
};
|
|
220
222
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "stellar-ui-v2",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.36.1",
|
|
4
4
|
"description": "StellarUI组件库",
|
|
5
5
|
"main": "stellar-ui/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -13,7 +13,6 @@
|
|
|
13
13
|
"author": "",
|
|
14
14
|
"license": "ISC",
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"g": "^2.0.1"
|
|
17
|
-
"ste-cli": "^1.0.1"
|
|
16
|
+
"g": "^2.0.1"
|
|
18
17
|
}
|
|
19
18
|
}
|