inl-ui 0.1.32 → 0.1.34
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 +49 -49
- package/dist/components/index.cjs +12 -12
- package/dist/components/index.js +12 -12
- package/dist/iconfont.js +1 -1
- package/dist/index.cjs +13 -13
- package/dist/index.d.ts +1 -1
- package/dist/index.js +13 -13
- package/dist/style.css +1 -1
- package/dist/theme/index.js +70 -70
- package/dist/theme/scripts/dark-vars.js +21 -21
- package/dist/theme/scripts/default-vars.js +25 -25
- package/dist/theme/scripts/light-vars.js +22 -22
- package/dist/theme/style/color/bezierEasing.less +110 -110
- package/dist/theme/style/color/colorPalette.less +81 -81
- package/dist/theme/style/color/colors.less +162 -162
- package/dist/theme/style/color/tinyColor.less +1184 -1184
- package/dist/theme/style/compact.less +4 -4
- package/dist/theme/style/dark.less +4 -4
- package/dist/theme/style/default.less +4 -4
- package/dist/theme/style/index.less +2 -2
- package/dist/theme/style/index.tsx +2 -2
- package/dist/theme/style/themes/compact.less +295 -295
- package/dist/theme/style/themes/dark.less +790 -790
- package/dist/theme/style/themes/default.less +1067 -1067
- package/dist/theme/style/themes/index.less +7 -7
- package/dist/theme/style/themes/var-dark.less +343 -343
- package/dist/theme/style/themes/var-default.less +184 -184
- package/dist/theme/style/themes/variable.less +1122 -1122
- package/dist/theme/style/variable.less +4 -4
- package/dist/video/index.cjs +11 -11
- package/dist/video/index.js +11 -11
- package/dist/videoMobile/index.cjs +8 -1
- package/dist/videoMobile/index.js +8 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
# 工业PC ui库
|
|
2
|
-
|
|
3
|
-
前端通用库,包括组件、hooks、utils等。
|
|
4
|
-
|
|
5
|
-
### 运行
|
|
6
|
-
|
|
7
|
-
+ 开发模式 yarn dev
|
|
8
|
-
+ 生产打包 yarn build
|
|
9
|
-
+ 生成文档 yarn build:docs
|
|
10
|
-
+ 打包图扑工具 yarn buildtp
|
|
11
|
-
|
|
12
|
-
### 使用方法
|
|
13
|
-
|
|
14
|
-
```javascript
|
|
15
|
-
import inl from 'inl-ui';
|
|
16
|
-
import 'inl-ui/dist/style.css';
|
|
17
|
-
|
|
18
|
-
vue.use(inl)
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
### 激活主题
|
|
24
|
-
|
|
25
|
-
**vite.config.ts**
|
|
26
|
-
|
|
27
|
-
```javascript
|
|
28
|
-
const additionalData = require("inl-ui/dist/theme").default;
|
|
29
|
-
|
|
30
|
-
...
|
|
31
|
-
|
|
32
|
-
css: {
|
|
33
|
-
preprocessorOptions: {
|
|
34
|
-
less: {
|
|
35
|
-
javascriptEnabled: true,
|
|
36
|
-
additionalData,
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
},
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
### 文档链接
|
|
43
|
-
|
|
44
|
-
##### [组件文档](./src/components/README.md)
|
|
45
|
-
|
|
46
|
-
##### [hooks文档](./src/hooks/README.md)
|
|
47
|
-
|
|
48
|
-
##### [Utils文档](./src/utils/README.md)
|
|
49
|
-
|
|
1
|
+
# 工业PC ui库
|
|
2
|
+
|
|
3
|
+
前端通用库,包括组件、hooks、utils等。
|
|
4
|
+
|
|
5
|
+
### 运行
|
|
6
|
+
|
|
7
|
+
+ 开发模式 yarn dev
|
|
8
|
+
+ 生产打包 yarn build
|
|
9
|
+
+ 生成文档 yarn build:docs
|
|
10
|
+
+ 打包图扑工具 yarn buildtp
|
|
11
|
+
|
|
12
|
+
### 使用方法
|
|
13
|
+
|
|
14
|
+
```javascript
|
|
15
|
+
import inl from 'inl-ui';
|
|
16
|
+
import 'inl-ui/dist/style.css';
|
|
17
|
+
|
|
18
|
+
vue.use(inl)
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
### 激活主题
|
|
24
|
+
|
|
25
|
+
**vite.config.ts**
|
|
26
|
+
|
|
27
|
+
```javascript
|
|
28
|
+
const additionalData = require("inl-ui/dist/theme").default;
|
|
29
|
+
|
|
30
|
+
...
|
|
31
|
+
|
|
32
|
+
css: {
|
|
33
|
+
preprocessorOptions: {
|
|
34
|
+
less: {
|
|
35
|
+
javascriptEnabled: true,
|
|
36
|
+
additionalData,
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
},
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
### 文档链接
|
|
43
|
+
|
|
44
|
+
##### [组件文档](./src/components/README.md)
|
|
45
|
+
|
|
46
|
+
##### [hooks文档](./src/hooks/README.md)
|
|
47
|
+
|
|
48
|
+
##### [Utils文档](./src/utils/README.md)
|
|
49
|
+
|
|
@@ -8837,11 +8837,18 @@ const VideoPlayerV2 = vue.defineComponent({
|
|
|
8837
8837
|
videoElement.remove();
|
|
8838
8838
|
}
|
|
8839
8839
|
});
|
|
8840
|
-
return () => vue.createVNode("video", {
|
|
8840
|
+
return () => videoInfo2.value.brandTypeCode !== "MP4" ? vue.createVNode("video", {
|
|
8841
8841
|
"id": `videoPlayer_${uuid}`,
|
|
8842
8842
|
"class": `videoComponent ${_prop.fill}`,
|
|
8843
8843
|
"muted": true,
|
|
8844
8844
|
"autoplay": true
|
|
8845
|
+
}, null) : vue.createVNode("video", {
|
|
8846
|
+
"class": "videoComponent fill",
|
|
8847
|
+
"src": videoInfo2.value.mp4ResourcesPath,
|
|
8848
|
+
"controls": true,
|
|
8849
|
+
"autoplay": true,
|
|
8850
|
+
"loop": true,
|
|
8851
|
+
"muted": true
|
|
8845
8852
|
}, null);
|
|
8846
8853
|
}
|
|
8847
8854
|
});
|
|
@@ -9305,7 +9312,7 @@ const VideoBoxV2 = vue.defineComponent({
|
|
|
9305
9312
|
};
|
|
9306
9313
|
return () => vue.createVNode("div", {
|
|
9307
9314
|
"class": ["videoBox", _prop.alarm ? "alarm" : ""]
|
|
9308
|
-
}, [
|
|
9315
|
+
}, [vue.createVNode(VideoPlayerV2, {
|
|
9309
9316
|
"ref": player,
|
|
9310
9317
|
"camera": camera.value,
|
|
9311
9318
|
"cameraConfig": cameraConfig.value,
|
|
@@ -9315,13 +9322,6 @@ const VideoBoxV2 = vue.defineComponent({
|
|
|
9315
9322
|
streamType: streamHistory.value || camera.value.streamType
|
|
9316
9323
|
};
|
|
9317
9324
|
}
|
|
9318
|
-
}, null) : vue.createVNode("video", {
|
|
9319
|
-
"class": "videoStatic",
|
|
9320
|
-
"src": camera.value.mp4ResourcesPath,
|
|
9321
|
-
"controls": true,
|
|
9322
|
-
"autoplay": true,
|
|
9323
|
-
"loop": true,
|
|
9324
|
-
"muted": true
|
|
9325
9325
|
}, null), camera.value.brandTypeCode !== "MP4" && showInfo.value ? vue.createVNode("div", {
|
|
9326
9326
|
"class": "selectFields"
|
|
9327
9327
|
}, [[0, 1, 2, 3, 4, 5].map(index => {
|
|
@@ -9343,7 +9343,7 @@ const VideoBoxV2 = vue.defineComponent({
|
|
|
9343
9343
|
}, [vue.createVNode("span", null, [camera.value?.name])]), vue.createVNode("div", {
|
|
9344
9344
|
"class": "tool"
|
|
9345
9345
|
}, [_prop.btns.map(btn => {
|
|
9346
|
-
if (!(camera.value.brandTypeCode === "MP4" && btn !== "close")) {
|
|
9346
|
+
if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "look")) {
|
|
9347
9347
|
switch (btn) {
|
|
9348
9348
|
case "fill":
|
|
9349
9349
|
return vue.createVNode("img", {
|
|
@@ -9365,7 +9365,7 @@ const VideoBoxV2 = vue.defineComponent({
|
|
|
9365
9365
|
"onClick": e => {
|
|
9366
9366
|
showInfo.value = !showInfo.value;
|
|
9367
9367
|
},
|
|
9368
|
-
"src": "/micro-assets/inl/video/controls/show.png"
|
|
9368
|
+
"src": showInfo.value ? "/micro-assets/inl/video/controls/show.png" : "/micro-assets/inl/video/controls/hide.svg"
|
|
9369
9369
|
}, null);
|
|
9370
9370
|
case "stream":
|
|
9371
9371
|
return vue.createVNode(vue.resolveComponent("a-popover"), {
|
|
@@ -12690,7 +12690,7 @@ async function audioToText(file) {
|
|
|
12690
12690
|
}
|
|
12691
12691
|
const {
|
|
12692
12692
|
result
|
|
12693
|
-
} = await fetch(`/api/chat/v1/translate
|
|
12693
|
+
} = await fetch(`/api/chat/v1/translate?path=${path}&session_hash=1`, {
|
|
12694
12694
|
headers,
|
|
12695
12695
|
method: "POST"
|
|
12696
12696
|
}).then(res => res.json());
|
package/dist/components/index.js
CHANGED
|
@@ -8826,11 +8826,18 @@ const VideoPlayerV2 = defineComponent({
|
|
|
8826
8826
|
videoElement.remove();
|
|
8827
8827
|
}
|
|
8828
8828
|
});
|
|
8829
|
-
return () => createVNode("video", {
|
|
8829
|
+
return () => videoInfo2.value.brandTypeCode !== "MP4" ? createVNode("video", {
|
|
8830
8830
|
"id": `videoPlayer_${uuid}`,
|
|
8831
8831
|
"class": `videoComponent ${_prop.fill}`,
|
|
8832
8832
|
"muted": true,
|
|
8833
8833
|
"autoplay": true
|
|
8834
|
+
}, null) : createVNode("video", {
|
|
8835
|
+
"class": "videoComponent fill",
|
|
8836
|
+
"src": videoInfo2.value.mp4ResourcesPath,
|
|
8837
|
+
"controls": true,
|
|
8838
|
+
"autoplay": true,
|
|
8839
|
+
"loop": true,
|
|
8840
|
+
"muted": true
|
|
8834
8841
|
}, null);
|
|
8835
8842
|
}
|
|
8836
8843
|
});
|
|
@@ -9294,7 +9301,7 @@ const VideoBoxV2 = defineComponent({
|
|
|
9294
9301
|
};
|
|
9295
9302
|
return () => createVNode("div", {
|
|
9296
9303
|
"class": ["videoBox", _prop.alarm ? "alarm" : ""]
|
|
9297
|
-
}, [
|
|
9304
|
+
}, [createVNode(VideoPlayerV2, {
|
|
9298
9305
|
"ref": player,
|
|
9299
9306
|
"camera": camera.value,
|
|
9300
9307
|
"cameraConfig": cameraConfig.value,
|
|
@@ -9304,13 +9311,6 @@ const VideoBoxV2 = defineComponent({
|
|
|
9304
9311
|
streamType: streamHistory.value || camera.value.streamType
|
|
9305
9312
|
};
|
|
9306
9313
|
}
|
|
9307
|
-
}, null) : createVNode("video", {
|
|
9308
|
-
"class": "videoStatic",
|
|
9309
|
-
"src": camera.value.mp4ResourcesPath,
|
|
9310
|
-
"controls": true,
|
|
9311
|
-
"autoplay": true,
|
|
9312
|
-
"loop": true,
|
|
9313
|
-
"muted": true
|
|
9314
9314
|
}, null), camera.value.brandTypeCode !== "MP4" && showInfo.value ? createVNode("div", {
|
|
9315
9315
|
"class": "selectFields"
|
|
9316
9316
|
}, [[0, 1, 2, 3, 4, 5].map(index => {
|
|
@@ -9332,7 +9332,7 @@ const VideoBoxV2 = defineComponent({
|
|
|
9332
9332
|
}, [createVNode("span", null, [camera.value?.name])]), createVNode("div", {
|
|
9333
9333
|
"class": "tool"
|
|
9334
9334
|
}, [_prop.btns.map(btn => {
|
|
9335
|
-
if (!(camera.value.brandTypeCode === "MP4" && btn !== "close")) {
|
|
9335
|
+
if (!(camera.value.brandTypeCode === "MP4" && btn !== "close" && btn !== "look")) {
|
|
9336
9336
|
switch (btn) {
|
|
9337
9337
|
case "fill":
|
|
9338
9338
|
return createVNode("img", {
|
|
@@ -9354,7 +9354,7 @@ const VideoBoxV2 = defineComponent({
|
|
|
9354
9354
|
"onClick": e => {
|
|
9355
9355
|
showInfo.value = !showInfo.value;
|
|
9356
9356
|
},
|
|
9357
|
-
"src": "/micro-assets/inl/video/controls/show.png"
|
|
9357
|
+
"src": showInfo.value ? "/micro-assets/inl/video/controls/show.png" : "/micro-assets/inl/video/controls/hide.svg"
|
|
9358
9358
|
}, null);
|
|
9359
9359
|
case "stream":
|
|
9360
9360
|
return createVNode(resolveComponent("a-popover"), {
|
|
@@ -12679,7 +12679,7 @@ async function audioToText(file) {
|
|
|
12679
12679
|
}
|
|
12680
12680
|
const {
|
|
12681
12681
|
result
|
|
12682
|
-
} = await fetch(`/api/chat/v1/translate
|
|
12682
|
+
} = await fetch(`/api/chat/v1/translate?path=${path}&session_hash=1`, {
|
|
12683
12683
|
headers,
|
|
12684
12684
|
method: "POST"
|
|
12685
12685
|
}).then(res => res.json());
|