@web-utils/component 2.7.36 → 2.7.37

package/dist/components/queue/index.js

@@ -1,88 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    class: ["avue-queue", {
-      "avue-queue--block": _vm.block
-    }]
-  }, [_c("div", {
-    ref: "queue",
-    staticClass: "animated",
-    class: _vm.animate
-  }, [_vm._t("default")], 2)]);
-};
-var staticRenderFns = [];
-const __vue2_script = {
-  name: "Queue",
-  props: {
-    enter: {
-      type: String,
-      default: "fadeInLeft"
-    },
-    leave: {
-      type: String,
-      default: "fadeOutRight"
-    },
-    block: {
-      type: Boolean,
-      default: false
-    },
-    delay: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      isFixed: 0,
-      animate: []
-    };
-  },
-  mounted() {
-    this.$nextTick(() => {
-      addEventListener("scroll", this.handleAnimate);
-      this.handleAnimate();
-    });
-  },
-  destroyed() {
-    removeEventListener("scroll", this.handleAnimate);
-  },
-  methods: {
-    handleAnimate() {
-      const top = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
-      const vh = document.documentElement.clientHeight;
-      const v = this.$refs.queue;
-      if (top + vh > v.offsetTop) {
-        setTimeout(() => {
-          this.animate = [this.enter, "avue-opacity--active"];
-        }, this.delay);
-      } else {
-        this.animate = ["avue-opacity"];
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const Queue = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Queue as default
-};

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

@@ -1,199 +0,0 @@
-import { s as setPx } from "../../chunks/util.b0d0b0ad.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-let RecordVideo$1 = class RecordVideo {
-  /**
-   * 构造函数
-   *
-   * @param  {Object}   videoObj 视频对象
-   */
-  constructor(videoObj) {
-    this.video = videoObj;
-    this.mediaRecorder = null;
-    this.chunks = [];
-  }
-  /**
-   * 初始化
-   *
-   * @return {Object} promise
-   */
-  init() {
-    return new Promise((resolve, reject) => {
-      navigator.mediaDevices.getUserMedia({
-        audio: true,
-        video: true
-        // video: {
-        //     width: this.videoWidth,
-        //     height: this.videoHeight
-        // }
-      }).then((stream) => {
-        if ("srcObject" in this.video) {
-          this.video.srcObject = stream;
-        } else {
-          this.video.src = window.URL.createObjectURL(stream);
-        }
-        this.video.addEventListener("loadmetadata", () => {
-          this.video.play();
-        });
-        this.mediaRecorder = new MediaRecorder(stream);
-        this.mediaRecorder.addEventListener("dataavailable", (e) => {
-          this.chunks.push(e.data);
-        });
-        resolve();
-      }).catch((error) => {
-        reject(error);
-      });
-    });
-  }
-  /**
-   * 视频开始录制
-   */
-  startRecord() {
-    if (this.mediaRecorder.state === "inactive") {
-      this.mediaRecorder.start();
-    }
-  }
-  /**
-   * 视频结束录制
-   */
-  stopRecord() {
-    if (this.mediaRecorder.state === "recording") {
-      this.mediaRecorder.stop();
-    }
-  }
-  /**
-   * 检测当前浏览器对否支持
-   *
-   * @return {boolean} 当前浏览器是否支持
-   */
-  isSupport() {
-    const flag = navigator.mediaDevices && navigator.mediaDevices.getUserMedia;
-    if (flag) {
-      return true;
-    }
-  }
-};
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "avue-video",
-    style: _vm.styleName
-  }, [_c("div", {
-    staticClass: "avue-video__border"
-  }, [_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: _vm.imgStyleName,
-    attrs: {
-      "src": _vm.background,
-      "alt": ""
-    }
-  }), _c("video", {
-    ref: "main",
-    staticClass: "avue-video__main",
-    attrs: {
-      "autoplay": "",
-      "muted": ""
-    },
-    domProps: {
-      "muted": true
-    }
-  })]);
-};
-var staticRenderFns = [];
-const RecordVideo_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "RecordVideo",
-  props: {
-    background: {
-      type: String
-    },
-    width: {
-      type: [String, Number],
-      default: 500
-    }
-  },
-  data() {
-    return {
-      videoObj: null
-    };
-  },
-  computed: {
-    styleName() {
-      return {
-        width: setPx(this.width)
-      };
-    },
-    imgStyleName() {
-      return {
-        width: setPx(this.width / 2)
-      };
-    },
-    borderStyleName() {
-      return {
-        width: setPx(this.width / 15),
-        height: setPx(this.width / 15),
-        borderWidth: setPx(5)
-      };
-    }
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    init() {
-      this.videoObj = new RecordVideo$1(this.$refs.main);
-      const videoPromise = this.videoObj.init();
-      videoPromise.then(() => {
-        this.videoObj.mediaRecorder.addEventListener("stop", this.getData, false);
-      });
-    },
-    startRecord() {
-      this.videoObj.startRecord();
-    },
-    stopRecord() {
-      this.videoObj.stopRecord();
-    },
-    getData() {
-      const blob = new Blob(this.videoObj.chunks, {
-        type: "video/mp4"
-      });
-      const reader = new FileReader();
-      reader.readAsDataURL(blob);
-      reader.addEventListener("loadend", () => {
-        const videoBase64 = reader.result;
-        this.$emit("data-change", videoBase64);
-      });
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const RecordVideo2 = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  RecordVideo2 as default
-};

package/dist/components/resize-observer/index.js

@@ -1,96 +0,0 @@
-import { j as getInternetExplorerVersion } from "../../chunks/utils.2a3ffac9.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "resize-observer",
-    attrs: {
-      "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;
-  }
-}
-const __vue2_script = {
-  name: "ResizeObserver",
-  mounted() {
-    initCompat();
-    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);
-    }
-  },
-  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
-        });
-      }
-    },
-    addResizeHandlers() {
-      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;
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const ResizeObserver = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ResizeObserver as default
-};

