@web-utils/component 2.7.35 → 2.7.37

package/dist/components/chat/style.css

@@ -1,279 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-chat {
-  box-shadow: 1px 2px 10px #eee;
-  position: relative;
-  background-color: #fcfcfc;
-}
-.avue-chat ul, .avue-chat li {
-  padding: 0;
-  margin: 0;
-}
-.avue-chat li {
-  list-style: none;
-  cursor: pointer;
-}
-.avue-chat .web__content {
-  height: 100%;
-  display: flex;
-}
-.avue-chat .web__main {
-  height: calc(100% - 200px);
-  padding: 15px 15px 20px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  box-sizing: border-box;
-}
-.avue-chat .web__logo {
-  background-color: #409eff;
-  display: flex;
-  padding: 15px 12px;
-  margin: 0 auto;
-  vertical-align: middle;
-}
-.avue-chat .web__logo-img {
-  margin-top: 3px;
-  width: 35px;
-  height: 35px;
-  border-radius: 100%;
-  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
-}
-.avue-chat .web__logo-info {
-  margin-left: 10px;
-}
-.avue-chat .web__logo-name {
-  position: relative;
-  margin-top: 5px;
-  font-size: 13px;
-}
-.avue-chat .web__logo-dept {
-  margin-top: 1px;
-  font-size: 12px;
-}
-.avue-chat .web__logo-name, .avue-chat .web__logo-dept {
-  color: #fff;
-  margin: 0;
-  padding: 0;
-  width: 175px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.avue-chat .web__main-item {
-  position: relative;
-  font-size: 0;
-  margin-bottom: 10px;
-  padding-left: 60px;
-  min-height: 68px;
-}
-.avue-chat .web__main-user,
-.avue-chat .web__main-text {
-  display: inline-block;
-  vertical-align: top;
-  font-size: 14px;
-}
-.avue-chat .web__main-user {
-  position: absolute;
-  left: 3px;
-}
-.avue-chat .web__main-user img {
-  width: 40px;
-  height: 40px;
-  border-radius: 100%;
-}
-.avue-chat .web__main-user cite {
-  position: absolute;
-  left: 60px;
-  top: -2px;
-  width: 500px;
-  line-height: 24px;
-  font-size: 12px;
-  white-space: nowrap;
-  color: #999;
-  text-align: left;
-  font-style: normal;
-}
-.avue-chat .web__main-user cite i {
-  padding-left: 15px;
-  font-style: normal;
-}
-.avue-chat .web__main-text {
-  position: relative;
-  line-height: 22px;
-  margin-top: 25px;
-  padding: 8px 15px;
-  background-color: #f3f3f3;
-  border-radius: 3px;
-  border: 1px solid #f0f0f0;
-  color: #000;
-  word-break: break-all;
-}
-.avue-chat .web__main-arrow {
-  top: 6px;
-  left: -8px;
-  position: absolute;
-  display: block;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-  border-width: 8px;
-  border-left-width: 0;
-  border-right-color: #ebeef5;
-}
-.avue-chat .web__main-arrow::after {
-  content: " ";
-  top: -7px;
-  left: 1px;
-  position: absolute;
-  display: block;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-  border-width: 7px;
-  border-left-width: 0;
-  border-right-color: #fff;
-}
-.avue-chat .web__main-item--mine .web__main-text .web__main-arrow {
-  left: auto;
-  right: -5px;
-  border-color: transparent;
-  border-style: solid;
-  border-width: 8px;
-  border-right-width: 0;
-  border-left-color: #409eff;
-}
-.avue-chat .web__main-item--mine .web__main-text .web__main-arrow::after {
-  left: auto;
-  right: -2px;
-  border-color: transparent;
-  border-style: solid;
-  border-width: 7px;
-  border-right-width: 0;
-  border-left-color: #409eff;
-}
-.avue-chat .web__main-list {
-  margin: 10px 0;
-}
-.avue-chat .web__main-list li {
-  height: 30px;
-  color: #409eff;
-  line-height: 30px;
-}
-.avue-chat .web__main-item--mine {
-  text-align: right;
-  padding-left: 0;
-  padding-right: 60px;
-}
-.avue-chat .web__main-item--mine .web__main-user {
-  left: auto;
-  right: 3px;
-}
-.avue-chat .web__main-item--mine .web__main-user cite {
-  left: auto;
-  right: 60px;
-  text-align: right;
-}
-.avue-chat .web__main-item--mine .web__main-user cite i {
-  padding-left: 0;
-  padding-right: 15px;
-}
-.avue-chat .web__main-item--mine .web__main-text {
-  margin-left: 0;
-  text-align: left;
-  background-color: #409eff;
-  color: #fff;
-}
-.avue-chat .web__footer {
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.04), 0 -2px 0 0 rgba(0, 0, 0, 0.01);
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  background-color: #fff;
-}
-.avue-chat .web__msg {
-  padding: 10px 10px;
-  height: auto;
-  overflow: hidden;
-}
-.avue-chat .web__msg--img, .avue-chat .web__msg--video, .avue-chat .web__msg--file {
-  position: relative;
-  max-width: 250px;
-  min-width: 200px;
-  width: 100%;
-  margin: 10px 0;
-  border: 1px solid #eee;
-  overflow: hidden;
-  border-radius: 5px;
-  cursor: pointer;
-  display: block;
-}
-.avue-chat .web__msg--file {
-  height: 140px;
-  background-color: #fff;
-}
-.avue-chat .web__msg--file span {
-  box-sizing: border-box;
-  padding: 3px 5px;
-  color: #333;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  justify-content: center;
-  height: calc(100% - 80px);
-  overflow: hidden;
-  font-size: 13px;
-  text-align: center;
-}
-.avue-chat .web__msg--file h2 {
-  margin: 0;
-  width: 100%;
-  text-align: center;
-  line-height: 80px;
-  background-color: #409EFF;
-  color: #fff;
-}
-.avue-chat .web__msg--map {
-  height: 160px;
-}
-.avue-chat .web__msg-input {
-  display: block;
-  width: 100%;
-  height: 60px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  box-sizing: border-box;
-  resize: none;
-  outline: 0;
-  background-color: #fff;
-  border: 0;
-  word-break: break-all;
-  font-size: 13px;
-  line-height: 17px;
-  -webkit-appearance: none;
-}
-.avue-chat .web__msg-submit {
-  float: right;
-  display: block;
-  outline: none;
-  cursor: pointer;
-  text-align: center;
-}
-.avue-chat .web__tools {
-  padding: 8px 10px 0 10px;
-  box-sizing: border-box;
-}
-.avue-chat .web__tools i {
-  margin-right: 12px;
-  font-size: 20px;
-  color: #888a91;
-}
-.avue-chat .web__tools i:hover {
-  color: #76b1f9;
-}
+.avue-chat{box-shadow:1px 2px 10px #eee;position:relative;background-color:#fcfcfc}.avue-chat ul,.avue-chat li{padding:0;margin:0}.avue-chat li{list-style:none;cursor:pointer}.avue-chat .web__content{height:100%;display:flex}.avue-chat .web__main{height:calc(100% - 200px);padding:15px 15px 20px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.avue-chat .web__logo{background-color:#409eff;display:flex;padding:15px 12px;margin:0 auto;vertical-align:middle}.avue-chat .web__logo-img{margin-top:3px;width:35px;height:35px;border-radius:100%;box-shadow:0 3px 3px #0000001a}.avue-chat .web__logo-info{margin-left:10px}.avue-chat .web__logo-name{position:relative;margin-top:5px;font-size:13px}.avue-chat .web__logo-dept{margin-top:1px;font-size:12px}.avue-chat .web__logo-name,.avue-chat .web__logo-dept{color:#fff;margin:0;padding:0;width:175px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.avue-chat .web__main-item{position:relative;font-size:0;margin-bottom:10px;padding-left:60px;min-height:68px}.avue-chat .web__main-user,.avue-chat .web__main-text{display:inline-block;vertical-align:top;font-size:14px}.avue-chat .web__main-user{position:absolute;left:3px}.avue-chat .web__main-user img{width:40px;height:40px;border-radius:100%}.avue-chat .web__main-user cite{position:absolute;left:60px;top:-2px;width:500px;line-height:24px;font-size:12px;white-space:nowrap;color:#999;text-align:left;font-style:normal}.avue-chat .web__main-user cite i{padding-left:15px;font-style:normal}.avue-chat .web__main-text{position:relative;line-height:22px;margin-top:25px;padding:8px 15px;background-color:#f3f3f3;border-radius:3px;border:1px solid #f0f0f0;color:#000;word-break:break-all}.avue-chat .web__main-arrow{top:6px;left:-8px;position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:8px;border-left-width:0;border-right-color:#ebeef5}.avue-chat .web__main-arrow:after{content:" ";top:-7px;left:1px;position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:7px;border-left-width:0;border-right-color:#fff}.avue-chat .web__main-item--mine .web__main-text .web__main-arrow{left:auto;right:-5px;border-color:transparent;border-style:solid;border-width:8px;border-right-width:0;border-left-color:#409eff}.avue-chat .web__main-item--mine .web__main-text .web__main-arrow:after{left:auto;right:-2px;border-color:transparent;border-style:solid;border-width:7px;border-right-width:0;border-left-color:#409eff}.avue-chat .web__main-list{margin:10px 0}.avue-chat .web__main-list li{height:30px;color:#409eff;line-height:30px}.avue-chat .web__main-item--mine{text-align:right;padding-left:0;padding-right:60px}.avue-chat .web__main-item--mine .web__main-user{left:auto;right:3px}.avue-chat .web__main-item--mine .web__main-user cite{left:auto;right:60px;text-align:right}.avue-chat .web__main-item--mine .web__main-user cite i{padding-left:0;padding-right:15px}.avue-chat .web__main-item--mine .web__main-text{margin-left:0;text-align:left;background-color:#409eff;color:#fff}.avue-chat .web__footer{box-shadow:0 -1px #0000000a,0 -2px #00000003;position:absolute;left:0;bottom:0;width:100%;background-color:#fff}.avue-chat .web__msg{padding:10px;height:auto;overflow:hidden}.avue-chat .web__msg--img,.avue-chat .web__msg--video,.avue-chat .web__msg--file{position:relative;max-width:250px;min-width:200px;width:100%;margin:10px 0;border:1px solid #eee;overflow:hidden;border-radius:5px;cursor:pointer;display:block}.avue-chat .web__msg--file{height:140px;background-color:#fff}.avue-chat .web__msg--file span{box-sizing:border-box;padding:3px 5px;color:#333;display:flex;align-items:center;width:100%;justify-content:center;height:calc(100% - 80px);overflow:hidden;font-size:13px;text-align:center}.avue-chat .web__msg--file h2{margin:0;width:100%;text-align:center;line-height:80px;background-color:#409eff;color:#fff}.avue-chat .web__msg--map{height:160px}.avue-chat .web__msg-input{display:block;width:100%;height:60px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;outline:0;background-color:#fff;border:0;word-break:break-all;font-size:13px;line-height:17px;-webkit-appearance:none}.avue-chat .web__msg-submit{float:right;display:block;outline:none;cursor:pointer;text-align:center}.avue-chat .web__tools{padding:8px 10px 0;box-sizing:border-box}.avue-chat .web__tools i{margin-right:12px;font-size:20px;color:#888a91}.avue-chat .web__tools i:hover{color:#76b1f9}

package/dist/components/chunk-file-uploader/index.mjs

@@ -0,0 +1,119 @@
+import a from "simple-uploader.js";
+import { k as r } from "../../chunks/utils.97652d86.mjs";
+import { n } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var u = function() {
+  var e = this, t = e.$createElement, i = e._self._c || t;
+  return i("div", {
+    staticClass: "uploader"
+  }, [e._t("default", function() {
+    return [i("ChunkFileUploaderUnSupport"), i("ChunkFileUploaderDrop", [i("p", [e._v("Drop files here to upload or")]), i("ChunkFileUploaderButton", [e._v("select files")]), i("ChunkFileUploaderButton", {
+      attrs: {
+        directory: !0
+      }
+    }, [e._v(" select folder ")])], 1), i("ChunkFileUploaderList")];
+  }, {
+    files: e.files,
+    fileList: e.fileList,
+    started: e.started
+  })], 2);
+}, f = [];
+const s = "fileAdded", l = "filesAdded", p = "uploadStart", h = {
+  name: "ChunkFileUploader",
+  provide() {
+    return {
+      uploader: this
+    };
+  },
+  props: {
+    options: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    autoStart: {
+      type: Boolean,
+      default: !0
+    },
+    fileStatusText: {
+      type: [Object, Function],
+      default() {
+        return {
+          success: "success",
+          error: "error",
+          uploading: "uploading",
+          paused: "paused",
+          waiting: "waiting"
+        };
+      }
+    }
+  },
+  data() {
+    return {
+      started: !1,
+      files: [],
+      fileList: []
+    };
+  },
+  created() {
+    this.options.initialPaused = !this.autoStart;
+    const e = new a(this.options);
+    this.uploader = e, this.uploader.fileStatusText = this.fileStatusText, e.on("catchAll", this.allEvent), e.on(s, this.fileAdded), e.on(l, this.filesAdded), e.on("fileRemoved", this.fileRemoved), e.on("filesSubmitted", this.filesSubmitted);
+  },
+  destroyed() {
+    const e = this.uploader;
+    e.off("catchAll", this.allEvent), e.off(s, this.fileAdded), e.off(l, this.filesAdded), e.off("fileRemoved", this.fileRemoved), e.off("filesSubmitted", this.filesSubmitted), this.uploader = null;
+  },
+  methods: {
+    uploadStart() {
+      this.started = !0;
+    },
+    fileAdded(e) {
+      if (this.$emit(r(s), e), e.ignored)
+        return !1;
+    },
+    filesAdded(e, t) {
+      if (this.$emit(r(l), e, t), e.ignored || t.ignored)
+        return !1;
+    },
+    fileRemoved(e) {
+      this.$emit("file-removed", e), this.files = this.uploader.files, this.fileList = this.uploader.fileList;
+    },
+    filesSubmitted() {
+      this.files = this.uploader.files, this.fileList = this.uploader.fileList, this.autoStart && this.uploader.upload();
+    },
+    allEvent(...e) {
+      const t = e[0], o = {
+        [s]: !0,
+        [l]: !0,
+        [p]: "uploadStart"
+      }[t];
+      if (o) {
+        if (o === !0)
+          return;
+        this[o].apply(this, e.slice(1));
+      }
+      e[0] = r(t), this.$emit.apply(this, e);
+    }
+  }
+}, d = {};
+var c = /* @__PURE__ */ n(
+  h,
+  u,
+  f,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in d)
+    this[t] = d[t];
+}
+const E = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  E as default
+};

