@das-fed/upf-utils 6.4.0-dev.244 → 6.4.0-dev.245

package/dimple-canvas/use-dimple-canvas/core/konva/utils/load-json.d.ts

@@ -0,0 +1,6 @@
+declare const loadJSON: (container: HTMLDivElement, json: any) => {
+    canvas: any;
+    layer: any;
+    ruleLayer: any;
+};
+export { loadJSON };

package/dimple-canvas/use-dimple-canvas/core/konva/utils/load-json.js

@@ -0,0 +1,13 @@
+import { Konva as c } from "@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/konva/utils/lib";
+const m = (t, n) => {
+  const a = c.Node.create(n, t), o = a.getLayers().find((e) => e.getAttr("name") === "base"), s = a.getLayers().find((e) => e.getAttr("name") === "ruleLayer");
+  return a.find("Image").forEach((e) => {
+    const r = new Image();
+    r.src = e.attrs.src, r.onload = () => {
+      e.image(r);
+    };
+  }), { canvas: a, layer: o, ruleLayer: s };
+};
+export {
+  m as loadJSON
+};

package/dimple-canvas/use-dimple-canvas/core/konva/utils/remove-object.d.ts

@@ -0,0 +1,6 @@
+import { Canvas } from '@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/type';
+
+declare const removeObject: (canvas: Canvas | null | undefined, 
+/** 需要删除对象的id或者name：name: .name；id: #id */
+key: string) => void;
+export { removeObject };

package/dimple-canvas/use-dimple-canvas/core/konva/utils/remove-object.js

@@ -0,0 +1,7 @@
+const r = (e, t) => {
+  const o = e == null ? void 0 : e.findOne(`${t}`);
+  o && o.remove();
+};
+export {
+  r as removeObject
+};

package/dimple-canvas/use-dimple-canvas/core/konva/utils/rule.d.ts

@@ -0,0 +1,8 @@
+export declare function initRule(layer: any, options?: {
+    /** 刻度间隔 */
+    precision?: number;
+    /** 刻度文字颜色 */
+    textColor?: string;
+    /** 刻度线颜色 */
+    lineColor?: string;
+}): any;

package/dimple-canvas/use-dimple-canvas/core/konva/utils/rule.js

