inl-ui 0.1.12 → 0.1.14
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 +13 -3
- package/dist/components/index.js +13 -3
- package/dist/iconfont.js +69 -69
- package/dist/index.cjs +14 -4
- package/dist/index.d.ts +1 -1
- package/dist/index.js +14 -4
- 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 +7 -3
- package/dist/video/index.js +7 -3
- package/dist/videoMobile/index.cjs +7 -3
- package/dist/videoMobile/index.js +7 -3
- package/package.json +1 -1
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
|
+
|
|
@@ -7549,9 +7549,7 @@ const VideoPlayerV2 = vue.defineComponent({
|
|
|
7549
7549
|
if (videoElement) {
|
|
7550
7550
|
videoElement.pause();
|
|
7551
7551
|
videoElement.removeAttribute("src");
|
|
7552
|
-
videoElement.
|
|
7553
|
-
videoElement.srcObject = null;
|
|
7554
|
-
videoElement.remove();
|
|
7552
|
+
videoElement.load();
|
|
7555
7553
|
}
|
|
7556
7554
|
};
|
|
7557
7555
|
const getVideoDetail = async camera => {
|
|
@@ -7600,6 +7598,12 @@ const VideoPlayerV2 = vue.defineComponent({
|
|
|
7600
7598
|
vue.onBeforeUnmount(() => {
|
|
7601
7599
|
stopPlay();
|
|
7602
7600
|
stopV(`videoPlayer_${uuid}`);
|
|
7601
|
+
const videoElement = document.getElementById(uuid);
|
|
7602
|
+
if (videoElement) {
|
|
7603
|
+
videoElement.src = null;
|
|
7604
|
+
videoElement.srcObject = null;
|
|
7605
|
+
videoElement.remove();
|
|
7606
|
+
}
|
|
7603
7607
|
});
|
|
7604
7608
|
return () => vue.createVNode("video", {
|
|
7605
7609
|
"id": `videoPlayer_${uuid}`,
|
|
@@ -11003,6 +11007,12 @@ const getMenuDetail = () => vue.defineComponent({
|
|
|
11003
11007
|
});
|
|
11004
11008
|
|
|
11005
11009
|
const fonts = [{
|
|
11010
|
+
label: "\u9ED8\u8BA4",
|
|
11011
|
+
value: ""
|
|
11012
|
+
}, {
|
|
11013
|
+
label: "Arial",
|
|
11014
|
+
value: "Arial"
|
|
11015
|
+
}, {
|
|
11006
11016
|
label: "\u5FAE\u8F6F\u96C5\u9ED1",
|
|
11007
11017
|
value: "Microsoft YaHei"
|
|
11008
11018
|
}, {
|
package/dist/components/index.js
CHANGED
|
@@ -7539,9 +7539,7 @@ const VideoPlayerV2 = defineComponent({
|
|
|
7539
7539
|
if (videoElement) {
|
|
7540
7540
|
videoElement.pause();
|
|
7541
7541
|
videoElement.removeAttribute("src");
|
|
7542
|
-
videoElement.
|
|
7543
|
-
videoElement.srcObject = null;
|
|
7544
|
-
videoElement.remove();
|
|
7542
|
+
videoElement.load();
|
|
7545
7543
|
}
|
|
7546
7544
|
};
|
|
7547
7545
|
const getVideoDetail = async camera => {
|
|
@@ -7590,6 +7588,12 @@ const VideoPlayerV2 = defineComponent({
|
|
|
7590
7588
|
onBeforeUnmount(() => {
|
|
7591
7589
|
stopPlay();
|
|
7592
7590
|
stopV(`videoPlayer_${uuid}`);
|
|
7591
|
+
const videoElement = document.getElementById(uuid);
|
|
7592
|
+
if (videoElement) {
|
|
7593
|
+
videoElement.src = null;
|
|
7594
|
+
videoElement.srcObject = null;
|
|
7595
|
+
videoElement.remove();
|
|
7596
|
+
}
|
|
7593
7597
|
});
|
|
7594
7598
|
return () => createVNode("video", {
|
|
7595
7599
|
"id": `videoPlayer_${uuid}`,
|
|
@@ -10993,6 +10997,12 @@ const getMenuDetail = () => defineComponent({
|
|
|
10993
10997
|
});
|
|
10994
10998
|
|
|
10995
10999
|
const fonts = [{
|
|
11000
|
+
label: "\u9ED8\u8BA4",
|
|
11001
|
+
value: ""
|
|
11002
|
+
}, {
|
|
11003
|
+
label: "Arial",
|
|
11004
|
+
value: "Arial"
|
|
11005
|
+
}, {
|
|
10996
11006
|
label: "\u5FAE\u8F6F\u96C5\u9ED1",
|
|
10997
11007
|
value: "Microsoft YaHei"
|
|
10998
11008
|
}, {
|