package/dist/components/search/index.js

@@ -1,162 +0,0 @@
-import { D as DIC_PROPS } from "../../chunks/util.b0d0b0ad.js";
-import { i as init } from "../../chunks/init.38cbb3a2.js";
-import { isBlank } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("ElRow", {
-    class: ["avue-search", {
-      "avue--card": _vm.isCard
-    }],
-    attrs: {
-      "span": 24
-    }
-  }, _vm._l(_vm.columnOption, function(column) {
-    return _c("ElCol", {
-      key: column.prop,
-      staticClass: "avue-search__item",
-      attrs: {
-        "span": column.span || 24
-      }
-    }, [_c("p", {
-      staticClass: "avue-search__title"
-    }, [_vm._v(" " + _vm._s(column.label) + ": ")]), _c("div", {
-      staticClass: "avue-search__content"
-    }, [_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": _vm.getActive(item, column)
-        }],
-        on: {
-          "click": function($event) {
-            return _vm.handleClick(column, item);
-          }
-        }
-      }, [_vm._v(_vm._s(_vm.getKey(item, column.props, _vm.labelKey)))]);
-    })], 2)]);
-  }), 1);
-};
-var staticRenderFns = [];
-const Search_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "Search",
-  mixins: [init],
-  props: {
-    value: [String, Object, Number, Boolean, Array]
-  },
-  computed: {
-    form: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        this.setVal(val);
-      }
-    },
-    props() {
-      return this.parentOption.props || {};
-    },
-    labelKey() {
-      return DIC_PROPS.label;
-    },
-    valueKey() {
-      return DIC_PROPS.value;
-    },
-    mainSlot() {
-      const result = [];
-      this.propOption.forEach((item) => {
-        if (this.$scopedSlots[item.prop])
-          result.push(item.prop);
-      });
-      return result;
-    },
-    isCard() {
-      return this.parentOption.card;
-    },
-    parentOption() {
-      return this.tableOption;
-    },
-    propOption() {
-      return this.columnOption;
-    },
-    columnOption() {
-      return this.parentOption.column;
-    }
-  },
-  watch: {
-    value: {
-      handler(val) {
-        this.setVal(val);
-      },
-      deep: true
-    }
-  },
-  created() {
-    this.dataFormat();
-  },
-  methods: {
-    setVal(val) {
-      this.$emit("input", val);
-      this.$emit("change", val);
-    },
-    getKey(item = {}, props = {}, key) {
-      return item[props[key] || this.props[key] || key];
-    },
-    dataFormat() {
-      this.propOption.forEach((ele) => {
-        const prop = ele.prop;
-        if (isBlank(this.form[prop])) {
-          this.$set(this.form, prop, ele.multiple === false ? "" : []);
-        }
-      });
-    },
-    getActive(item, column) {
-      const value = this.getKey(item, column.props, this.valueKey);
-      if (column.multiple === false) {
-        return this.form[column.prop] === value;
-      } else {
-        return this.form[column.prop].includes(value);
-      }
-    },
-    handleClick(column, item) {
-      const value = this.getKey(item, column.props, this.valueKey);
-      if (column.multiple === false) {
-        this.form[column.prop] = value;
-      } else {
-        const index = this.form[column.prop].indexOf(value);
-        if (index === -1) {
-          this.form[column.prop].push(value);
-        } else {
-          this.form[column.prop].splice(index, 1);
-        }
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const Search = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Search as default
-};