@@ -0,0 +1,193 @@
+import { Konva as i } from "@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/konva/utils/lib";
+function C(h, c) {
+  const {
+    precision: n = 50,
+    textColor: f = "#F56C6C",
+    lineColor: l = "#ccc",
+    originalPoint: e = { x: 0, y: 0 },
+    backgroundColor: w = "#EAEAEA",
+    scaleWidth: r = 30,
+    scalePoint: g = { x: 0, y: 0 }
+  } = c || {}, d = h.height() - r, a = h.width() - r;
+  h.offsetX(), h.offsetY();
+  const x = n / 10;
+  var p = new i.Line({
+    points: [
+      e.x - r,
+      e.y - r,
+      e.x - r,
+      d,
+      g.x,
+      d,
+      g.x,
+      g.y,
+      a,
+      g.y,
+      a,
+      e.y - r
+    ],
+    fill: w,
+    stroke: l,
+    strokeWidth: 1,
+    closed: !0,
+    name: "disabled"
+  });
+  let o = new i.Layer();
+  o.name("ruleLayer"), o.add(p), o.setDraggable(!1);
+  const L = new i.Line({
+    points: [e.x, e.y, a, e.y],
+    stroke: l,
+    strokeWidth: 1,
+    lineCap: "round",
+    lineJoin: "round",
+    fill: l,
+    listening: !1
+  });
+  for (let t = 1; t < 10; t++)
+    o.add(
+      new i.Line({
+        points: [
+          e.x + t * x,
+          e.y,
+          e.x + t * x,
+          t === 5 ? e.x - 15 : e.x - 10
+        ],
+        stroke: l,
+        strokeWidth: 1,
+        listening: !1
+      })
+    );
+  const u = new i.Text({
+    x: a - 20,
+    y: 0,
+    text: "",
+    fontSize: 20,
+    fill: f,
+    listening: !1
+  }), W = new i.Line({
+    points: [e.x, e.y, e.x, d],
+    stroke: l,
+    fill: l,
+    strokeWidth: 1,
+    lineCap: "round",
+    lineJoin: "round",
+    listening: !1
+  });
+  for (let t = 1; t < 10; t++)
+    o.add(
+      new i.Line({
+        points: [
+          e.x,
+          e.y + t * x,
+          t === 5 ? e.y - 15 : e.y - 10,
+          e.y + t * x
+        ],
+        stroke: l,
+        strokeWidth: 1,
+        listening: !1
+      })
+    );
+  const b = new i.Text({
+    x: 10,
+    y: d - 20,
+    text: "",
+    fontSize: 20,
+    width: 100,
+    fill: f,
+    listening: !1
+  });
+  o.add(L, W, u, b), o.add(
+    new i.Text({
+      x: e.x - 10,
+      y: e.y - 10,
+      text: "0",
+      fontSize: 10,
+      fill: f,
+      listening: !1
+    })
+  );
+  for (let t = 1; t <= Math.floor(d / n); t++) {
+    o.add(
+      new i.Line({
+        points: [
+          e.x,
+          t * n + e.y,
+          e.x - r,
+          t * n + e.y
+        ],
+        stroke: l,
+        strokeWidth: 1,
+        listening: !1
+      })
+    );
+    let y = d - t * n - e.y, k = y < n ? y / x : 10;
+    for (let s = 1; s < k; s++)
+      o.add(
+        new i.Line({
+          points: [
+            e.x,
+            t * n + e.y + s * x,
+            s === 5 ? e.y - 15 : e.y - 10,
+            t * n + e.y + s * x
+          ],
+          stroke: l,
+          strokeWidth: 1,
+          listening: !1
+        })
+      );
+    o.add(
+      new i.Text({
+        x: e.x - r + 2,
+        y: t * n + e.y - 10,
+        text: "" + t * n,
+        fontSize: 10,
+        fill: f,
+        listening: !1
+      })
+    );
+  }
+  for (let t = 1; t <= Math.floor(a / n); t++) {
+    o.add(
+      new i.Line({
+        points: [
+          t * n + e.x,
+          e.y,
+          t * n + e.x,
+          e.y - r
+        ],
+        stroke: l,
+        strokeWidth: 1,
+        listening: !1
+      })
+    );
+    let y = a - t * n - e.x, k = y < n ? y / x : 10;
+    for (let s = 1; s < k; s++)
+      o.add(
+        new i.Line({
+          points: [
+            e.x + t * n + s * x,
+            e.y,
+            e.x + t * n + s * x,
+            s === 5 ? e.x - 15 : e.x - 10
+          ],
+          stroke: l,
+          strokeWidth: 1,
+          listening: !1
+        })
+      );
+    o.add(
+      new i.Text({
+        x: t * n + e.x,
+        y: e.y - r + 2,
+        text: "" + t * n,
+        fontSize: 10,
+        fill: f,
+        listening: !1
+      })
+    );
+  }
+  return o;
+}
+export {
+  C as initRule
+};

package/dimple-canvas/use-dimple-canvas/core/konva/utils/transform-axis.d.ts

@@ -0,0 +1,11 @@
+import { Canvas } from '@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/type';
+
+declare const transformAxis: (containerEl: HTMLDivElement, canvas: Canvas | null | undefined, coordinate: {
+    x: number;
+    y: number;
+    [key: string]: any;
+}) => {
+    x: number;
+    y: number;
+};
+export { transformAxis };

package/dimple-canvas/use-dimple-canvas/core/konva/utils/transform-axis.js

