@web-utils/component 3.0.6 → 3.1.0

package/queue/index.mjs

@@ -1,17 +1,5 @@
-import { n as s } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var o = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("div", {
-    class: ["avue-queue", {
-      "avue-queue--block": e.block
-    }]
-  }, [n("div", {
-    ref: "queue",
-    staticClass: "animate__animated",
-    class: e.animate
-  }, [e._t("default")], 2)]);
-}, i = [];
-const l = {
+import { n as a } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const s = {
   name: "Queue",
   props: {
     enter: {
@@ -42,30 +30,27 @@ 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 n = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop, e = document.documentElement.clientHeight, t = this.$refs.queue;
+      n + e > t.offsetTop ? setTimeout(() => {
         this.animate = [this.enter, "avue-opacity--active"];
       }, this.delay) : this.animate = ["avue-opacity"];
     }
   }
-}, a = {};
-var u = /* @__PURE__ */ s(
-  l,
+};
+var o = function() {
+  var e = this, t = e._self._c;
+  return t("div", { class: ["avue-queue", { "avue-queue--block": e.block }] }, [t("div", { ref: "queue", staticClass: "animate__animated", class: e.animate }, [e._t("default")], 2)]);
+}, l = [], i = /* @__PURE__ */ a(
+  s,
   o,
-  i,
+  l,
   !1,
-  c,
+  null,
   null,
   null,
   null
 );
-function c(e) {
-  for (let t in a)
-    this[t] = a[t];
-}
-const d = /* @__PURE__ */ function() {
-  return u.exports;
-}();
+const c = i.exports;
 export {
-  d as default
+  c as default
 };

package/record-video/index.mjs

@@ -1,6 +1,6 @@
-import { s as r } from "../chunks/util.ae730cde.mjs";
-import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-let n = class {
+import { s } from "../chunks/util.ae730cde.mjs";
+import { n as a } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+let o = class {
   /**
    * 构造函数
    *
@@ -15,20 +15,20 @@ let n = class {
    * @return {Object} promise
    */
   init() {
-    return new Promise((e, i) => {
+    return new Promise((e, t) => {
       navigator.mediaDevices.getUserMedia({
         audio: !0,
         video: !0
         // video: { width: this.videoWidth, height: this.videoHeight }
-      }).then((s) => {
-        this.video && ("srcObject" in this.video ? this.video.srcObject = s : this.video.src = window.URL.createObjectURL(s), this.video.addEventListener("loadmetadata", () => {
+      }).then((i) => {
+        this.video && ("srcObject" in this.video ? this.video.srcObject = i : this.video.src = window.URL.createObjectURL(i), this.video.addEventListener("loadmetadata", () => {
           var d;
           (d = this.video) == null || d.play();
-        }), this.mediaRecorder = new MediaRecorder(s), this.mediaRecorder.addEventListener("dataavailable", (d) => {
+        }), this.mediaRecorder = new MediaRecorder(i), this.mediaRecorder.addEventListener("dataavailable", (d) => {
           this.chunks.push(d.data);
         }), e(!0));
-      }).catch((s) => {
-        i(s);
+      }).catch((i) => {
+        t(i);
       });
     });
   }
@@ -56,41 +56,7 @@ let n = class {
       return !0;
   }
 };
-var c = function() {
-  var t = this, e = t.$createElement, i = t._self._c || e;
-  return i("div", {
-    staticClass: "avue-video",
-    style: t.styleName
-  }, [i("div", {
-    staticClass: "avue-video__border"
-  }, [i("span", {
-    style: t.borderStyleName
-  }), i("span", {
-    style: t.borderStyleName
-  }), i("span", {
-    style: t.borderStyleName
-  }), i("span", {
-    style: t.borderStyleName
-  })]), i("img", {
-    staticClass: "avue-video__img",
-    style: t.imgStyleName,
-    attrs: {
-      src: t.background,
-      alt: ""
-    }
-  }), i("video", {
-    ref: "main",
-    staticClass: "avue-video__main",
-    attrs: {
-      autoplay: "",
-      muted: ""
-    },
-    domProps: {
-      muted: !0
-    }
-  })]);
-}, h = [];
-const l = {
+const n = {
   name: "RecordVideo",
   props: {
     background: {
@@ -109,19 +75,19 @@ const l = {
   computed: {
     styleName() {
       return {
-        width: r(this.width)
+        width: s(this.width)
       };
     },
     imgStyleName() {
       return {
-        width: r(this.width / 2)
+        width: s(this.width / 2)
       };
     },
     borderStyleName() {
       return {
-        width: r(this.width / 15),
-        height: r(this.width / 15),
-        borderWidth: r(5)
+        width: s(this.width / 15),
+        height: s(this.width / 15),
+        borderWidth: s(5)
       };
     }
   },
@@ -130,7 +96,7 @@ const l = {
   },
   methods: {
     init() {
-      this.videoObj = new n(this.$refs.main), this.videoObj.init().then(() => {
+      this.videoObj = new o(this.$refs.main), this.videoObj.init().then(() => {
         this.videoObj.mediaRecorder.addEventListener("stop", this.getData, !1);
       });
     },
@@ -141,33 +107,30 @@ const l = {
       this.videoObj.stopRecord();
     },
     getData() {
-      const t = new Blob(this.videoObj.chunks, {
+      const r = new Blob(this.videoObj.chunks, {
         type: "video/mp4"
       }), e = new FileReader();
-      e.readAsDataURL(t), e.addEventListener("loadend", () => {
-        const i = e.result;
-        this.$emit("data-change", i);
+      e.readAsDataURL(r), e.addEventListener("loadend", () => {
+        const t = e.result;
+        this.$emit("data-change", t);
       });
     }
   }
-}, a = {};
-var v = /* @__PURE__ */ o(
-  l,
+};
+var c = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "avue-video", style: e.styleName }, [t("div", { staticClass: "avue-video__border" }, [t("span", { style: e.borderStyleName }), t("span", { style: e.borderStyleName }), t("span", { style: e.borderStyleName }), t("span", { style: e.borderStyleName })]), t("img", { staticClass: "avue-video__img", style: e.imgStyleName, attrs: { src: e.background, alt: "" } }), t("video", { ref: "main", staticClass: "avue-video__main", attrs: { autoplay: "", muted: "" }, domProps: { muted: !0 } })]);
+}, h = [], l = /* @__PURE__ */ a(
+  n,
   c,
   h,
   !1,
-  u,
+  null,
   null,
   null,
   null
 );
-function u(t) {
-  for (let e in a)
-    this[e] = a[e];
-}
-const R = /* @__PURE__ */ function() {
-  return v.exports;
-}();
+const p = l.exports;
 export {
-  R as default
+  p as default
 };

package/resize-observer/index.mjs

@@ -1,26 +1,17 @@
-import { j as o } from "../chunks/index.57f871af.mjs";
-import { n as h } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var a = function() {
-  var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("div", {
-    staticClass: "resize-observer",
-    attrs: {
-      tabindex: "-1"
-    }
-  });
-}, l = [];
-let i;
-function s() {
-  s.init || (s.init = !0, i = o() !== -1);
+import { j as r } from "../chunks/index.57f871af.mjs";
+import { n as o } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+let t;
+function i() {
+  i.init || (i.init = !0, t = r() !== -1);
 }
-const c = {
+const h = {
   name: "ResizeObserver",
   mounted() {
-    s(), this.$nextTick(() => {
+    i(), 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);
+    this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", t && this.$el.appendChild(e), e.data = "about:blank", t || this.$el.appendChild(e);
   },
   beforeDestroy() {
     this.removeResizeHandlers();
@@ -36,27 +27,24 @@ 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 && (!t && 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,
+};
+var a = function() {
+  var s = this, n = s._self._c;
+  return n("div", { staticClass: "resize-observer", attrs: { tabindex: "-1" } });
+}, l = [], d = /* @__PURE__ */ o(
+  h,
   a,
   l,
   !1,
-  _,
+  null,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in n)
-    this[t] = n[t];
-}
-const m = /* @__PURE__ */ function() {
-  return d.exports;
-}();
+const f = d.exports;
 export {
-  m as default
+  f as default
 };

package/search/index.mjs

@@ -1,47 +1,10 @@
-import { a as i } from "../chunks/util.ae730cde.mjs";
-import { i as n } from "../chunks/init.47f219b4.mjs";
-import { isBlank as o } from "@web-utils/core";
-import { n as l } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var h = function() {
-  var t = this, e = t.$createElement, r = t._self._c || e;
-  return r("ElRow", {
-    class: ["avue-search", {
-      "avue--card": t.isCard
-    }],
-    attrs: {
-      span: 24
-    }
-  }, t._l(t.columnOption, function(s) {
-    return r("ElCol", {
-      key: s.prop,
-      staticClass: "avue-search__item",
-      attrs: {
-        span: s.span || 24
-      }
-    }, [r("p", {
-      staticClass: "avue-search__title"
-    }, [t._v(t._s(s.label) + ":")]), r("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),
-        class: ["avue-search__tags", {
-          "avue-search__tags--active": t.getActive(a, s)
-        }],
-        on: {
-          click: function(v) {
-            return t.handleClick(s, a);
-          }
-        }
-      }, [t._v(t._s(t.getKey(a, s.props, t.labelKey)))]);
-    })], 2)]);
-  }), 1);
-}, u = [];
-const c = {
+import { a as p } from "../chunks/util.ae730cde.mjs";
+import { i } from "../chunks/init.47f219b4.mjs";
+import { isBlank as n } from "@web-utils/core";
+import { n as o } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const l = {
   name: "Search",
-  mixins: [n],
+  mixins: [i],
   props: {
     value: [String, Object, Number, Boolean, Array]
   },
@@ -50,24 +13,24 @@ const c = {
       get() {
         return this.value;
       },
-      set(t) {
-        this.setVal(t);
+      set(e) {
+        this.setVal(e);
       }
     },
     props() {
       return this.parentOption.props || {};
     },
     labelKey() {
-      return i.label;
+      return p.label;
     },
     valueKey() {
-      return i.value;
+      return p.value;
     },
     mainSlot() {
-      const t = [];
-      return this.propOption.forEach((e) => {
-        this.$scopedSlots[e.prop] && t.push(e.prop);
-      }), t;
+      const e = [];
+      return this.propOption.forEach((t) => {
+        this.$scopedSlots[t.prop] && e.push(t.prop);
+      }), e;
     },
     isCard() {
       return this.parentOption.card;
@@ -84,8 +47,8 @@ const c = {
   },
   watch: {
     value: {
-      handler(t) {
-        this.setVal(t);
+      handler(e) {
+        this.setVal(e);
       },
       deep: !0
     }
@@ -94,50 +57,53 @@ const c = {
     this.dataFormat();
   },
   methods: {
-    setVal(t) {
-      this.$emit("input", t), this.$emit("change", t);
+    setVal(e) {
+      this.$emit("input", e), this.$emit("change", e);
     },
-    getKey(t = {}, e = {}, r) {
-      return t[e[r] || this.props[r] || r];
+    getKey(e = {}, t = {}, r) {
+      return e[t[r] || this.props[r] || r];
     },
     dataFormat() {
-      this.propOption.forEach((t) => {
-        const e = t.prop;
-        o(this.form[e]) && this.$set(this.form, e, t.multiple === !1 ? "" : []);
+      this.propOption.forEach((e) => {
+        const t = e.prop;
+        n(this.form[t]) && this.$set(this.form, t, e.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);
-    },
-    handleClick(t, e) {
+    getActive(e, t) {
       const r = this.getKey(e, t.props, this.valueKey);
-      if (t.multiple === !1)
-        this.form[t.prop] = r;
+      return t.multiple === !1 ? this.form[t.prop] === r : this.form[t.prop].includes(r);
+    },
+    handleClick(e, t) {
+      const r = this.getKey(t, e.props, this.valueKey);
+      if (e.multiple === !1)
+        this.form[e.prop] = r;
       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 s = this.form[e.prop].indexOf(r);
+        s === -1 ? this.form[e.prop].push(r) : this.form[e.prop].splice(s, 1);
       }
     }
   }
-}, p = {};
-var _ = /* @__PURE__ */ l(
-  c,
+};
+var h = function() {
+  var t = this, r = t._self._c;
+  return r("ElRow", { class: ["avue-search", { "avue--card": t.isCard }], attrs: { span: 24 } }, t._l(t.columnOption, function(s) {
+    return r("ElCol", { key: s.prop, staticClass: "avue-search__item", attrs: { span: s.span || 24 } }, [r("p", { staticClass: "avue-search__title" }, [t._v(t._s(s.label) + ":")]), r("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), class: ["avue-search__tags", { "avue-search__tags--active": t.getActive(a, s) }], on: { click: function(_) {
+        return t.handleClick(s, a);
+      } } }, [t._v(t._s(t.getKey(a, s.props, t.labelKey)))]);
+    })], 2)]);
+  }), 1);
+}, u = [], c = /* @__PURE__ */ o(
+  l,
   h,
   u,
   !1,
-  f,
+  null,
   null,
   null,
   null
 );
-function f(t) {
-  for (let e in p)
-    this[e] = p[e];
-}
-const g = /* @__PURE__ */ function() {
-  return _.exports;
-}();
+const y = c.exports;
 export {
-  g as default
+  y as default
 };