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 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", {
@@ -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", {