@web-utils/component 2.7.30 → 2.7.31

package/dist/components/skeleton/index.js

@@ -1,6 +1,8 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 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("div", {
     staticClass: "avue-skeleton"
   }, [_vm.loading ? _vm._l(_vm.number, function(citem, cindex) {
@@ -25,18 +27,21 @@ var render = function() {
       });
     }), 0)])]);
   }) : _c("div", [_vm._t("default")], 2)], 2);
-}, staticRenderFns = [];
-const prefixCls = "avue-skeleton", __vue2_script = {
+};
+var staticRenderFns = [];
+const Skeleton_vue_vue_type_style_index_0_lang = "";
+const prefixCls = "avue-skeleton";
+const __vue2_script = {
   name: "Skeleton",
   props: {
     loading: {
       type: Boolean,
-      default: !0
+      default: true
     },
     avatar: Boolean,
     active: {
       type: Boolean,
-      default: !0
+      default: true
     },
     block: Boolean,
     number: {
@@ -50,29 +55,34 @@ const prefixCls = "avue-skeleton", __vue2_script = {
   },
   computed: {
     styleName() {
-      return this.block ? {
-        width: "100%"
-      } : {};
+      if (this.block) {
+        return {
+          width: "100%"
+        };
+      }
+      return {};
     },
     className() {
       const { active } = this;
       return { [`${prefixCls}__loading`]: active };
     }
   }
-}, __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 Skeleton = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/skeleton/style.css

@@ -1 +1,61 @@
-.avue-skeleton__avatar{width:40px;height:40px;line-height:40px;display:inline-block;border-radius:50%;background:#f2f2f2}.avue-skeleton__header{display:table-cell;vertical-align:top;padding-right:16px}.avue-skeleton__content{display:table-cell;vertical-align:top;width:100%}.avue-skeleton__title{margin-top:16px;height:16px;width:40%;background:#f2f2f2}.avue-skeleton__item{padding-top:16px;padding-bottom:16px;border-bottom:1px solid #e8e8e8}.avue-skeleton__item:last-child{border-bottom:none}.avue-skeleton__li{margin-bottom:10px;height:16px;background:#f2f2f2;list-style:none;width:100%}.avue-skeleton__li:last-child{width:50%}.avue-skeleton__loading{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);animation:avue-skeleton-loading 1.4s ease infinite;background-size:400% 100%}@keyframes avue-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.avue-skeleton__avatar {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  display: inline-block;
+  border-radius: 50%;
+  background: #f2f2f2;
+}
+.avue-skeleton__header {
+  display: table-cell;
+  vertical-align: top;
+  padding-right: 16px;
+}
+.avue-skeleton__content {
+  display: table-cell;
+  vertical-align: top;
+  width: 100%;
+}
+.avue-skeleton__title {
+  margin-top: 16px;
+  height: 16px;
+  width: 40%;
+  background: #f2f2f2;
+}
+.avue-skeleton__item {
+  padding-top: 16px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid #e8e8e8;
+}
+.avue-skeleton__item:last-child {
+  border-bottom: none;
+}
+.avue-skeleton__li {
+  margin-bottom: 10px;
+  height: 16px;
+  background: #f2f2f2;
+  list-style: none;
+  width: 100%;
+}
+.avue-skeleton__li:last-child {
+  width: 50%;
+}
+.avue-skeleton__loading {
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  animation: avue-skeleton-loading 1.4s ease infinite;
+  background-size: 400% 100%;
+}
+@keyframes avue-skeleton-loading {
+0% {
+    background-position: 100% 50%;
+}
+100% {
+    background-position: 0 50%;
+}
+}

package/dist/components/split-pane/index.js

@@ -1,52 +1,72 @@
-var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
-  var fulfilled = (value) => {
-    try {
-      step(generator.next(value));
-    } catch (e) {
-      reject(e);
-    }
-  }, rejected = (value) => {
-    try {
-      step(generator.throw(value));
-    } catch (e) {
-      reject(e);
-    }
-  }, step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-  step((generator = generator.apply(__this, __arguments)).next());
-});
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+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 { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 function oneOf(value, validList) {
-  for (let i = 0; i < validList.length; i++)
-    if (value === validList[i])
-      return !0;
-  return !1;
+  for (let i = 0; i < validList.length; i++) {
+    if (value === validList[i]) {
+      return true;
+    }
+  }
+  return false;
 }
 const on = function() {
-  return document.addEventListener ? function(element, event, handler) {
-    element && event && handler && element.addEventListener(event, handler, !1);
-  } : function(element, event, handler) {
-    element && event && handler && element.attachEvent(`on${event}`, handler);
-  };
-}(), off = function() {
-  return document.removeEventListener ? function(element, event, handler) {
-    element && event && element.removeEventListener(event, handler, !1);
-  } : function(element, event, handler) {
-    element && event && element.detachEvent(`on${event}`, handler);
-  };
+  if (document.addEventListener) {
+    return function(element, event, handler) {
+      if (element && event && handler) {
+        element.addEventListener(event, handler, false);
+      }
+    };
+  } else {
+    return function(element, event, handler) {
+      if (element && event && handler) {
+        element.attachEvent(`on${event}`, handler);
+      }
+    };
+  }
+}();
+const off = function() {
+  if (document.removeEventListener) {
+    return function(element, event, handler) {
+      if (element && event) {
+        element.removeEventListener(event, handler, false);
+      }
+    };
+  } else {
+    return function(element, event, handler) {
+      if (element && event) {
+        element.detachEvent(`on${event}`, handler);
+      }
+    };
+  }
 }();
 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("div", {
     ref: "outerWrapper",
     class: _vm.wrapperClasses
   }, [_vm.isHorizontal ? _c("div", {
     class: `${_vm.prefix}-horizontal`
-  }, [_vm.hideLeft ? _c("div", {
-    class: [`${_vm.prefix}-pane`, "right-pane"],
-    staticStyle: {
-      left: "0"
-    }
-  }, [_vm._t("right")], 2) : [_c("div", {
+  }, [!_vm.hideLeft ? [_c("div", {
     class: [`${_vm.prefix}-pane`, "left-pane"],
     style: {
       right: `${_vm.anotherOffset}%`
@@ -58,12 +78,12 @@ var render = function() {
       width: `${_vm.triggerSize}px`
     },
     on: {
-      mousedown: _vm.handleMousedown
+      "mousedown": _vm.handleMousedown
     }
   }, [_vm._t("trigger", function() {
     return [_c("Trigger", {
       attrs: {
-        mode: "vertical"
+        "mode": "vertical"
       }
     })];
   })], 2), _c("div", {
@@ -71,7 +91,12 @@ var render = function() {
     style: {
       left: `calc(${_vm.offset}% + ${_vm.triggerSize}px)`
     }
-  }, [_vm._t("right")], 2)]], 2) : _c("div", {
+  }, [_vm._t("right")], 2)] : _c("div", {
+    class: [`${_vm.prefix}-pane`, "right-pane"],
+    staticStyle: {
+      "left": "0"
+    }
+  }, [_vm._t("right")], 2)], 2) : _c("div", {
     class: `${_vm.prefix}-vertical`
   }, [_c("div", {
     class: [`${_vm.prefix}-pane`, "top-pane"],
@@ -85,12 +110,12 @@ var render = function() {
       height: `${_vm.triggerSize}px`
     },
     on: {
-      mousedown: _vm.handleMousedown
+      "mousedown": _vm.handleMousedown
     }
   }, [_vm._t("trigger", function() {
     return [_c("Trigger", {
       attrs: {
-        mode: "horizontal"
+        "mode": "horizontal"
       }
     })];
   })], 2), _c("div", {
@@ -100,10 +125,12 @@ var render = function() {
     }
   }, [_vm._t("bottom")], 2)]), _c("ResizeObserver", {
     on: {
-      notify: _vm.resetOffset
+      "notify": _vm.resetOffset
     }
   })], 1);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const SplitPane_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "SplitPane",
   props: {
@@ -142,7 +169,7 @@ const __vue2_script = {
       prefix: "egd-split",
       offset: 0,
       oldOffset: 0,
-      isMoving: !1
+      isMoving: false
     };
   },
   computed: {
@@ -156,7 +183,7 @@ const __vue2_script = {
       return 100 - this.offset;
     },
     valueIsPx() {
-      return typeof this.value == "string";
+      return typeof this.value === "string";
     },
     offsetSize() {
       return this.isHorizontal ? "offsetWidth" : "offsetHeight";
@@ -173,7 +200,8 @@ const __vue2_script = {
   },
   mounted() {
     return __async(this, null, function* () {
-      yield this.$nextTick(), this.resetOffset();
+      yield this.$nextTick();
+      this.resetOffset();
     });
   },
   methods: {
@@ -185,45 +213,82 @@ const __vue2_script = {
     },
     getComputedThresholdValue(type) {
       const size = this.$refs.outerWrapper[this.offsetSize];
-      return this.valueIsPx ? typeof this[type] == "string" ? this[type] : size * this[type] : typeof this[type] == "string" ? this.px2percent(this[type], size) : this[type];
+      if (this.valueIsPx) {
+        return typeof this[type] === "string" ? this[type] : size * this[type];
+      } else {
+        return typeof this[type] === "string" ? this.px2percent(this[type], size) : this[type];
+      }
     },
     getMin(value1, value2) {
-      return this.valueIsPx ? `${Math.min(parseFloat(value1), parseFloat(value2))}px` : Math.min(value1, value2);
+      if (this.valueIsPx) {
+        return `${Math.min(parseFloat(value1), parseFloat(value2))}px`;
+      } else {
+        return Math.min(value1, value2);
+      }
     },
     getMax(value1, value2) {
-      return this.valueIsPx ? `${Math.max(parseFloat(value1), parseFloat(value2))}px` : Math.max(value1, value2);
+      if (this.valueIsPx) {
+        return `${Math.max(parseFloat(value1), parseFloat(value2))}px`;
+      } else {
+        return Math.max(value1, value2);
+      }
     },
     getAnotherOffset(value) {
       let res = 0;
-      return this.valueIsPx ? res = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(value)}px` : res = 1 - value, res;
+      if (this.valueIsPx) {
+        res = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(value)}px`;
+      } else {
+        res = 1 - value;
+      }
+      return res;
     },
     handleMove(e) {
-      const offset = (this.isHorizontal ? e.pageX : e.pageY) - this.initOffset, outerWidth = this.$refs.outerWrapper[this.offsetSize];
+      const pageOffset = this.isHorizontal ? e.pageX : e.pageY;
+      const offset = pageOffset - this.initOffset;
+      const outerWidth = this.$refs.outerWrapper[this.offsetSize];
       let value = this.valueIsPx ? `${parseFloat(this.oldOffset) + offset}px` : this.px2percent(outerWidth * this.oldOffset + offset, outerWidth);
       const anotherValue = this.getAnotherOffset(value);
-      parseFloat(value) <= parseFloat(this.computedMin) && (value = this.getMax(value, this.computedMin)), parseFloat(anotherValue) <= parseFloat(this.computedMax) && (value = this.getAnotherOffset(this.getMax(anotherValue, this.computedMax))), e.atMin = this.value === this.computedMin, e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5), this.$emit("input", value), this.$emit("on-moving", e);
+      if (parseFloat(value) <= parseFloat(this.computedMin))
+        value = this.getMax(value, this.computedMin);
+      if (parseFloat(anotherValue) <= parseFloat(this.computedMax)) {
+        value = this.getAnotherOffset(this.getMax(anotherValue, this.computedMax));
+      }
+      e.atMin = this.value === this.computedMin;
+      e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5);
+      this.$emit("input", value);
+      this.$emit("on-moving", e);
     },
     handleUp() {
-      this.isMoving = !1, off(window, "mousemove", this.handleMove), off(window, "mouseup", this.handleUp), this.$emit("on-move-end");
+      this.isMoving = false;
+      off(window, "mousemove", this.handleMove);
+      off(window, "mouseup", this.handleUp);
+      this.$emit("on-move-end");
     },
     handleMousedown(e) {
-      this.initOffset = this.isHorizontal ? e.pageX : e.pageY, this.oldOffset = this.value, this.isMoving = !0, on(window, "mousemove", this.handleMove), on(window, "mouseup", this.handleUp), this.$emit("on-move-start");
+      this.initOffset = this.isHorizontal ? e.pageX : e.pageY;
+      this.oldOffset = this.value;
+      this.isMoving = true;
+      on(window, "mousemove", this.handleMove);
+      on(window, "mouseup", this.handleUp);
+      this.$emit("on-move-start");
     }
   }
-}, __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 SplitPane = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/split-pane/style.css

