@web-utils/component 2.7.30 → 2.7.31

package/dist/components/properties-panel/style.css

@@ -1 +1,122 @@
-.process-panel__container{box-sizing:border-box;padding:0 8px;border-left:1px solid #eeeeee;box-shadow:0 0 8px #ccc;max-height:100%;overflow-y:auto}.panel-tab__title{font-weight:600;padding:0 8px;font-size:1.1em;line-height:1.2em}.panel-tab__title i{margin-right:8px;font-size:1.2em}.panel-tab__content{width:100%;box-sizing:border-box;border-top:1px solid #eeeeee;padding:8px 16px}.panel-tab__content .panel-tab__content--title{display:flex;justify-content:space-between;padding-bottom:8px}.panel-tab__content .panel-tab__content--title span{flex:1;text-align:left}.element-property{width:100%;display:flex;align-items:flex-start;margin:8px 0}.element-property .element-property__label{display:block;width:90px;text-align:right;overflow:hidden;padding-right:12px;line-height:32px;font-size:14px;box-sizing:border-box}.element-property .element-property__value{flex:1;line-height:32px}.element-property .el-form-item{width:100%;margin-bottom:0;padding-bottom:18px}.list-property{flex-direction:column}.list-property .element-listener-item{width:100%;display:inline-grid;grid-template-columns:16px auto 32px 32px;grid-column-gap:8px}.list-property .element-listener-item+.element-listener-item{margin-top:8px}.listener-filed__title{display:inline-flex;width:100%;justify-content:space-between;align-items:center;margin-top:0}.listener-filed__title span{width:200px;text-align:left;font-size:14px}.listener-filed__title i{margin-right:8px}.element-drawer__button{margin-top:8px;width:100%;display:inline-flex;justify-content:space-around}.element-drawer__button>.el-button{width:100%}.el-collapse-item__content{padding-bottom:0}.el-input.is-disabled .el-input__inner{color:#999}.el-form-item.el-form-item--mini{margin-bottom:0}.el-form-item.el-form-item--mini+.el-form-item{margin-top:16px}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.process-panel__container {
+  box-sizing: border-box;
+  padding: 0 8px;
+  border-left: 1px solid #eeeeee;
+  box-shadow: 0 0 8px #cccccc;
+  max-height: 100%;
+  overflow-y: auto;
+}
+
+.panel-tab__title {
+  font-weight: 600;
+  padding: 0 8px;
+  font-size: 1.1em;
+  line-height: 1.2em;
+}
+.panel-tab__title i {
+  margin-right: 8px;
+  font-size: 1.2em;
+}
+
+.panel-tab__content {
+  width: 100%;
+  box-sizing: border-box;
+  border-top: 1px solid #eeeeee;
+  padding: 8px 16px;
+}
+.panel-tab__content .panel-tab__content--title {
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 8px;
+}
+.panel-tab__content .panel-tab__content--title span {
+  flex: 1;
+  text-align: left;
+}
+
+.element-property {
+  width: 100%;
+  display: flex;
+  align-items: flex-start;
+  margin: 8px 0;
+}
+.element-property .element-property__label {
+  display: block;
+  width: 90px;
+  text-align: right;
+  overflow: hidden;
+  padding-right: 12px;
+  line-height: 32px;
+  font-size: 14px;
+  box-sizing: border-box;
+}
+.element-property .element-property__value {
+  flex: 1;
+  line-height: 32px;
+}
+.element-property .el-form-item {
+  width: 100%;
+  margin-bottom: 0;
+  padding-bottom: 18px;
+}
+
+.list-property {
+  flex-direction: column;
+}
+.list-property .element-listener-item {
+  width: 100%;
+  display: inline-grid;
+  grid-template-columns: 16px auto 32px 32px;
+  grid-column-gap: 8px;
+}
+.list-property .element-listener-item + .element-listener-item {
+  margin-top: 8px;
+}
+
+.listener-filed__title {
+  display: inline-flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 0;
+}
+.listener-filed__title span {
+  width: 200px;
+  text-align: left;
+  font-size: 14px;
+}
+.listener-filed__title i {
+  margin-right: 8px;
+}
+
+.element-drawer__button {
+  margin-top: 8px;
+  width: 100%;
+  display: inline-flex;
+  justify-content: space-around;
+}
+
+.element-drawer__button > .el-button {
+  width: 100%;
+}
+
+.el-collapse-item__content {
+  padding-bottom: 0;
+}
+
+.el-input.is-disabled .el-input__inner {
+  color: #999999;
+}
+
+.el-form-item.el-form-item--mini {
+  margin-bottom: 0;
+}
+.el-form-item.el-form-item--mini + .el-form-item {
+  margin-top: 16px;
+}

