@web-utils/component 4.0.15 → 5.0.0-beta01

package/record-video/index.mjs

@@ -1,134 +1,2 @@
-import { s } from "../chunks/util.DI42t5GU.mjs";
-import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-let o = class {
-  /**
-   * 构造函数
-   *
-   * @param  {Object}   videoObj 视频对象
-   */
-  constructor(e) {
-    this.chunks = [], this.video = e, this.mediaRecorder = null, this.chunks = [];
-  }
-  /**
-   * 初始化
-   *
-   * @return {Object} promise
-   */
-  init() {
-    return new Promise((e, t) => {
-      navigator.mediaDevices.getUserMedia({
-        audio: !0,
-        video: !0
-        // video: { width: this.videoWidth, height: this.videoHeight }
-      }).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(i), this.mediaRecorder.addEventListener("dataavailable", (d) => {
-          this.chunks.push(d.data);
-        }), e(!0));
-      }).catch((i) => {
-        t(i);
-      });
-    });
-  }
-  /**
-   * 视频开始录制
-   */
-  startRecord() {
-    var e;
-    ((e = this.mediaRecorder) == null ? void 0 : e.state) === "inactive" && this.mediaRecorder.start();
-  }
-  /**
-   * 视频结束录制
-   */
-  stopRecord() {
-    var e;
-    ((e = this.mediaRecorder) == null ? void 0 : e.state) === "recording" && this.mediaRecorder.stop();
-  }
-  /**
-   * 检测当前浏览器对否支持
-   *
-   * @return {boolean} 当前浏览器是否支持
-   */
-  isSupport() {
-    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia)
-      return !0;
-  }
-};
-const n = {
-  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 o(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 r = new Blob(this.videoObj.chunks, {
-        type: "video/mp4"
-      }), e = new FileReader();
-      e.readAsDataURL(r), e.addEventListener("loadend", () => {
-        const t = e.result;
-        this.$emit("data-change", t);
-      });
-    }
-  }
-};
-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 = [], m = /* @__PURE__ */ a(
-  n,
-  c,
-  h,
-  !1,
-  null,
-  null
-);
-const p = m.exports;
-export {
-  p as default
-};
+import { t as e } from "../chunks/RecordVideo.B35_dLty.mjs";
+export { e as default };

package/resize-observer/index.mjs

@@ -1,48 +1,45 @@
-import { g as r } from "../chunks/index.CIfe3UB3.mjs";
-import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-let t;
-function i() {
-  i.init || (i.init = !0, t = r() !== -1);
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { n as t } from "../chunks/utils.DsGhtCIO.mjs";
+import { createElementBlock as n, openBlock as r } from "vue";
+//#region src/components/ResizeObserver.vue
+var i;
+function a() {
+	a.init || (a.init = !0, i = t() !== -1);
 }
-const h = {
-  name: "ResizeObserver",
-  mounted() {
-    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", t && this.$el.appendChild(e), e.data = "about:blank", t || this.$el.appendChild(e);
-  },
-  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
-      }));
-    },
-    addResizeHandlers() {
-      this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
-    },
-    removeResizeHandlers() {
-      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);
-    }
-  }
-};
-var a = function() {
-  var s = this, n = s._self._c;
-  return n("div", { staticClass: "resize-observer", attrs: { tabindex: "-1" } });
-}, d = [], l = /* @__PURE__ */ o(
-  h,
-  a,
-  d,
-  !1,
-  null,
-  null
-);
-const _ = l.exports;
-export {
-  _ as default
+var o = {
+	name: "ResizeObserver",
+	emits: ["notify"],
+	mounted() {
+		a(), this.$nextTick(() => {
+			this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight;
+		});
+		let 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);
+	},
+	beforeUnmount() {
+		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
+			}));
+		},
+		addResizeHandlers() {
+			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);
+		}
+	}
+}, s = {
+	class: "resize-observer",
+	tabindex: "-1"
 };
+function c(e, t, i, a, o, c) {
+	return r(), n("div", s);
+}
+var l = /* @__PURE__ */ e(o, [["render", c]]);
+//#endregion
+export { l as default };

package/search/index.mjs

