@a2simcode/ui 0.0.41 → 0.0.43

package/dist/simcode-ui.es238.js

@@ -0,0 +1,221 @@
+import { tryOnMounted as O, isClient as B, tryOnScopeDispose as _, toArray as z } from "./simcode-ui.es312.js";
+import { getLifeCycleTarget as q } from "./simcode-ui.es312.js";
+import { computed as p, shallowRef as m, ref as x, watch as b, toValue as y, getCurrentInstance as P, onMounted as D } from "vue";
+const R = B ? window : void 0;
+function w(t) {
+  var e;
+  const n = y(t);
+  return (e = n?.$el) !== null && e !== void 0 ? e : n;
+}
+// @__NO_SIDE_EFFECTS__
+function E() {
+  const t = m(!1), e = P();
+  return e && D(() => {
+    t.value = !0;
+  }, e), t;
+}
+// @__NO_SIDE_EFFECTS__
+function G(t) {
+  const e = /* @__PURE__ */ E();
+  return p(() => (e.value, !!t()));
+}
+function S(t, e, n = {}) {
+  const { window: r = R, ...c } = n;
+  let s;
+  const l = /* @__PURE__ */ G(() => r && "ResizeObserver" in r), u = () => {
+    s && (s.disconnect(), s = void 0);
+  }, i = b(p(() => {
+    const v = y(t);
+    return Array.isArray(v) ? v.map((o) => w(o)) : [w(v)];
+  }), (v) => {
+    if (u(), l.value && r) {
+      s = new ResizeObserver(e);
+      for (const o of v) o && s.observe(o, c);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), a = () => {
+    u(), i();
+  };
+  return _(a), {
+    isSupported: l,
+    stop: a
+  };
+}
+function A(t, e = {
+  width: 0,
+  height: 0
+}, n = {}) {
+  const { window: r = R, box: c = "content-box" } = n, s = p(() => {
+    var o;
+    return (o = w(t)) === null || o === void 0 || (o = o.namespaceURI) === null || o === void 0 ? void 0 : o.includes("svg");
+  }), l = m(e.width), u = m(e.height), { stop: i } = S(t, ([o]) => {
+    const h = c === "border-box" ? o.borderBoxSize : c === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
+    if (r && s.value) {
+      const d = w(t);
+      if (d) {
+        const f = d.getBoundingClientRect();
+        l.value = f.width, u.value = f.height;
+      }
+    } else if (h) {
+      const d = z(h);
+      l.value = d.reduce((f, { inlineSize: g }) => f + g, 0), u.value = d.reduce((f, { blockSize: g }) => f + g, 0);
+    } else
+      l.value = o.contentRect.width, u.value = o.contentRect.height;
+  }, n);
+  O(() => {
+    const o = w(t);
+    o && (l.value = "offsetWidth" in o ? o.offsetWidth : e.width, u.value = "offsetHeight" in o ? o.offsetHeight : e.height);
+  });
+  const a = b(() => w(t), (o) => {
+    l.value = o ? e.width : 0, u.value = o ? e.height : 0;
+  });
+  function v() {
+    i(), a();
+  }
+  return {
+    width: l,
+    height: u,
+    stop: v
+  };
+}
+function X(t, e) {
+  const { containerStyle: n, wrapperProps: r, scrollTo: c, calculateRange: s, currentList: l, containerRef: u } = "itemHeight" in e ? I(e, t) : F(e, t);
+  return {
+    list: l,
+    scrollTo: c,
+    containerProps: {
+      ref: u,
+      onScroll: () => {
+        s();
+      },
+      style: n
+    },
+    wrapperProps: r
+  };
+}
+function L(t) {
+  const e = m(null), n = A(e), r = x([]), c = m(t);
+  return {
+    state: x({
+      start: 0,
+      end: 10
+    }),
+    source: c,
+    currentList: r,
+    size: n,
+    containerRef: e
+  };
+}
+function T(t, e, n) {
+  return (r) => {
+    if (typeof n == "number") return Math.ceil(r / n);
+    const { start: c = 0 } = t.value;
+    let s = 0, l = 0;
+    for (let u = c; u < e.value.length; u++) {
+      const i = n(u);
+      if (s += i, l = u, s > r) break;
+    }
+    return l - c;
+  };
+}
+function C(t, e) {
+  return (n) => {
+    if (typeof e == "number") return Math.floor(n / e) + 1;
+    let r = 0, c = 0;
+    for (let s = 0; s < t.value.length; s++) {
+      const l = e(s);
+      if (r += l, r >= n) {
+        c = s;
+        break;
+      }
+    }
+    return c + 1;
+  };
+}
+function V(t, e, n, r, { containerRef: c, state: s, currentList: l, source: u }) {
+  return () => {
+    const i = c.value;
+    if (i) {
+      const a = n(t === "vertical" ? i.scrollTop : i.scrollLeft), v = r(t === "vertical" ? i.clientHeight : i.clientWidth), o = a - e, h = a + v + e;
+      s.value = {
+        start: o < 0 ? 0 : o,
+        end: h > u.value.length ? u.value.length : h
+      }, l.value = u.value.slice(s.value.start, s.value.end).map((d, f) => ({
+        data: d,
+        index: f + s.value.start
+      }));
+    }
+  };
+}
+function $(t, e) {
+  return (n) => typeof t == "number" ? n * t : e.value.slice(0, n).reduce((r, c, s) => r + t(s), 0);
+}
+function W(t, e, n, r) {
+  b([
+    t.width,
+    t.height,
+    () => y(e),
+    n
+  ], () => {
+    r();
+  });
+}
+function H(t, e) {
+  return p(() => typeof t == "number" ? e.value.length * t : e.value.reduce((n, r, c) => n + t(c), 0));
+}
+const k = {
+  horizontal: "scrollLeft",
+  vertical: "scrollTop"
+};
+function M(t, e, n, r) {
+  return (c) => {
+    r.value && (r.value[k[t]] = n(c), e());
+  };
+}
+function F(t, e) {
+  const n = L(e), { state: r, source: c, currentList: s, size: l, containerRef: u } = n, i = { overflowX: "auto" }, { itemWidth: a, overscan: v = 5 } = t, o = T(r, c, a), h = V("horizontal", v, C(c, a), o, n), d = $(a, c), f = p(() => d(r.value.start)), g = H(a, c);
+  return W(l, e, u, h), {
+    scrollTo: M("horizontal", h, d, u),
+    calculateRange: h,
+    wrapperProps: p(() => ({ style: {
+      height: "100%",
+      width: `${g.value - f.value}px`,
+      marginLeft: `${f.value}px`,
+      display: "flex"
+    } })),
+    containerStyle: i,
+    currentList: s,
+    containerRef: u
+  };
+}
+function I(t, e) {
+  const n = L(e), { state: r, source: c, currentList: s, size: l, containerRef: u } = n, i = { overflowY: "auto" }, { itemHeight: a, overscan: v = 5 } = t, o = T(r, c, a), h = V("vertical", v, C(c, a), o, n), d = $(a, c), f = p(() => d(r.value.start)), g = H(a, c);
+  return W(l, e, u, h), {
+    calculateRange: h,
+    scrollTo: M("vertical", h, d, u),
+    containerStyle: i,
+    wrapperProps: p(() => ({ style: {
+      width: "100%",
+      height: `${g.value - f.value}px`,
+      marginTop: `${f.value}px`
+    } })),
+    currentList: s,
+    containerRef: u
+  };
+}
+export {
+  R as defaultWindow,
+  q as getLifeCycleTarget,
+  B as isClient,
+  z as toArray,
+  O as tryOnMounted,
+  _ as tryOnScopeDispose,
+  w as unrefElement,
+  A as useElementSize,
+  E as useMounted,
+  S as useResizeObserver,
+  G as useSupported,
+  X as useVirtualList
+};

package/dist/simcode-ui.es239.js

@@ -0,0 +1,159 @@
+import { defineComponent as z, resolveComponent as b, openBlock as t, createBlock as c, withCtx as u, createElementVNode as i, withModifiers as h, normalizeClass as n, normalizeStyle as m, unref as l, createCommentVNode as a, toDisplayString as d, createElementBlock as v, createVNode as w } from "vue";
+import { useAppInject as B, useMenuInject as A } from "./simcode-ui.es174.js";
+import S from "./simcode-ui.es316.js";
+const $ = { class: "j-menu-item-label" }, H = { class: "j-menu-item-label" }, I = {
+  key: 1,
+  class: /* @__PURE__ */ n(["j-menu-item-arrow", "sub"])
+}, M = { class: "j-menu-item-label" }, J = /* @__PURE__ */ z({
+  name: "JMenuItem",
+  __name: "index",
+  props: {
+    /**
+     * @zh 菜单项数据
+     */
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * @zh 当前激活的菜单项
+     */
+    parentActives: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @zh 是否折叠。
+     */
+    collapsed: Boolean,
+    /**
+     * @zh 是否子菜单。(弹层)
+     */
+    isSub: Boolean,
+    /**
+     * @zh 是否水平菜单。
+     */
+    isHorizontal: Boolean,
+    /**
+     * @zh 是否竖直弹窗菜单。
+     */
+    isVertical: Boolean
+  },
+  emits: ["click"],
+  setup(e, { emit: f }) {
+    const { t: o } = B(), { activeMenuId: r } = A(), C = f, j = (k) => {
+      C("click", k);
+    };
+    return (k, s) => {
+      const y = b("j-icon"), g = b("el-tooltip"), V = b("el-popover");
+      return e.collapsed && !e.item.hasChildren ? (t(), c(g, {
+        key: 0,
+        placement: "right"
+      }, {
+        content: u(() => [
+          i("span", null, d(l(o)(e.item.label)), 1)
+        ]),
+        default: u(() => [
+          i("div", {
+            class: n(["j-menu-item", { collapsed: e.collapsed }]),
+            onClick: s[0] || (s[0] = h((x) => j(e.item), ["stop"]))
+          }, [
+            i("div", {
+              class: n([
+                "j-menu-item-content",
+                {
+                  active: e.item.value === l(r),
+                  "p-active": e.parentActives.includes(e.item.value)
+                }
+              ]),
+              style: m({ "padding-left": `${e.item.indent * 24 + 16}px` })
+            }, [
+              e.item.icon ? (t(), c(y, {
+                key: 0,
+                icon: e.item.icon,
+                class: "j-menu-item-icon",
+                size: 18
+              }, null, 8, ["icon"])) : a("", !0),
+              i("div", $, d(l(o)(e.item.label)), 1),
+              e.item.hasChildren ? (t(), v("div", {
+                key: 1,
+                class: n(["j-menu-item-arrow", { open: e.item.open }])
+              }, null, 2)) : a("", !0)
+            ], 6)
+          ], 2)
+        ]),
+        _: 1
+      })) : (e.collapsed || e.isSub || e.isHorizontal || e.isVertical) && e.item.hasChildren ? (t(), c(V, {
+        key: 1,
+        placement: e.isHorizontal ? "bottom-start" : "right-start",
+        "show-arrow": !1,
+        "popper-class": "j-sub-menu"
+      }, {
+        reference: u(() => [
+          i("div", {
+            class: n(["j-menu-item", { collapsed: e.collapsed }])
+          }, [
+            i("div", {
+              class: n([
+                "j-menu-item-content",
+                { active: e.item.value === l(r), "p-active": e.parentActives.includes(e.item.value) }
+              ]),
+              style: m({ "padding-left": `${e.item.indent * 34 + 16}px` })
+            }, [
+              e.item.icon ? (t(), c(y, {
+                key: 0,
+                icon: e.item.icon,
+                style: m({
+                  "margin-right": e.item.label && (e.isSub || !e.isVertical) ? "8px" : 0,
+                  "background-color": e.isVertical ? e.item.color : "transparent"
+                }),
+                class: "j-menu-item-icon",
+                size: 18
+              }, null, 8, ["icon", "style"])) : a("", !0),
+              i("div", H, d(l(o)(e.item.label)), 1),
+              e.item.hasChildren && !e.isHorizontal && !e.isVertical ? (t(), v("div", I)) : a("", !0)
+            ], 6)
+          ], 2)
+        ]),
+        default: u(() => [
+          w(S, {
+            "p-id": e.item.value,
+            onClick: j
+          }, null, 8, ["p-id"])
+        ]),
+        _: 1
+      }, 8, ["placement"])) : (t(), v("div", {
+        key: 2,
+        class: n(["j-menu-item", { collapsed: e.collapsed, sub: e.item.indent > 0 }]),
+        onClick: s[1] || (s[1] = h((x) => j(e.item), ["stop"]))
+      }, [
+        i("div", {
+          class: n([
+            "j-menu-item-content",
+            { active: e.item.value === l(r), "p-active": e.parentActives.includes(e.item.value) }
+          ]),
+          style: m({ "padding-left": `${e.item.indent * 24 + 16}px` })
+        }, [
+          e.item.icon ? (t(), c(y, {
+            key: 0,
+            icon: e.item.icon,
+            class: "j-menu-item-icon",
+            style: m({
+              "margin-right": e.item.label && (e.isSub || !e.isVertical) ? "8px" : 0,
+              "background-color": e.isVertical ? e.item.color : "transparent"
+            }),
+            size: 18
+          }, null, 8, ["icon", "style"])) : a("", !0),
+          i("div", M, d(l(o)(e.item.label)), 1),
+          e.item.hasChildren ? (t(), v("div", {
+            key: 1,
+            class: n(["j-menu-item-arrow", { open: e.item.open }])
+          }, null, 2)) : a("", !0)
+        ], 6)
+      ], 2));
+    };
+  }
+});
+export {
+  J as default
+};

package/dist/simcode-ui.es24.js

@@ -0,0 +1,6 @@
+import { withInstall as o } from "./simcode-ui.es66.js";
+import t from "./simcode-ui.es89.js";
+const m = o(t);
+export {
+  m as default
+};

package/dist/simcode-ui.es240.js

@@ -0,0 +1,10 @@
+function t(r) {
+  return r !== null && typeof r == "object" && !Array.isArray(r);
+}
+function c(r, o) {
+  Array.isArray(r) && r.forEach(o);
+}
+export {
+  c as forEach,
+  t as isObject
+};

package/dist/simcode-ui.es241.js

@@ -0,0 +1,19 @@
+function r() {
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (t) => {
+    const x = Math.random() * 16 | 0;
+    return (t === "x" ? x : x & 3 | 8).toString(16);
+  });
+}
+function u(n, t) {
+  if (t) {
+    let x = n;
+    return Object.keys(t).forEach((e) => {
+      x = x.replace(new RegExp(`{${e}}`, "g"), t[e]);
+    }), x;
+  }
+  return n;
+}
+export {
+  r as buildUUID,
+  u as translate
+};

package/dist/simcode-ui.es242.js

@@ -0,0 +1,25 @@
+var s = 1e3;
+function o(e, t) {
+  var a = this;
+  t = t || s, e.on(["render.shape", "render.connection"], t, function(r, n) {
+    var i = r.type, p = n.element, c = n.gfx, h = n.attrs;
+    if (a.canRender(p))
+      return i === "render.shape" ? a.drawShape(c, p, h) : a.drawConnection(c, p, h);
+  }), e.on(["render.getShapePath", "render.getConnectionPath"], t, function(r, n) {
+    if (a.canRender(n))
+      return r.type === "render.getShapePath" ? a.getShapePath(n) : a.getConnectionPath(n);
+  });
+}
+o.prototype.canRender = function(e) {
+};
+o.prototype.drawShape = function(e, t) {
+};
+o.prototype.drawConnection = function(e, t) {
+};
+o.prototype.getShapePath = function(e) {
+};
+o.prototype.getConnectionPath = function(e) {
+};
+export {
+  o as default
+};

package/dist/simcode-ui.es243.js

@@ -0,0 +1,8 @@
+import { createTransform as n, transform as o } from "tiny-svg";
+function f(t, a, e) {
+  var r = n();
+  r.setTranslate(a, e), o(t, r);
+}
+export {
+  f as translate
+};

package/dist/simcode-ui.es244.js

@@ -0,0 +1,62 @@
+import { isNumber as x } from "min-dash";
+import { create as d, attr as P } from "tiny-svg";
+function L(n) {
+  return n.flat().join(",").replace(/,?([A-Za-z]),?/g, "$1");
+}
+function g(n) {
+  return ["M", n.x, n.y];
+}
+function a(n) {
+  return ["L", n.x, n.y];
+}
+function M(n, t, o) {
+  return ["C", n.x, n.y, t.x, t.y, o.x, o.y];
+}
+function v(n, t) {
+  const o = n.length, c = [g(n[0])];
+  for (let r = 1; r < o; r++) {
+    const i = n[r - 1], e = n[r], u = n[r + 1];
+    if (!u || !t) {
+      c.push(a(e));
+      continue;
+    }
+    const f = Math.min(
+      t,
+      s(e.x - i.x, e.y - i.y),
+      s(u.x - e.x, u.y - e.y)
+    );
+    if (!f) {
+      c.push(a(e));
+      continue;
+    }
+    const l = h(e, i, f), p = h(e, i, f * 0.5), y = h(e, u, f), m = h(e, u, f * 0.5);
+    c.push(a(l)), c.push(M(p, m, y));
+  }
+  return c;
+}
+function h(n, t, o) {
+  const c = t.x - n.x, r = t.y - n.y, i = s(c, r), e = o / i;
+  return {
+    x: n.x + c * e,
+    y: n.y + r * e
+  };
+}
+function s(n, t) {
+  return Math.sqrt(Math.pow(n, 2) + Math.pow(t, 2));
+}
+function T(n, t, o) {
+  x(t) && (o = t, t = null), t || (t = {});
+  const c = d("path", t);
+  return x(o) && (c.dataset.cornerRadius = String(o)), b(c, n);
+}
+function b(n, t) {
+  const o = parseInt(n.dataset.cornerRadius, 10) || 0;
+  return P(n, {
+    d: L(v(t, o))
+  }), n;
+}
+export {
+  L as componentsToPath,
+  T as createLine,
+  b as updateLine
+};

package/dist/simcode-ui.es245.js

@@ -0,0 +1,62 @@
+import { componentsToPath as i } from "./simcode-ui.es244.js";
+function P(n) {
+  return n.businessObject;
+}
+function m(n, t) {
+  return n.businessObject.strokeWidth || t || 1;
+}
+function x(n, t) {
+  return n.businessObject.fillColor || t || "var(--j-color-bg-container)";
+}
+function j(n, t) {
+  return n.businessObject.strokeColor || t || "var(--j-color-text)";
+}
+function w(n) {
+  const t = n.x + n.width / 2, l = n.y + n.height / 2, c = n.width / 2, h = [
+    ["M", t, l],
+    ["m", 0, -c],
+    ["a", c, c, 0, 1, 1, 0, 2 * c],
+    ["a", c, c, 0, 1, 1, 0, -2 * c],
+    ["z"]
+  ];
+  return i(h);
+}
+function y(n, t) {
+  const { x: l, y: c, width: h, height: o } = n, e = [
+    ["M", l + t, c],
+    ["l", h - t * 2, 0],
+    ["a", t, t, 0, 0, 1, t, t],
+    ["l", 0, o - t * 2],
+    ["a", t, t, 0, 0, 1, -t, t],
+    ["l", t * 2 - h, 0],
+    ["a", t, t, 0, 0, 1, -t, -t],
+    ["l", 0, t * 2 - o],
+    ["a", t, t, 0, 0, 1, t, -t],
+    ["z"]
+  ];
+  return i(e);
+}
+function C(n) {
+  const { x: t, y: l, width: c, height: h } = n, o = c / 2, e = h / 2, g = [
+    ["M", t + o, l],
+    ["l", o, e],
+    ["l", -o, e],
+    ["l", -o, -e],
+    ["z"]
+  ];
+  return i(g);
+}
+function k(n) {
+  const { x: t, y: l, width: c, height: h } = n, o = [["M", t, l], ["l", c, 0], ["l", 0, h], ["l", -c, 0], ["z"]];
+  return i(o);
+}
+export {
+  w as getCirclePath,
+  C as getDiamondPath,
+  x as getFillColor,
+  k as getRectPath,
+  y as getRoundRectPath,
+  P as getSemantic,
+  j as getStrokeColor,
+  m as getStrokeWidth
+};

package/dist/simcode-ui.es246.js

@@ -0,0 +1,59 @@
+function b(t) {
+  const n = t.businessObject;
+  if (n)
+    return n.name || "";
+}
+function g(t, n) {
+  const e = t.businessObject;
+  return e.name = n, t;
+}
+const u = {
+  height: 20
+}, o = 15;
+function x(t) {
+  return [
+    "startEvent",
+    "myEvent",
+    "endEvent",
+    "gatewayAnd",
+    "gatewayXor",
+    "gatewayInclusive",
+    "myline"
+  ].includes(t.type);
+}
+function y(t) {
+  return f(t.label);
+}
+function l(t) {
+  const n = t.length / 2 - 1, e = t[Math.floor(n)], i = t[Math.ceil(n + 0.01)], r = h(t), c = Math.atan((i.y - e.y) / (i.x - e.x));
+  let { x: a, y: s } = r;
+  return Math.abs(c) < Math.PI / 2 ? s -= o : a += o, { x: a, y: s };
+}
+function h(t) {
+  const n = t.length / 2 - 1, e = t[Math.floor(n)], i = t[Math.ceil(n + 0.01)];
+  return {
+    x: e.x + (i.x - e.x) / 2,
+    y: e.y + (i.y - e.y) / 2
+  };
+}
+function L(t) {
+  return t.waypoints ? l(t.waypoints) : {
+    x: t.x + t.width / 2,
+    y: t.y + t.height + u.height / 2
+  };
+}
+function f(t) {
+  return t && !!t.labelTarget;
+}
+export {
+  u as DEFAULT_LABEL_SIZE,
+  o as FLOW_LABEL_INDENT,
+  L as getExternalLabelMid,
+  l as getFlowLabelPosition,
+  b as getLabel,
+  h as getWaypointsMid,
+  y as hasExternalLabel,
+  f as isLabel,
+  x as isLabelExternal,
+  g as setLabel
+};