inl-ui 0.1.132 → 0.1.134

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.
Files changed (8) hide show
  1. package/dist/components/index.cjs +9 -4
  2. package/dist/components/index.js +9 -4
  3. package/dist/index.cjs +10 -5
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.js +10 -5
  6. package/dist/video/index.cjs +9 -4
  7. package/dist/video/index.js +9 -4
  8. package/package.json +1 -1
package/dist/components/index.cjs CHANGED
@@ -9738,6 +9738,7 @@ const VideoBoxV2 = vue.defineComponent({
9738
9738
  }]];
9739
9739
  const infos = vue.ref([]);
9740
9740
  const uuid = vue.ref(UUID());
9741
+ let Mqtt = null;
9741
9742
  vue.onMounted(() => {
9742
9743
  showInfo.value = _prop.showInfo;
9743
9744
  });
@@ -9817,6 +9818,7 @@ const VideoBoxV2 = vue.defineComponent({
9817
9818
  streams.value = JSON.parse(camera.value?.brandTypePo?.streamTypeDict || "[]");
9818
9819
  console.log("vlmSwitchKey.value", vlmSwitchKey.value);
9819
9820
  console.log("localStorage.getItem(vlmSwitchKey.value)", localStorage.getItem(vlmSwitchKey.value));
9821
+ clearFlogCanvas();
9820
9822
  if (localStorage.getItem(vlmSwitchKey.value) !== "false") {
9821
9823
  showVlmInfo.value = true;
9822
9824
  if (camera.value?.ip && showVlmInfo.value) {
@@ -9947,6 +9949,11 @@ const VideoBoxV2 = vue.defineComponent({
9947
9949
  }
9948
9950
  };
9949
9951
  vue.watch(() => _prop.camera, val => {
9952
+ if (Mqtt) {
9953
+ console.log(`\u53D6\u6D88\u8BA2\u9605:${topic.value}`);
9954
+ Mqtt?.unsubscribe(topic.value);
9955
+ Mqtt = null;
9956
+ }
9950
9957
  if (val && Object.keys(val).length != 0) {
9951
9958
  setNewCamera(val);
9952
9959
  }
@@ -9993,7 +10000,6 @@ const VideoBoxV2 = vue.defineComponent({
9993
10000
  }, null) : ""])]
9994
10001
  });
9995
10002
  };
9996
- let Mqtt = null;
9997
10003
  const topic = vue.ref("");