package/dist/components/queue/index.js

@@ -1,6 +1,8 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     class: ["avue-queue", {
       "avue-queue--block": _vm.block
@@ -10,7 +12,8 @@ var render = function() {
     staticClass: "animated",
     class: _vm.animate
   }, [_vm._t("default")], 2)]);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
 const __vue2_script = {
   name: "Queue",
   props: {
@@ -24,7 +27,7 @@ const __vue2_script = {
     },
     block: {
       type: Boolean,
-      default: !1
+      default: false
     },
     delay: {
       type: Number,
@@ -39,7 +42,8 @@ const __vue2_script = {
   },
   mounted() {
     this.$nextTick(() => {
-      addEventListener("scroll", this.handleAnimate), this.handleAnimate();
+      addEventListener("scroll", this.handleAnimate);
+      this.handleAnimate();
     });
   },
   destroyed() {
@@ -47,26 +51,34 @@ const __vue2_script = {
   },
   methods: {
     handleAnimate() {
-      const top = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop, vh = document.documentElement.clientHeight, v = this.$refs.queue;
-      top + vh > v.offsetTop ? setTimeout(() => {
-        this.animate = [this.enter, "avue-opacity--active"];
-      }, this.delay) : this.animate = ["avue-opacity"];
+      const top = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
+      const vh = document.documentElement.clientHeight;
+      const v = this.$refs.queue;
+      if (top + vh > v.offsetTop) {
+        setTimeout(() => {
+          this.animate = [this.enter, "avue-opacity--active"];
+        }, this.delay);
+      } else {
+        this.animate = ["avue-opacity"];
+      }
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const Queue = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/record-video/index.js

@@ -1,13 +1,15 @@
-import { s as setPx } from "../../chunks/util.89913643.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
-let RecordVideo$1 = class {
+import { s as setPx } from "../../chunks/util.b0d0b0ad.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
+let RecordVideo$1 = class RecordVideo {
   /**
    * 构造函数
    *
    * @param  {Object}   videoObj 视频对象
    */
   constructor(videoObj) {
-    this.video = videoObj, this.mediaRecorder = null, this.chunks = [];
+    this.video = videoObj;
+    this.mediaRecorder = null;
+    this.chunks = [];
   }
   /**
    * 初始化
@@ -17,18 +19,26 @@ let RecordVideo$1 = class {
   init() {
     return new Promise((resolve, reject) => {
       navigator.mediaDevices.getUserMedia({
-        audio: !0,
-        video: !0
+        audio: true,
+        video: true
         // video: {
         //     width: this.videoWidth,
         //     height: this.videoHeight
         // }
       }).then((stream) => {
-        "srcObject" in this.video ? this.video.srcObject = stream : this.video.src = window.URL.createObjectURL(stream), this.video.addEventListener("loadmetadata", () => {
+        if ("srcObject" in this.video) {
+          this.video.srcObject = stream;
+        } else {
+          this.video.src = window.URL.createObjectURL(stream);
+        }
+        this.video.addEventListener("loadmetadata", () => {
           this.video.play();
-        }), this.mediaRecorder = new MediaRecorder(stream), this.mediaRecorder.addEventListener("dataavailable", (e) => {
+        });
+        this.mediaRecorder = new MediaRecorder(stream);
+        this.mediaRecorder.addEventListener("dataavailable", (e) => {
           this.chunks.push(e.data);
-        }), resolve();
+        });
+        resolve();
       }).catch((error) => {
         reject(error);
       });
@@ -38,13 +48,17 @@ let RecordVideo$1 = class {
    * 视频开始录制
    */
   startRecord() {
-    this.mediaRecorder.state === "inactive" && this.mediaRecorder.start();
+    if (this.mediaRecorder.state === "inactive") {
+      this.mediaRecorder.start();
+    }
   }
   /**
    * 视频结束录制
    */
   stopRecord() {
-    this.mediaRecorder.state === "recording" && this.mediaRecorder.stop();
+    if (this.mediaRecorder.state === "recording") {
+      this.mediaRecorder.stop();
+    }
   }
   /**
    * 检测当前浏览器对否支持
@@ -52,12 +66,16 @@ let RecordVideo$1 = class {
    * @return {boolean} 当前浏览器是否支持
    */
   isSupport() {
-    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia)
-      return !0;
+    const flag = navigator.mediaDevices && navigator.mediaDevices.getUserMedia;
+    if (flag) {
+      return true;
+    }
   }
 };
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "avue-video",
     style: _vm.styleName
@@ -75,21 +93,23 @@ var render = function() {
     staticClass: "avue-video__img",
     style: _vm.imgStyleName,
     attrs: {
-      src: _vm.background,
-      alt: ""
+      "src": _vm.background,
+      "alt": ""
     }
   }), _c("video", {
     ref: "main",
     staticClass: "avue-video__main",
     attrs: {
-      autoplay: "",
-      muted: ""
+      "autoplay": "",
+      "muted": ""
     },
     domProps: {
-      muted: !0
+      "muted": true
     }
   })]);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const RecordVideo_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "RecordVideo",
   props: {
@@ -130,8 +150,10 @@ const __vue2_script = {
   },
   methods: {
     init() {
-      this.videoObj = new RecordVideo$1(this.$refs.main), this.videoObj.init().then(() => {
-        this.videoObj.mediaRecorder.addEventListener("stop", this.getData, !1);
+      this.videoObj = new RecordVideo$1(this.$refs.main);
+      const videoPromise = this.videoObj.init();
+      videoPromise.then(() => {
+        this.videoObj.mediaRecorder.addEventListener("stop", this.getData, false);
       });
     },
     startRecord() {
@@ -143,27 +165,31 @@ const __vue2_script = {
     getData() {
       const blob = new Blob(this.videoObj.chunks, {
         type: "video/mp4"
-      }), reader = new FileReader();
-      reader.readAsDataURL(blob), reader.addEventListener("loadend", () => {
+      });
+      const reader = new FileReader();
+      reader.readAsDataURL(blob);
+      reader.addEventListener("loadend", () => {
         const videoBase64 = reader.result;
         this.$emit("data-change", videoBase64);
       });
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const RecordVideo2 = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/record-video/style.css

@@ -1 +1,53 @@
-.avue-video{position:relative;width:500px;overflow:hidden}.avue-video__border span{position:absolute;width:30px;height:30px;border-width:4px;color:#0073eb;border-style:solid}.avue-video__border span:nth-child(1){left:15px;top:15px;border-right:0;border-bottom:0}.avue-video__border span:nth-child(2){right:15px;top:15px;border-left:0;border-bottom:0}.avue-video__border span:nth-child(3){bottom:15px;left:15px;border-right:0;border-top:0}.avue-video__border span:nth-child(4){bottom:15px;right:15px;border-left:0;border-top:0}.avue-video__img{width:100px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.avue-video__main{width:100%}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.avue-video {
+  position: relative;
+  width: 500px;
+  overflow: hidden;
+}
+.avue-video__border span {
+  position: absolute;
+  width: 30px;
+  height: 30px;
+  border-width: 4px;
+  color: #0073eb;
+  border-style: solid;
+}
+.avue-video__border span:nth-child(1) {
+  left: 15px;
+  top: 15px;
+  border-right: 0;
+  border-bottom: 0;
+}
+.avue-video__border span:nth-child(2) {
+  right: 15px;
+  top: 15px;
+  border-left: 0;
+  border-bottom: 0;
+}
+.avue-video__border span:nth-child(3) {
+  bottom: 15px;
+  left: 15px;
+  border-right: 0;
+  border-top: 0;
+}
+.avue-video__border span:nth-child(4) {
+  bottom: 15px;
+  right: 15px;
+  border-left: 0;
+  border-top: 0;
+}
+.avue-video__img {
+  width: 100px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.avue-video__main {
+  width: 100%;
+}

package/dist/components/resize-observer/index.js

@@ -1,58 +1,92 @@
-import { j as getInternetExplorerVersion } from "../../chunks/utils.d7f73f8d.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { j as getInternetExplorerVersion } from "../../chunks/utils.2a3ffac9.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "resize-observer",
     attrs: {
-      tabindex: "-1"
+      "tabindex": "-1"
     }
   });
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const ResizeObserver_vue_vue_type_style_index_0_lang = "";
 let isIE;
 function initCompat() {
-  initCompat.init || (initCompat.init = !0, isIE = getInternetExplorerVersion() !== -1);
+  if (!initCompat.init) {
+    initCompat.init = true;
+    isIE = getInternetExplorerVersion() !== -1;
+  }
 }
 const __vue2_script = {
   name: "ResizeObserver",
   mounted() {
-    initCompat(), this.$nextTick(() => {
-      this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight;
+    initCompat();
+    this.$nextTick(() => {
+      this._w = this.$el.offsetWidth;
+      this._h = this.$el.offsetHeight;
     });
     const object = document.createElement("object");
-    this._resizeObject = object, object.setAttribute("aria-hidden", "true"), object.setAttribute("tabindex", -1), object.onload = this.addResizeHandlers, object.type = "text/html", isIE && this.$el.appendChild(object), object.data = "about:blank", isIE || this.$el.appendChild(object);
+    this._resizeObject = object;
+    object.setAttribute("aria-hidden", "true");
+    object.setAttribute("tabindex", -1);
+    object.onload = this.addResizeHandlers;
+    object.type = "text/html";
+    if (isIE) {
+      this.$el.appendChild(object);
+    }
+    object.data = "about:blank";
+    if (!isIE) {
+      this.$el.appendChild(object);
+    }
   },
   beforeDestroy() {
     this.removeResizeHandlers();
   },
   methods: {
     compareAndNotify() {
-      (this._w !== this.$el.offsetWidth || this._h !== this.$el.offsetHeight) && (this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.$emit("notify", {
-        width: this._w,
-        height: this._h
-      }));
+      if (this._w !== this.$el.offsetWidth || this._h !== this.$el.offsetHeight) {
+        this._w = this.$el.offsetWidth;
+        this._h = this.$el.offsetHeight;
+        this.$emit("notify", {
+          width: this._w,
+          height: this._h
+        });
+      }
     },
     addResizeHandlers() {
-      this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
+      this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify);
+      this.compareAndNotify();
     },
     removeResizeHandlers() {
-      this._resizeObject && this._resizeObject.onload && (!isIE && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+      if (this._resizeObject && this._resizeObject.onload) {
+        if (!isIE && this._resizeObject.contentDocument) {
+          this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify);
+        }
+        this.$el.removeChild(this._resizeObject);
+        this._resizeObject.onload = null;
+        this._resizeObject = null;
+      }
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const ResizeObserver = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/resize-observer/style.css

@@ -1 +1,31 @@
-.resize-observer{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;overflow:hidden;background-color:transparent;border:none;opacity:0;pointer-events:none}.resize-observer>object{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.resize-observer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-color: transparent;
+  border: none;
+  opacity: 0;
+  pointer-events: none;
+}
+.resize-observer > object {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  display: block;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  pointer-events: none;
+}