@@ -1 +1,100 @@
-.egd-split-wrapper{position:relative;width:100%;height:100%}.egd-split-pane{position:absolute}.egd-split-pane.left-pane,.egd-split-pane.right-pane{top:0;bottom:0}.egd-split-pane.left-pane{left:0}.egd-split-pane.right-pane{right:0}.egd-split-pane.top-pane,.egd-split-pane.bottom-pane{right:0;left:0}.egd-split-pane.top-pane{top:0}.egd-split-pane.bottom-pane{bottom:0}.egd-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}.egd-split-trigger-bar-con{position:absolute;overflow:hidden}.egd-split-trigger-bar-con.vertical{top:50%;left:1px;height:32px;transform:translateY(-50%)}.egd-split-trigger-bar-con.horizontal{top:1px;left:50%;width:32px;transform:translate(-50%)}.egd-split-trigger-vertical{width:6px;height:100%;background:#f8f8f9;box-shadow:0 0 4px #1c243866;cursor:ew-resize}.egd-split-trigger-vertical .egd-split-trigger-bar{float:left;width:4px;height:1px;margin-top:3px;background:rgba(23,35,61,.25)}.egd-split-trigger-horizontal{width:100%;height:6px;background:#f8f8f9;box-shadow:0 0 4px #1c243866;cursor:ns-resize}.egd-split-trigger-horizontal .egd-split-trigger-bar{float:left;width:1px;height:4px;margin-right:3px;background:rgba(23,35,61,.25)}.egd-split-horizontal .egd-split-trigger-con{top:50%;height:100%;border-right:1px solid #d7dae0}.egd-split-vertical .egd-split-trigger-con{left:50%;width:100%;border-bottom:1px solid #d7dae0}.egd-split-trigger-vertical-line,.egd-split-trigger-horizontal-line{background-color:transparent;box-shadow:none}.egd-split .no-select{-webkit-touch-callout:none;user-select:none}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */ /* 应用头部高度 */ /* 页面宽度 */ /* 侧栏宽度 */ /* 标签高度 */ /* 页面头部工具条高度 */
+.egd-split-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.egd-split-pane {
+  position: absolute;
+}
+.egd-split-pane.left-pane, .egd-split-pane.right-pane {
+  top: 0;
+  bottom: 0;
+}
+.egd-split-pane.left-pane {
+  left: 0;
+}
+.egd-split-pane.right-pane {
+  right: 0;
+}
+.egd-split-pane.top-pane, .egd-split-pane.bottom-pane {
+  right: 0;
+  left: 0;
+}
+.egd-split-pane.top-pane {
+  top: 0;
+}
+.egd-split-pane.bottom-pane {
+  bottom: 0;
+}
+.egd-split-trigger-con {
+  position: absolute;
+  z-index: 10;
+  transform: translate(-50%, -50%);
+}
+.egd-split-trigger-bar-con {
+  position: absolute;
+  overflow: hidden;
+}
+.egd-split-trigger-bar-con.vertical {
+  top: 50%;
+  left: 1px;
+  height: 32px;
+  transform: translate(0, -50%);
+}
+.egd-split-trigger-bar-con.horizontal {
+  top: 1px;
+  left: 50%;
+  width: 32px;
+  transform: translate(-50%, 0);
+}
+.egd-split-trigger-vertical {
+  width: 6px;
+  height: 100%;
+  background: #f8f8f9;
+  box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);
+  cursor: ew-resize;
+}
+.egd-split-trigger-vertical .egd-split-trigger-bar {
+  float: left;
+  width: 4px;
+  height: 1px;
+  margin-top: 3px;
+  background: rgba(23, 35, 61, 0.25);
+}
+.egd-split-trigger-horizontal {
+  width: 100%;
+  height: 6px;
+  background: #f8f8f9;
+  box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);
+  cursor: ns-resize;
+}
+.egd-split-trigger-horizontal .egd-split-trigger-bar {
+  float: left;
+  width: 1px;
+  height: 4px;
+  margin-right: 3px;
+  background: rgba(23, 35, 61, 0.25);
+}
+.egd-split-horizontal .egd-split-trigger-con {
+  top: 50%;
+  height: 100%;
+  border-right: 1px solid #d7dae0;
+}
+.egd-split-vertical .egd-split-trigger-con {
+  left: 50%;
+  width: 100%;
+  border-bottom: 1px solid #d7dae0;
+}
+.egd-split-trigger-vertical-line {
+  background-color: transparent;
+  box-shadow: none;
+}
+.egd-split-trigger-horizontal-line {
+  background-color: transparent;
+  box-shadow: none;
+}
+.egd-split .no-select {
+  -webkit-touch-callout: none;
+  user-select: none;
+}

