@das-fed/ui 7.0.7-hot.17 → 7.0.7-hot.19

package/packages/components/dimple-layout/index.js

@@ -9828,7 +9828,7 @@ class Mc {
         });
       }
     }
-    (h != null || g || p) && (f.round(1), u.e = f.x, u.f = f.y, t.setAttribute("transform", Dn(u)));
+    (h != null || g || p) && (f.round(1), u.e = Number.isFinite(f.x) ? f.x : 0, u.f = Number.isFinite(f.y) ? f.y : 0, t.setAttribute("transform", Dn(u)));
   }
   update(t, e, n) {
     const s = {}, r = this.findAttrs(n.attrs || e, t, s, n.selectors), o = n.attrs ? this.findAttrs(e, t, s, n.selectors) : r, a = [];
@@ -11645,7 +11645,9 @@ var bn;
 const tx = me("center"), ex = me("topCenter"), nx = me("bottomCenter"), ix = me("leftMiddle"), sx = me("rightMiddle"), rx = me("topLeft"), ox = me("topRight"), ax = me("bottomLeft"), lx = me("bottomRight");
 function me(i) {
   return function(t, e, n, s = {}) {
-    const r = s.rotate ? t.getUnrotatedBBoxOfElement(e) : t.getBBoxOfElement(e), o = r[i];
+    let r;
+    t.cell.visible ? r = s.rotate ? t.getUnrotatedBBoxOfElement(e) : t.getBBoxOfElement(e) : r = t.cell.getBBox();
+    const o = r[i];
     o.x += Jt(s.dx, r.width), o.y += Jt(s.dy, r.height);
     const a = t.cell;
     return s.rotate ? o.rotate(-a.getAngle(), a.getBBox().getCenter()) : o;
@@ -11674,7 +11676,7 @@ function Lc(i, t) {
   return e ? i.getPointAtRatio(n / 100) : i.getPointAtLength(n);
 }
 const cx = function(i, t, e, n) {
-  const s = nt.normalize(i.cell.getAngle()), r = i.getBBoxOfElement(t), o = r.getCenter(), a = r.getTopLeft(), l = r.getBottomRight();
+  const s = nt.normalize(i.cell.getAngle()), r = i.cell.visible ? i.getBBoxOfElement(t) : i.cell.getBBox(), o = r.getCenter(), a = r.getTopLeft(), l = r.getBottomRight();
   let c = n.padding;
   if (Number.isFinite(c) || (c = 0), a.y + c <= e.y && e.y <= l.y - c) {
     const h = e.y - o.y;
@@ -11690,7 +11692,7 @@ const cx = function(i, t, e, n) {
 }, dx = function(i, t, e, n) {
   let s, r = 0, o;
   const a = i.cell;
-  n.rotate ? (s = i.getUnrotatedBBoxOfElement(t), o = a.getBBox().getCenter(), r = a.getAngle()) : s = i.getBBoxOfElement(t);
+  n.rotate ? (s = i.getUnrotatedBBoxOfElement(t), o = a.getBBox().getCenter(), r = a.getAngle()) : a.visible ? s = i.getBBoxOfElement(t) : s = i.cell.getBBox();
   const l = n.padding;
   l != null && Number.isFinite(l) && s.inflate(l), n.rotate && e.rotate(r, o);
   const c = s.getNearestSideToPoint(e);
@@ -12543,7 +12545,12 @@ function tw(i, t) {
   const e = [];
   return t.forEach((n) => {
     const s = i.intersectsWithLine(n);
-    s && e.push(s);
+    if (s) {
+      const { x: r, y: o } = s, { start: a, end: l } = n, c = Math.round(a.x) === Math.round(r) && Math.round(a.y) === Math.round(o), h = Math.round(l.x) === Math.round(r) && Math.round(l.y) === Math.round(o);
+      if (c || h)
+        return;
+      e.push(s);
+    }
   }), e;
 }
 function ra(i, t) {
@@ -16186,9 +16193,39 @@ class Kt extends yt {
       ui: !0
     }), r.options.embedding.enabled && (a.embedding || (this.prepareEmbedding(t), a.embedding = !0), this.processEmbedding(t, a));
   }
+  autoOffsetNode() {
+    const t = this.cell, e = this.graph, n = Object.assign({ id: t.id }, t.getPosition()), r = e.getNodes().map((c) => {
+      const h = c.getPosition();
+      return { id: c.id, x: h.x, y: h.y };
+    }).filter((c) => c.id !== n.id), o = [
+      [1, 1],
+      [1, -1],
+      [-1, 1],
+      [-1, -1]
+      // offset to left top
+    ];
+    let a = e.getGridSize();
+    const l = (c) => r.some((h) => h.x === c.x && h.y === c.y);
+    for (; l(n); ) {
+      let c = !1;
+      for (let h = 0; h < o.length; h += 1) {
+        const d = o[h], u = {
+          x: n.x + d[0] * a,
+          y: n.y + d[1] * a
+        };
+        if (!l(u)) {
+          t.translate(d[0] * a, d[1] * a), c = !0;
+          break;
+        }
+      }
+      if (c)
+        break;
+      a += e.getGridSize();
+    }
+  }
   stopNodeDragging(t, e, n) {
-    const s = this.getEventData(t);
-    s.embedding && this.finalizeEmbedding(t, s), s.moving && (this.removeClass("node-moving"), this.notifyNodeMove("node:moved", t, e, n, this.cell)), s.moving = !1, s.embedding = !1;
+    const s = this.getEventData(t), r = this.graph;
+    s.embedding && this.finalizeEmbedding(t, s), s.moving && (r.options.translating.autoOffset && this.autoOffsetNode(), this.removeClass("node-moving"), this.notifyNodeMove("node:moved", t, e, n, this.cell)), s.moving = !1, s.embedding = !1;
   }
   // eslint-disable-next-line
   autoScrollGraph(t, e) {
@@ -18050,7 +18087,9 @@ class Yc extends Nt {
    * Sets new transformation with the given `matrix`
    */
   setMatrix(t) {
-    const e = Tt(t), n = Dn(e);
+    const e = Tt(t);
+    e.a = Number.isFinite(e.a) ? e.a : 1, e.b = Number.isFinite(e.b) ? e.b : 0, e.c = Number.isFinite(e.c) ? e.c : 0, e.d = Number.isFinite(e.d) ? e.d : 1, e.e = Number.isFinite(e.e) ? e.e : 0, e.f = Number.isFinite(e.f) ? e.f : 0;
+    const n = Dn(e);
     this.viewport.setAttribute("transform", n), this.viewportMatrix = e, this.viewportTransformString = n;
   }
   resize(t, e) {
@@ -18068,11 +18107,11 @@ class Yc extends Nt {
   }
   scale(t, e = t, n = 0, s = 0) {
     if (t = this.clampScale(t), e = this.clampScale(e), n || s) {
-      const o = this.getTranslation(), a = o.tx - n * (t - 1), l = o.ty - s * (e - 1);
-      (a !== o.tx || l !== o.ty) && this.translate(a, l);
+      const l = this.getTranslation(), c = l.tx - n * (t - 1), h = l.ty - s * (e - 1);
+      (c !== l.tx || h !== l.ty) && this.translate(c, h);
     }
-    const r = this.getMatrix();
-    return r.a = t, r.d = e, this.setMatrix(r), this.graph.trigger("scale", { sx: t, sy: e, ox: n, oy: s }), this;
+    const r = this.getMatrix(), o = Number.isFinite(t) ? t : 1, a = Number.isFinite(e) ? e : 1;
+    return r.a = o, r.d = a, this.setMatrix(r), this.graph.trigger("scale", { sx: o, sy: a, ox: n, oy: s }), this;
   }
   clampScale(t) {
     const e = this.graph.options.scaling;
@@ -18086,9 +18125,9 @@ class Yc extends Nt {
     let n = t, s = t;
     const r = this.getScale(), o = this.getComputedSize();
     let a = o.width / 2, l = o.height / 2;
-    if (e.absolute || (n += r.sx, s += r.sy), e.scaleGrid && (n = Math.round(n / e.scaleGrid) * e.scaleGrid, s = Math.round(s / e.scaleGrid) * e.scaleGrid), e.maxScale && (n = Math.min(e.maxScale, n), s = Math.min(e.maxScale, s)), e.minScale && (n = Math.max(e.minScale, n), s = Math.max(e.minScale, s)), e.center && (a = e.center.x, l = e.center.y), n = this.clampScale(n), s = this.clampScale(s), a || l) {
-      const c = this.getTranslation(), h = a - (a - c.tx) * (n / r.sx), d = l - (l - c.ty) * (s / r.sy);
-      (h !== c.tx || d !== c.ty) && this.translate(h, d);
+    if (e.absolute || (n += r.sx, s += r.sy), e.scaleGrid && (n = Math.round(n / e.scaleGrid) * e.scaleGrid, s = Math.round(s / e.scaleGrid) * e.scaleGrid), e.maxScale && (n = Math.min(e.maxScale, n), s = Math.min(e.maxScale, s)), e.minScale && (n = Math.max(e.minScale, n), s = Math.max(e.minScale, s)), e.center && (a = e.center.x, l = e.center.y), n = this.clampScale(n), s = this.clampScale(s), n = Number.isFinite(n) ? n : r.sx, s = Number.isFinite(s) ? s : r.sy, a || l) {
+      const c = this.getTranslation(), h = r.sx === 0 ? 1 : r.sx, d = r.sy === 0 ? 1 : r.sy, u = a - (a - c.tx) * (n / h), f = l - (l - c.ty) * (s / d);
+      (u !== c.tx || f !== c.ty) && this.translate(u, f);
     }
     return this.scale(n, s), this;
   }
@@ -18108,7 +18147,7 @@ class Yc extends Nt {
   }
   translate(t, e) {
     const n = this.getMatrix();
-    n.e = t || 0, n.f = e || 0, this.setMatrix(n);
+    n.e = Number.isFinite(t) ? t : 0, n.f = Number.isFinite(e) ? e : 0, this.setMatrix(n);
     const s = this.getTranslation();
     return this.options.x = s.tx, this.options.y = s.ty, this.graph.trigger("translate", Object.assign({}, s)), this;
   }
@@ -18346,18 +18385,18 @@ class _r extends Nt {
     return this.widgetOptions && this.widgetOptions.enabled === !0;
   }
   init() {
-    this.onRightMouseDown = this.onRightMouseDown.bind(this), this.onSpaceKeyDown = this.onSpaceKeyDown.bind(this), this.onSpaceKeyUp = this.onSpaceKeyUp.bind(this), this.startListening(), this.updateClassName();
+    this.onRightMouseDown = this.onRightMouseDown.bind(this), this.onKeyDown = this.onKeyDown.bind(this), this.onKeyUp = this.onKeyUp.bind(this), this.startListening(), this.updateClassName();
   }
   startListening() {
     this.graph.on("blank:mousedown", this.onMouseDown, this), this.graph.on("node:unhandled:mousedown", this.onMouseDown, this), this.graph.on("edge:unhandled:mousedown", this.onMouseDown, this), It.on(this.graph.container, "mousedown", this.onRightMouseDown), It.on(document.body, {
-      keydown: this.onSpaceKeyDown,
-      keyup: this.onSpaceKeyUp
+      keydown: this.onKeyDown,
+      keyup: this.onKeyUp
     }), this.mousewheelHandle = new Kl(this.graph.container, this.onMouseWheel.bind(this), this.allowMouseWheel.bind(this)), this.mousewheelHandle.enable();
   }
   stopListening() {
     this.graph.off("blank:mousedown", this.onMouseDown, this), this.graph.off("node:unhandled:mousedown", this.onMouseDown, this), this.graph.off("edge:unhandled:mousedown", this.onMouseDown, this), It.off(this.graph.container, "mousedown", this.onRightMouseDown), It.off(document.body, {
-      keydown: this.onSpaceKeyDown,
-      keyup: this.onSpaceKeyUp
+      keydown: this.onKeyDown,
+      keyup: this.onKeyUp
     }), this.mousewheelHandle && this.mousewheelHandle.disable();
   }
   allowPanning(t, e) {
@@ -18365,7 +18404,7 @@ class _r extends Nt {
   }
   startPanning(t) {
     const e = this.view.normalizeEvent(t);
-    this.clientX = e.clientX, this.clientY = e.clientY, this.panning = !0, this.updateClassName(), It.on(document.body, {
+    this.clientX = e.clientX, this.clientY = e.clientY, this.panning = !0, this.updateClassName(t), It.on(document.body, {
       "mousemove.panning touchmove.panning": this.pan.bind(this),
       "mouseup.panning touchend.panning": this.stopPanning.bind(this),
       "mouseleave.panning": this.stopPanning.bind(this)
@@ -18377,11 +18416,14 @@ class _r extends Nt {
   }
   // eslint-disable-next-line
   stopPanning(t) {
-    this.panning = !1, this.updateClassName(), It.off(document.body, ".panning"), It.off(window, ".panning");
+    this.panning = !1, this.updateClassName(t), It.off(document.body, ".panning"), It.off(window, ".panning");
   }
-  updateClassName() {
-    const t = this.view.container, e = this.view.prefixClassName("graph-panning"), n = this.view.prefixClassName("graph-pannable");
-    this.pannable ? this.panning ? (J(t, e), xt(t, n)) : (xt(t, e), J(t, n)) : (xt(t, e), xt(t, n));
+  updateClassName(t) {
+    const e = this.widgetOptions.eventTypes;
+    if ((e == null ? void 0 : e.length) === 1 && e.includes("mouseWheel"))
+      return;
+    const n = this.view.container, s = this.view.prefixClassName("graph-panning"), r = this.view.prefixClassName("graph-pannable"), o = this.graph.getPlugin("selection"), a = o && o.allowRubberband(t, !0), l = (e == null ? void 0 : e.includes("leftMouseDown")) && !a;
+    this.allowPanning(t ?? {}, !0) || this.allowPanning(t ?? {}) && l ? this.panning ? (J(n, s), xt(n, r)) : (xt(n, s), J(n, r)) : this.panning || (xt(n, s), xt(n, r));
   }
   onMouseDown({ e: t }) {
     if (!this.allowBlankMouseDown(t))
@@ -18396,11 +18438,11 @@ class _r extends Nt {
   onMouseWheel(t, e, n) {
     this.graph.translateBy(-e, -n);
   }
-  onSpaceKeyDown(t) {
-    t.which === 32 && (this.isSpaceKeyPressed = !0);
+  onKeyDown(t) {
+    t.which === 32 && (this.isSpaceKeyPressed = !0), this.updateClassName(t);
   }
-  onSpaceKeyUp(t) {
-    t.which === 32 && (this.isSpaceKeyPressed = !1);
+  onKeyUp(t) {
+    t.which === 32 && (this.isSpaceKeyPressed = !1), this.updateClassName(t);
   }
   allowBlankMouseDown(t) {
     const e = this.widgetOptions.eventTypes;
@@ -18461,7 +18503,7 @@ class Vr extends Nt {
     const e = this.widgetOptions.guard;
     if ((e == null || e(t)) && Ee.isMatch(t, this.widgetOptions.modifiers)) {
       const n = this.widgetOptions.factor || 1.2;
-      this.currentScale == null && (this.startPos = { x: t.clientX, y: t.clientY }, this.currentScale = this.graph.transform.getScale().sx), t.deltaY < 0 ? this.currentScale < 0.15 ? this.cumulatedFactor = (this.currentScale + 0.01) / this.currentScale : (this.cumulatedFactor = Math.round(this.currentScale * n * 20) / 20 / this.currentScale, this.cumulatedFactor === 1 && (this.cumulatedFactor = 1.05)) : this.currentScale <= 0.15 ? this.cumulatedFactor = (this.currentScale - 0.01) / this.currentScale : (this.cumulatedFactor = Math.round(this.currentScale * (1 / n) * 20) / 20 / this.currentScale, this.cumulatedFactor === 1 && (this.cumulatedFactor = 0.95)), this.cumulatedFactor = Math.max(0.01, Math.min(this.currentScale * this.cumulatedFactor, 160) / this.currentScale);
+      this.currentScale == null && (this.startPos = { x: t.clientX, y: t.clientY }, this.currentScale = this.graph.transform.getScale().sx), t.deltaY < 0 ? (this.currentScale < 0.15 ? this.cumulatedFactor = (this.currentScale + 0.01) / this.currentScale : this.cumulatedFactor = Math.round(this.currentScale * n * 20) / 20 / this.currentScale, this.cumulatedFactor <= 1 && (this.cumulatedFactor = 1.05)) : (this.currentScale <= 0.15 ? this.cumulatedFactor = (this.currentScale - 0.01) / this.currentScale : this.cumulatedFactor = Math.round(this.currentScale * (1 / n) * 20) / 20 / this.currentScale, this.cumulatedFactor >= 1 && (this.cumulatedFactor = 0.95)), this.cumulatedFactor = Math.max(0.01, Math.min(this.currentScale * this.cumulatedFactor, 160) / this.currentScale);
       const r = this.currentScale;
       let o = this.graph.transform.clampScale(r * this.cumulatedFactor);
       const a = this.widgetOptions.minScale || Number.MIN_SAFE_INTEGER, l = this.widgetOptions.maxScale || Number.MAX_SAFE_INTEGER;

package/packages/components/dropdown/index.js

@@ -3,9 +3,9 @@ import { withInstall as u } from "@das-fed/utils/with-install/index";
 import { setI18nRule as C, t as E } from "@das-fed/web/packages/i18n/index";
 import { setThemeRule as k } from "@das-fed/web/packages/theme/index";
 import "@das-fed/ui/packages/global/theme";
-import { defineComponent as m, createBlock as v, openBlock as c, unref as t, mergeProps as h, withCtx as s, renderSlot as p, normalizeProps as F, guardReactiveProps as y, useAttrs as B, ref as n, watch as I, onMounted as M, createElementBlock as P, createVNode as R } from "vue";
+import { defineComponent as c, createBlock as v, openBlock as m, unref as n, mergeProps as h, withCtx as d, renderSlot as a, normalizeProps as F, guardReactiveProps as x, useAttrs as y, ref as s, watch as B, onMounted as I, createElementBlock as M, createVNode as P } from "vue";
 import "element-plus/es/components/dropdown-item/style/css";
-import { ElDropdownItem as A, ElDropdownMenu as b, ElDropdown as x } from "element-plus";
+import { ElDropdownItem as R, ElDropdownMenu as A, ElDropdown as b } from "element-plus";
 import "element-plus/es/components/dropdown-menu/style/css";
 import "element-plus/es/components/dropdown/style/css";
 const z = {
@@ -13,31 +13,31 @@ const z = {
   "--das-ui-dropdown-divided-color": "#e5e5e5",
   "--das-ui-dropdown-active-color": "#5582F3",
   "--das-ui-dropdown-hover-color": "#F5F5F5"
-}, L = /* @__PURE__ */ m({
+}, L = /* @__PURE__ */ c({
   __name: "dropdownItem",
   props: {
     danger: { type: Boolean, default: !1 }
   },
-  setup(d) {
-    return (o, a) => (c(), v(t(A), h(o.$attrs, {
-      class: { danger: o.danger }
+  setup(t) {
+    return (o, p) => (m(), v(n(R), h(o.$attrs, {
+      class: { danger: t.danger }
     }), {
-      default: s(() => [
-        p(o.$slots, "default")
+      default: d(() => [
+        a(o.$slots, "default")
       ]),
       _: 3
       /* FORWARDED */
     }, 16, ["class"]));
   }
-}), N = /* @__PURE__ */ m({
+}), N = /* @__PURE__ */ c({
   __name: "dropdownMenu",
-  setup(d) {
-    return (o, a) => (c(), v(
-      t(b),
-      F(y(o.$attrs)),
+  setup(t) {
+    return (o, p) => (m(), v(
+      n(A),
+      F(x(o.$attrs)),
       {
-        default: s(() => [
-          p(o.$slots, "default")
+        default: d(() => [
+          a(o.$slots, "default")
         ]),
         _: 3
         /* FORWARDED */
@@ -46,15 +46,15 @@ const z = {
       /* FULL_PROPS */
     ));
   }
-}), O = /* @__PURE__ */ m({
+}), O = /* @__PURE__ */ c({
   __name: "index",
   props: {
     selfPopperClass: { default: "" },
     visibleArrow: { type: Boolean, default: !1 }
   },
-  setup(d, { expose: o }) {
-    const a = B(), w = n(null), r = n(null);
-    let D = d, _ = n("hidden-arrow"), l = n({
+  setup(t, { expose: o }) {
+    const p = y(), w = s(null), r = s(null);
+    let D = t, _ = s("hidden-arrow"), l = s({
       modifiers: [
         {
           name: "offset",
@@ -64,7 +64,7 @@ const z = {
         }
       ]
     });
-    I(
+    B(
       () => D.visibleArrow,
       (e, f) => {
         _.value = e ? "" : "hidden-arrow", l.value = {
@@ -79,8 +79,8 @@ const z = {
         };
       },
       { immediate: !0 }
-    ), M(() => {
-      if (a.trigger == "contextmenu") {
+    ), I(() => {
+      if (p.trigger == "contextmenu") {
         const e = w.value;
         e == null || e.addEventListener("contextmenu", $), e == null || e.addEventListener("mousedown", g);
       }
@@ -105,7 +105,7 @@ const z = {
     }
     return o({
       getElRef: () => r.value
-    }), (e, f) => (c(), P(
+    }), (e, f) => (m(), M(
       "div",
       {
         class: "das-ui-dropdown",
@@ -113,17 +113,17 @@ const z = {
         ref: w
       },
       [
-        R(t(x), h(e.$attrs, {
-          "popper-class": `das-ui-dropdown-popper ${e.selfPopperClass} ${t(_)}`,
-          "popper-options": t(l),
+        P(n(b), h(e.$attrs, {
+          "popper-class": `das-ui-dropdown-popper ${t.selfPopperClass} ${n(_)}`,
+          "popper-options": n(l),
           ref_key: "_selfElDropdown",
           ref: r
         }), {
-          dropdown: s(() => [
-            p(e.$slots, "default")
+          dropdown: d(() => [
+            a(e.$slots, "default")
           ]),
-          default: s(() => [
-            p(e.$slots, "content")
+          default: d(() => [
+            a(e.$slots, "content")
           ]),
           _: 3
           /* FORWARDED */

package/packages/components/edit-table/index.d.ts

@@ -107,7 +107,7 @@ declare const DasEditTableRef: () => import("vue").Ref<({
     "onUpdate:selection-rows"?: ((selectionRows: any[]) => any) | undefined;
     onAddRow?: (() => any) | undefined;
     onRemoveRow?: (() => any) | undefined;
-}>, "deactivateAll" | "removeErrorByRowKey" | "validateAll" | "clearValidate" | "changeRules" | "validateByRowKey" | "removeCellError" | ("config" | "props" | "data" | "trigger" | "rowKey" | "selectionRows") | "getResultData" | "recover" | "recoverByKey" | "insert" | "changeRowValueByKey" | "removeRowByKey"> & import("vue").ShallowUnwrapRef<{
+}>, "insert" | "deactivateAll" | "removeErrorByRowKey" | "validateAll" | "clearValidate" | "changeRules" | "validateByRowKey" | "removeCellError" | ("config" | "props" | "data" | "trigger" | "rowKey" | "selectionRows") | "getResultData" | "recover" | "recoverByKey" | "changeRowValueByKey" | "removeRowByKey"> & import("vue").ShallowUnwrapRef<{
     getResultData: () => {}[];
     recover: () => void;
     recoverByKey: (id: string | string[] | number | number[]) => void;
@@ -303,7 +303,7 @@ declare const DasEditTableRef: () => import("vue").Ref<({
     "onUpdate:selection-rows"?: ((selectionRows: any[]) => any) | undefined;
     onAddRow?: (() => any) | undefined;
     onRemoveRow?: (() => any) | undefined;
-}>, "deactivateAll" | "removeErrorByRowKey" | "validateAll" | "clearValidate" | "changeRules" | "validateByRowKey" | "removeCellError" | ("config" | "props" | "data" | "trigger" | "rowKey" | "selectionRows") | "getResultData" | "recover" | "recoverByKey" | "insert" | "changeRowValueByKey" | "removeRowByKey"> & import("vue").ShallowUnwrapRef<{
+}>, "insert" | "deactivateAll" | "removeErrorByRowKey" | "validateAll" | "clearValidate" | "changeRules" | "validateByRowKey" | "removeCellError" | ("config" | "props" | "data" | "trigger" | "rowKey" | "selectionRows") | "getResultData" | "recover" | "recoverByKey" | "changeRowValueByKey" | "removeRowByKey"> & import("vue").ShallowUnwrapRef<{
     getResultData: () => {}[];
     recover: () => void;
     recoverByKey: (id: string | string[] | number | number[]) => void;