inl-ui 0.1.143 → 0.1.145

package/README.md

@@ -1,49 +1,49 @@
-# 工业PC ui库
-
-前端通用库，包括组件、hooks、utils等。
-
-### 运行
-
-+ 开发模式 yarn dev
-+ 生产打包 yarn build
-+ 生成文档 yarn build:docs
-+ 打包图扑工具 yarn buildtp
-
-### 使用方法
-
-```javascript
-import inl from 'inl-ui';
-import 'inl-ui/dist/style.css';
-
-vue.use(inl)
-```
-
-
-
-### 激活主题
-
-**vite.config.ts**
-
-```javascript
-const additionalData = require("inl-ui/dist/theme").default;
-
-...
-
-css: {
-  preprocessorOptions: {
-    less: {
-      javascriptEnabled: true,
-      additionalData,
-    },
-  },
-},
-```
-
-### 文档链接
-
-##### [组件文档](./src/components/README.md)
-
-##### [hooks文档](./src/hooks/README.md)
-
-##### [Utils文档](./src/utils/README.md)
-
+# 工业PC ui库
+
+前端通用库，包括组件、hooks、utils等。
+
+### 运行
+
++ 开发模式 yarn dev
++ 生产打包 yarn build
++ 生成文档 yarn build:docs
++ 打包图扑工具 yarn buildtp
+
+### 使用方法
+
+```javascript
+import inl from 'inl-ui';
+import 'inl-ui/dist/style.css';
+
+vue.use(inl)
+```
+
+
+
+### 激活主题
+
+**vite.config.ts**
+
+```javascript
+const additionalData = require("inl-ui/dist/theme").default;
+
+...
+
+css: {
+  preprocessorOptions: {
+    less: {
+      javascriptEnabled: true,
+      additionalData,
+    },
+  },
+},
+```
+
+### 文档链接
+
+##### [组件文档](./src/components/README.md)
+
+##### [hooks文档](./src/hooks/README.md)
+
+##### [Utils文档](./src/utils/README.md)
+

package/dist/components/index.cjs

