@das-fed/upf-ui 6.4.0-dev.300 → 6.4.0-dev.301

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

@@ -9864,7 +9864,7 @@ class Ic {
         });
       }
     }
-    (h != null || g || p) && (f.round(1), u.e = f.x, u.f = f.y, t.setAttribute("transform", An(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", An(u)));
   }
   update(t, e, n) {
     const i = {}, r = this.findAttrs(n.attrs || e, t, i, n.selectors), o = n.attrs ? this.findAttrs(e, t, i, n.selectors) : r, a = [];
@@ -11681,7 +11681,9 @@ var gn;
 const rv = ye("center"), ov = ye("topCenter"), av = ye("bottomCenter"), lv = ye("leftMiddle"), cv = ye("rightMiddle"), hv = ye("topLeft"), uv = ye("topRight"), dv = ye("bottomLeft"), fv = ye("bottomRight");
 function ye(s) {
   return function(t, e, n, i = {}) {
-    const r = i.rotate ? t.getUnrotatedBBoxOfElement(e) : t.getBBoxOfElement(e), o = r[s];
+    let r;
+    t.cell.visible ? r = i.rotate ? t.getUnrotatedBBoxOfElement(e) : t.getBBoxOfElement(e) : r = t.cell.getBBox();
+    const o = r[s];
     o.x += Vt(i.dx, r.width), o.y += Vt(i.dy, r.height);
     const a = t.cell;
     return i.rotate ? o.rotate(-a.getAngle(), a.getBBox().getCenter()) : o;
@@ -11710,7 +11712,7 @@ function $c(s, t) {
   return e ? s.getPointAtRatio(n / 100) : s.getPointAtLength(n);
 }
 const gv = function(s, t, e, n) {
-  const i = et.normalize(s.cell.getAngle()), r = s.getBBoxOfElement(t), o = r.getCenter(), a = r.getTopLeft(), l = r.getBottomRight();
+  const i = et.normalize(s.cell.getAngle()), r = s.cell.visible ? s.getBBoxOfElement(t) : s.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;
@@ -11726,7 +11728,7 @@ const gv = function(s, t, e, n) {
 }, bv = function(s, t, e, n) {
   let i, r = 0, o;
   const a = s.cell;
-  n.rotate ? (i = s.getUnrotatedBBoxOfElement(t), o = a.getBBox().getCenter(), r = a.getAngle()) : i = s.getBBoxOfElement(t);
+  n.rotate ? (i = s.getUnrotatedBBoxOfElement(t), o = a.getBBox().getCenter(), r = a.getAngle()) : a.visible ? i = s.getBBoxOfElement(t) : i = s.cell.getBBox();
   const l = n.padding;
   l != null && Number.isFinite(l) && i.inflate(l), n.rotate && e.rotate(r, o);
   const c = i.getNearestSideToPoint(e);
@@ -12579,7 +12581,12 @@ function rw(s, t) {
   const e = [];
   return t.forEach((n) => {
     const i = s.intersectsWithLine(n);
-    i && e.push(i);
+    if (i) {
+      const { x: r, y: o } = i, { 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(i);
+    }
   }), e;
 }
 function aa(s, t) {
@@ -16222,9 +16229,39 @@ class ae extends It {
       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 i = this.getEventData(t);
-    i.embedding && this.finalizeEmbedding(t, i), i.moving && (this.removeClass("node-moving"), this.notifyNodeMove("node:moved", t, e, n, this.cell)), i.moving = !1, i.embedding = !1;
+    const i = this.getEventData(t), r = this.graph;
+    i.embedding && this.finalizeEmbedding(t, i), i.moving && (r.options.translating.autoOffset && this.autoOffsetNode(), this.removeClass("node-moving"), this.notifyNodeMove("node:moved", t, e, n, this.cell)), i.moving = !1, i.embedding = !1;
   }
   // eslint-disable-next-line
   autoScrollGraph(t, e) {
@@ -18086,7 +18123,9 @@ class Kc extends At {
    * Sets new transformation with the given `matrix`
    */
   setMatrix(t) {
-    const e = Ot(t), n = An(e);
+    const e = Ot(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 = An(e);
     this.viewport.setAttribute("transform", n), this.viewportMatrix = e, this.viewportTransformString = n;
   }
   resize(t, e) {
@@ -18104,11 +18143,11 @@ class Kc extends At {
   }
   scale(t, e = t, n = 0, i = 0) {
     if (t = this.clampScale(t), e = this.clampScale(e), n || i) {
-      const o = this.getTranslation(), a = o.tx - n * (t - 1), l = o.ty - i * (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 - i * (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: i }), 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: i }), this;
   }
   clampScale(t) {
     const e = this.graph.options.scaling;
@@ -18122,9 +18161,9 @@ class Kc extends At {
     let n = t, i = t;
     const r = this.getScale(), o = this.getComputedSize();
     let a = o.width / 2, l = o.height / 2;
-    if (e.absolute || (n += r.sx, i += r.sy), e.scaleGrid && (n = Math.round(n / e.scaleGrid) * e.scaleGrid, i = Math.round(i / e.scaleGrid) * e.scaleGrid), e.maxScale && (n = Math.min(e.maxScale, n), i = Math.min(e.maxScale, i)), e.minScale && (n = Math.max(e.minScale, n), i = Math.max(e.minScale, i)), e.center && (a = e.center.x, l = e.center.y), n = this.clampScale(n), i = this.clampScale(i), a || l) {
-      const c = this.getTranslation(), h = a - (a - c.tx) * (n / r.sx), d = l - (l - c.ty) * (i / r.sy);
-      (h !== c.tx || d !== c.ty) && this.translate(h, d);
+    if (e.absolute || (n += r.sx, i += r.sy), e.scaleGrid && (n = Math.round(n / e.scaleGrid) * e.scaleGrid, i = Math.round(i / e.scaleGrid) * e.scaleGrid), e.maxScale && (n = Math.min(e.maxScale, n), i = Math.min(e.maxScale, i)), e.minScale && (n = Math.max(e.minScale, n), i = Math.max(e.minScale, i)), e.center && (a = e.center.x, l = e.center.y), n = this.clampScale(n), i = this.clampScale(i), n = Number.isFinite(n) ? n : r.sx, i = Number.isFinite(i) ? i : 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) * (i / d);
+      (u !== c.tx || f !== c.ty) && this.translate(u, f);
     }
     return this.scale(n, i), this;
   }
@@ -18144,7 +18183,7 @@ class Kc extends At {
   }
   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 i = this.getTranslation();
     return this.options.x = i.tx, this.options.y = i.ty, this.graph.trigger("translate", Object.assign({}, i)), this;
   }
@@ -18382,18 +18421,18 @@ class Hr extends At {
     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), ut.on(this.graph.container, "mousedown", this.onRightMouseDown), ut.on(document.body, {
-      keydown: this.onSpaceKeyDown,
-      keyup: this.onSpaceKeyUp
+      keydown: this.onKeyDown,
+      keyup: this.onKeyUp
     }), this.mousewheelHandle = new ec(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), ut.off(this.graph.container, "mousedown", this.onRightMouseDown), ut.off(document.body, {
-      keydown: this.onSpaceKeyDown,
-      keyup: this.onSpaceKeyUp
+      keydown: this.onKeyDown,
+      keyup: this.onKeyUp
     }), this.mousewheelHandle && this.mousewheelHandle.disable();
   }
   allowPanning(t, e) {
@@ -18401,7 +18440,7 @@ class Hr extends At {
   }
   startPanning(t) {
     const e = this.view.normalizeEvent(t);
-    this.clientX = e.clientX, this.clientY = e.clientY, this.panning = !0, this.updateClassName(), ut.on(document.body, {
+    this.clientX = e.clientX, this.clientY = e.clientY, this.panning = !0, this.updateClassName(t), ut.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)
@@ -18413,11 +18452,14 @@ class Hr extends At {
   }
   // eslint-disable-next-line
   stopPanning(t) {
-    this.panning = !1, this.updateClassName(), ut.off(document.body, ".panning"), ut.off(window, ".panning");
+    this.panning = !1, this.updateClassName(t), ut.off(document.body, ".panning"), ut.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 ? (U(t, e), yt(t, n)) : (yt(t, e), U(t, n)) : (yt(t, e), yt(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, i = 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 ? (U(n, i), yt(n, r)) : (yt(n, i), U(n, r)) : this.panning || (yt(n, i), yt(n, r));
   }
   onMouseDown({ e: t }) {
     if (!this.allowBlankMouseDown(t))
@@ -18432,11 +18474,11 @@ class Hr extends At {
   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;
@@ -18497,7 +18539,7 @@ class Gr extends At {
     const e = this.widgetOptions.guard;
     if ((e == null || e(t)) && ge.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;
@@ -25288,30 +25330,66 @@ const gC = (s, t) => {
       }), m.observe(e.value);
     }), fa(() => {
       m.disconnect();
-    }), (b, y) => (ze(), Be("div", {
-      ref_key: "containerEl",
-      ref: e,
-      class: "dimple-layout-editor-rule-container"
-    }, [
-      Qe("div", {
-        class: "dimple-layout-editor-rule",
-        style: wi(c.value)
-      }, [
-        (ze(!0), Be(xh, null, vh(f.value, (v) => (ze(), Be("div", {
-          class: "dimple-layout-editor-rule-rule-item",
-          style: wi({ [n.value === "left" ? "height" : "width"]: i.value + "px" })
-        }, [
-          Qe("div", {
-            class: "dimple-layout-editor-rule-rule-item-label",
-            style: wi(u.value)
-          }, wh(v.label), 5),
-          Qe("div", {
-            class: "dimple-layout-editor-rule-rule-item-tick",
-            style: wi([v.label !== "" ? d.value : h.value])
-          }, null, 4)
-        ], 4))), 256))
-      ], 4)
-    ], 512));
+    }), (b, y) => (ze(), Be(
+      "div",
+      {
+        ref_key: "containerEl",
+        ref: e,
+        class: "dimple-layout-editor-rule-container"
+      },
+      [
+        Qe(
+          "div",
+          {
+            class: "dimple-layout-editor-rule",
+            style: wi(c.value)
+          },
+          [
+            (ze(!0), Be(
+              xh,
+              null,
+              vh(f.value, (v) => (ze(), Be(
+                "div",
+                {
+                  class: "dimple-layout-editor-rule-rule-item",
+                  style: wi({ [n.value === "left" ? "height" : "width"]: i.value + "px" })
+                },
+                [
+                  Qe(
+                    "div",
+                    {
+                      class: "dimple-layout-editor-rule-rule-item-label",
+                      style: wi(u.value)
+                    },
+                    wh(v.label),
+                    5
+                    /* TEXT, STYLE */
+                  ),
+                  Qe(
+                    "div",
+                    {
+                      class: "dimple-layout-editor-rule-rule-item-tick",
+                      style: wi([v.label !== "" ? d.value : h.value])
+                    },
+                    null,
+                    4
+                    /* STYLE */
+                  )
+                ],
+                4
+                /* STYLE */
+              ))),
+              256
+              /* UNKEYED_FRAGMENT */
+            ))
+          ],
+          4
+          /* STYLE */
+        )
+      ],
+      512
+      /* NEED_PATCH */
+    ));
   }
 }), Yr = (s, t) => {
   const e = s.__vccOpts || s;
@@ -25449,38 +25527,56 @@ const gC = (s, t) => {
       m.disconnect();
     }), t({
       canvas: c
-    }), (w, x) => (ze(), Be("div", {
-      ref_key: "rootContainerEl",
-      ref: a,
-      class: "dimple-layout-editor"
-    }, [
-      u.value ? (ze(), Be("div", xC, [
-        Zr(da, {
-          "zero-offset": f.value,
-          scale: p.value
-        }, null, 8, ["zero-offset", "scale"])
-      ])) : Kr("", !0),
-      Qe("div", vC, [
-        u.value ? (ze(), Be("div", wC, [
+    }), (w, x) => (ze(), Be(
+      "div",
+      {
+        ref_key: "rootContainerEl",
+        ref: a,
+        class: "dimple-layout-editor"
+      },
+      [
+        u.value ? (ze(), Be("div", xC, [
           Zr(da, {
-            position: "left",
-            "zero-offset": g.value,
+            "zero-offset": f.value,
             scale: p.value
           }, null, 8, ["zero-offset", "scale"])
-        ])) : Kr("", !0),
-        Qe("div", {
-          ref_key: "canvasContainerEl",
-          ref: h,
-          class: "dimple-layout-editor-canvas-container"
-        }, [
-          Qe("div", {
-            ref_key: "containerEl",
-            ref: l,
-            class: "dimple-layout-editor-canvas"
-          }, null, 512)
-        ], 512)
-      ])
-    ], 512));
+        ])) : Kr("v-if", !0),
+        Qe("div", vC, [
+          u.value ? (ze(), Be("div", wC, [
+            Zr(da, {
+              position: "left",
+              "zero-offset": g.value,
+              scale: p.value
+            }, null, 8, ["zero-offset", "scale"])
+          ])) : Kr("v-if", !0),
+          Qe(
+            "div",
+            {
+              ref_key: "canvasContainerEl",
+              ref: h,
+              class: "dimple-layout-editor-canvas-container"
+            },
+            [
+              Qe(
+                "div",
+                {
+                  ref_key: "containerEl",
+                  ref: l,
+                  class: "dimple-layout-editor-canvas"
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              )
+            ],
+            512
+            /* NEED_PATCH */
+          )
+        ])
+      ],
+      512
+      /* NEED_PATCH */
+    ));
   }
 }), SC = /* @__PURE__ */ Yr(CC, [["__scopeId", "data-v-a84f1da2"]]), DC = ga(SC), LC = () => qt(null), PC = (s) => {
   const t = qt(), e = Ni(), n = {
@@ -25548,11 +25644,17 @@ const gC = (s, t) => {
         (b = r.value) == null || b.zoomToFit();
       };
       (u = r.value) == null || u.on("blank:dblclick", c), (f = r.value) == null || f.on("node:dblclick", c), (g = r.value) == null || g.on("cell:dblclick", c), (p = r.value) == null || p.on("edge:dblclick", c), (m = r.value) == null || m.$text.disabledDblClickEdit();
-    }), (c, h) => (ze(), Be("div", {
-      ref_key: "containerEl",
-      ref: o,
-      class: "dimple-layout-render"
-    }, null, 512));
+    }), (c, h) => (ze(), Be(
+      "div",
+      {
+        ref_key: "containerEl",
+        ref: o,
+        class: "dimple-layout-render"
+      },
+      null,
+      512
+      /* NEED_PATCH */
+    ));
   }
 }), OC = /* @__PURE__ */ Yr(EC, [["__scopeId", "data-v-97154aa4"]]), jC = ga(OC), kC = {
   Shape: Yw

package/packages/components/drawer/index.js

@@ -22,14 +22,21 @@ const S = { class: "das-ui-drawer" }, b = /* @__PURE__ */ u({
         title: a(t).title
       }, e.$attrs), $({
         default: d(() => [
-          h("div", {
-            class: "das-drawer__body",
-            style: k(a(t).bodyStyle)
-          }, [
-            l(e.$slots, "default", {}, void 0, !0)
-          ], 4)
+          h(
+            "div",
+            {
+              class: "das-drawer__body",
+              style: k(a(t).bodyStyle)
+            },
+            [
+              l(e.$slots, "default", {}, void 0, !0)
+            ],
+            4
+            /* STYLE */
+          )
         ]),
         _: 2
+        /* DYNAMIC */
       }, [
         e.$slots.header ? {
           name: "header",

package/packages/components/dropdown/index.js

@@ -1,43 +1,51 @@
 import { withInstall as c } from "@das-fed/upf-utils/with-install/index";
 import { setI18nRule as E, t as M } from "@das-fed/upf-web/packages/i18n/index";
 import "@das-fed/upf-ui/packages/global/theme";
-import { defineComponent as m, openBlock as w, createBlock as v, unref as s, mergeProps as h, withCtx as p, renderSlot as l, normalizeProps as C, guardReactiveProps as P, useAttrs as k, ref as a, watch as y, onMounted as I, createElementBlock as B, createVNode as b } from "vue";
+import { defineComponent as m, openBlock as w, createBlock as v, unref as a, mergeProps as h, withCtx as l, renderSlot as d, normalizeProps as C, guardReactiveProps as P, useAttrs as k, ref as p, watch as y, onMounted as I, createElementBlock as x, createVNode as B } from "vue";
 import "element-plus/es/components/dropdown-item/style/css";
-import { ElDropdownItem as A, ElDropdownMenu as L, ElDropdown as R } from "element-plus";
+import { ElDropdownItem as b, ElDropdownMenu as A, ElDropdown as L } from "element-plus";
 import "element-plus/es/components/dropdown-menu/style/css";
 import "element-plus/es/components/dropdown/style/css"
 import '@das-fed/upf-ui/packages/components/dropdown/style.css';
 ;
-const x = /* @__PURE__ */ m({
+const R = /* @__PURE__ */ m({
   __name: "dropdownItem",
   props: {
     danger: { type: Boolean, default: !1 }
   },
-  setup(d) {
-    const n = (o) => {
+  setup(s) {
+    const n = (t) => {
       if (typeof document > "u") return;
-      const r = o.currentTarget, t = document.activeElement;
-      r instanceof HTMLElement && t instanceof HTMLElement && r.contains(t) && t.blur();
+      const r = t.currentTarget, o = document.activeElement;
+      r instanceof HTMLElement && o instanceof HTMLElement && r.contains(o) && o.blur();
     };
-    return (o, r) => (w(), v(s(A), h(o.$attrs, {
-      class: { danger: o.danger },
+    return (t, r) => (w(), v(a(b), h(t.$attrs, {
+      class: { danger: s.danger },
       onPointerleave: n
     }), {
-      default: p(() => [
-        l(o.$slots, "default")
+      default: l(() => [
+        d(t.$slots, "default")
       ]),
       _: 3
+      /* FORWARDED */
     }, 16, ["class"]));
   }
 }), z = /* @__PURE__ */ m({
   __name: "dropdownMenu",
-  setup(d) {
-    return (n, o) => (w(), v(s(L), C(P(n.$attrs)), {
-      default: p(() => [
-        l(n.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
+  setup(s) {
+    return (n, t) => (w(), v(
+      a(A),
+      C(P(n.$attrs)),
+      {
+        default: l(() => [
+          d(n.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      },
+      16
+      /* FULL_PROPS */
+    ));
   }
 }), F = /* @__PURE__ */ m({
   __name: "index",
@@ -45,9 +53,9 @@ const x = /* @__PURE__ */ m({
     selfPopperClass: { default: "" },
     visibleArrow: { type: Boolean, default: !1 }
   },
-  setup(d, { expose: n }) {
-    const o = k(), r = a(null), t = a(null);
-    let D = d, _ = a("hidden-arrow"), f = a({
+  setup(s, { expose: n }) {
+    const t = k(), r = p(null), o = p(null);
+    let D = s, _ = p("hidden-arrow"), f = p({
       modifiers: [
         {
           name: "offset",
@@ -73,7 +81,7 @@ const x = /* @__PURE__ */ m({
       },
       { immediate: !0 }
     ), I(() => {
-      if (o.trigger == "contextmenu") {
+      if (t.trigger == "contextmenu") {
         const e = r.value;
         e == null || e.addEventListener("contextmenu", $), e == null || e.addEventListener("mousedown", g);
       }
@@ -91,37 +99,44 @@ const x = /* @__PURE__ */ m({
             }
           }
         ]
-      }, t.value.handleOpen();
+      }, o.value.handleOpen();
     }
     function g(e) {
-      t.value.handleClose();
+      o.value.handleClose();
     }
     return n({
-      getElRef: () => t.value
-    }), (e, i) => (w(), B("div", {
-      class: "das-ui-dropdown",
-      ref_key: "_selfDropdown",
-      ref: r
-    }, [
-      b(s(R), h(e.$attrs, {
-        "popper-class": `das-ui-dropdown-popper ${e.selfPopperClass} ${s(_)}`,
-        "popper-options": s(f),
-        ref_key: "_selfElDropdown",
-        ref: t
-      }), {
-        dropdown: p(() => [
-          l(e.$slots, "default")
-        ]),
-        default: p(() => [
-          l(e.$slots, "content")
-        ]),
-        _: 3
-      }, 16, ["popper-class", "popper-options"])
-    ], 512));
+      getElRef: () => o.value
+    }), (e, i) => (w(), x(
+      "div",
+      {
+        class: "das-ui-dropdown",
+        ref_key: "_selfDropdown",
+        ref: r
+      },
+      [
+        B(a(L), h(e.$attrs, {
+          "popper-class": `das-ui-dropdown-popper ${s.selfPopperClass} ${a(_)}`,
+          "popper-options": a(f),
+          ref_key: "_selfElDropdown",
+          ref: o
+        }), {
+          dropdown: l(() => [
+            d(e.$slots, "default")
+          ]),
+          default: l(() => [
+            d(e.$slots, "content")
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["popper-class", "popper-options"])
+      ],
+      512
+      /* NEED_PATCH */
+    ));
   }
 }), O = { 下拉菜单: { "zh-CN": "下拉菜单", en: "Dropdown Menu", "zh-MO": "下拉式功能表", _appCode: "framework" } };
 E(O);
-const G = c(x), J = c(z), K = c(F), Q = { name: `Dropdown ${M("下拉菜单")}` };
+const G = c(R), J = c(z), K = c(F), Q = { name: `Dropdown ${M("下拉菜单")}` };
 export {
   K as DasDropdown,
   G as DasDropdownItem,

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

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