@web-utils/component 2.7.20 → 2.7.21

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

@@ -0,0 +1,106 @@
+.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;
+}

package/dist/components/queue/index.js

@@ -1,17 +1,17 @@
-import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var o = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     class: ["avue-queue", {
-      "avue-queue--block": e.block
+      "avue-queue--block": _vm.block
     }]
-  }, [n("div", {
+  }, [_c("div", {
     ref: "queue",
     staticClass: "animated",
-    class: e.animate
-  }, [e._t("default")], 2)]);
-}, i = [];
-const l = {
+    class: _vm.animate
+  }, [_vm._t("default")], 2)]);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "Queue",
   props: {
     enter: {
@@ -47,30 +47,30 @@ const l = {
   },
   methods: {
     handleAnimate() {
-      const e = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop, t = document.documentElement.clientHeight, n = this.$refs.queue;
-      e + t > n.offsetTop ? setTimeout(() => {
+      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"];
     }
   }
-}, a = {};
-var u = /* @__PURE__ */ s(
-  l,
-  o,
-  i,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  r,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function r(e) {
-  for (let t in a)
-    this[t] = a[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const d = /* @__PURE__ */ function() {
-  return u.exports;
+const Queue = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  d as default
+  Queue as default
 };

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

@@ -1,13 +1,13 @@
-import { s as r } from "../../chunks/util.23fe58fb.js";
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-let n = class {
+import { s as setPx } from "../../chunks/util.89913643.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+let RecordVideo$1 = class {
   /**
    * 构造函数
    *
    * @param  {Object}   videoObj 视频对象
    */
-  constructor(t) {
-    this.video = t, this.mediaRecorder = null, this.chunks = [];
+  constructor(videoObj) {
+    this.video = videoObj, this.mediaRecorder = null, this.chunks = [];
   }
   /**
    * 初始化
@@ -15,7 +15,7 @@ let n = class {
    * @return {Object} promise
    */
   init() {
-    return new Promise((t, i) => {
+    return new Promise((resolve, reject) => {
       navigator.mediaDevices.getUserMedia({
         audio: !0,
         video: !0
@@ -23,14 +23,14 @@ let n = class {
         //     width: this.videoWidth,
         //     height: this.videoHeight
         // }
-      }).then((s) => {
-        "srcObject" in this.video ? this.video.srcObject = s : this.video.src = window.URL.createObjectURL(s), this.video.addEventListener("loadmetadata", () => {
+      }).then((stream) => {
+        "srcObject" in this.video ? this.video.srcObject = stream : this.video.src = window.URL.createObjectURL(stream), this.video.addEventListener("loadmetadata", () => {
           this.video.play();
-        }), this.mediaRecorder = new MediaRecorder(s), this.mediaRecorder.addEventListener("dataavailable", (d) => {
-          this.chunks.push(d.data);
-        }), t();
-      }).catch((s) => {
-        i(s);
+        }), this.mediaRecorder = new MediaRecorder(stream), this.mediaRecorder.addEventListener("dataavailable", (e) => {
+          this.chunks.push(e.data);
+        }), resolve();
+      }).catch((error) => {
+        reject(error);
       });
     });
   }
@@ -56,29 +56,29 @@ let n = class {
       return !0;
   }
 };
-var c = function() {
-  var e = this, t = e.$createElement, i = e._self._c || t;
-  return i("div", {
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "avue-video",
-    style: e.styleName
-  }, [i("div", {
+    style: _vm.styleName
+  }, [_c("div", {
     staticClass: "avue-video__border"
-  }, [i("span", {
-    style: e.borderStyleName
-  }), i("span", {
-    style: e.borderStyleName
-  }), i("span", {
-    style: e.borderStyleName
-  }), i("span", {
-    style: e.borderStyleName
-  })]), i("img", {
+  }, [_c("span", {
+    style: _vm.borderStyleName
+  }), _c("span", {
+    style: _vm.borderStyleName
+  }), _c("span", {
+    style: _vm.borderStyleName
+  }), _c("span", {
+    style: _vm.borderStyleName
+  })]), _c("img", {
     staticClass: "avue-video__img",
-    style: e.imgStyleName,
+    style: _vm.imgStyleName,
     attrs: {
-      src: e.background,
+      src: _vm.background,
       alt: ""
     }
-  }), i("video", {
+  }), _c("video", {
     ref: "main",
     staticClass: "avue-video__main",
     attrs: {
@@ -89,8 +89,8 @@ var c = function() {
       muted: !0
     }
   })]);
-}, l = [];
-const h = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "RecordVideo",
   props: {
     background: {
@@ -109,19 +109,19 @@ const h = {
   computed: {
     styleName() {
       return {
-        width: r(this.width)
+        width: setPx(this.width)
       };
     },
     imgStyleName() {
       return {
-        width: r(this.width / 2)
+        width: setPx(this.width / 2)
       };
     },
     borderStyleName() {
       return {
-        width: r(this.width / 15),
-        height: r(this.width / 15),
-        borderWidth: r(5)
+        width: setPx(this.width / 15),
+        height: setPx(this.width / 15),
+        borderWidth: setPx(5)
       };
     }
   },
@@ -130,7 +130,7 @@ const h = {
   },
   methods: {
     init() {
-      this.videoObj = new n(this.$refs.main), this.videoObj.init().then(() => {
+      this.videoObj = new RecordVideo$1(this.$refs.main), this.videoObj.init().then(() => {
         this.videoObj.mediaRecorder.addEventListener("stop", this.getData, !1);
       });
     },
@@ -141,33 +141,33 @@ const h = {
       this.videoObj.stopRecord();
     },
     getData() {
-      const e = new Blob(this.videoObj.chunks, {
+      const blob = new Blob(this.videoObj.chunks, {
         type: "video/mp4"
-      }), t = new FileReader();
-      t.readAsDataURL(e), t.addEventListener("loadend", () => {
-        const i = t.result;
-        this.$emit("data-change", i);
+      }), reader = new FileReader();
+      reader.readAsDataURL(blob), reader.addEventListener("loadend", () => {
+        const videoBase64 = reader.result;
+        this.$emit("data-change", videoBase64);
       });
     }
   }
-}, a = {};
-var v = /* @__PURE__ */ o(
-  h,
-  c,
-  l,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  m,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function m(e) {
-  for (let t in a)
-    this[t] = a[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const R = /* @__PURE__ */ function() {
-  return v.exports;
+const RecordVideo2 = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  R as default
+  RecordVideo2 as default
 };

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

@@ -1 +1,47 @@
-.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,26 +1,26 @@
-import { g as o } from "../../chunks/utils.fa73de78.js";
-import { n as h } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var a = function() {
-  var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("div", {
+import { j as getInternetExplorerVersion } from "../../chunks/utils.d7f73f8d.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "resize-observer",
     attrs: {
       tabindex: "-1"
     }
   });
-}, l = [];
-let i;
-function s() {
-  s.init || (s.init = !0, i = o() !== -1);
+}, staticRenderFns = [];
+let isIE;
+function initCompat() {
+  initCompat.init || (initCompat.init = !0, isIE = getInternetExplorerVersion() !== -1);
 }
-const c = {
+const __vue2_script = {
   name: "ResizeObserver",
   mounted() {
-    s(), this.$nextTick(() => {
+    initCompat(), this.$nextTick(() => {
       this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight;
     });
-    const e = document.createElement("object");
-    this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", i && this.$el.appendChild(e), e.data = "about:blank", i || this.$el.appendChild(e);
+    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);
   },
   beforeDestroy() {
     this.removeResizeHandlers();
@@ -36,27 +36,27 @@ const c = {
       this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
     },
     removeResizeHandlers() {
-      this._resizeObject && this._resizeObject.onload && (!i && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+      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);
     }
   }
-}, n = {};
-var d = /* @__PURE__ */ h(
-  c,
-  a,
-  l,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in n)
-    this[t] = n[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const m = /* @__PURE__ */ function() {
-  return d.exports;
+const ResizeObserver = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  ResizeObserver as default
 };

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

@@ -1 +1,25 @@
-.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;
+}