@web-utils/component 2.0.13 → 2.2.0

package/sign-panel/index.mjs

@@ -0,0 +1,255 @@
+import { n } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var o = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return i("div", {
+    staticClass: "sign-panel flex-column"
+  }, [i("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !t.disabled && t.edit,
+      expression: "!disabled && edit"
+    }],
+    staticClass: "sign-edit"
+  }, [i("div", {
+    staticClass: "sign-draw-area",
+    style: {
+      width: `${t.width + 2}px`,
+      height: `${t.height + 2}px`
+    }
+  }, [i("div", {
+    staticClass: "sign-watermark",
+    style: {
+      fontSize: `${t.fontSize}px`
+    }
+  }, [t._v(" " + t._s(t.text) + " ")]), i("canvas", {
+    ref: "canvas",
+    staticClass: "sign-canvas",
+    attrs: {
+      width: t.width,
+      height: t.height
+    },
+    on: {
+      touchstart: function(s) {
+        return s.stopPropagation(), t.touchstart.apply(null, arguments);
+      },
+      touchmove: function(s) {
+        return s.stopPropagation(), t.touchmove.apply(null, arguments);
+      },
+      mousedown: function(s) {
+        return s.stopPropagation(), t.down.apply(null, arguments);
+      },
+      touchend: function(s) {
+        return s.stopPropagation(), t.touchend.apply(null, arguments);
+      },
+      mouseup: function(s) {
+        return s.stopPropagation(), t.up.apply(null, arguments);
+      }
+    }
+  }, [t._v("当前浏览器不支持手写签名 ")])]), i("div", {
+    staticClass: "sign-tool-bar"
+  }, [i("div", {
+    staticClass: "sign-button flex-item",
+    staticStyle: {
+      color: "red"
+    },
+    on: {
+      click: t.clear
+    }
+  }, [i("i", {
+    staticClass: "fa fa-trash"
+  }), t._v(" 清除 ")]), i("div", {
+    staticClass: "sign-button flex-item",
+    staticStyle: {
+      color: "red"
+    },
+    on: {
+      click: t.cancel
+    }
+  }, [i("i", {
+    staticClass: "fa fa-close"
+  }), t._v(" 取消 ")]), i("div", {
+    staticClass: "sign-button flex-item",
+    staticStyle: {
+      color: "orange"
+    },
+    on: {
+      click: t.rollback
+    }
+  }, [i("i", {
+    staticClass: "fa fa-repeat"
+  }), t._v(" 撤销 ")]), i("div", {
+    staticClass: "sign-button flex-item",
+    staticStyle: {
+      color: "green"
+    },
+    on: {
+      click: t.save
+    }
+  }, [i("i", {
+    staticClass: "fa fa-check"
+  }), t._v(" 确定 ")])])]), i("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: t.disabled || !t.edit,
+      expression: "disabled || !edit"
+    }],
+    staticClass: "sign-view",
+    style: {
+      cursor: t.disabled ? "not-allowed" : "pointer"
+    },
+    on: {
+      click: t.showSign
+    }
+  }, [t.value ? i("img", {
+    staticClass: "sign-image",
+    attrs: {
+      src: t.value,
+      alt: "签名"
+    }
+  }) : t._e(), t.value ? t._e() : i("p", {
+    staticClass: "sign-tips",
+    style: {
+      color: !t.value && t.disabled ? "red" : ""
+    }
+  }, [t._v(" " + t._s(t.disabled ? "未签名" : "点击进行签名") + " ")]), t.disabled ? t._e() : i("i", {
+    staticClass: "el-icon-edit-outline sign-edit-icon"
+  })])]);
+}, c = [];
+const l = {
+  name: "SignPanel",
+  props: {
+    width: {
+      type: Number,
+      default: 400
+    },
+    height: {
+      type: Number,
+      default: 150
+    },
+    lineWidth: {
+      type: Number,
+      default: 1
+    },
+    text: {
+      type: String,
+      default: "签名区"
+    },
+    fontSize: {
+      type: Number,
+      default: 20
+    },
+    value: {
+      type: String
+    },
+    disabled: Boolean
+  },
+  data() {
+    return {
+      edit: !1
+    };
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    // 初始化
+    init() {
+      if (this.stack = [], this.canvas = this.$refs.canvas, !this.canvas.getContext) {
+        alert("当前浏览器不支持手写签名");
+        return;
+      }
+      this.canvasInit();
+    },
+    rollback() {
+      if (this.stack.length > 0) {
+        const t = this.stack[this.stack.length - 1];
+        this.ctx.putImageData(t, 0, 0), this.stack.length = this.stack.length - 1;
+      }
+    },
+    // 位置初始化
+    position() {
+      this.restorePoint = this.ctx.getImageData(0, 0, this.canvas.width, this.canvas.height);
+      const t = this.canvas.getBoundingClientRect();
+      this.start = t.left, this.end = t.top;
+    },
+    // 画布初始化
+    canvasInit() {
+      this.ctx = this.canvas.getContext("2d"), this.ctx.lineCap = "round", this.ctx.lineWidth = this.lineWidth, this.ctx.clearRect(0, 0, this.width, this.height), this.blank = this.canvas.toDataURL("image/png");
+    },
+    /**
+     * 绘制水印
+     */
+    drawWaterMark() {
+      this.ctx.font = `${this.fontSize}px bold 黑体`, this.ctx.fillStyle = "#eee", this.ctx.textAlign = "center", this.ctx.shadowBlur = 1, this.ctx.textBaseline = "middle", this.ctx.fillText(this.text, this.width / 2, this.height / 2);
+    },
+    // PC 端鼠标按下开始绘画
+    down(t) {
+      this.position(), this.startLine(t.clientX, t.clientY, t), this.target = t.target, this.target.addEventListener("mousemove", this.move), window.addEventListener("mouseup", this.up);
+    },
+    // PC 端鼠标按下开始绘画后，跟踪移动轨迹
+    move(t) {
+      this.moveLine(t.clientX, t.clientY, t);
+    },
+    // PC 端鼠标松开结束绘画
+    up() {
+      this.target && this.target.removeEventListener("mousemove", this.move), window.removeEventListener("mouseup", this.up), this.record();
+    },
+    // 移动端触摸开始绘画
+    touchstart(t) {
+      this.position(), this.startLine(t.changedTouches[0].clientX, t.changedTouches[0].clientY, t);
+    },
+    // 移动端触摸开始绘画后，跟踪滑动轨迹
+    touchmove(t) {
+      this.moveLine(t.touches[0].clientX, t.touches[0].clientY, t);
+    },
+    // 开始绘画
+    startLine(t, e) {
+      this.ctx.beginPath(), t -= this.start, e -= this.end, this.ctx.moveTo(t, e);
+    },
+    // 绘制移动轨迹
+    moveLine(t, e, i) {
+      i && i.preventDefault(), t -= this.start, e -= this.end, this.ctx.lineTo(t, e), this.ctx.stroke();
+    },
+    clear() {
+      this.ctx.clearRect(0, 0, this.width, this.height);
+    },
+    cancel() {
+      this.clear(), this.edit = !1;
+    },
+    touchend() {
+      this.record();
+    },
+    record() {
+      this.stack.push(this.restorePoint);
+    },
+    save() {
+      const t = this.canvas.toDataURL("image/png");
+      this.blank === t ? this.$emit("input", "") : this.$emit("input", t), this.edit = !1, this.stack.length = 0, this.ctx.clearRect(0, 0, this.width, this.height);
+    },
+    showSign() {
+      this.disabled || (this.edit = !0);
+    }
+  }
+}, a = {};
+var h = /* @__PURE__ */ n(
+  l,
+  o,
+  c,
+  !1,
+  r,
+  null,
+  null,
+  null
+);
+function r(t) {
+  for (let e in a)
+    this[e] = a[e];
+}
+const u = /* @__PURE__ */ function() {
+  return h.exports;
+}();
+export {
+  u as default
+};

