@duxweb/dvha-pro 1.1.30 → 1.2.0

package/dist/esm/components/posterEditor/elements/image.js

@@ -1,131 +1,145 @@
-import { FabricImage as u } from "fabric";
-const y = {
-  type: "image",
-  name: "图片",
-  icon: "i-tabler:photo",
-  category: "basic",
-  defaultProps: {
-    id: "",
-    type: "image",
-    left: 100,
-    top: 100,
-    width: 200,
-    height: 200,
-    angle: 0,
-    scaleX: 1,
-    scaleY: 1,
-    visible: !0,
-    locked: !1,
-    src: "",
-    opacity: 1
-  },
-  createFabricObject: (e) => u.fromURL(e.src || "", {
-    crossOrigin: "anonymous"
-  }).then((a) => (a.set({
-    left: e.left,
-    top: e.top,
-    width: e.width,
-    height: e.height,
-    angle: e.angle,
-    opacity: e.opacity,
-    visible: e.visible,
-    selectable: !e.locked,
-    evented: !e.locked
-  }), a)),
-  getPropsFromFabricObject: (e) => {
-    const a = e, t = (a.width || 200) * (a.scaleX || 1), i = (a.height || 200) * (a.scaleY || 1);
-    return {
-      type: "image",
-      left: Math.round(a.left || 0),
-      top: Math.round(a.top || 0),
-      width: Math.round(t),
-      height: Math.round(i),
-      angle: Math.round(a.angle || 0),
-      scaleX: a.scaleX || 1,
-      scaleY: a.scaleY || 1,
-      visible: a.visible !== !1,
-      locked: !a.selectable,
-      src: a.getSrc() || "",
-      opacity: a.opacity || 1,
-      cropX: 0,
-      cropY: 0,
-      borderRadius: 0
-    };
-  },
-  getToolbarControls: (e) => [
-    {
-      key: "src",
-      label: "选择图片",
-      type: "image",
-      value: e.src,
-      options: { placeholder: "点击选择图片文件" }
-    },
-    {
-      key: "width",
-      label: "宽度",
-      type: "number",
-      value: e.width,
-      options: { min: 10, max: 2e3, step: 1 }
-    },
-    {
-      key: "height",
-      label: "高度",
-      type: "number",
-      value: e.height,
-      options: { min: 10, max: 2e3, step: 1 }
-    },
-    {
-      key: "opacity",
-      label: "透明度",
-      type: "slider",
-      value: e.opacity,
-      options: { min: 0, max: 1, step: 0.01 }
-    }
-  ],
-  onPropsChange: (e, a) => {
-    const t = a;
-    if (e.src && e.src !== (t.getSrc() || "")) {
-      t.setSrc(e.src, { crossOrigin: "anonymous" }).then(() => {
-        const c = t.getElement().width, l = t.getElement().height, n = t.canvas, g = n?.width || 800, r = n?.height || 600, b = g / c, m = r / l, s = Math.min(b, m, 1);
-        t.set({
-          left: e.left,
-          top: e.top,
-          width: c,
-          height: l,
-          scaleX: s,
-          scaleY: s,
-          angle: e.angle,
-          opacity: e.opacity,
-          visible: e.visible,
-          selectable: !e.locked,
-          evented: !e.locked
-        }), t.setCoords(), t.canvas?.renderAll(), t.canvas?.fire("object:modified", { target: t });
-      });
-      return;
-    }
-    if (!e.src) {
-      t.setSrc("").then(() => {
-        t.set({
-          width: 200,
-          height: 200
-        }), t.setCoords(), t.canvas?.renderAll(), t.canvas?.fire("object:modified", { target: t });
-      });
-      return;
-    }
-    const i = t.width || 200, o = t.height || 200, h = e.width / i, d = e.height / o;
-    t.set({
-      left: e.left,
-      top: e.top,
-      scaleX: h,
-      scaleY: d,
-      angle: e.angle,
-      opacity: e.opacity,
-      visible: e.visible,
-      selectable: !e.locked,
-      evented: !e.locked
-    }), t.setCoords(), t.canvas?.renderAll(), t.canvas?.fire("object:modified", { target: t });
-  }
-};
-export {
-  y as default
+import { FabricImage as e } from "fabric";
+var t = {
+	type: "image",
+	name: "图片",
+	icon: "i-tabler:photo",
+	category: "basic",
+	defaultProps: {
+		id: "",
+		type: "image",
+		left: 100,
+		top: 100,
+		width: 200,
+		height: 200,
+		angle: 0,
+		scaleX: 1,
+		scaleY: 1,
+		visible: !0,
+		locked: !1,
+		src: "",
+		opacity: 1
+	},
+	createFabricObject: (t) => e.fromURL(t.src || "", { crossOrigin: "anonymous" }).then((e) => (e.set({
+		left: t.left,
+		top: t.top,
+		originX: "left",
+		originY: "top",
+		width: t.width,
+		height: t.height,
+		angle: t.angle,
+		opacity: t.opacity,
+		visible: t.visible,
+		selectable: !t.locked,
+		evented: !t.locked
+	}), e)),
+	getPropsFromFabricObject: (e) => {
+		let t = e, n = (t.width || 200) * (t.scaleX || 1), r = (t.height || 200) * (t.scaleY || 1);
+		return {
+			type: "image",
+			left: Math.round(t.left || 0),
+			top: Math.round(t.top || 0),
+			width: Math.round(n),
+			height: Math.round(r),
+			angle: Math.round(t.angle || 0),
+			scaleX: t.scaleX || 1,
+			scaleY: t.scaleY || 1,
+			visible: t.visible !== !1,
+			locked: !t.selectable,
+			src: t.getSrc() || "",
+			opacity: t.opacity || 1,
+			cropX: 0,
+			cropY: 0,
+			borderRadius: 0
+		};
+	},
+	getToolbarControls: (e) => [
+		{
+			key: "src",
+			label: "选择图片",
+			type: "image",
+			value: e.src,
+			options: { placeholder: "点击选择图片文件" }
+		},
+		{
+			key: "width",
+			label: "宽度",
+			type: "number",
+			value: e.width,
+			options: {
+				min: 10,
+				max: 2e3,
+				step: 1
+			}
+		},
+		{
+			key: "height",
+			label: "高度",
+			type: "number",
+			value: e.height,
+			options: {
+				min: 10,
+				max: 2e3,
+				step: 1
+			}
+		},
+		{
+			key: "opacity",
+			label: "透明度",
+			type: "slider",
+			value: e.opacity,
+			options: {
+				min: 0,
+				max: 1,
+				step: .01
+			}
+		}
+	],
+	onPropsChange: (e, t) => {
+		let n = t;
+		if (e.src && e.src !== (n.getSrc() || "")) {
+			n.setSrc(e.src, { crossOrigin: "anonymous" }).then(() => {
+				let t = n.getElement().width, r = n.getElement().height, i = n.canvas, a = i?.width || 800, o = i?.height || 600, s = a / t, c = o / r, l = Math.min(s, c, 1);
+				n.set({
+					left: e.left,
+					top: e.top,
+					originX: "left",
+					originY: "top",
+					width: t,
+					height: r,
+					scaleX: l,
+					scaleY: l,
+					angle: e.angle,
+					opacity: e.opacity,
+					visible: e.visible,
+					selectable: !e.locked,
+					evented: !e.locked
+				}), n.setCoords(), n.canvas?.renderAll(), n.canvas?.fire("object:modified", { target: n });
+			});
+			return;
+		}
+		if (!e.src) {
+			n.setSrc("").then(() => {
+				n.set({
+					width: 200,
+					height: 200
+				}), n.setCoords(), n.canvas?.renderAll(), n.canvas?.fire("object:modified", { target: n });
+			});
+			return;
+		}
+		let r = n.width || 200, i = n.height || 200, a = e.width / r, o = e.height / i;
+		n.set({
+			left: e.left,
+			top: e.top,
+			originX: "left",
+			originY: "top",
+			scaleX: a,
+			scaleY: o,
+			angle: e.angle,
+			opacity: e.opacity,
+			visible: e.visible,
+			selectable: !e.locked,
+			evented: !e.locked
+		}), n.setCoords(), n.canvas?.renderAll(), n.canvas?.fire("object:modified", { target: n });
+	}
 };
+export { t as default };

package/dist/esm/components/posterEditor/elements/index.js

@@ -1,46 +1,34 @@
-import s from "./circle.js";
-import g from "./image.js";
+import e from "./circle.js";
+import t from "./image.js";
 import n from "./rect.js";
-import m from "./text.js";
-class o {
-  elements = /* @__PURE__ */ new Map();
-  // 注册元素
-  register(e) {
-    this.elements.set(e.type, e);
-  }
-  // 批量注册元素
-  registerAll(e) {
-    e.forEach((t) => this.register(t));
-  }
-  // 获取元素配置
-  get(e) {
-    return this.elements.get(e) || null;
-  }
-  // 获取所有元素配置
-  getAll() {
-    return Array.from(this.elements.values());
-  }
-  // 根据分类获取元素配置
-  getByCategory(e) {
-    return this.getAll().filter((t) => t.category === e);
-  }
-  // 获取所有分类
-  getCategories() {
-    const e = new Set(this.getAll().map((t) => t.category));
-    return Array.from(e);
-  }
-}
-const l = new o();
-l.registerAll([
-  m,
-  n,
-  s,
-  g
+import r from "./text.js";
+const i = new class {
+	elements = /* @__PURE__ */ new Map();
+	register(e) {
+		this.elements.set(e.type, e);
+	}
+	registerAll(e) {
+		e.forEach((e) => this.register(e));
+	}
+	get(e) {
+		return this.elements.get(e) || null;
+	}
+	getAll() {
+		return Array.from(this.elements.values());
+	}
+	getByCategory(e) {
+		return this.getAll().filter((t) => t.category === e);
+	}
+	getCategories() {
+		let e = new Set(this.getAll().map((e) => e.category));
+		return Array.from(e);
+	}
+}();
+i.registerAll([
+	r,
+	n,
+	e,
+	t
 ]);
-const f = l.getAll(), p = (r) => l.get(r), A = (r) => l.getByCategory(r);
-export {
-  f as elementConfigs,
-  l as elementRegistry,
-  p as getElementConfig,
-  A as getElementsByCategory
-};
+const a = i.getAll(), o = (e) => i.get(e), s = (e) => i.getByCategory(e);
+export { a as elementConfigs, i as elementRegistry, o as getElementConfig, s as getElementsByCategory };