inl-ui 0.1.142 → 0.1.144

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

@@ -17127,7 +17127,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 +17237,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

@@ -17098,7 +17098,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 +17208,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

@@ -18113,7 +18113,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 +18223,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.js

@@ -18082,7 +18082,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 +18192,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;