package/sign-panel/style.css

@@ -0,0 +1 @@
+.sign-panel{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:flex-start;width:100%}.sign-panel .sign-canvas{background:rgba(255,255,155,0);border:1px solid #ccc;width:100%;max-width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-tool-bar{border:1px solid #ccc;border-top:none;width:100%;display:flex}.sign-panel .sign-tips{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.sign-panel .sign-button{text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#ebeef5;padding:6px;line-height:1.6}.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{color:#eee;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-view{background-color:#fff;border:1px solid #eee;justify-content:center;align-items:center;min-width:212px;height:80px;display:flex;position:relative}.sign-panel .sign-edit-icon{position:absolute;bottom:4px;right:4px}.sign-panel .sign-image{min-width:160px;height:80px;display:inline-block}.sign-panel .sign-edit{background-color:#fff;flex-direction:column;align-items:center;max-width:100%;display:flex}.sign-panel .sign-draw-area{max-width:100%;position:relative}

package/skeleton/index.mjs

@@ -0,0 +1,82 @@
+import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+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(m, 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(d, l) {
+      return t("p", {
+        key: l,
+        class: ["avue-skeleton__li", e.className],
+        style: e.styleName
+      });
+    }), 0)])]);
+  }) : t("div", [e._t("default")], 2)], 2);
+}, i = [];
+const u = "avue-skeleton", c = {
+  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() {
+      const { active: e } = this;
+      return { [`${u}__loading`]: e };
+    }
+  }
+}, s = {};
+var _ = /* @__PURE__ */ o(
+  c,
+  r,
+  i,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(e) {
+  for (let a in s)
+    this[a] = s[a];
+}
+const p = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  p as default
+};

