@web-utils/component 2.0.13 → 2.7.0

package/dist/components/sign-panel/style.css

@@ -1,97 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.sign-panel {
-  align-items: flex-start;
-  justify-content: center;
-  width: 100%;
-  background: #fff;
-  user-select: none;
-}
-.sign-panel .sign-canvas {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  max-width: 100%;
-  height: 100%;
-  background: rgba(255, 255, 155, 0);
-  border: 1px solid #ccc;
-}
-.sign-panel .sign-tool-bar {
-  display: flex;
-  width: 100%;
-  border: 1px solid #ccc;
-  border-top: none;
-}
-.sign-panel .sign-tips {
-  user-select: none;
-  pointer-events: none;
-}
-.sign-panel .sign-button {
-  padding: 6px;
-  line-height: 1.6;
-  text-align: center;
-  background-color: #ebeef5;
-  cursor: pointer;
-  user-select: none;
-}
-.sign-panel .sign-button:hover {
-  color: #1989fa;
-  background-color: #d0d4de;
-}
-.sign-panel .sign-button:nth-child(n) {
-  border-right: 1px solid #ccc;
-}
-.sign-panel .sign-button:last-child {
-  border: none !important;
-}
-.sign-panel .sign-watermark {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  color: #eee;
-}
-.sign-panel .sign-view {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 212px;
-  height: 80px;
-  background-color: #fff;
-  border: 1px solid #eee;
-}
-.sign-panel .sign-edit-icon {
-  position: absolute;
-  right: 4px;
-  bottom: 4px;
-}
-.sign-panel .sign-image {
-  display: inline-block;
-  min-width: 160px;
-  height: 80px;
-}
-.sign-panel .sign-edit {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  max-width: 100%;
-  background-color: #fff;
-}
-.sign-panel .sign-draw-area {
-  position: relative;
-  max-width: 100%;
-}
+.sign-panel{align-items:flex-start;justify-content:center;width:100%;background:#fff;user-select:none}.sign-panel .sign-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;height:100%;background:rgba(255,255,155,0);border:1px solid #ccc}.sign-panel .sign-tool-bar{display:flex;width:100%;border:1px solid #ccc;border-top:none}.sign-panel .sign-tips{user-select:none;pointer-events:none}.sign-panel .sign-button{padding:6px;line-height:1.6;text-align:center;background-color:#ebeef5;cursor:pointer;user-select:none}.sign-panel .sign-button:hover{color:#1989fa;background-color:#d0d4de}.sign-panel .sign-button:nth-child(n){border-right:1px solid #ccc}.sign-panel .sign-button:last-child{border:none!important}.sign-panel .sign-watermark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#eee}.sign-panel .sign-view{position:relative;display:flex;align-items:center;justify-content:center;min-width:212px;height:80px;background-color:#fff;border:1px solid #eee}.sign-panel .sign-edit-icon{position:absolute;right:4px;bottom:4px}.sign-panel .sign-image{display:inline-block;min-width:160px;height:80px}.sign-panel .sign-edit{display:flex;flex-direction:column;align-items:center;max-width:100%;background-color:#fff}.sign-panel .sign-draw-area{position:relative;max-width:100%}

package/dist/components/skeleton/index.js

@@ -0,0 +1,82 @@
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var r = function() {
+  var e = this, a = e.$createElement, t = e._self._c || a;
+  return t("div", {
+    staticClass: "avue-skeleton"
+  }, [e.loading ? e._l(e.number, function(d, n) {
+    return t("div", {
+      key: n,
+      staticClass: "avue-skeleton__item"
+    }, [t("div", {
+      staticClass: "avue-skeleton__header"
+    }, [e.avatar ? t("span", {
+      staticClass: "avue-skeleton__vatar'),className]"
+    }) : e._e()]), t("div", {
+      staticClass: "avue-skeleton__content"
+    }, [t("h3", {
+      class: ["avue-skeleton__title", e.className]
+    }), t("div", {
+      staticClass: "avue-skeleton__list"
+    }, e._l(e.rows, function(m, l) {
+      return t("p", {
+        key: l,
+        class: ["avue-skeleton__li", e.className],
+        style: e.styleName
+      });
+    }), 0)])]);
+  }) : t("div", [e._t("default")], 2)], 2);
+}, _ = [];
+const i = "avue-skeleton", u = {
+  name: "Skeleton",
+  props: {
+    loading: {
+      type: Boolean,
+      default: !0
+    },
+    avatar: Boolean,
+    active: {
+      type: Boolean,
+      default: !0
+    },
+    block: Boolean,
+    number: {
+      type: Number,
+      default: 1
+    },
+    rows: {
+      type: Number,
+      default: 3
+    }
+  },
+  computed: {
+    styleName() {
+      return this.block ? {
+        width: "100%"
+      } : {};
+    },
+    className() {
+      let { active: e } = this;
+      return { [`${i}__loading`]: e };
+    }
+  }
+}, s = {};
+var c = /* @__PURE__ */ o(
+  u,
+  r,
+  _,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(e) {
+  for (let a in s)
+    this[a] = s[a];
+}
+const p = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  p as default
+};

package/dist/components/skeleton/style.css

@@ -0,0 +1 @@
+.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%}}

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