@@ -0,0 +1,20 @@
+function Y(l, t) {
+  const { x: i, y: r } = l;
+  var x = i * Math.cos(t * Math.PI / 180) - r * Math.sin(t * Math.PI / 180), h = i * Math.sin(t * Math.PI / 180) + r * Math.cos(t * Math.PI / 180);
+  return { x, y: h };
+}
+const w = (l, t, i) => {
+  var y, P;
+  const { left: r, top: x, width: h, height: M } = l.getBoundingClientRect();
+  let { x: o = 0, y: e = 0 } = i;
+  o = o - r, e = e - x, o < 0 && (o = 0), o > h && (o = h), e < 0 && (e = 0), e > M && (e = M);
+  let d = (t == null ? void 0 : t.x()) || 0, u = (t == null ? void 0 : t.y()) || 0;
+  o = o - d, e = e - u;
+  const I = ((y = t == null ? void 0 : t.scale()) == null ? void 0 : y.x) || 1, X = ((P = t == null ? void 0 : t.scale()) == null ? void 0 : P.y) || 1;
+  o = o / I, e = e / X;
+  const f = Y({ x: o, y: e }, 360 - ((t == null ? void 0 : t.rotation()) || 0));
+  return o = f.x, e = f.y, { x: o, y: e };
+};
+export {
+  w as transformAxis
+};

package/dimple-canvas/use-dimple-canvas/core/konva/utils/transformer.d.ts

@@ -0,0 +1,5 @@
+import { Canvas, Layer } from '@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/type';
+
+declare const initTransformer: (canvas?: Canvas | null, layer?: Layer | null) => any;
+declare const removeTransformer: () => void;
+export { initTransformer, removeTransformer };

package/dimple-canvas/use-dimple-canvas/core/konva/utils/transformer.js

@@ -0,0 +1,52 @@
+import { Konva as m } from "@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/konva/utils/lib";
+let r, i;
+const h = (t, f) => {
+  if (t && f) {
+    i = new m.Transformer(), f.add(i), r = new m.Rect({
+      fill: "rgba(0,0,255,0.5)",
+      visible: !1
+    }), f.add(r);
+    var g, u, l, d;
+    return t.on("mousedown", (e) => {
+      e.target === t && (e.evt.preventDefault(), g = t.getPointerPosition().x, u = t.getPointerPosition().y, l = t.getPointerPosition().x, d = t.getPointerPosition().y, r.visible(!0), r.width(0), r.height(0));
+    }), t.on("mousemove", (e) => {
+      r.visible() && (e.evt.preventDefault(), l = t.getPointerPosition().x, d = t.getPointerPosition().y, r.setAttrs({
+        x: Math.min(g, l),
+        y: Math.min(u, d),
+        width: Math.abs(l - g),
+        height: Math.abs(d - u)
+      }));
+    }), t.on("mouseup", (e) => {
+      if (r.visible()) {
+        e.evt.preventDefault(), setTimeout(() => {
+          r.visible(!1);
+        });
+        var n = t.find(".rect"), s = r.getClientRect(), o = n.filter((a) => m.Util.haveIntersection(s, a.getClientRect()));
+        i.nodes(o);
+      }
+    }), t.on("click", function(e) {
+      if (e.target.name() === "disabled" || r.visible())
+        return;
+      if (e.target === t) {
+        i.nodes([]);
+        return;
+      }
+      const n = e.evt.shiftKey || e.evt.ctrlKey || e.evt.metaKey, s = i.nodes().indexOf(e.target) >= 0;
+      if (!n && !s)
+        i.nodes([e.target]), i.rotateEnabled(e.target.name() !== "backgroundImage");
+      else if (n && s) {
+        const o = i.nodes().slice();
+        o.splice(o.indexOf(e.target), 1), i.nodes(o);
+      } else if (n && !s) {
+        const o = i.nodes().concat([e.target]);
+        i.nodes(o);
+      }
+    }), i;
+  }
+}, P = () => {
+  i.nodes([]);
+};
+export {
+  h as initTransformer,
+  P as removeTransformer
+};

package/dimple-canvas/use-dimple-canvas/core/konva/utils/wheel-zoom.d.ts

@@ -0,0 +1,4 @@
+import { Canvas } from '@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/type';
+
+declare const initWheelZoom: (canvas: Canvas) => void;
+export { initWheelZoom };

