cnhis-design-vue 2.1.56 → 2.1.57

package/src/directive/flexibleResize.js

@@ -1,151 +1,151 @@
-export class FlexibleResize {
-  constructor(options) {
-    this.init(options);
-  }
-  init(options) {
-    this.options = options || {};
-    this.tool = null;
-    this.mask = null;
-    const { el } = options;
-    if (!el) return;
-    const tool = this.toolCreate();
-    this.initElPosition();
-    el.appendChild(tool);
-  }
-  destroyed() {
-    const { el } = this.options;
-    this.maskRemove();
-    this.toolRemove();
-    if (this._elPosition) {
-      el.style.setProperty("position", this._elPosition);
-    } else {
-      el.style.removeProperty("position");
-    }
-  }
-  initElPosition() {
-    const el = this.options.el;
-    if (!el) return;
-    this._elPosition = el.style.position;
-    const defStyle = window.getComputedStyle(el, null);
-    const position = defStyle.position;
-    if (!position || position === "static") {
-      el.style.setProperty("position", "relative");
-    }
-  }
-  maskCreate(mode) {
-    if (this.mask) return this.mask;
-    const mask = document.createElement("div");
-    mask.style =
-      "position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999;cursor:" +
-      (/^V/.test(mode) ? "col" : "row") +
-      "-resize";
-    mask.addEventListener("mousemove", this.maskMove);
-    mask.addEventListener("mouseup", this.maskUp);
-    this.mask = mask;
-    return mask;
-  }
-  maskRemove() {
-    const mask = this.mask;
-    if (!mask) return;
-    mask.parentNode && mask.parentNode.removeChild(mask);
-    mask.removeEventListener("mousemove", this.maskMove);
-    mask.removeEventListener("mouseup", this.maskUp);
-    this.mask = null;
-  }
-  maskMove = e => {
-    const v = this._isV ? e.screenX : e.screenY;
-    const distance = parseInt(v - this._mv);
-    this._mv = v;
-    const { onMove } = this.options;
-    onMove &&
-      onMove({
-        evt: e,
-        distance: distance
-      });
-  };
-  maskUp = e => {
-    const { onEnd } = this.options;
-    const v = this._isV ? e.screenX : e.screenY;
-    onEnd &&
-      onEnd({
-        evt: e,
-        distance: parseInt(v - this._ms)
-      });
-    this.maskRemove();
-  };
-  maskInsert() {
-    let mask = this.mask || this.maskCreate(this.options.mode);
-    document.body.appendChild(mask);
-    return mask;
-  }
-  toolCreate() {
-    if (this.tool) return this.tool;
-    const div = document.createElement("div");
-    div.addEventListener("mousedown", this.toolDown);
-    this.tool = div;
-    this.toolInitStyle();
-    return div;
-  }
-  toolRemove() {
-    const tool = this.tool;
-    if (!tool) return;
-    tool.parentNode && tool.parentNode.removeChild(tool);
-    this.tool = null;
-  }
-  toolInitStyle() {
-    let style = "user-select:none;cursor:col-resize;position:absolute;";
-    const mode = this.options.mode;
-    if (/^V/.test(mode)) {
-      style += "width: 8px;cursor:col-resize;";
-    } else {
-      style += "height: 8px;cursor:row-resize;";
-    }
-    const keys = {
-      VR: "left",
-      VL: "right",
-      HT: "bottom",
-      HB: "top"
-    };
-    const mk = keys[mode];
-    const p = Object.keys(keys).reduce((v, k) => {
-      const value = keys[k];
-      if (value !== mk) {
-        v += `${value}:0;`;
-      }
-      return v;
-    }, "");
-    style += p;
-    if (this.tool) {
-      this.tool.style = style;
-    }
-  }
-  toolDown = e => {
-    this.maskInsert();
-    this._isV = /^V/.test(this.options.mode);
-    this._ms = this._mv = this._isV ? e.screenX : e.screenY;
-    const { onStart } = this.options;
-    onStart &&
-      onStart({
-        evt: e,
-        distance: 0
-      });
-  };
-}
-
-export default {
-  inserted(el, { value }) {
-    if (el._flexibleResize) return;
-    el._flexibleResize = new FlexibleResize({
-      el: el,
-      mode: value.mode || "VR",
-      onMove: value.onMove,
-      onEnd: value.onEnd
-    });
-  },
-  unbind(el) {
-    if (el._flexibleResize) {
-      el._flexibleResize.destroyed();
-      el._flexibleResize = void 0;
-    }
-  }
-};
+export class FlexibleResize {
+  constructor(options) {
+    this.init(options);
+  }
+  init(options) {
+    this.options = options || {};
+    this.tool = null;
+    this.mask = null;
+    const { el } = options;
+    if (!el) return;
+    const tool = this.toolCreate();
+    this.initElPosition();
+    el.appendChild(tool);
+  }
+  destroyed() {
+    const { el } = this.options;
+    this.maskRemove();
+    this.toolRemove();
+    if (this._elPosition) {
+      el.style.setProperty("position", this._elPosition);
+    } else {
+      el.style.removeProperty("position");
+    }
+  }
+  initElPosition() {
+    const el = this.options.el;
+    if (!el) return;
+    this._elPosition = el.style.position;
+    const defStyle = window.getComputedStyle(el, null);
+    const position = defStyle.position;
+    if (!position || position === "static") {
+      el.style.setProperty("position", "relative");
+    }
+  }
+  maskCreate(mode) {
+    if (this.mask) return this.mask;
+    const mask = document.createElement("div");
+    mask.style =
+      "position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999;cursor:" +
+      (/^V/.test(mode) ? "col" : "row") +
+      "-resize";
+    mask.addEventListener("mousemove", this.maskMove);
+    mask.addEventListener("mouseup", this.maskUp);
+    this.mask = mask;
+    return mask;
+  }
+  maskRemove() {
+    const mask = this.mask;
+    if (!mask) return;
+    mask.parentNode && mask.parentNode.removeChild(mask);
+    mask.removeEventListener("mousemove", this.maskMove);
+    mask.removeEventListener("mouseup", this.maskUp);
+    this.mask = null;
+  }
+  maskMove = e => {
+    const v = this._isV ? e.screenX : e.screenY;
+    const distance = parseInt(v - this._mv);
+    this._mv = v;
+    const { onMove } = this.options;
+    onMove &&
+      onMove({
+        evt: e,
+        distance: distance
+      });
+  };
+  maskUp = e => {
+    const { onEnd } = this.options;
+    const v = this._isV ? e.screenX : e.screenY;
+    onEnd &&
+      onEnd({
+        evt: e,
+        distance: parseInt(v - this._ms)
+      });
+    this.maskRemove();
+  };
+  maskInsert() {
+    let mask = this.mask || this.maskCreate(this.options.mode);
+    document.body.appendChild(mask);
+    return mask;
+  }
+  toolCreate() {
+    if (this.tool) return this.tool;
+    const div = document.createElement("div");
+    div.addEventListener("mousedown", this.toolDown);
+    this.tool = div;
+    this.toolInitStyle();
+    return div;
+  }
+  toolRemove() {
+    const tool = this.tool;
+    if (!tool) return;
+    tool.parentNode && tool.parentNode.removeChild(tool);
+    this.tool = null;
+  }
+  toolInitStyle() {
+    let style = "user-select:none;cursor:col-resize;position:absolute;";
+    const mode = this.options.mode;
+    if (/^V/.test(mode)) {
+      style += "width: 8px;cursor:col-resize;";
+    } else {
+      style += "height: 8px;cursor:row-resize;";
+    }
+    const keys = {
+      VR: "left",
+      VL: "right",
+      HT: "bottom",
+      HB: "top"
+    };
+    const mk = keys[mode];
+    const p = Object.keys(keys).reduce((v, k) => {
+      const value = keys[k];
+      if (value !== mk) {
+        v += `${value}:0;`;
+      }
+      return v;
+    }, "");
+    style += p;
+    if (this.tool) {
+      this.tool.style = style;
+    }
+  }
+  toolDown = e => {
+    this.maskInsert();
+    this._isV = /^V/.test(this.options.mode);
+    this._ms = this._mv = this._isV ? e.screenX : e.screenY;
+    const { onStart } = this.options;
+    onStart &&
+      onStart({
+        evt: e,
+        distance: 0
+      });
+  };
+}
+
+export default {
+  inserted(el, { value }) {
+    if (el._flexibleResize) return;
+    el._flexibleResize = new FlexibleResize({
+      el: el,
+      mode: value.mode || "VR",
+      onMove: value.onMove,
+      onEnd: value.onEnd
+    });
+  },
+  unbind(el) {
+    if (el._flexibleResize) {
+      el._flexibleResize.destroyed();
+      el._flexibleResize = void 0;
+    }
+  }
+};

package/src/directive/preventReClick.js

@@ -1,12 +1,12 @@
-export default {
-  inserted(el, binding) {
-    el.addEventListener("click", () => {
-      if (!el.disabled) {
-        el.disabled = true;
-        setTimeout(() => {
-          el.disabled = false;
-        }, binding.value || 1000);
-      }
-    });
-  }
-}
+export default {
+  inserted(el, binding) {
+    el.addEventListener("click", () => {
+      if (!el.disabled) {
+        el.disabled = true;
+        setTimeout(() => {
+          el.disabled = false;
+        }, binding.value || 1000);
+      }
+    });
+  }
+}