package/dist/components/chunk-file-uploader/style.css

@@ -1,4 +1 @@
-
-.uploader {
-  position: relative;
-}
+.uploader{position:relative}

package/dist/components/chunk-file-uploader-button/index.mjs

@@ -0,0 +1,60 @@
+import { u as r, s as o } from "../../chunks/mixins.5a78e0db.mjs";
+import { n as a } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var l = function() {
+  var e = this, t = e.$createElement, s = e._self._c || t;
+  return s("label", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.support,
+      expression: "support"
+    }],
+    ref: "btn",
+    staticClass: "uploader-btn"
+  }, [e._t("default")], 2);
+}, i = [];
+const u = {
+  name: "ChunkFileUploaderButton",
+  mixins: [r, o],
+  props: {
+    directory: {
+      type: Boolean,
+      default: !1
+    },
+    single: {
+      type: Boolean,
+      default: !1
+    },
+    attrs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.uploader.uploader.assignBrowse(this.$refs.btn, this.directory, this.single, this.attrs);
+    });
+  }
+}, n = {};
+var p = /* @__PURE__ */ a(
+  u,
+  l,
+  i,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const f = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  f as default
+};

package/dist/components/chunk-file-uploader-button/style.css

@@ -1,17 +1 @@
-
-.uploader-btn {
-  position: relative;
-  display: inline-block;
-  padding: 4px 8px;
-  color: #666;
-  font-size: 100%;
-  line-height: 1.4;
-  background: none;
-  border: 1px solid #666;
-  border-radius: 2px;
-  outline: none;
-  cursor: pointer;
-}
-.uploader-btn:hover {
-  background-color: rgb(0 0 0 / 8%);
-}
+.uploader-btn{position:relative;display:inline-block;padding:4px 8px;color:#666;font-size:100%;line-height:1.4;background:none;border:1px solid #666;border-radius:2px;outline:none;cursor:pointer}.uploader-btn:hover{background-color:#00000014}

package/dist/components/chunk-file-uploader-drop/index.mjs

@@ -0,0 +1,83 @@
+var p = (o, r, s) => new Promise((l, a) => {
+  var d = (e) => {
+    try {
+      t(s.next(e));
+    } catch (n) {
+      a(n);
+    }
+  }, u = (e) => {
+    try {
+      t(s.throw(e));
+    } catch (n) {
+      a(n);
+    }
+  }, t = (e) => e.done ? l(e.value) : Promise.resolve(e.value).then(d, u);
+  t((s = s.apply(o, r)).next());
+});
+import { u as c, s as _ } from "../../chunks/mixins.5a78e0db.mjs";
+import { n as h } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var v = function() {
+  var o = this, r = o.$createElement, s = o._self._c || r;
+  return s("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: o.support,
+      expression: "support"
+    }],
+    ref: "drop",
+    staticClass: "uploader-drop",
+    class: o.dropClass
+  }, [o._t("default")], 2);
+}, f = [];
+const m = {
+  name: "ChunkFileUploaderDrop",
+  mixins: [c, _],
+  data() {
+    return {
+      dropClass: ""
+    };
+  },
+  mounted() {
+    return p(this, null, function* () {
+      yield this.$nextTick();
+      const o = this.$refs.drop, r = this.uploader.uploader;
+      r.assignDrop(o), r.on("dragenter", this.onDragEnter), r.on("dragleave", this.onDragLeave), r.on("drop", this.onDrop);
+    });
+  },
+  beforeDestroy() {
+    const o = this.$refs.drop, r = this.uploader.uploader;
+    r.off("dragenter", this.onDragEnter), r.off("dragleave", this.onDragLeave), r.off("drop", this.onDrop), r.unAssignDrop(o);
+  },
+  methods: {
+    onDragEnter() {
+      this.dropClass = "uploader-dragover";
+    },
+    onDragLeave() {
+      this.dropClass = "";
+    },
+    onDrop() {
+      this.dropClass = "uploader-droped";
+    }
+  }
+}, i = {};
+var D = /* @__PURE__ */ h(
+  m,
+  v,
+  f,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(o) {
+  for (let r in i)
+    this[r] = i[r];
+}
+const y = /* @__PURE__ */ function() {
+  return D.exports;
+}();
+export {
+  y as default
+};

package/dist/components/chunk-file-uploader-drop/style.css

@@ -1,12 +1 @@
-
-.uploader-drop {
-  position: relative;
-  padding: 10px;
-  overflow: hidden;
-  background-color: #f5f5f5;
-  border: 1px dashed #ccc;
-}
-.uploader-dragover {
-  background-color: #f7f7f7;
-  border-color: #999;
-}
+.uploader-drop{position:relative;padding:10px;overflow:hidden;background-color:#f5f5f5;border:1px dashed #ccc}.uploader-dragover{background-color:#f7f7f7;border-color:#999}