@web-utils/component 2.0.13 → 2.7.0

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

@@ -0,0 +1,173 @@
+import { s } from "../../chunks/util.5053d54e.js";
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+let n = class {
+  /**
+   * 构造函数
+   *
+   * @param  {Object}   videoObj 视频对象
+   */
+  constructor(t) {
+    this.video = t, this.mediaRecorder = null, this.chunks = [];
+  }
+  /**
+   * 初始化
+   *
+   * @return {Object} promise
+   */
+  init() {
+    return new Promise((t, i) => {
+      navigator.mediaDevices.getUserMedia({
+        audio: !0,
+        video: !0
+        // video: {
+        //     width: this.videoWidth,
+        //     height: this.videoHeight
+        // }
+      }).then((r) => {
+        "srcObject" in this.video ? this.video.srcObject = r : this.video.src = window.URL.createObjectURL(r), this.video.addEventListener("loadmetadata", () => {
+          this.video.play();
+        }), this.mediaRecorder = new MediaRecorder(r), this.mediaRecorder.addEventListener("dataavailable", (d) => {
+          this.chunks.push(d.data);
+        }), t();
+      }).catch((r) => {
+        i(r);
+      });
+    });
+  }
+  /**
+   * 视频开始录制
+   */
+  startRecord() {
+    this.mediaRecorder.state === "inactive" && this.mediaRecorder.start();
+  }
+  /**
+   * 视频结束录制
+   */
+  stopRecord() {
+    this.mediaRecorder.state === "recording" && this.mediaRecorder.stop();
+  }
+  /**
+   * 检测当前浏览器对否支持
+   *
+   * @return {boolean} 当前浏览器是否支持
+   */
+  isSupport() {
+    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia)
+      return !0;
+  }
+};
+var c = function() {
+  var e = this, t = e.$createElement, i = e._self._c || t;
+  return i("div", {
+    staticClass: "avue-video",
+    style: e.styleName
+  }, [i("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", {
+    staticClass: "avue-video__img",
+    style: e.imgStyleName,
+    attrs: {
+      src: e.background,
+      alt: ""
+    }
+  }), i("video", {
+    ref: "main",
+    staticClass: "avue-video__main",
+    attrs: {
+      autoplay: "",
+      muted: ""
+    },
+    domProps: {
+      muted: !0
+    }
+  })]);
+}, l = [];
+const v = {
+  name: "RecordVideo",
+  props: {
+    background: {
+      type: String
+    },
+    width: {
+      type: [String, Number],
+      default: 500
+    }
+  },
+  data() {
+    return {
+      videoObj: null
+    };
+  },
+  computed: {
+    styleName() {
+      return {
+        width: s(this.width)
+      };
+    },
+    imgStyleName() {
+      return {
+        width: s(this.width / 2)
+      };
+    },
+    borderStyleName() {
+      return {
+        width: s(this.width / 15),
+        height: s(this.width / 15),
+        borderWidth: s(5)
+      };
+    }
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    init() {
+      this.videoObj = new n(this.$refs.main), this.videoObj.init().then(() => {
+        this.videoObj.mediaRecorder.addEventListener("stop", this.getData, !1);
+      });
+    },
+    startRecord() {
+      this.videoObj.startRecord();
+    },
+    stopRecord() {
+      this.videoObj.stopRecord();
+    },
+    getData() {
+      const e = new Blob(this.videoObj.chunks, {
+        type: "video/mp4"
+      }), t = new FileReader();
+      t.readAsDataURL(e), t.addEventListener("loadend", () => {
+        var i = t.result;
+        this.$emit("data-change", i);
+      });
+    }
+  }
+}, a = {};
+var h = /* @__PURE__ */ o(
+  v,
+  c,
+  l,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let t in a)
+    this[t] = a[t];
+}
+const b = /* @__PURE__ */ function() {
+  return h.exports;
+}();
+export {
+  b as default
+};

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

@@ -0,0 +1 @@
+.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,96 +1,62 @@
-import { g as getInternetExplorerVersion } from "../../chunks/c69d5628.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+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", {
     staticClass: "resize-observer",
     attrs: {
-      "tabindex": "-1"
+      tabindex: "-1"
     }
   });
-};
-var staticRenderFns = [];
-const ResizeObserver_vue_vue_type_style_index_0_lang = "";
-let isIE;
-function initCompat() {
-  if (!initCompat.init) {
-    initCompat.init = true;
-    isIE = getInternetExplorerVersion() !== -1;
-  }
+}, l = [];
+let i;
+function s() {
+  s.init || (s.init = !0, i = o() !== -1);
 }
