evui 3.1.54 → 3.1.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evui",
-  "version": "3.1.54",
+  "version": "3.1.55",
   "description": "A EXEM Library project",
   "author": "exem <dev_client@ex-em.com>",
   "license": "MIT",

package/src/components/chart/plugins/plugins.interaction.js

@@ -175,7 +175,7 @@ const modules = {
    * @returns {undefined}
    */
   dragStart(evt, type) {
-    const [offsetX, offsetY] = this.getMousePosition(evt);
+    let [offsetX, offsetY] = this.getMousePosition(evt);
     const chartRect = this.chartRect;
     const labelOffset = this.labelOffset;
     const range = {
@@ -185,11 +185,20 @@ const modules = {
       y2: chartRect.y2 - labelOffset.bottom,
     };
 
-    // check graph range
-    if (offsetX < range.x1 || offsetX > range.x2
-        || offsetY < range.y1 || offsetY > range.y2
-    ) {
-      return;
+    if (offsetX < range.x1) {
+      offsetX = range.x1;
+    }
+
+    if (offsetX > range.x2) {
+      offsetX = range.x2;
+    }
+
+    if (offsetY < range.y1) {
+      offsetY = range.y1;
+    }
+
+    if (offsetY > range.y2) {
+      offsetY = range.y2;
     }
 
     this.dragInfo = {

package/src/components/chart/plugins/plugins.tooltip.js

@@ -219,11 +219,11 @@ const modules = {
         let prev = a.data.o;
         let next = b.data.o;
 
-        if (!prev) {
+        if (prev === null || prev === undefined) {
           prev = isHorizontal ? a.data.x : a.data.y;
         }
 
-        if (!next) {
+        if (next === null || next === undefined) {
           next = isHorizontal ? b.data.x : b.data.y;
         }
         return next - prev;

package/src/components/toggle/Toggle.vue

@@ -4,6 +4,7 @@
     :class="{
       checked: modelValue,
       disabled,
+      readonly,
     }"
     :style="{
       width: `${width}px`,
@@ -24,6 +25,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
     disabled: {
       type: Boolean,
       default: false,
@@ -51,7 +56,7 @@ export default {
       },
     });
     const clickMv = () => {
-      if (!props.disabled) {
+      if (!props.disabled && !props.readonly) {
         mv.value = !mv.value;
       }
     };
@@ -95,12 +100,14 @@ export default {
     left: calc(100% - 17px);
   }
 
-  &.disabled {
+  &.readonly {
     opacity: .6;
+    cursor: default;
+  }
 
-    &:hover {
-      cursor: not-allowed;
-    }
+  &.disabled {
+    opacity: .6;
+    cursor: not-allowed;
   }
 }