9998
10004
  const {
9999
10005
  isFullscreen,
@@ -10055,7 +10061,6 @@ const VideoBoxV2 = vue.defineComponent({
10055
10061
  textBox = document.createElement("div");
10056
10062
  textBox.id = "textBox_" + uuid.value;
10057
10063
  textBox.style.position = "absolute";
10058
- textBox.style.width = "100%";
10059
10064
  textBox.style.left = "0";
10060
10065
  textBox.style.zIndex = "1000";
10061
10066
  textBox.style.pointerEvents = "none";
@@ -10114,8 +10119,8 @@ const VideoBoxV2 = vue.defineComponent({
10114
10119
  const marginTop = height * 0.1 + margin;
10115
10120
  textBox2.innerHTML = data.text;
10116
10121
  textBox2.style.top = marginTop + "px";
10117
- textBox2.style.backgroundColor = "rgba(255, 255, 255, 0.8)";
10118
- textBox2.style.color = data.text_color || "red";
10122
+ textBox2.style.backgroundColor = "rgba(255, 255, 255, 0.2)";
10123
+ textBox2.style.color = data.text_color || "black";
10119
10124
  textBox2.style.fontSize = `${fontSize}px`;
10120
10125
  textBox2.style.padding = `${margin}px`;
10121
10126
  } else {
package/dist/components/index.js CHANGED
@@ -9709,6 +9709,7 @@ const VideoBoxV2 = defineComponent({
9709
9709
  }]];
9710
9710
  const infos = ref([]);
9711
9711
  const uuid = ref(UUID());
9712
+ let Mqtt = null;
9712
9713
  onMounted(() => {
9713
9714
  showInfo.value = _prop.showInfo;
9714
9715
  });
@@ -9788,6 +9789,7 @@ const VideoBoxV2 = defineComponent({
9788
9789
  streams.value = JSON.parse(camera.value?.brandTypePo?.streamTypeDict || "[]");
9789
9790
  console.log("vlmSwitchKey.value", vlmSwitchKey.value);
9790
9791
  console.log("localStorage.getItem(vlmSwitchKey.value)", localStorage.getItem(vlmSwitchKey.value));
9792
+ clearFlogCanvas();
9791
9793
  if (localStorage.getItem(vlmSwitchKey.value) !== "false") {
9792
9794
  showVlmInfo.value = true;
9793
9795
  if (camera.value?.ip && showVlmInfo.value) {
@@ -9918,6 +9920,11 @@ const VideoBoxV2 = defineComponent({
9918
9920
  }
9919
9921
  };
9920
9922
  watch(() => _prop.camera, val => {
9923
+ if (Mqtt) {
9924
+ console.log(`\u53D6\u6D88\u8BA2\u9605:${topic.value}`);
9925
+ Mqtt?.unsubscribe(topic.value);
9926
+ Mqtt = null;
9927
+ }
9921
9928
  if (val && Object.keys(val).length != 0) {
9922
9929
  setNewCamera(val);
9923
9930
  }
@@ -9964,7 +9971,6 @@ const VideoBoxV2 = defineComponent({
9964
9971
  }, null) : ""])]
9965
9972
  });
9966
9973
  };
9967
- let Mqtt = null;
9968
9974
  const topic = ref("");
9969
9975
  const {
9970
9976
  isFullscreen,
@@ -10026,7 +10032,6 @@ const VideoBoxV2 = defineComponent({
10026
10032
  textBox = document.createElement("div");
10027
10033
  textBox.id = "textBox_" + uuid.value;
10028
10034
  textBox.style.position = "absolute";
10029
- textBox.style.width = "100%";
10030
10035
  textBox.style.left = "0";
10031
10036
  textBox.style.zIndex = "1000";
10032
10037
  textBox.style.pointerEvents = "none";
@@ -10085,8 +10090,8 @@ const VideoBoxV2 = defineComponent({
10085
10090
  const marginTop = height * 0.1 + margin;
10086
10091
  textBox2.innerHTML = data.text;
10087
10092
  textBox2.style.top = marginTop + "px";
10088
- textBox2.style.backgroundColor = "rgba(255, 255, 255, 0.8)";
10089
- textBox2.style.color = data.text_color || "red";
10093
+ textBox2.style.backgroundColor = "rgba(255, 255, 255, 0.2)";
10094
+ textBox2.style.color = data.text_color || "black";
10090
10095
  textBox2.style.fontSize = `${fontSize}px`;
10091
10096
  textBox2.style.padding = `${margin}px`;
10092
10097
  } else {
package/dist/index.cjs CHANGED
@@ -45,7 +45,7 @@ var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
45
45
  var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
46
46
  var mqtt__default = /*#__PURE__*/_interopDefaultLegacy(mqtt);
47
47
 
48
- var version = "0.1.131";
48
+ var version = "0.1.133";
49
49
 
50
50
  const setTheme = theme => {
51
51
  if (theme === "dark") {
@@ -10724,6 +10724,7 @@ const VideoBoxV2 = vue.defineComponent({
10724
10724
  }]];
10725
10725
  const infos = vue.ref([]);
10726
10726
  const uuid = vue.ref(UUID());
10727
+ let Mqtt = null;
10727
10728
  vue.onMounted(() => {
10728
10729
  showInfo.value = _prop.showInfo;
10729
10730
  });
@@ -10803,6 +10804,7 @@ const VideoBoxV2 = vue.defineComponent({
10803
10804
  streams.value = JSON.parse(camera.value?.brandTypePo?.streamTypeDict || "[]");
10804
10805
  console.log("vlmSwitchKey.value", vlmSwitchKey.value);
10805
10806
  console.log("localStorage.getItem(vlmSwitchKey.value)", localStorage.getItem(vlmSwitchKey.value));
10807
+ clearFlogCanvas();
10806
10808
  if (localStorage.getItem(vlmSwitchKey.value) !== "false") {
10807
10809
  showVlmInfo.value = true;
10808
10810
  if (camera.value?.ip && showVlmInfo.value) {
@@ -10933,6 +10935,11 @@ const VideoBoxV2 = vue.defineComponent({
10933
10935
  }
10934
10936
  };
10935
10937
  vue.watch(() => _prop.camera, val => {
10938
+ if (Mqtt) {
10939
+ console.log(`\u53D6\u6D88\u8BA2\u9605:${topic.value}`);
10940
+ Mqtt?.unsubscribe(topic.value);
10941
+ Mqtt = null;
10942
+ }
10936
10943
  if (val && Object.keys(val).length != 0) {
10937
10944
  setNewCamera(val);
10938
10945
  }
@@ -10979,7 +10986,6 @@ const VideoBoxV2 = vue.defineComponent({
10979
10986
  }, null) : ""])]
10980
10987
  });
10981
10988
  };
10982
- let Mqtt = null;
10983
10989
  const topic = vue.ref("");
10984
10990
  const {
10985
10991
  isFullscreen,
@@ -11041,7 +11047,6 @@ const VideoBoxV2 = vue.defineComponent({
11041
11047
  textBox = document.createElement("div");
11042
11048
  textBox.id = "textBox_" + uuid.value;
11043
11049
  textBox.style.position = "absolute";
11044
- textBox.style.width = "100%";
11045
11050
  textBox.style.left = "0";
11046
11051
  textBox.style.zIndex = "1000";
11047
11052
  textBox.style.pointerEvents = "none";
@@ -11100,8 +11105,8 @@ const VideoBoxV2 = vue.defineComponent({
11100
11105
  const marginTop = height * 0.1 + margin;
11101
11106
  textBox2.innerHTML = data.text;
11102
11107
  textBox2.style.top = marginTop + "px";
11103
- textBox2.style.backgroundColor = "rgba(255, 255, 255, 0.8)";
11104
- textBox2.style.color = data.text_color || "red";
11108
+ textBox2.style.backgroundColor = "rgba(255, 255, 255, 0.2)";
11109
+ textBox2.style.color = data.text_color || "black";
11105
11110
  textBox2.style.fontSize = `${fontSize}px`;
11106
11111
  textBox2.style.padding = `${margin}px`;
11107
11112
  } else {
package/dist/index.d.ts CHANGED
@@ -11,7 +11,7 @@ import { Key } from 'ant-design-vue/lib/table/interface';
11
11
  import * as vue_jsx_runtime from 'vue/jsx-runtime';
12
12
  import * as _ant_design_icons_vue_lib_components_IconFont from '@ant-design/icons-vue/lib/components/IconFont';
13
13
 
14
- var version = "0.1.131";
14
+ var version = "0.1.133";
15
15
 
16
16
  declare const _default$p: {
17
17
  set(theme: string): void;
package/dist/index.js CHANGED
@@ -14,7 +14,7 @@ import { XPopup, CommentBlock, setAxiosOption } from '@sszj-temp/mobile';
14
14
  import { marked } from 'marked';
15
15
  import '@sszj-temp/mobile/style.css';
16
16
 
17
- var version = "0.1.131";
17
+ var version = "0.1.133";
18
18
 
19
19
  const setTheme = theme => {
20
20
  if (theme === "dark") {
@@ -10693,6 +10693,7 @@ const VideoBoxV2 = defineComponent({
10693
10693
  }]];
10694
10694
  const infos = ref([]);
10695
10695
  const uuid = ref(UUID());
10696
+ let Mqtt = null;
10696
10697
  onMounted(() => {
10697
10698
  showInfo.value = _prop.showInfo;
10698
10699
  });
@@ -10772,6 +10773,7 @@ const VideoBoxV2 = defineComponent({
10772
10773
  streams.value = JSON.parse(camera.value?.brandTypePo?.streamTypeDict || "[]");
10773
10774
  console.log("vlmSwitchKey.value", vlmSwitchKey.value);
10774
10775
  console.log("localStorage.getItem(vlmSwitchKey.value)", localStorage.getItem(vlmSwitchKey.value));
10776
+ clearFlogCanvas();
10775
10777
  if (localStorage.getItem(vlmSwitchKey.value) !== "false") {
10776
10778
  showVlmInfo.value = true;
10777
10779
  if (camera.value?.ip && showVlmInfo.value) {
@@ -10902,6 +10904,11 @@ const VideoBoxV2 = defineComponent({
10902
10904
  }
10903
10905
  };
10904
10906
  watch(() => _prop.camera, val => {
10907
+ if (Mqtt) {
10908
+ console.log(`\u53D6\u6D88\u8BA2\u9605:${topic.value}`);
10909
+ Mqtt?.unsubscribe(topic.value);
10910
+ Mqtt = null;
10911
+ }
10905
10912
  if (val && Object.keys(val).length != 0) {
10906
10913
  setNewCamera(val);
10907
10914
  }
@@ -10948,7 +10955,6 @@ const VideoBoxV2 = defineComponent({
10948
10955
  }, null) : ""])]
10949
10956
  });
10950
10957
  };
10951
- let Mqtt = null;
10952
10958
  const topic = ref("");
10953
10959
  const {
10954
10960
  isFullscreen,
@@ -11010,7 +11016,6 @@ const VideoBoxV2 = defineComponent({
11010
11016
  textBox = document.createElement("div");
11011
11017
  textBox.id = "textBox_" + uuid.value;
11012
11018
  textBox.style.position = "absolute";
11013
- textBox.style.width = "100%";
11014
11019
  textBox.style.left = "0";
11015
11020
  textBox.style.zIndex = "1000";
11016
11021
  textBox.style.pointerEvents = "none";
@@ -11069,8 +11074,8 @@ const VideoBoxV2 = defineComponent({
11069
11074
  const marginTop = height * 0.1 + margin;
11070
11075
  textBox2.innerHTML = data.text;
11071
11076
  textBox2.style.top = marginTop + "px";
11072
- textBox2.style.backgroundColor = "rgba(255, 255, 255, 0.8)";
11073
- textBox2.style.color = data.text_color || "red";
11077
+ textBox2.style.backgroundColor = "rgba(255, 255, 255, 0.2)";
11078
+ textBox2.style.color = data.text_color || "black";
11074
11079
  textBox2.style.fontSize = `${fontSize}px`;
11075
11080
  textBox2.style.padding = `${margin}px`;
11076
11081
  } else {
package/dist/video/index.cjs CHANGED
@@ -6777,6 +6777,7 @@ const VideoBoxV2 = vue.defineComponent({
6777
6777
  }]];
6778
6778
  const infos = vue.ref([]);
6779
6779
  const uuid = vue.ref(UUID());
6780
+ let Mqtt = null;
6780
6781
  vue.onMounted(() => {
6781
6782
  showInfo.value = _prop.showInfo;
6782
6783
  });
@@ -6856,6 +6857,7 @@ const VideoBoxV2 = vue.defineComponent({
6856
6857
  streams.value = JSON.parse(camera.value?.brandTypePo?.streamTypeDict || "[]");
6857
6858
  console.log("vlmSwitchKey.value", vlmSwitchKey.value);
6858
6859
  console.log("localStorage.getItem(vlmSwitchKey.value)", localStorage.getItem(vlmSwitchKey.value));
6860
+ clearFlogCanvas();
6859
6861
  if (localStorage.getItem(vlmSwitchKey.value) !== "false") {
6860
6862
  showVlmInfo.value = true;
6861
6863
  if (camera.value?.ip && showVlmInfo.value) {
@@ -6986,6 +6988,11 @@ const VideoBoxV2 = vue.defineComponent({
6986
6988
  }
6987
6989
  };
6988
6990
  vue.watch(() => _prop.camera, val => {
6991
+ if (Mqtt) {
6992
+ console.log(`\u53D6\u6D88\u8BA2\u9605:${topic.value}`);
6993
+ Mqtt?.unsubscribe(topic.value);
6994
+ Mqtt = null;
6995
+ }
6989
6996
  if (val && Object.keys(val).length != 0) {
6990
6997
  setNewCamera(val);
6991
6998
  }
@@ -7032,7 +7039,6 @@ const VideoBoxV2 = vue.defineComponent({
7032
7039
  }, null) : ""])]
7033
7040
  });
7034
7041
  };
7035
- let Mqtt = null;
7036
7042
  const topic = vue.ref("");
7037
7043
  const {
7038
7044
  isFullscreen,
@@ -7094,7 +7100,6 @@ const VideoBoxV2 = vue.defineComponent({
7094
7100
  textBox = document.createElement("div");
7095
7101
  textBox.id = "textBox_" + uuid.value;
7096
7102
  textBox.style.position = "absolute";
7097
- textBox.style.width = "100%";
7098
7103
  textBox.style.left = "0";
7099
7104
  textBox.style.zIndex = "1000";
7100
7105
  textBox.style.pointerEvents = "none";
@@ -7153,8 +7158,8 @@ const VideoBoxV2 = vue.defineComponent({
7153
7158
  const marginTop = height * 0.1 + margin;
7154
7159
  textBox2.innerHTML = data.text;
7155
7160
  textBox2.style.top = marginTop + "px";
7156
- textBox2.style.backgroundColor = "rgba(255, 255, 255, 0.8)";
7157
- textBox2.style.color = data.text_color || "red";
7161
+ textBox2.style.backgroundColor = "rgba(255, 255, 255, 0.2)";
7162
+ textBox2.style.color = data.text_color || "black";
7158
7163
  textBox2.style.fontSize = `${fontSize}px`;
7159
7164
  textBox2.style.padding = `${margin}px`;
7160
7165
  } else {
package/dist/video/index.js CHANGED
@@ -6750,6 +6750,7 @@ const VideoBoxV2 = defineComponent({
6750
6750
  }]];
6751
6751
  const infos = ref([]);
6752
6752
  const uuid = ref(UUID());
6753
+ let Mqtt = null;
6753
6754
  onMounted(() => {
6754
6755
  showInfo.value = _prop.showInfo;
6755
6756
  });
@@ -6829,6 +6830,7 @@ const VideoBoxV2 = defineComponent({
6829
6830
  streams.value = JSON.parse(camera.value?.brandTypePo?.streamTypeDict || "[]");
6830
6831
  console.log("vlmSwitchKey.value", vlmSwitchKey.value);
6831
6832
  console.log("localStorage.getItem(vlmSwitchKey.value)", localStorage.getItem(vlmSwitchKey.value));
6833
+ clearFlogCanvas();
6832
6834
  if (localStorage.getItem(vlmSwitchKey.value) !== "false") {
6833
6835
  showVlmInfo.value = true;
6834
6836
  if (camera.value?.ip && showVlmInfo.value) {
@@ -6959,6 +6961,11 @@ const VideoBoxV2 = defineComponent({
6959
6961
  }
6960
6962
  };
6961
6963
  watch(() => _prop.camera, val => {
6964
+ if (Mqtt) {
6965
+ console.log(`\u53D6\u6D88\u8BA2\u9605:${topic.value}`);
6966
+ Mqtt?.unsubscribe(topic.value);
6967
+ Mqtt = null;
6968
+ }
6962
6969
  if (val && Object.keys(val).length != 0) {
6963
6970
  setNewCamera(val);
6964
6971
  }
@@ -7005,7 +7012,6 @@ const VideoBoxV2 = defineComponent({
7005
7012
  }, null) : ""])]
7006
7013
  });
7007
7014
  };
7008
- let Mqtt = null;
7009
7015
  const topic = ref("");
7010
7016
  const {
7011
7017
  isFullscreen,
@@ -7067,7 +7073,6 @@ const VideoBoxV2 = defineComponent({
7067
7073
  textBox = document.createElement("div");
7068
7074
  textBox.id = "textBox_" + uuid.value;
7069
7075
  textBox.style.position = "absolute";
7070
- textBox.style.width = "100%";
7071
7076
  textBox.style.left = "0";
7072
7077
  textBox.style.zIndex = "1000";
7073
7078
  textBox.style.pointerEvents = "none";
@@ -7126,8 +7131,8 @@ const VideoBoxV2 = defineComponent({
7126
7131
  const marginTop = height * 0.1 + margin;
7127
7132
  textBox2.innerHTML = data.text;
7128
7133
  textBox2.style.top = marginTop + "px";
7129
- textBox2.style.backgroundColor = "rgba(255, 255, 255, 0.8)";
7130
- textBox2.style.color = data.text_color || "red";
7134
+ textBox2.style.backgroundColor = "rgba(255, 255, 255, 0.2)";
7135
+ textBox2.style.color = data.text_color || "black";
7131
7136
  textBox2.style.fontSize = `${fontSize}px`;
7132
7137
  textBox2.style.padding = `${margin}px`;
7133
7138
  } else {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "inl-ui",
3
- "version": "0.1.132",
3
+ "version": "0.1.134",
4
4
  "description": "工业 pc ui库",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.js",