@@ -1,117 +1,94 @@
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-function oneOf(value, validList) {
-  for (let i = 0; i < validList.length; i++) {
-    if (value === validList[i]) {
-      return true;
-    }
-  }
-  return false;
+import { n as h } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+function l(t, e) {
+  for (let s = 0; s < e.length; s++)
+    if (t === e[s])
+      return !0;
+  return !1;
 }
-const on = function() {
-  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);
-      }
-    };
-  }
+const n = function() {
+  return document.addEventListener ? function(t, e, s) {
+    t && e && s && t.addEventListener(e, s, !1);
+  } : function(t, e, s) {
+    t && e && s && t.attachEvent(`on${e}`, s);
+  };
+}(), a = function() {
+  return document.removeEventListener ? function(t, e, s) {
+    t && e && t.removeEventListener(e, s, !1);
+  } : function(t, e, s) {
+    t && e && t.detachEvent(`on${e}`, s);
+  };
 }();
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+var p = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
     ref: "outerWrapper",
-    class: _vm.wrapperClasses
-  }, [_vm.isHorizontal ? _c("div", {
-    class: `${_vm.prefix}-horizontal`
-  }, [!_vm.hideLeft ? [_c("div", {
-    class: [`${_vm.prefix}-pane`, "left-pane"],
+    class: t.wrapperClasses
+  }, [t.isHorizontal ? s("div", {
+    class: `${t.prefix}-horizontal`
+  }, [t.hideLeft ? s("div", {
+    class: [`${t.prefix}-pane`, "right-pane"],
+    staticStyle: {
+      left: "0"
+    }
+  }, [t._t("right")], 2) : [s("div", {
+    class: [`${t.prefix}-pane`, "left-pane"],
     style: {
-      right: `${_vm.anotherOffset}%`
+      right: `${t.anotherOffset}%`
     }
-  }, [_vm._t("left")], 2), _c("div", {
-    class: `${_vm.prefix}-trigger-con`,
+  }, [t._t("left")], 2), s("div", {
+    class: `${t.prefix}-trigger-con`,
     style: {
-      left: `calc(${_vm.offset}% + ${_vm.triggerSize / 2}px)`,
-      width: `${_vm.triggerSize}px`
+      left: `calc(${t.offset}% + ${t.triggerSize / 2}px)`,
+      width: `${t.triggerSize}px`
     },
     on: {
-      "mousedown": _vm.handleMousedown
+      mousedown: t.handleMousedown
     }
-  }, [_vm._t("trigger", function() {
-    return [_c("Trigger", {
+  }, [t._t("trigger", function() {
+    return [s("Trigger", {
       attrs: {
-        "mode": "vertical"
+        mode: "vertical"
       }
     })];
-  })], 2), _c("div", {
-    class: [`${_vm.prefix}-pane`, "right-pane"],
+  })], 2), s("div", {
+    class: [`${t.prefix}-pane`, "right-pane"],
     style: {
-      left: `calc(${_vm.offset}% + ${_vm.triggerSize}px)`
-    }
-  }, [_vm._t("right")], 2)] : _c("div", {
-    class: [`${_vm.prefix}-pane`, "right-pane"],
-    staticStyle: {
-      "left": "0"
+      left: `calc(${t.offset}% + ${t.triggerSize}px)`
     }
-  }, [_vm._t("right")], 2)], 2) : _c("div", {
-    class: `${_vm.prefix}-vertical`
-  }, [_c("div", {
-    class: [`${_vm.prefix}-pane`, "top-pane"],
+  }, [t._t("right")], 2)]], 2) : s("div", {
+    class: `${t.prefix}-vertical`
+  }, [s("div", {
+    class: [`${t.prefix}-pane`, "top-pane"],
     style: {
-      bottom: `${_vm.anotherOffset}%`
+      bottom: `${t.anotherOffset}%`
     }
-  }, [_vm._t("top")], 2), _c("div", {
-    class: `${_vm.prefix}-trigger-con`,
+  }, [t._t("top")], 2), s("div", {
+    class: `${t.prefix}-trigger-con`,
     style: {
-      top: `calc(${_vm.offset}% + ${_vm.triggerSize / 2}px)`,
-      height: `${_vm.triggerSize}px`
+      top: `calc(${t.offset}% + ${t.triggerSize / 2}px)`,
+      height: `${t.triggerSize}px`
     },
     on: {
-      "mousedown": _vm.handleMousedown
+      mousedown: t.handleMousedown
     }
-  }, [_vm._t("trigger", function() {
-    return [_c("Trigger", {
+  }, [t._t("trigger", function() {
+    return [s("Trigger", {
       attrs: {
-        "mode": "horizontal"
+        mode: "horizontal"
       }
     })];
-  })], 2), _c("div", {
-    class: [`${_vm.prefix}-pane`, "bottom-pane"],
+  })], 2), s("div", {
+    class: [`${t.prefix}-pane`, "bottom-pane"],
     style: {
-      top: `calc(${_vm.offset}% + ${_vm.triggerSize}px)`
+      top: `calc(${t.offset}% + ${t.triggerSize}px)`
     }
-  }, [_vm._t("bottom")], 2)]), _c("ResizeObserver", {
+  }, [t._t("bottom")], 2)]), s("ResizeObserver", {
     on: {
-      "notify": _vm.resetOffset
+      notify: t.resetOffset
     }
   })], 1);
-};
-var staticRenderFns = [];
-const SplitPane_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+}, u = [];
+const d = {
   name: "SplitPane",
   props: {
     value: {
@@ -119,8 +96,8 @@ const __vue2_script = {
       default: 0.5
     },
     mode: {
-      validator(value) {
-        return oneOf(value, ["horizontal", "vertical"]);
+      validator(t) {
+        return l(t, ["horizontal", "vertical"]);
       },
       default: "horizontal"
     },
@@ -138,12 +115,18 @@ const __vue2_script = {
       default: "40px"
     }
   },
+  /**
+   * Events
+   * @on-move-start
+   * @on-moving 返回值：事件对象，但是在事件对象中加入了两个参数：atMin(当前是否在最小值处), atMax(当前是否在最大值处)
+   * @on-move-end
+   */
   data() {
     return {
       prefix: "egd-split",
       offset: 0,
       oldOffset: 0,
-      isMoving: false
+      isMoving: !1
     };
   },
   computed: {
@@ -157,7 +140,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,98 +156,60 @@ const __vue2_script = {
     value: "resetOffset"
   },
   async mounted() {
-    await this.$nextTick();
-    this.resetOffset();
+    await this.$nextTick(), this.resetOffset();
   },
   methods: {
     resetOffset() {
       this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 1e4 / 100;
     },
-    px2percent(numerator, denominator) {
-      return parseFloat(numerator) / parseFloat(denominator);
+    px2percent(t, e) {
+      return parseFloat(t) / parseFloat(e);
     },
-    getComputedThresholdValue(type) {
-      const size = this.$refs.outerWrapper[this.offsetSize];
-      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];
-      }
+    getComputedThresholdValue(t) {
+      const e = this.$refs.outerWrapper[this.offsetSize];
+      return this.valueIsPx ? typeof this[t] == "string" ? this[t] : e * this[t] : typeof this[t] == "string" ? this.px2percent(this[t], e) : this[t];
     },
-    getMin(value1, value2) {
-      if (this.valueIsPx) {
-        return `${Math.min(parseFloat(value1), parseFloat(value2))}px`;
-      } else {
-        return Math.min(value1, value2);
-      }
+    getMin(t, e) {
+      return this.valueIsPx ? `${Math.min(parseFloat(t), parseFloat(e))}px` : Math.min(t, e);
     },
-    getMax(value1, value2) {
-      if (this.valueIsPx) {
-        return `${Math.max(parseFloat(value1), parseFloat(value2))}px`;
-      } else {
-        return Math.max(value1, value2);
-      }
+    getMax(t, e) {
+      return this.valueIsPx ? `${Math.max(parseFloat(t), parseFloat(e))}px` : Math.max(t, e);
     },
-    getAnotherOffset(value) {
-      let res = 0;
-      if (this.valueIsPx) {
-        res = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(value)}px`;
-      } else {
-        res = 1 - value;
-      }
-      return res;
+    getAnotherOffset(t) {
+      let e = 0;
+      return this.valueIsPx ? e = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(t)}px` : e = 1 - t, e;
     },
-    handleMove(e) {
-      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);
-      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);
+    handleMove(t) {
+      const s = (this.isHorizontal ? t.pageX : t.pageY) - this.initOffset, r = this.$refs.outerWrapper[this.offsetSize];
+      let i = this.valueIsPx ? `${parseFloat(this.oldOffset) + s}px` : this.px2percent(r * this.oldOffset + s, r);
+      const o = this.getAnotherOffset(i);
+      parseFloat(i) <= parseFloat(this.computedMin) && (i = this.getMax(i, this.computedMin)), parseFloat(o) <= parseFloat(this.computedMax) && (i = this.getAnotherOffset(this.getMax(o, this.computedMax))), t.atMin = this.value === this.computedMin, t.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5), this.$emit("input", i), this.$emit("on-moving", t);
     },
     handleUp() {
-      this.isMoving = false;
-      off(window, "mousemove", this.handleMove);
-      off(window, "mouseup", this.handleUp);
-      this.$emit("on-move-end");
+      this.isMoving = !1, a(window, "mousemove", this.handleMove), a(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 = true;
-      on(window, "mousemove", this.handleMove);
-      on(window, "mouseup", this.handleUp);
-      this.$emit("on-move-start");
+    handleMousedown(t) {
+      this.initOffset = this.isHorizontal ? t.pageX : t.pageY, this.oldOffset = this.value, this.isMoving = !0, n(window, "mousemove", this.handleMove), n(window, "mouseup", this.handleUp), this.$emit("on-move-start");
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, f = {};
+var c = /* @__PURE__ */ h(
+  d,
+  p,
+  u,
+  !1,
+  g,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function g(t) {
+  for (let e in f)
+    this[e] = f[e];
 }
-const SplitPane = /* @__PURE__ */ function() {
-  return __component__.exports;
+const x = /* @__PURE__ */ function() {
+  return c.exports;
 }();
 export {
-  SplitPane as default
+  x as default
 };

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

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