package/dimple-canvas/use-dimple-canvas/core/konva/utils/wheel-zoom.js

@@ -0,0 +1,14 @@
+const r = (e) => {
+  e.on("wheel", (l) => {
+    l.evt.preventDefault();
+    let t = e.scaleX(), i = e.getPointerPosition();
+    (i.x - e.x()) / t, (i.y - e.y()) / t;
+    let o = l.evt.deltaY > 0 ? 1 : -1;
+    l.evt.ctrlKey && (o = -o);
+    let y = o > 0 ? t * 1.01 : t / 1.01;
+    e.scale({ x: y, y });
+  });
+};
+export {
+  r as initWheelZoom
+};

package/dimple-canvas/use-dimple-canvas/es5.d.ts

@@ -0,0 +1,9 @@
+import { useKonva, Konva } from '@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/konva';
+import { useAntvX6, Graph } from '@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/antv-x6';
+
+type HookTypeMap = {
+    konva: ReturnType<typeof useKonva>;
+    'antv-x6': ReturnType<typeof useAntvX6>;
+};
+declare const useDimpleCanvas: <T extends "konva" | "antv-x6" = "konva">(core?: T, initOptions?: Graph.Options) => T extends "antv-x6" ? HookTypeMap["antv-x6"] : HookTypeMap["konva"];
+export { useDimpleCanvas, Konva, Graph };

package/dimple-canvas/use-dimple-canvas/es5.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var konva = require('@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/konva/es5');
+var antvX6 = require('@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/antv-x6/es5');
+var p = function p(r, t) {
+  return r || konva.useKonva(), r === "antv-x6" ? antvX6.useAntvX6(t || {}) : konva.useKonva();
+};
+Object.defineProperty(exports, "Konva", {
+  enumerable: true,
+  get: function get() {
+    return konva.Konva;
+  }
+});
+Object.defineProperty(exports, "Graph", {
+  enumerable: true,
+  get: function get() {
+    return antvX6.Graph;
+  }
+});
+exports.useDimpleCanvas = p;

package/dimple-canvas/use-dimple-canvas/index.d.ts

@@ -0,0 +1,9 @@
+import { useKonva, Konva } from '@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/konva';
+import { useAntvX6, Graph } from '@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/antv-x6';
+
+type HookTypeMap = {
+    konva: ReturnType<typeof useKonva>;
+    'antv-x6': ReturnType<typeof useAntvX6>;
+};
+declare const useDimpleCanvas: <T extends "konva" | "antv-x6" = "konva">(core?: T, initOptions?: Graph.Options) => T extends "antv-x6" ? HookTypeMap["antv-x6"] : HookTypeMap["konva"];
+export { useDimpleCanvas, Konva, Graph };

package/dimple-canvas/use-dimple-canvas/index.js

@@ -0,0 +1,10 @@
+import { useKonva as o } from "@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/konva";
+import { Konva as i } from "@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/konva";
+import { useAntvX6 as e } from "@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/antv-x6";
+import { Graph as u } from "@das-fed/upf-utils/dimple-canvas/use-dimple-canvas/core/antv-x6";
+const p = (r, t) => (r || o(), r === "antv-x6" ? e(t || {}) : o());
+export {
+  u as Graph,
+  i as Konva,
+  p as useDimpleCanvas
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@das-fed/upf-utils",
-  "version": "6.4.0-dev.244",
+  "version": "6.4.0-dev.245",
   "description": "",
   "type": "module",
   "main": "./index.js",
@@ -22,8 +22,8 @@
   },
   "devDependencies": {
     "@babel/preset-env": "7.26.0",
-    "@das-fed/upf-cli": "6.4.0-dev.244",
-    "@das-fed/upf-web": "6.4.0-dev.244",
+    "@das-fed/upf-cli": "6.4.0-dev.245",
+    "@das-fed/upf-web": "6.4.0-dev.245",
     "@rollup/plugin-babel": "6.0.4",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash-es": "^4.17.12",