package/skeleton/style.css

@@ -0,0 +1 @@
+.avue-skeleton__avatar{background:#f2f2f2;border-radius:50%;width:40px;height:40px;line-height:40px;display:inline-block}.avue-skeleton__header{vertical-align:top;padding-right:16px;display:table-cell}.avue-skeleton__content{vertical-align:top;width:100%;display:table-cell}.avue-skeleton__title{background:#f2f2f2;width:40%;height:16px;margin-top:16px}.avue-skeleton__item{border-bottom:1px solid #e8e8e8;padding-top:16px;padding-bottom:16px}.avue-skeleton__item:last-child{border-bottom:none}.avue-skeleton__li{background:#f2f2f2;width:100%;height:16px;margin-bottom:10px;list-style:none}.avue-skeleton__li:last-child{width:50%}.avue-skeleton__loading{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%) 0 0/400% 100%;animation:1.4s infinite avue-skeleton-loading}@keyframes avue-skeleton-loading{0%{background-position:100%}to{background-position:0}}

package/split-pane/index.mjs

@@ -0,0 +1,306 @@
+var l = (t, e, s) => new Promise((o, i) => {
+  var n = (r) => {
+    try {
+      a(s.next(r));
+    } catch (f) {
+      i(f);
+    }
+  }, g = (r) => {
+    try {
+      a(s.throw(r));
+    } catch (f) {
+      i(f);
+    }
+  }, a = (r) => r.done ? o(r.value) : Promise.resolve(r.value).then(n, g);
+  a((s = s.apply(t, e)).next());
+});
+import { n as d } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+import v from "@web-utils/component/resize-observer";
+import "@web-utils/component/resize-observer/style.css";
+function m(t, e) {
+  for (let s = 0; s < e.length; s++)
+    if (t === e[s])
+      return !0;
+  return !1;
+}
+const h = 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);
+  };
+}(), p = 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 x = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
+    class: t.classes
+  }, [t.showIcon ? s("div", {
+    class: t.barConClasses
+  }, t._m(0), 0) : t._e()]);
+}, $ = [function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return t._l(8, function(o) {
+    return s("i", {
+      key: `trigger-${o}`,
+      class: `${t.prefix}-bar`
+    });
+  });
+}];
+const _ = {
+  name: "Trigger",
+  props: {
+    mode: String,
+    showIcon: Boolean,
+    line: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      prefix: "egd-split-trigger"
+    };
+  },
+  computed: {
+    isVertical() {
+      return this.mode === "vertical";
+    },
+    classes() {
+      return [
+        this.prefix,
+        this.line ? this.isVertical ? ` ${this.prefix}-vertical-line` : `${this.prefix}-horizontal-line` : "",
+        this.isVertical ? `${this.prefix}-vertical` : `${this.prefix}-horizontal`
+      ];
+    },
+    barConClasses() {
+      return [
+        `${this.prefix}-bar-con`,
+        this.isVertical ? "vertical" : "horizontal"
+      ];
+    }
+  }
+}, u = {};
+var M = /* @__PURE__ */ d(
+  _,
+  x,
+  $,
+  !1,
+  z,
+  null,
+  null,
+  null
+);
+function z(t) {
+  for (let e in u)
+    this[e] = u[e];
+}
+const O = /* @__PURE__ */ function() {
+  return M.exports;
+}();
+var w = function() {
+  var t = this, e = t.$createElement, s = t._self._c || e;
+  return s("div", {
+    ref: "outerWrapper",
+    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: `${t.anotherOffset}%`
+    }
+  }, [t._t("left")], 2), s("div", {
+    class: `${t.prefix}-trigger-con`,
+    style: {
+      left: `calc(${t.offset}% + ${t.triggerSize / 2}px)`,
+      width: `${t.triggerSize}px`
+    },
+    on: {
+      mousedown: t.handleMousedown
+    }
+  }, [t._t("trigger", function() {
+    return [s("Trigger", {
+      attrs: {
+        mode: "vertical"
+      }
+    })];
+  })], 2), s("div", {
+    class: [`${t.prefix}-pane`, "right-pane"],
+    style: {
+      left: `calc(${t.offset}% + ${t.triggerSize}px)`
+    }
+  }, [t._t("right")], 2)]], 2) : s("div", {
+    class: `${t.prefix}-vertical`
+  }, [s("div", {
+    class: [`${t.prefix}-pane`, "top-pane"],
+    style: {
+      bottom: `${t.anotherOffset}%`
+    }
+  }, [t._t("top")], 2), s("div", {
+    class: `${t.prefix}-trigger-con`,
+    style: {
+      top: `calc(${t.offset}% + ${t.triggerSize / 2}px)`,
+      height: `${t.triggerSize}px`
+    },
+    on: {
+      mousedown: t.handleMousedown
+    }
+  }, [t._t("trigger", function() {
+    return [s("Trigger", {
+      attrs: {
+        mode: "horizontal"
+      }
+    })];
+  })], 2), s("div", {
+    class: [`${t.prefix}-pane`, "bottom-pane"],
+    style: {
+      top: `calc(${t.offset}% + ${t.triggerSize}px)`
+    }
+  }, [t._t("bottom")], 2)]), s("ResizeObserver", {
+    on: {
+      notify: t.resetOffset
+    }
+  })], 1);
+}, S = [];
+const F = {
+  name: "SplitPane",
+  components: {
+    Trigger: O,
+    ResizeObserver: v
+  },
+  props: {
+    value: {
+      type: [Number, String],
+      default: 0.5
+    },
+    mode: {
+      validator(t) {
+        return m(t, ["horizontal", "vertical"]);
+      },
+      default: "horizontal"
+    },
+    hideLeft: Boolean,
+    triggerSize: {
+      type: Number,
+      default: 6
+    },
+    min: {
+      type: [Number, String],
+      default: "40px"
+    },
+    max: {
+      type: [Number, String],
+      default: "40px"
+    }
+  },
+  /**
+   * Events
+   * @on-move-start
+   * @on-moving 返回值：事件对象，但是在事件对象中加入了两个参数：atMin(当前是否在最小值处), atMax(当前是否在最大值处)
+   * @on-move-end
+   */
+  data() {
+    return {
+      prefix: "egd-split",
+      offset: 0,
+      oldOffset: 0,
+      isMoving: !1
+    };
+  },
+  computed: {
+    wrapperClasses() {
+      return [`${this.prefix}-wrapper`, this.isMoving ? "no-select" : ""];
+    },
+    isHorizontal() {
+      return this.mode === "horizontal";
+    },
+    anotherOffset() {
+      return 100 - this.offset;
+    },
+    valueIsPx() {
+      return typeof this.value == "string";
+    },
+    offsetSize() {
+      return this.isHorizontal ? "offsetWidth" : "offsetHeight";
+    },
+    computedMin() {
+      return this.getComputedThresholdValue("min");
+    },
+    computedMax() {
+      return this.getComputedThresholdValue("max");
+    }
+  },
+  watch: {
+    value: "resetOffset"
+  },
+  mounted() {
+    return l(this, null, function* () {
+      yield this.$nextTick(), this.resetOffset();
+    });
+  },
+  methods: {
+    resetOffset() {
+      this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 1e4 / 100;
+    },
+    px2percent(t, e) {
+      return parseFloat(t) / parseFloat(e);
+    },
+    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(t, e) {
+      return this.valueIsPx ? `${Math.min(parseFloat(t), parseFloat(e))}px` : Math.min(t, e);
+    },
+    getMax(t, e) {
+      return this.valueIsPx ? `${Math.max(parseFloat(t), parseFloat(e))}px` : Math.max(t, e);
+    },
+    getAnotherOffset(t) {
+      let e = 0;
+      return this.valueIsPx ? e = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(t)}px` : e = 1 - t, e;
+    },
+    handleMove(t) {
+      const s = (this.isHorizontal ? t.pageX : t.pageY) - this.initOffset, o = this.$refs.outerWrapper[this.offsetSize];
+      let i = this.valueIsPx ? `${parseFloat(this.oldOffset) + s}px` : this.px2percent(o * this.oldOffset + s, o);
+      const n = this.getAnotherOffset(i);
+      parseFloat(i) <= parseFloat(this.computedMin) && (i = this.getMax(i, this.computedMin)), parseFloat(n) <= parseFloat(this.computedMax) && (i = this.getAnotherOffset(this.getMax(n, 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 = !1, p(window, "mousemove", this.handleMove), p(window, "mouseup", this.handleUp), this.$emit("on-move-end");
+    },
+    handleMousedown(t) {
+      this.initOffset = this.isHorizontal ? t.pageX : t.pageY, this.oldOffset = this.value, this.isMoving = !0, h(window, "mousemove", this.handleMove), h(window, "mouseup", this.handleUp), this.$emit("on-move-start");
+    }
+  }
+}, c = {};
+var y = /* @__PURE__ */ d(
+  F,
+  w,
+  S,
+  !1,
+  b,
+  null,
+  null,
+  null
+);
+function b(t) {
+  for (let e in c)
+    this[e] = c[e];
+}
+const T = /* @__PURE__ */ function() {
+  return y.exports;
+}();
+export {
+  T as default
+};

package/split-pane/style.css

@@ -0,0 +1 @@
+.egd-split-wrapper{width:100%;height:100%;position:relative}.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{left:0;right:0}.egd-split-pane.top-pane{top:0}.egd-split-pane.bottom-pane{bottom:0}.egd-split-trigger-con{z-index:10;position:absolute;transform:translate(-50%,-50%)}.egd-split-trigger-bar-con{position:absolute;overflow:hidden}.egd-split-trigger-bar-con.vertical{height:32px;top:50%;left:1px;transform:translateY(-50%)}.egd-split-trigger-bar-con.horizontal{width:32px;top:1px;left:50%;transform:translate(-50%)}.egd-split-trigger-vertical{cursor:ew-resize;background:#f8f8f9;width:6px;height:100%;box-shadow:0 0 4px rgba(28,36,56,.4)}.egd-split-trigger-vertical .egd-split-trigger-bar{float:left;background:rgba(23,35,61,.25);width:4px;height:1px;margin-top:3px}.egd-split-trigger-horizontal{cursor:ns-resize;background:#f8f8f9;width:100%;height:6px;box-shadow:0 0 4px rgba(28,36,56,.4)}.egd-split-trigger-horizontal .egd-split-trigger-bar{float:left;background:rgba(23,35,61,.25);width:1px;height:4px;margin-right:3px}.egd-split-horizontal .egd-split-trigger-con{border-right:1px solid #d7dae0;height:100%;top:50%}.egd-split-vertical .egd-split-trigger-con{border-bottom:1px solid #d7dae0;width:100%;left:50%}.egd-split-trigger-vertical-line,.egd-split-trigger-horizontal-line{box-shadow:none;background-color:transparent}.egd-split .no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}