@@ -17030,10 +17030,13 @@ class WebRtcMt {
   }
   // 重播
   rePlay(videoElm) {
+    const dom = document.getElementById(videoElm);
     this.stopPlay();
-    setTimeout(() => {
-      this.init(this.opt);
-    }, 3e3);
+    if (dom) {
+      setTimeout(() => {
+        this.init(this.opt);
+      }, 3e3);
+    }
   }
   // 播放
   play(videoElm) {
@@ -17127,7 +17130,7 @@ const VideoPlayBack = vue.defineComponent({
     let timer;
     const videoRef = vue.ref();
     const cpnRef = vue.ref();
-    const dom = vue.computed(() => `${props.cameraId + props.cameraCode}`);
+    const dom = vue.computed(() => `${props.cameraId + props.start}`);
     const isLoading = vue.ref(false);
     const isError = vue.ref(false);
     const player = vue.ref();
@@ -17237,8 +17240,8 @@ const VideoPlayBack = vue.defineComponent({
     };
     const stopStream = (video = dom.value) => {
       timer && clearInterval(timer);
-      player.value?.delStream(video);
       player.value?.stopPlay(video);
+      player.value?.delStream(video);
     };
     const timeChange = () => {
       currentPlayPercent.value = 0;

package/dist/components/index.js

@@ -17001,10 +17001,13 @@ class WebRtcMt {
   }
   // 重播
   rePlay(videoElm) {
+    const dom = document.getElementById(videoElm);
     this.stopPlay();
-    setTimeout(() => {
-      this.init(this.opt);
-    }, 3e3);
+    if (dom) {
+      setTimeout(() => {
+        this.init(this.opt);
+      }, 3e3);
+    }
   }
   // 播放
   play(videoElm) {
@@ -17098,7 +17101,7 @@ const VideoPlayBack = defineComponent({
     let timer;
     const videoRef = ref();
     const cpnRef = ref();
-    const dom = computed(() => `${props.cameraId + props.cameraCode}`);
+    const dom = computed(() => `${props.cameraId + props.start}`);
     const isLoading = ref(false);
     const isError = ref(false);
     const player = ref();
@@ -17208,8 +17211,8 @@ const VideoPlayBack = defineComponent({
     };
     const stopStream = (video = dom.value) => {
       timer && clearInterval(timer);
-      player.value?.delStream(video);
       player.value?.stopPlay(video);
+      player.value?.delStream(video);
     };
     const timeChange = () => {
       currentPlayPercent.value = 0;

package/dist/index.cjs

@@ -45,7 +45,7 @@ var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var mqtt__default = /*#__PURE__*/_interopDefaultLegacy(mqtt);
 
-var version = "0.1.142";
+var version = "0.1.144";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -18016,10 +18016,13 @@ class WebRtcMt {
   }
   // 重播
   rePlay(videoElm) {
+    const dom = document.getElementById(videoElm);
     this.stopPlay();
-    setTimeout(() => {
-      this.init(this.opt);
-    }, 3e3);
+    if (dom) {
+      setTimeout(() => {
+        this.init(this.opt);
+      }, 3e3);
+    }
   }
   // 播放
   play(videoElm) {
@@ -18113,7 +18116,7 @@ const VideoPlayBack = vue.defineComponent({
     let timer;
     const videoRef = vue.ref();
     const cpnRef = vue.ref();
-    const dom = vue.computed(() => `${props.cameraId + props.cameraCode}`);
+    const dom = vue.computed(() => `${props.cameraId + props.start}`);
     const isLoading = vue.ref(false);
     const isError = vue.ref(false);
     const player = vue.ref();
@@ -18223,8 +18226,8 @@ const VideoPlayBack = vue.defineComponent({
     };
     const stopStream = (video = dom.value) => {
       timer && clearInterval(timer);
-      player.value?.delStream(video);
       player.value?.stopPlay(video);
+      player.value?.delStream(video);
     };
     const timeChange = () => {
       currentPlayPercent.value = 0;

package/dist/index.d.ts

@@ -11,7 +11,7 @@ import { Key } from 'ant-design-vue/lib/table/interface';
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
 import * as _ant_design_icons_vue_lib_components_IconFont from '@ant-design/icons-vue/lib/components/IconFont';
 
-var version = "0.1.142";
+var version = "0.1.144";
 
 declare const _default$p: {
     set(theme: string): void;

package/dist/index.js

@@ -14,7 +14,7 @@ import { XPopup, CommentBlock, setAxiosOption } from '@sszj-temp/mobile';
 import { marked } from 'marked';
 import '@sszj-temp/mobile/style.css';
 
-var version = "0.1.142";
+var version = "0.1.144";
 
 const setTheme = theme => {
   if (theme === "dark") {
@@ -17985,10 +17985,13 @@ class WebRtcMt {
   }
   // 重播
   rePlay(videoElm) {
+    const dom = document.getElementById(videoElm);
     this.stopPlay();
-    setTimeout(() => {
-      this.init(this.opt);
-    }, 3e3);
+    if (dom) {
+      setTimeout(() => {
+        this.init(this.opt);
+      }, 3e3);
+    }
   }
   // 播放
   play(videoElm) {
@@ -18082,7 +18085,7 @@ const VideoPlayBack = defineComponent({
     let timer;
     const videoRef = ref();
     const cpnRef = ref();
-    const dom = computed(() => `${props.cameraId + props.cameraCode}`);
+    const dom = computed(() => `${props.cameraId + props.start}`);
     const isLoading = ref(false);
     const isError = ref(false);
     const player = ref();
@@ -18192,8 +18195,8 @@ const VideoPlayBack = defineComponent({
     };
     const stopStream = (video = dom.value) => {
       timer && clearInterval(timer);
-      player.value?.delStream(video);
       player.value?.stopPlay(video);
+      player.value?.delStream(video);
     };
     const timeChange = () => {
       currentPlayPercent.value = 0;

package/dist/theme/index.js

@@ -1,70 +1,70 @@
-const less = require("less");
-const defaultVars = require("./scripts/default-vars");
-
-const dark = require("./scripts/dark-vars");
-const light = require("./scripts/light-vars");
-
-const path = require("path");
-const varDark = path.join(__dirname, ".", "style");
-const themeConfig = [
-  {
-    theme: "dark",
-    htmlThemeAttr: "dark",
-    modifyVars: {
-      hack: `true;@import "${require.resolve(
-        varDark + "/color/colorPalette.less"
-      )}";@import "${require.resolve(varDark + "/themes/var-dark.less")}";`,
-      ...defaultVars,
-      ...dark,
-      "root-entry-name": "dark",
-    },
-  },
-  {
-    theme: "light",
-    htmlThemeAttr: "light",
-    modifyVars: {
-      // 引入除了变量外的其他内容
-      hack: `true;@import "${require.resolve(
-        varDark + "/color/colorPalette.less"
-      )}";@import "${require.resolve(varDark + "/themes/var-default.less")}";`,
-      ...defaultVars,
-      ...light,
-      "root-entry-name": "default",
-    },
-  },
-];
-const additionalData = async (content, filename) => {
-  const themePromises = themeConfig.map(async (t) => {
-    const { htmlThemeAttr, modifyVars = {} } = t;
-    const options = {
-      javascriptEnabled: true,
-      modifyVars,
-      relativeUrls: true,
-      filename,
-    };
-    try {
-      const { css } = await less.render(content, options);
-      let res = "";
-      if (htmlThemeAttr && css) {
-        res = `
-        [data-doc-theme=${htmlThemeAttr}] {
-          ${css}
-        }
-        `;
-      }
-      return Promise.resolve(res);
-    } catch (error) {
-      // eslint-disable-next-line no-console
-      console.log(error);
-      return Promise.reject(content);
-    }
-  });
-  let res = content;
-  for (const themePromise of themePromises) {
-    const theme = await themePromise;
-    res += theme;
-  }
-  return res;
-};
-
-exports.default = additionalData;
+const less = require("less");
+const defaultVars = require("./scripts/default-vars");
+
+const dark = require("./scripts/dark-vars");
+const light = require("./scripts/light-vars");
+
+const path = require("path");
+const varDark = path.join(__dirname, ".", "style");
+const themeConfig = [
+  {
+    theme: "dark",
+    htmlThemeAttr: "dark",
+    modifyVars: {
+      hack: `true;@import "${require.resolve(
+        varDark + "/color/colorPalette.less"
+      )}";@import "${require.resolve(varDark + "/themes/var-dark.less")}";`,
+      ...defaultVars,
+      ...dark,
+      "root-entry-name": "dark",
+    },
+  },
+  {
+    theme: "light",
+    htmlThemeAttr: "light",
+    modifyVars: {
+      // 引入除了变量外的其他内容
+      hack: `true;@import "${require.resolve(
+        varDark + "/color/colorPalette.less"
+      )}";@import "${require.resolve(varDark + "/themes/var-default.less")}";`,
+      ...defaultVars,
+      ...light,
+      "root-entry-name": "default",
+    },
+  },
+];
+const additionalData = async (content, filename) => {
+  const themePromises = themeConfig.map(async (t) => {
+    const { htmlThemeAttr, modifyVars = {} } = t;
+    const options = {
+      javascriptEnabled: true,
+      modifyVars,
+      relativeUrls: true,
+      filename,
+    };
+    try {
+      const { css } = await less.render(content, options);
+      let res = "";
+      if (htmlThemeAttr && css) {
+        res = `
+        [data-doc-theme=${htmlThemeAttr}] {
+          ${css}
+        }
+        `;
+      }
+      return Promise.resolve(res);
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      return Promise.reject(content);
+    }
+  });
+  let res = content;
+  for (const themePromise of themePromises) {
+    const theme = await themePromise;
+    res += theme;
+  }
+  return res;
+};
+
+exports.default = additionalData;

package/dist/theme/scripts/dark-vars.js

@@ -1,21 +1,21 @@
-/**
- * convert dark.less into js vars
- *
- * const darkVars = require('./dark-vars');
- */
-const fs = require("fs");
-const path = require("path");
-const lessToJs = require("less-vars-to-js");
-
-const stylePath = path.join(__dirname, "..", "style");
-const darkLess = fs.readFileSync(
-  path.join(stylePath, "themes", "var-dark.less"),
-  "utf8"
-);
-
-const darkPaletteLess = lessToJs(darkLess, {
-  stripPrefix: true,
-  resolveVariables: false,
-});
-
-module.exports = darkPaletteLess;
+/**
+ * convert dark.less into js vars
+ *
+ * const darkVars = require('./dark-vars');
+ */
+const fs = require("fs");
+const path = require("path");
+const lessToJs = require("less-vars-to-js");
+
+const stylePath = path.join(__dirname, "..", "style");
+const darkLess = fs.readFileSync(
+  path.join(stylePath, "themes", "var-dark.less"),
+  "utf8"
+);
+
+const darkPaletteLess = lessToJs(darkLess, {
+  stripPrefix: true,
+  resolveVariables: false,
+});
+
+module.exports = darkPaletteLess;

package/dist/theme/scripts/default-vars.js

@@ -1,25 +1,25 @@
-/**
- * convert default.less into js vars
- *
- * const darkVars = require('./default-vars');
- */
-const fs = require("fs");
-const path = require("path");
-const lessToJs = require("less-vars-to-js");
-
-const stylePath = path.join(__dirname, "..", "style");
-const colorLess = fs.readFileSync(
-  path.join(stylePath, "color", "colors.less"),
-  "utf8"
-);
-const defaultLess = fs.readFileSync(
-  path.join(stylePath, "themes", "default.less"),
-  "utf8"
-);
-
-const defaultPaletteLess = lessToJs(`${colorLess}${defaultLess}`, {
-  stripPrefix: true,
-  resolveVariables: false,
-});
-
-module.exports = defaultPaletteLess;
+/**
+ * convert default.less into js vars
+ *
+ * const darkVars = require('./default-vars');
+ */
+const fs = require("fs");
+const path = require("path");
+const lessToJs = require("less-vars-to-js");
+
+const stylePath = path.join(__dirname, "..", "style");
+const colorLess = fs.readFileSync(
+  path.join(stylePath, "color", "colors.less"),
+  "utf8"
+);
+const defaultLess = fs.readFileSync(
+  path.join(stylePath, "themes", "default.less"),
+  "utf8"
+);
+
+const defaultPaletteLess = lessToJs(`${colorLess}${defaultLess}`, {
+  stripPrefix: true,
+  resolveVariables: false,
+});
+
+module.exports = defaultPaletteLess;

package/dist/theme/scripts/light-vars.js

@@ -1,22 +1,22 @@
-/**
- * convert dark.less into js vars
- *
- * const darkVars = require('./dark-vars');
- */
-const fs = require("fs");
-const path = require("path");
-const lessToJs = require("less-vars-to-js");
-
-const stylePath = path.join(__dirname, "..", "style");
-const lightLess = fs.readFileSync(
-  path.join(stylePath, "themes", "var-default.less"),
-  "utf8"
-);
-
-// 注册变量，过滤其他内容
-const lightPaletteLess = lessToJs(lightLess, {
-  stripPrefix: true,
-  resolveVariables: false,
-});
-
-module.exports = lightPaletteLess;
+/**
+ * convert dark.less into js vars
+ *
+ * const darkVars = require('./dark-vars');
+ */
+const fs = require("fs");
+const path = require("path");
+const lessToJs = require("less-vars-to-js");
+
+const stylePath = path.join(__dirname, "..", "style");
+const lightLess = fs.readFileSync(
+  path.join(stylePath, "themes", "var-default.less"),
+  "utf8"
+);
+
+// 注册变量，过滤其他内容
+const lightPaletteLess = lessToJs(lightLess, {
+  stripPrefix: true,
+  resolveVariables: false,
+});
+
+module.exports = lightPaletteLess;