package/dist/components/stateful/index.js

@@ -1,7 +1,8 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
+const Stateful_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "Stateful",
-  functional: !0,
+  functional: true,
   props: {
     tag: {
       type: String,
@@ -43,7 +44,8 @@ const __vue2_script = {
     }
   },
   render(createElement, { props, data, children }) {
-    const { draft, doing, overdue, error, done, closed, status, tag, size, type } = props, statusClass = {
+    const { draft, doing, overdue, error, done, closed, status, tag, size, type } = props;
+    const statusClass = {
       draft: Array.isArray(draft) ? draft.includes(status) : draft,
       doing: Array.isArray(doing) ? doing.includes(status) : doing,
       overdue: Array.isArray(overdue) ? overdue.includes(status) : overdue,
@@ -66,15 +68,16 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   __vue2_render,
   __vue2_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 Stateful = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/stateful/style.css

@@ -1 +1,33 @@
-.stateful{display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:middle;border-radius:2px;content:""}.stateful.draft{background-color:#d7d7d7}.stateful.doing{background-color:#14ca7a}.stateful.overdue{background-color:#feae3d}.stateful.error{background-color:red}.stateful.done{background-color:#45a3e7}.stateful.closed{background-color:#d7d7d7}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.stateful {
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  margin-right: 6px;
+  vertical-align: middle;
+  border-radius: 2px;
+  content: "";
+}
+.stateful.draft {
+  background-color: #d7d7d7;
+}
+.stateful.doing {
+  background-color: #14ca7a;
+}
+.stateful.overdue {
+  background-color: #feae3d;
+}
+.stateful.error {
+  background-color: #f00;
+}
+.stateful.done {
+  background-color: #45a3e7;
+}
+.stateful.closed {
+  background-color: #d7d7d7;
+}