-const __vue2_script = {
+const c = {
   name: "ResizeObserver",
   mounted() {
-    initCompat();
-    this.$nextTick(() => {
-      this._w = this.$el.offsetWidth;
-      this._h = this.$el.offsetHeight;
+    s(), 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";
-    if (isIE) {
-      this.$el.appendChild(object);
-    }
-    object.data = "about:blank";
-    if (!isIE) {
-      this.$el.appendChild(object);
-    }
+    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);
   },
   beforeDestroy() {
     this.removeResizeHandlers();
   },
   methods: {
     compareAndNotify() {
-      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
-        });
-      }
+      (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() {
-      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;
-      }
+      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);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, n = {};
+var d = /* @__PURE__ */ h(
+  c,
+  a,
+  l,
+  !1,
+  _,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function _(e) {
+  for (let t in n)
+    this[t] = n[t];
 }
-const ResizeObserver = /* @__PURE__ */ function() {
-  return __component__.exports;
+const m = /* @__PURE__ */ function() {
+  return d.exports;
 }();
 export {
-  ResizeObserver as default
+  m as default
 };

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

@@ -1,31 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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}

package/dist/components/search/index.js

@@ -0,0 +1,142 @@
+import { a as i, c as n } from "../../chunks/util.5053d54e.js";
+import { i as o } from "../../chunks/init.352281f5.js";
+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", {
+    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(f) {
+            return t.handleClick(s, a);
+          }
+        }
+      }, [t._v(t._s(t.getKey(a, s.props, t.labelKey)))]);
+    })], 2)]);
+  }), 1);
+}, u = [];
+const c = {
+  name: "Search",
+  mixins: [o],
+  props: {
+    value: {}
+  },
+  computed: {
+    form: {
+      get() {
+        return this.value;
+      },
+      set(t) {
+        this.setVal(t);
+      }
+    },
+    props() {
+      return this.parentOption.props || {};
+    },
+    labelKey() {
+      return i.label;
+    },
+    valueKey() {
+      return i.value;
+    },
+    mainSlot() {
+      let t = [];
+      return this.propOption.forEach((e) => {
+        this.$scopedSlots[e.prop] && t.push(e.prop);
+      }), t;
+    },
+    isCard() {
+      return this.parentOption.card;
+    },
+    parentOption() {
+      return this.tableOption;
+    },
+    propOption() {
+      return this.columnOption;
+    },
+    columnOption() {
+      return this.parentOption.column;
+    }
+  },
+  watch: {
+    value: {
+      handler(t) {
+        this.setVal(t);
+      },
+      deep: !0
+    }
+  },
+  created() {
+    this.dataFormat();
+  },
+  methods: {
+    setVal(t) {
+      this.$emit("input", t), this.$emit("change", t);
+    },
+    getKey(t = {}, e = {}, r) {
+      return t[e[r] || this.props[r] || r];
+    },
+    dataFormat() {
+      this.propOption.forEach((t) => {
+        const e = t.prop;
+        n(this.form[e]) && this.$set(this.form, e, t.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) {
+      const r = this.getKey(e, t.props, this.valueKey);
+      if (t.multiple === !1)
+        this.form[t.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);
+      }
+    }
+  }
+}, p = {};
+var _ = /* @__PURE__ */ l(
+  c,
+  h,
+  u,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(t) {
+  for (let e in p)
+    this[e] = p[e];
+}
+const O = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  O as default
+};

package/dist/components/search/style.css

@@ -0,0 +1 @@
+.avue-search{padding:0 20px}.avue-search__item{padding:20px 0 10px;display:flex;align-items:flex-start;border-bottom:1px dashed #e8e8e8}.avue-search__item:last-child{border-bottom:none}.avue-search__tags{padding:0 12px;margin-right:24px;margin-bottom:12px;font-size:14px;color:#000000a6;cursor:pointer;white-space:nowrap;display:inline-block}.avue-search__tags:hover{color:#1890ff}.avue-search__tags--active{color:#fff;background-color:#1890ff;border-radius:5px}.avue-search__tags--active:hover{opacity:.85;color:#fff}.avue-search__title{margin:0;padding:0 20px;width:120px;font-size:14px;text-align:right;display:inline-block;box-sizing:border-box}.avue-search__content{width:calc(100% - 190px);display:inline-block}.avue-search__content .el-tag{margin-right:10px;margin-bottom:10px}