@web-utils/component 2.7.30 → 2.7.32

package/dist/components/chat/style.css

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

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

@@ -0,0 +1,153 @@
+import Uploader from "simple-uploader.js";
+import { k as kebabCase } from "../../chunks/utils.a8891d2c.mjs";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    staticClass: "uploader"
+  }, [_vm._t("default", function() {
+    return [_c("ChunkFileUploaderUnSupport"), _c("ChunkFileUploaderDrop", [_c("p", [_vm._v("Drop files here to upload or")]), _c("ChunkFileUploaderButton", [_vm._v("select files")]), _c("ChunkFileUploaderButton", {
+      attrs: {
+        "directory": true
+      }
+    }, [_vm._v(" select folder ")])], 1), _c("ChunkFileUploaderList")];
+  }, {
+    "files": _vm.files,
+    "fileList": _vm.fileList,
+    "started": _vm.started
+  })], 2);
+};
+var staticRenderFns = [];
+const ChunkFileUploader_vue_vue_type_style_index_0_lang = "";
+const FILE_ADDED_EVENT = "fileAdded";
+const FILES_ADDED_EVENT = "filesAdded";
+const UPLOAD_START_EVENT = "uploadStart";
+const __vue2_script = {
+  name: "ChunkFileUploader",
+  provide() {
+    return {
+      uploader: this
+    };
+  },
+  props: {
+    options: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    autoStart: {
+      type: Boolean,
+      default: true
+    },
+    fileStatusText: {
+      type: [Object, Function],
+      default() {
+        return {
+          success: "success",
+          error: "error",
+          uploading: "uploading",
+          paused: "paused",
+          waiting: "waiting"
+        };
+      }
+    }
+  },
+  data() {
+    return {
+      started: false,
+      files: [],
+      fileList: []
+    };
+  },
+  created() {
+    this.options.initialPaused = !this.autoStart;
+    const uploader = new Uploader(this.options);
+    this.uploader = uploader;
+    this.uploader.fileStatusText = this.fileStatusText;
+    uploader.on("catchAll", this.allEvent);
+    uploader.on(FILE_ADDED_EVENT, this.fileAdded);
+    uploader.on(FILES_ADDED_EVENT, this.filesAdded);
+    uploader.on("fileRemoved", this.fileRemoved);
+    uploader.on("filesSubmitted", this.filesSubmitted);
+  },
+  destroyed() {
+    const uploader = this.uploader;
+    uploader.off("catchAll", this.allEvent);
+    uploader.off(FILE_ADDED_EVENT, this.fileAdded);
+    uploader.off(FILES_ADDED_EVENT, this.filesAdded);
+    uploader.off("fileRemoved", this.fileRemoved);
+    uploader.off("filesSubmitted", this.filesSubmitted);
+    this.uploader = null;
+  },
+  methods: {
+    uploadStart() {
+      this.started = true;
+    },
+    fileAdded(file) {
+      this.$emit(kebabCase(FILE_ADDED_EVENT), file);
+      if (file.ignored) {
+        return false;
+      }
+    },
+    filesAdded(files, fileList) {
+      this.$emit(kebabCase(FILES_ADDED_EVENT), files, fileList);
+      if (files.ignored || fileList.ignored) {
+        return false;
+      }
+    },
+    fileRemoved(file) {
+      this.$emit("file-removed", file);
+      this.files = this.uploader.files;
+      this.fileList = this.uploader.fileList;
+    },
+    filesSubmitted() {
+      this.files = this.uploader.files;
+      this.fileList = this.uploader.fileList;
+      if (this.autoStart) {
+        this.uploader.upload();
+      }
+    },
+    allEvent(...args) {
+      const name = args[0];
+      const EVENTSMAP = {
+        [FILE_ADDED_EVENT]: true,
+        [FILES_ADDED_EVENT]: true,
+        [UPLOAD_START_EVENT]: "uploadStart"
+      };
+      const handler = EVENTSMAP[name];
+      if (handler) {
+        if (handler === true) {
+          return;
+        }
+        this[handler].apply(this, args.slice(1));
+      }
+      args[0] = kebabCase(name);
+      this.$emit.apply(this, args);
+    }
+  }
+};
+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 ChunkFileUploader = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export {
+  ChunkFileUploader as default
+};

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

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

package/dist/components/chunk-file-uploader-button/{index.js → index.mjs}

@@ -1,7 +1,9 @@
-import { u as uploaderMixin, s as supportMixin } from "../../chunks/mixins.6a394a6c.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { u as uploaderMixin, s as supportMixin } from "../../chunks/mixins.e1939731.mjs";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("label", {
     directives: [{
       name: "show",
@@ -12,18 +14,20 @@ var render = function() {
     ref: "btn",
     staticClass: "uploader-btn"
   }, [_vm._t("default")], 2);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const ChunkFileUploaderButton_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "ChunkFileUploaderButton",
   mixins: [uploaderMixin, supportMixin],
   props: {
     directory: {
       type: Boolean,
-      default: !1
+      default: false
     },
     single: {
       type: Boolean,
-      default: !1
+      default: false
     },
     attrs: {
       type: Object,
@@ -37,20 +41,22 @@ const __vue2_script = {
       this.uploader.uploader.assignBrowse(this.$refs.btn, this.directory, this.single, this.attrs);
     });
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const ChunkFileUploaderButton = /* @__PURE__ */ function() {
   return __component__.exports;

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

@@ -1 +1,17 @@
-.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}
+
+.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%);
+}

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

@@ -0,0 +1,101 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { u as uploaderMixin, s as supportMixin } from "../../chunks/mixins.e1939731.mjs";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.support,
+      expression: "support"
+    }],
+    ref: "drop",
+    staticClass: "uploader-drop",
+    class: _vm.dropClass
+  }, [_vm._t("default")], 2);
+};
+var staticRenderFns = [];
+const ChunkFileUploaderDrop_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
+  name: "ChunkFileUploaderDrop",
+  mixins: [uploaderMixin, supportMixin],
+  data() {
+    return {
+      dropClass: ""
+    };
+  },
+  mounted() {
+    return __async(this, null, function* () {
+      yield this.$nextTick();
+      const dropEle = this.$refs.drop;
+      const uploader = this.uploader.uploader;
+      uploader.assignDrop(dropEle);
+      uploader.on("dragenter", this.onDragEnter);
+      uploader.on("dragleave", this.onDragLeave);
+      uploader.on("drop", this.onDrop);
+    });
+  },
+  beforeDestroy() {
+    const dropEle = this.$refs.drop;
+    const uploader = this.uploader.uploader;
+    uploader.off("dragenter", this.onDragEnter);
+    uploader.off("dragleave", this.onDragLeave);
+    uploader.off("drop", this.onDrop);
+    uploader.unAssignDrop(dropEle);
+  },
+  methods: {
+    onDragEnter() {
+      this.dropClass = "uploader-dragover";
+    },
+    onDragLeave() {
+      this.dropClass = "";
+    },
+    onDrop() {
+      this.dropClass = "uploader-droped";
+    }
+  }
+};
+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 ChunkFileUploaderDrop = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export {
+  ChunkFileUploaderDrop as default
+};

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

@@ -1 +1,12 @@
-.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;
+}