inl-ui 0.1.53 → 0.1.55

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

@@ -13,16 +13,32 @@ var dayjs = require('dayjs');
 var qiankun = require('qiankun');
 require('vite-plugin-qiankun');
 var renderWithQiankun = require('vite-plugin-qiankun/dist/helper');
-var EZUIKit = require('ezuikit-js');
 var mobile = require('@sszj-temp/mobile');
 var marked = require('marked');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios$2);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-var EZUIKit__default = /*#__PURE__*/_interopDefaultLegacy(EZUIKit);
 
 const config = {
   prefix: "inl",
@@ -9650,7 +9666,9 @@ const VideoBoxV2 = vue.defineComponent({
       newDiv.style.top = mousedownEvent.offsetY + begin.top + "px";
       boxDom.appendChild(newDiv);
       const thumbnailDom = document.getElementById("thumbnail_" + uuid.value);
+      const footerDom = document.getElementById("footer_" + uuid.value);
       thumbnailDom.style.display = "none";
+      footerDom.style.display = "none";
       playerDom?.addEventListener("mousemove", mousemoveFun);
     };
     const mouseupFun = mouseupEvent => {
@@ -9660,7 +9678,9 @@ const VideoBoxV2 = vue.defineComponent({
       playerDom?.removeEventListener("mousemove", mousemoveFun);
       newDiv.remove();
       const thumbnailDom = document.getElementById("thumbnail_" + uuid.value);
+      const footerDom = document.getElementById("footer_" + uuid.value);
       thumbnailDom.style.display = "inline";
+      footerDom.style.display = "flex";
       const scaleX = Math.abs(mousemoveEvent.pageX - mousedownEvent.pageX) / boxDom.offsetWidth;
       const scaleY = Math.abs(mousemoveEvent.pageY - mousedownEvent.pageY) / boxDom.offsetHeight;
       const playerLeft = Math.min(mousedownEvent.offsetX, mousemoveEvent.offsetX) * -1 / scaleX;
@@ -9796,7 +9816,8 @@ const VideoBoxV2 = vue.defineComponent({
         "class": "value"
       }, [info.displayValue && info.displayValue !== "null" ? info.displayValue + " " : ""]), vue.createVNode("div", null, [info.unit])]);
     })]) : "", vue.createVNode("div", {
-      "class": "footer-min"
+      "class": "footer-min",
+      "id": "footer_" + uuid.value
     }, [vue.createVNode("div", {
       "class": "name-min"
     }, [vue.createVNode("span", null, [camera.value?.name])]), vue.createVNode("div", {
@@ -10434,8 +10455,12 @@ const CloudVideo = vue.defineComponent({
       if (prop.template) {
         opt.height = prop.height;
       }
-      player = await new EZUIKit__default["default"].EZUIKitPlayer(opt);
-      _context.emit("complete", player);
+      Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('ezuikit-js')); }).then(async ({
+        default: EZUIKit
+      }) => {
+        player = await new EZUIKit.EZUIKitPlayer(opt);
+        _context.emit("complete", player);
+      });
     };
     vue.onMounted(() => {
       initVideo();

package/dist/components/index.js

@@ -9,7 +9,6 @@ import dayjs from 'dayjs';
 import { loadMicroApp } from 'qiankun';
 import 'vite-plugin-qiankun';
 import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
-import EZUIKit from 'ezuikit-js';
 import { XPopup, CommentBlock, setAxiosOption } from '@sszj-temp/mobile';
 import { marked } from 'marked';
 
@@ -9639,7 +9638,9 @@ const VideoBoxV2 = defineComponent({
       newDiv.style.top = mousedownEvent.offsetY + begin.top + "px";
       boxDom.appendChild(newDiv);
       const thumbnailDom = document.getElementById("thumbnail_" + uuid.value);
+      const footerDom = document.getElementById("footer_" + uuid.value);
       thumbnailDom.style.display = "none";
+      footerDom.style.display = "none";
       playerDom?.addEventListener("mousemove", mousemoveFun);
     };
     const mouseupFun = mouseupEvent => {
@@ -9649,7 +9650,9 @@ const VideoBoxV2 = defineComponent({
       playerDom?.removeEventListener("mousemove", mousemoveFun);
       newDiv.remove();
       const thumbnailDom = document.getElementById("thumbnail_" + uuid.value);
+      const footerDom = document.getElementById("footer_" + uuid.value);
       thumbnailDom.style.display = "inline";
+      footerDom.style.display = "flex";
       const scaleX = Math.abs(mousemoveEvent.pageX - mousedownEvent.pageX) / boxDom.offsetWidth;
       const scaleY = Math.abs(mousemoveEvent.pageY - mousedownEvent.pageY) / boxDom.offsetHeight;
       const playerLeft = Math.min(mousedownEvent.offsetX, mousemoveEvent.offsetX) * -1 / scaleX;
@@ -9785,7 +9788,8 @@ const VideoBoxV2 = defineComponent({
         "class": "value"
       }, [info.displayValue && info.displayValue !== "null" ? info.displayValue + " " : ""]), createVNode("div", null, [info.unit])]);
     })]) : "", createVNode("div", {
-      "class": "footer-min"
+      "class": "footer-min",
+      "id": "footer_" + uuid.value
     }, [createVNode("div", {
       "class": "name-min"
     }, [createVNode("span", null, [camera.value?.name])]), createVNode("div", {
@@ -10423,8 +10427,12 @@ const CloudVideo = defineComponent({
       if (prop.template) {
         opt.height = prop.height;
       }
-      player = await new EZUIKit.EZUIKitPlayer(opt);
-      _context.emit("complete", player);
+      import('ezuikit-js').then(async ({
+        default: EZUIKit
+      }) => {
+        player = await new EZUIKit.EZUIKitPlayer(opt);
+        _context.emit("complete", player);
+      });
     };
     onMounted(() => {
       initVideo();