inl-ui 0.1.54 → 0.1.55
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 +6 -1
- package/dist/components/index.js +6 -1
- package/dist/iconfont.js +1 -1
- package/dist/index.cjs +7 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.js +7 -2
- 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 +6 -1
- package/dist/video/index.js +6 -1
- 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
|
+
|
|
@@ -9666,7 +9666,9 @@ const VideoBoxV2 = vue.defineComponent({
|
|
|
9666
9666
|
newDiv.style.top = mousedownEvent.offsetY + begin.top + "px";
|
|
9667
9667
|
boxDom.appendChild(newDiv);
|
|
9668
9668
|
const thumbnailDom = document.getElementById("thumbnail_" + uuid.value);
|
|
9669
|
+
const footerDom = document.getElementById("footer_" + uuid.value);
|
|
9669
9670
|
thumbnailDom.style.display = "none";
|
|
9671
|
+
footerDom.style.display = "none";
|
|
9670
9672
|
playerDom?.addEventListener("mousemove", mousemoveFun);
|
|
9671
9673
|
};
|
|
9672
9674
|
const mouseupFun = mouseupEvent => {
|
|
@@ -9676,7 +9678,9 @@ const VideoBoxV2 = vue.defineComponent({
|
|
|
9676
9678
|
playerDom?.removeEventListener("mousemove", mousemoveFun);
|
|
9677
9679
|
newDiv.remove();
|
|
9678
9680
|
const thumbnailDom = document.getElementById("thumbnail_" + uuid.value);
|
|
9681
|
+
const footerDom = document.getElementById("footer_" + uuid.value);
|
|
9679
9682
|
thumbnailDom.style.display = "inline";
|
|
9683
|
+
footerDom.style.display = "flex";
|
|
9680
9684
|
const scaleX = Math.abs(mousemoveEvent.pageX - mousedownEvent.pageX) / boxDom.offsetWidth;
|
|
9681
9685
|
const scaleY = Math.abs(mousemoveEvent.pageY - mousedownEvent.pageY) / boxDom.offsetHeight;
|
|
9682
9686
|
const playerLeft = Math.min(mousedownEvent.offsetX, mousemoveEvent.offsetX) * -1 / scaleX;
|
|
@@ -9812,7 +9816,8 @@ const VideoBoxV2 = vue.defineComponent({
|
|
|
9812
9816
|
"class": "value"
|
|
9813
9817
|
}, [info.displayValue && info.displayValue !== "null" ? info.displayValue + " " : ""]), vue.createVNode("div", null, [info.unit])]);
|
|
9814
9818
|
})]) : "", vue.createVNode("div", {
|
|
9815
|
-
"class": "footer-min"
|
|
9819
|
+
"class": "footer-min",
|
|
9820
|
+
"id": "footer_" + uuid.value
|
|
9816
9821
|
}, [vue.createVNode("div", {
|
|
9817
9822
|
"class": "name-min"
|
|
9818
9823
|
}, [vue.createVNode("span", null, [camera.value?.name])]), vue.createVNode("div", {
|
package/dist/components/index.js
CHANGED
|
@@ -9638,7 +9638,9 @@ const VideoBoxV2 = defineComponent({
|
|
|
9638
9638
|
newDiv.style.top = mousedownEvent.offsetY + begin.top + "px";
|
|
9639
9639
|
boxDom.appendChild(newDiv);
|
|
9640
9640
|
const thumbnailDom = document.getElementById("thumbnail_" + uuid.value);
|
|
9641
|
+
const footerDom = document.getElementById("footer_" + uuid.value);
|
|
9641
9642
|
thumbnailDom.style.display = "none";
|
|
9643
|
+
footerDom.style.display = "none";
|
|
9642
9644
|
playerDom?.addEventListener("mousemove", mousemoveFun);
|
|
9643
9645
|
};
|
|
9644
9646
|
const mouseupFun = mouseupEvent => {
|
|
@@ -9648,7 +9650,9 @@ const VideoBoxV2 = defineComponent({
|
|
|
9648
9650
|
playerDom?.removeEventListener("mousemove", mousemoveFun);
|
|
9649
9651
|
newDiv.remove();
|
|
9650
9652
|
const thumbnailDom = document.getElementById("thumbnail_" + uuid.value);
|
|
9653
|
+
const footerDom = document.getElementById("footer_" + uuid.value);
|
|
9651
9654
|
thumbnailDom.style.display = "inline";
|
|
9655
|
+
footerDom.style.display = "flex";
|
|
9652
9656
|
const scaleX = Math.abs(mousemoveEvent.pageX - mousedownEvent.pageX) / boxDom.offsetWidth;
|
|
9653
9657
|
const scaleY = Math.abs(mousemoveEvent.pageY - mousedownEvent.pageY) / boxDom.offsetHeight;
|
|
9654
9658
|
const playerLeft = Math.min(mousedownEvent.offsetX, mousemoveEvent.offsetX) * -1 / scaleX;
|
|
@@ -9784,7 +9788,8 @@ const VideoBoxV2 = defineComponent({
|
|
|
9784
9788
|
"class": "value"
|
|
9785
9789
|
}, [info.displayValue && info.displayValue !== "null" ? info.displayValue + " " : ""]), createVNode("div", null, [info.unit])]);
|
|
9786
9790
|
})]) : "", createVNode("div", {
|
|
9787
|
-
"class": "footer-min"
|
|
9791
|
+
"class": "footer-min",
|
|
9792
|
+
"id": "footer_" + uuid.value
|
|
9788
9793
|
}, [createVNode("div", {
|
|
9789
9794
|
"class": "name-min"
|
|
9790
9795
|
}, [createVNode("span", null, [camera.value?.name])]), createVNode("div", {
|