@web-utils/component 2.0.10 → 2.0.12

package/dist/components/base.css

@@ -1 +1,66 @@
-.border-bottom{border-bottom:1px solid #d7dae0}.clear-fix:after{display:block;clear:both;height:0;visibility:hidden;content:" "}.flex-row{display:flex;flex-direction:row;flex-shrink:0}.flex-row.vertical-center{align-items:center}.flex-row.vertical-start{align-items:flex-start}.flex-row.horizon-center{justify-content:center}.text-center{text-align:center}.flex-column{display:flex;flex-direction:column}.flex-column.vertical-center{justify-content:center}.flex-column.horizon-center{align-items:center}.flex-item,.flex-item-relative{flex:1 1 auto}.flex-item-relative{position:relative}.flex-item-relative .flex-content{position:absolute;top:0;right:0;bottom:0;left:0}.flex-not-shrink{flex-shrink:0}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.border-bottom {
+  border-bottom: 1px solid #d7dae0;
+}
+
+.clear-fix::after {
+  display: block;
+  clear: both;
+  height: 0;
+  visibility: hidden;
+  content: " ";
+}
+
+.flex-row {
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 0;
+}
+.flex-row.vertical-center {
+  align-items: center;
+}
+.flex-row.vertical-start {
+  align-items: flex-start;
+}
+.flex-row.horizon-center {
+  justify-content: center;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.flex-column {
+  display: flex;
+  flex-direction: column;
+}
+.flex-column.vertical-center {
+  justify-content: center;
+}
+.flex-column.horizon-center {
+  align-items: center;
+}
+
+.flex-item, .flex-item-relative {
+  flex: 1 1 auto;
+}
+
+.flex-item-relative {
+  position: relative;
+}
+.flex-item-relative .flex-content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.flex-not-shrink {
+  flex-shrink: 0;
+}

package/dist/components/capsule-tab/index.js

@@ -1,24 +1,28 @@
-import { n as s } from "../../chunks/5d4282fb.js";
-var u = function() {
-  var e = this, t = e.$createElement, a = e._self._c || t;
-  return a("ul", {
+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("ul", {
     staticClass: "capsule-tab"
-  }, e._l(e.tabs, function(n) {
-    return a("li", {
-      key: n.value,
+  }, _vm._l(_vm.tabs, function(item) {
+    return _c("li", {
+      key: item.value,
       class: ["tab-item", {
-        active: e.value === n.value,
-        single: e.tabs.length === 1
+        active: _vm.value === item.value,
+        single: _vm.tabs.length === 1
       }],
       on: {
-        click: function(i) {
-          return e.$emit("input", n.value);
+        "click": function($event) {
+          return _vm.$emit("input", item.value);
         }
       }
-    }, [e._v(" " + e._s(n.label) + " ")]);
+    }, [_vm._v(" " + _vm._s(item.label) + " ")]);
   }), 0);
-}, r = [];
-const _ = {
+};
+var staticRenderFns = [];
+const CapsuleTab_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "CapsuleTab",
   props: {
     tabs: {
@@ -29,24 +33,26 @@ const _ = {
       type: String
     }
   }
-}, l = {};
-var c = /* @__PURE__ */ s(
-  _,
-  u,
-  r,
-  !1,
-  o,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function o(e) {
-  for (let t in l)
-    this[t] = l[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const p = /* @__PURE__ */ function() {
-  return c.exports;
+const CapsuleTab = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  p as default
+  CapsuleTab as default
 };

package/dist/components/capsule-tab/style.css

@@ -1 +1,32 @@
-.capsule-tab{display:inline;margin-right:10px}.capsule-tab .tab-item{display:inline;padding:2px 14px;background-color:#fafafa;border:1px solid #ebeef5;border-right:none;cursor:pointer}.capsule-tab .tab-item.active{color:#fff;background-color:#ef6666}.capsule-tab .tab-item:first-child{border-radius:12px 0 0 12px}.capsule-tab .tab-item:last-child{border-right:1px solid #ccc;border-radius:0 12px 12px 0}.capsule-tab .tab-item:last-child.single{border-radius:12px}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.capsule-tab {
+  display: inline;
+  margin-right: 10px;
+}
+.capsule-tab .tab-item {
+  display: inline;
+  padding: 2px 14px;
+  background-color: #fafafa;
+  border: 1px solid #ebeef5;
+  border-right: none;
+  cursor: pointer;
+}
+.capsule-tab .tab-item.active {
+  color: #fff;
+  background-color: rgb(239, 102, 102);
+}
+.capsule-tab .tab-item:first-child {
+  border-radius: 12px 0 0 12px;
+}
+.capsule-tab .tab-item:last-child {
+  border-right: 1px solid #ccc;
+  border-radius: 0 12px 12px 0;
+}
+.capsule-tab .tab-item:last-child.single {
+  border-radius: 12px;
+}

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

@@ -1,23 +1,30 @@
-import a from "simple-uploader.js";
-import { k as r } from "../../chunks/97652d86.js";
-import { n } from "../../chunks/5d4282fb.js";
-var u = function() {
-  var e = this, t = e.$createElement, i = e._self._c || t;
-  return i("div", {
+import Uploader from "simple-uploader.js";
+import { k as kebabCase } from "../../chunks/a8891d2c.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", {
     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", {
+  }, [_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: !0
+        "directory": true
       }
-    }, [e._v(" select folder ")])], 1), i("ChunkFileUploaderList")];
+    }, [_vm._v(" select folder ")])], 1), _c("ChunkFileUploaderList")];
   }, {
-    files: e.files,
-    fileList: e.fileList,
-    started: e.started
+    "files": _vm.files,
+    "fileList": _vm.fileList,
+    "started": _vm.started
   })], 2);