@@ -1,109 +1,116 @@
-import i from "element-ui/lib/col";
-import o from "element-ui/lib/row";
-import { k as a } from "../chunks/util.DI42t5GU.mjs";
-import { i as n } from "../chunks/init.xOlFpTyZ.mjs";
-import { isBlank as l } from "@web-utils/core";
-import { n as h } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const u = {
-  name: "Search",
-  mixins: [n],
-  props: {
-    value: [String, Object, Number, Boolean, Array]
-  },
-  computed: {
-    form: {
-      get() {
-        return this.value;
-      },
-      set(e) {
-        this.setVal(e);
-      }
-    },
-    props() {
-      return this.parentOption.props || {};
-    },
-    labelKey() {
-      return a.label;
-    },
-    valueKey() {
-      return a.value;
-    },
-    mainSlot() {
-      const e = [];
-      return this.propOption.forEach((t) => {
-        this.$scopedSlots[t.prop] && e.push(t.prop);
-      }), e;
-    },
-    isCard() {
-      return this.parentOption.card;
-    },
-    parentOption() {
-      return this.tableOption;
-    },
-    propOption() {
-      return this.columnOption;
-    },
-    columnOption() {
-      return this.parentOption.column;
-    }
-  },
-  watch: {
-    value: {
-      handler(e) {
-        this.setVal(e);
-      },
-      deep: !0
-    }
-  },
-  created() {
-    this.dataFormat();
-  },
-  methods: {
-    setVal(e) {
-      this.$emit("input", e), this.$emit("change", e);
-    },
-    getKey(e = {}, t = {}, r) {
-      return e[t[r] || this.props[r] || r];
-    },
-    dataFormat() {
-      this.propOption.forEach((e) => {
-        const t = e.prop;
-        l(this.form[t]) && this.$set(this.form, t, e.multiple === !1 ? "" : []);
-      });
-    },
-    getActive(e, t) {
-      const r = this.getKey(e, t.props, this.valueKey);
-      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[e.prop].indexOf(r);
-        s === -1 ? this.form[e.prop].push(r) : this.form[e.prop].splice(s, 1);
-      }
-    }
-  }
-};
-var c = function() {
-  var t = this, r = t._self._c;
-  return r(o, { class: ["avue-search", { "avue--card": t.isCard }], attrs: { span: 24 } }, t._l(t.columnOption, function(s) {
-    return r(i, { 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(p) {
-      return r("span", { key: t.getKey(p, s.props, t.valueKey), class: ["avue-search__tags", { "avue-search__tags--active": t.getActive(p, s) }], on: { click: function(v) {
-        return t.handleClick(s, p);
-      } } }, [t._v(t._s(t.getKey(p, s.props, t.labelKey)))]);
-    })], 2)]);
-  }), 1);
-}, _ = [], f = /* @__PURE__ */ h(
-  u,
-  c,
-  _,
-  !1,
-  null,
-  null
-);
-const K = f.exports;
-export {
-  K as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { O as t } from "../chunks/util.g-WQEec9.mjs";
+import { t as n } from "../chunks/init.DwpukyOB.mjs";
+import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, normalizeClass as s, openBlock as c, renderList as l, renderSlot as u, resolveComponent as d, toDisplayString as f, withCtx as p } from "vue";
+import { isBlank as m } from "@web-utils/core";
+//#region src/components/search/Search.vue
+var h = {
+	name: "Search",
+	mixins: [n],
+	props: { value: [
+		String,
+		Object,
+		Number,
+		Boolean,
+		Array
+	] },
+	computed: {
+		form: {
+			get() {
+				return this.value;
+			},
+			set(e) {
+				this.setVal(e);
+			}
+		},
+		props() {
+			return this.parentOption.props || {};
+		},
+		labelKey() {
+			return t.label;
+		},
+		valueKey() {
+			return t.value;
+		},
+		mainSlot() {
+			let e = [];
+			return this.propOption.forEach((t) => {
+				this.$slots[t.prop] && e.push(t.prop);
+			}), e;
+		},
+		isCard() {
+			return this.parentOption.card;
+		},
+		parentOption() {
+			return this.tableOption;
+		},
+		propOption() {
+			return this.columnOption;
+		},
+		columnOption() {
+			return this.parentOption.column;
+		}
+	},
+	watch: { value: {
+		handler(e) {
+			this.setVal(e);
+		},
+		deep: !0
+	} },
+	created() {
+		this.dataFormat();
+	},
+	methods: {
+		setVal(e) {
+			this.$emit("input", e), this.$emit("change", e);
+		},
+		getKey(e = {}, t = {}, n) {
+			return e[t[n] || this.props[n] || n];
+		},
+		dataFormat() {
+			this.propOption.forEach((e) => {
+				let t = e.prop;
+				m(this.form[t]) && this.$set(this.form, t, e.multiple === !1 ? "" : []);
+			});
+		},
+		getActive(e, t) {
+			let n = this.getKey(e, t.props, this.valueKey);
+			return t.multiple === !1 ? this.form[t.prop] === n : this.form[t.prop].includes(n);
+		},
+		handleClick(e, t) {
+			let n = this.getKey(t, e.props, this.valueKey);
+			if (e.multiple === !1) this.form[e.prop] = n;
+			else {
+				let t = this.form[e.prop].indexOf(n);
+				t === -1 ? this.form[e.prop].push(n) : this.form[e.prop].splice(t, 1);
+			}
+		}
+	}
+}, g = { class: "avue-search__title" }, _ = { class: "avue-search__content" }, v = ["onClick"];
+function y(e, t, n, m, h, y) {
+	let b = d("ElCol"), x = d("ElRow");
+	return c(), i(x, {
+		class: s(["avue-search", { "avue--card": y.isCard }]),
+		span: 24
+	}, {
+		default: p(() => [(c(!0), a(r, null, l(y.columnOption, (t) => (c(), i(b, {
+			key: t.prop,
+			span: t.span || 24,
+			class: "avue-search__item"
+		}, {
+			default: p(() => [o("p", g, f(t.label) + ":", 1), o("div", _, [y.mainSlot.includes(t.prop) ? u(e.$slots, t.prop, {
+				key: 0,
+				dic: e.DIC[t.prop]
+			}) : (c(!0), a(r, { key: 1 }, l(e.DIC[t.prop], (e) => (c(), a("span", {
+				key: y.getKey(e, t.props, y.valueKey),
+				class: s(["avue-search__tags", { "avue-search__tags--active": y.getActive(e, t) }]),
+				onClick: (n) => y.handleClick(t, e)
+			}, f(y.getKey(e, t.props, y.labelKey)), 11, v))), 128))])]),
+			_: 2
+		}, 1032, ["span"]))), 128))]),
+		_: 3
+	}, 8, ["class"]);
+}
+var b = /* @__PURE__ */ e(h, [["render", y]]);
+//#endregion
+export { b as default };