@web-utils/component 2.7.20 → 2.7.22

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

@@ -0,0 +1 @@
+.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.77ec6792.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.77ec6792.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/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.77ec6792.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/search/index.js

@@ -1,47 +1,47 @@
-import { k as i } from "../../chunks/util.23fe58fb.js";
-import { i as n } from "../../chunks/init.7c58eb34.js";
-import { isBlank as o } from "@web-utils/core";
-import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var h = function() {
-  var t = this, e = t.$createElement, r = t._self._c || e;
-  return r("ElRow", {
+import { D as DIC_PROPS } from "../../chunks/util.89913643.js";
+import { i as init } from "../../chunks/init.e0133910.js";
+import { isBlank } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("ElRow", {
     class: ["avue-search", {
-      "avue--card": t.isCard
+      "avue--card": _vm.isCard
     }],
     attrs: {
       span: 24
     }
-  }, t._l(t.columnOption, function(s) {
-    return r("ElCol", {
-      key: s.prop,
+  }, _vm._l(_vm.columnOption, function(column) {
+    return _c("ElCol", {
+      key: column.prop,
       staticClass: "avue-search__item",
       attrs: {
-        span: s.span || 24
+        span: column.span || 24
       }
-    }, [r("p", {
+    }, [_c("p", {
       staticClass: "avue-search__title"
-    }, [t._v(" " + t._s(s.label) + ": ")]), r("div", {
+    }, [_vm._v(" " + _vm._s(column.label) + ": ")]), _c("div", {
       staticClass: "avue-search__content"
-    }, [t.mainSlot.includes(s.prop) ? t._t(s.prop, null, {
-      dic: t.DIC[s.prop]
-    }) : t._l(t.DIC[s.prop], function(a) {
-      return r("span", {
-        key: t.getKey(a, s.props, t.valueKey),
+    }, [_vm.mainSlot.includes(column.prop) ? _vm._t(column.prop, null, {
+      dic: _vm.DIC[column.prop]
+    }) : _vm._l(_vm.DIC[column.prop], function(item) {
+      return _c("span", {
+        key: _vm.getKey(item, column.props, _vm.valueKey),
         class: ["avue-search__tags", {
-          "avue-search__tags--active": t.getActive(a, s)
+          "avue-search__tags--active": _vm.getActive(item, column)
         }],
         on: {
-          click: function(v) {
-            return t.handleClick(s, a);
+          click: function($event) {
+            return _vm.handleClick(column, item);
           }
         }
-      }, [t._v(t._s(t.getKey(a, s.props, t.labelKey)))]);
+      }, [_vm._v(_vm._s(_vm.getKey(item, column.props, _vm.labelKey)))]);
     })], 2)]);
   }), 1);
-}, u = [];
-const c = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "Search",
-  mixins: [n],
+  mixins: [init],
   props: {
     value: [String, Object, Number, Boolean, Array]
   },
@@ -50,24 +50,24 @@ const c = {
       get() {
         return this.value;
       },
-      set(t) {
-        this.setVal(t);
+      set(val) {
+        this.setVal(val);
       }
     },
     props() {
       return this.parentOption.props || {};
     },
     labelKey() {
-      return i.label;
+      return DIC_PROPS.label;
     },
     valueKey() {
-      return i.value;
+      return DIC_PROPS.value;
     },
     mainSlot() {
-      const t = [];
-      return this.propOption.forEach((e) => {
-        this.$scopedSlots[e.prop] && t.push(e.prop);
-      }), t;
+      const result = [];
+      return this.propOption.forEach((item) => {
+        this.$scopedSlots[item.prop] && result.push(item.prop);
+      }), result;
     },
     isCard() {
       return this.parentOption.card;
@@ -84,8 +84,8 @@ const c = {
   },
   watch: {
     value: {
-      handler(t) {
-        this.setVal(t);
+      handler(val) {
+        this.setVal(val);
       },
       deep: !0
     }
@@ -94,50 +94,50 @@ const c = {
     this.dataFormat();
   },
   methods: {
-    setVal(t) {
-      this.$emit("input", t), this.$emit("change", t);
+    setVal(val) {
+      this.$emit("input", val), this.$emit("change", val);
     },
-    getKey(t = {}, e = {}, r) {
-      return t[e[r] || this.props[r] || r];
+    getKey(item = {}, props = {}, key) {
+      return item[props[key] || this.props[key] || key];
     },
     dataFormat() {
-      this.propOption.forEach((t) => {
-        const e = t.prop;
-        o(this.form[e]) && this.$set(this.form, e, t.multiple === !1 ? "" : []);
+      this.propOption.forEach((ele) => {
+        const prop = ele.prop;
+        isBlank(this.form[prop]) && this.$set(this.form, prop, ele.multiple === !1 ? "" : []);
       });
     },
-    getActive(t, e) {
-      const r = this.getKey(t, e.props, this.valueKey);
-      return e.multiple === !1 ? this.form[e.prop] === r : this.form[e.prop].includes(r);
+    getActive(item, column) {
+      const value = this.getKey(item, column.props, this.valueKey);
+      return column.multiple === !1 ? this.form[column.prop] === value : this.form[column.prop].includes(value);
     },
-    handleClick(t, e) {
-      const r = this.getKey(e, t.props, this.valueKey);
-      if (t.multiple === !1)
-        this.form[t.prop] = r;
+    handleClick(column, item) {
+      const value = this.getKey(item, column.props, this.valueKey);
+      if (column.multiple === !1)
+        this.form[column.prop] = value;
       else {
-        const s = this.form[t.prop].indexOf(r);
-        s === -1 ? this.form[t.prop].push(r) : this.form[t.prop].splice(s, 1);
+        const index = this.form[column.prop].indexOf(value);
+        index === -1 ? this.form[column.prop].push(value) : this.form[column.prop].splice(index, 1);
       }
     }
   }
-}, p = {};
-var _ = /* @__PURE__ */ l(
-  c,
-  h,
-  u,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  f,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function f(t) {
-  for (let e in p)
-    this[e] = p[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const g = /* @__PURE__ */ function() {
-  return _.exports;
+const Search = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  g as default
+  Search as default
 };