-}, f = [];
-const s = "fileAdded", l = "filesAdded", p = "uploadStart", h = {
+};
+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 {
@@ -33,7 +40,7 @@ const s = "fileAdded", l = "filesAdded", p = "uploadStart", h = {
     },
     autoStart: {
       type: Boolean,
-      default: !0
+      default: true
     },
     fileStatusText: {
       type: [Object, Function],
@@ -50,70 +57,97 @@ const s = "fileAdded", l = "filesAdded", p = "uploadStart", h = {
   },
   data() {
     return {
-      started: !1,
+      started: false,
       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);
+    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 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;
+    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 = !0;
+      this.started = true;
     },
-    fileAdded(e) {
-      if (this.$emit(r(s), e), e.ignored)
-        return !1;
+    fileAdded(file) {
+      this.$emit(kebabCase(FILE_ADDED_EVENT), file);
+      if (file.ignored) {
+        return false;
+      }
     },
-    filesAdded(e, t) {
-      if (this.$emit(r(l), e, t), e.ignored || t.ignored)
-        return !1;
+    filesAdded(files, fileList) {
+      this.$emit(kebabCase(FILES_ADDED_EVENT), files, fileList);
+      if (files.ignored || fileList.ignored) {
+        return false;
+      }
     },
-    fileRemoved(e) {
-      this.$emit("file-removed", e), this.files = this.uploader.files, this.fileList = this.uploader.fileList;
+    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, this.autoStart && this.uploader.upload();
+      this.files = this.uploader.files;
+      this.fileList = this.uploader.fileList;
+      if (this.autoStart) {
+        this.uploader.upload();
+      }
     },
-    allEvent(...e) {
-      const t = e[0], o = {
-        [s]: !0,
-        [l]: !0,
-        [p]: "uploadStart"
-      }[t];
-      if (o) {
-        if (o === !0)
+    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[o].apply(this, e.slice(1));
+        }
+        this[handler].apply(this, args.slice(1));
       }
-      e[0] = r(t), this.$emit.apply(this, e);
+      args[0] = kebabCase(name);
+      this.$emit.apply(this, args);
     }
   }
-}, d = {};
-var c = /* @__PURE__ */ n(
-  h,
-  u,
-  f,
-  !1,
-  _,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in d)
-    this[t] = d[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const E = /* @__PURE__ */ function() {
-  return c.exports;
+const ChunkFileUploader = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  E as default
+  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

@@ -1,29 +1,33 @@
-import { u as r, s as o } from "../../chunks/5a78e0db.js";
-import { n as a } from "../../chunks/5d4282fb.js";
-var l = function() {
-  var e = this, t = e.$createElement, s = e._self._c || t;
-  return s("label", {
+import { u as uploaderMixin, s as supportMixin } from "../../chunks/e1939731.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("label", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: e.support,
+      value: _vm.support,
       expression: "support"
     }],
     ref: "btn",
     staticClass: "uploader-btn"
-  }, [e._t("default")], 2);
-}, i = [];
-const u = {
+  }, [_vm._t("default")], 2);
+};
+var staticRenderFns = [];
+const ChunkFileUploaderButton_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "ChunkFileUploaderButton",
-  mixins: [r, o],
+  mixins: [uploaderMixin, supportMixin],
   props: {
     directory: {
       type: Boolean,
-      default: !1
+      default: false
     },
     single: {
       type: Boolean,
-      default: !1
+      default: false
     },
     attrs: {
       type: Object,
@@ -37,24 +41,26 @@ const u = {
       this.uploader.uploader.assignBrowse(this.$refs.btn, this.directory, this.single, this.attrs);
     });
   }
-}, n = {};
-var p = /* @__PURE__ */ a(
-  u,
-  l,
-  i,
-  !1,
-  _,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in n)
-    this[t] = n[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const f = /* @__PURE__ */ function() {
-  return p.exports;
+const ChunkFileUploaderButton = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  ChunkFileUploaderButton as default
 };

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.js

@@ -1,22 +1,26 @@
-import { u as t, s as n } from "../../chunks/5a78e0db.js";
-import { n as a } from "../../chunks/5d4282fb.js";
-var p = function() {
-  var o = this, r = o.$createElement, s = o._self._c || r;
-  return s("div", {
+import { u as uploaderMixin, s as supportMixin } from "../../chunks/e1939731.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", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: o.support,
+      value: _vm.support,
       expression: "support"
     }],
     ref: "drop",
     staticClass: "uploader-drop",
-    class: o.dropClass
-  }, [o._t("default")], 2);
-}, i = [];
-const l = {
+    class: _vm.dropClass
+  }, [_vm._t("default")], 2);
+};
+var staticRenderFns = [];
+const ChunkFileUploaderDrop_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "ChunkFileUploaderDrop",
-  mixins: [t, n],
+  mixins: [uploaderMixin, supportMixin],
   data() {
     return {
       dropClass: ""
@@ -24,12 +28,20 @@ const l = {
   },
   async mounted() {
     await 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);
+    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 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);
+    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() {
@@ -42,24 +54,26 @@ const l = {
       this.dropClass = "uploader-droped";
     }
   }
-}, e = {};
-var d = /* @__PURE__ */ a(
-  l,
-  p,
-  i,
-  !1,
-  u,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(o) {
-  for (let r in e)
-    this[r] = e[r];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const h = /* @__PURE__ */ function() {
-  return d.exports;
+const ChunkFileUploaderDrop = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  h as default
+  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;
+}