@duxweb/dvha-pro 1.1.30 → 1.1.31

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

@@ -1,206 +1,217 @@
-import { Textbox as o } from "fabric";
-const c = {
-  type: "text",
-  name: "文本",
-  icon: "i-tabler:typography",
-  category: "basic",
-  defaultProps: {
-    id: "",
-    type: "text",
-    left: 100,
-    top: 100,
-    width: 200,
-    angle: 0,
-    scaleX: 1,
-    scaleY: 1,
-    visible: !0,
-    locked: !1,
-    text: "双击编辑文本",
-    fontSize: 20,
-    fontFamily: "Arial",
-    fill: "#000000",
-    textAlign: "left",
-    fontWeight: "normal",
-    fontStyle: "normal",
-    underline: !1,
-    linethrough: !1
-  },
-  createFabricObject: (e) => {
-    const t = new o(e.text, {
-      left: e.left,
-      top: e.top,
-      width: e.width,
-      angle: e.angle,
-      scaleX: e.scaleX,
-      scaleY: e.scaleY,
-      visible: e.visible,
-      selectable: !e.locked,
-      evented: !e.locked,
-      fontSize: e.fontSize,
-      fontFamily: e.fontFamily,
-      fill: e.fill,
-      textAlign: e.textAlign,
-      fontWeight: e.fontWeight,
-      fontStyle: e.fontStyle,
-      underline: e.underline,
-      linethrough: e.linethrough,
-      // 启用自动换行的关键配置
-      splitByGrapheme: !0,
-      // 锁定高度缩放，只允许宽度缩放
-      lockScalingY: !0,
-      // 禁用高度手柄
-      setControlsVisibility: {
-        mt: !1,
-        // 顶部中间
-        mb: !1
-        // 底部中间
-      }
-    });
-    let l = e.fontSize;
-    return t.on("mousedown", () => {
-      l = t.fontSize || 20;
-    }), t.on("scaling", () => {
-      const n = t.scaleX || 1, i = Math.round(l * n), a = Math.max(8, Math.min(200, i));
-      t.set({
-        fontSize: a,
-        scaleX: 1,
-        scaleY: 1
-      }), t.canvas?.requestRenderAll();
-    }), t.on("mousedblclick", () => {
-      t.enterEditing(), t.selectAll();
-    }), t;
-  },
-  getPropsFromFabricObject: (e) => {
-    const t = e;
-    return {
-      left: Math.round(t.left || 0),
-      top: Math.round(t.top || 0),
-      width: Math.round(t.width || 0),
-      angle: Math.round(t.angle || 0),
-      scaleX: t.scaleX || 1,
-      scaleY: t.scaleY || 1,
-      visible: t.visible !== !1,
-      locked: !t.selectable,
-      text: t.text || "",
-      fontSize: Math.round(t.fontSize || 20),
-      fontFamily: t.fontFamily || "Arial",
-      fill: t.fill,
-      textAlign: t.textAlign || "left",
-      fontWeight: t.fontWeight || "normal",
-      fontStyle: t.fontStyle || "normal",
-      underline: t.underline || !1,
-      linethrough: t.linethrough || !1
-    };
-  },
-  onPropsChange: (e, t) => {
-    t.set({
-      left: e.left,
-      top: e.top,
-      width: e.width,
-      angle: e.angle,
-      visible: e.visible,
-      selectable: !e.locked,
-      evented: !e.locked,
-      text: e.text,
-      fontSize: e.fontSize,
-      fontFamily: e.fontFamily,
-      fill: e.fill,
-      textAlign: e.textAlign,
-      fontWeight: e.fontWeight,
-      fontStyle: e.fontStyle,
-      underline: e.underline,
-      linethrough: e.linethrough
-    });
-  },
-  getToolbarControls: (e) => [
-    {
-      key: "text",
-      label: "文本内容",
-      type: "text",
-      value: e.text
-    },
-    {
-      key: "fontSize",
-      label: "字体大小",
-      type: "number",
-      value: e.fontSize,
-      options: {
-        min: 8,
-        max: 200,
-        step: 1
-      }
-    },
-    {
-      key: "fontFamily",
-      label: "字体",
-      type: "select",
-      value: e.fontFamily,
-      options: {
-        choices: [
-          { label: "Arial", value: "Arial" },
-          { label: "微软雅黑", value: "Microsoft YaHei" },
-          { label: "宋体", value: "SimSun" },
-          { label: "黑体", value: "SimHei" }
-        ]
-      }
-    },
-    {
-      key: "fill",
-      label: "颜色",
-      type: "color",
-      value: e.fill
-    },
-    {
-      key: "textAlign",
-      label: "对齐",
-      type: "select",
-      value: e.textAlign,
-      options: {
-        choices: [
-          { label: "左对齐", value: "left" },
-          { label: "居中", value: "center" },
-          { label: "右对齐", value: "right" }
-        ]
-      }
-    },
-    {
-      key: "fontWeight",
-      label: "粗体",
-      type: "select",
-      value: e.fontWeight,
-      options: {
-        choices: [
-          { label: "正常", value: "normal" },
-          { label: "粗体", value: "bold" }
-        ]
-      }
-    },
-    {
-      key: "fontStyle",
-      label: "斜体",
-      type: "select",
-      value: e.fontStyle,
-      options: {
-        choices: [
-          { label: "正常", value: "normal" },
-          { label: "斜体", value: "italic" }
-        ]
-      }
-    },
-    {
-      key: "underline",
-      label: "下划线",
-      type: "switch",
-      value: e.underline
-    },
-    {
-      key: "linethrough",
-      label: "删除线",
-      type: "switch",
-      value: e.linethrough
-    }
-  ]
-};
-export {
-  c as default
+import { Textbox as e } from "fabric";
+var t = {
+	type: "text",
+	name: "文本",
+	icon: "i-tabler:typography",
+	category: "basic",
+	defaultProps: {
+		id: "",
+		type: "text",
+		left: 100,
+		top: 100,
+		width: 200,
+		angle: 0,
+		scaleX: 1,
+		scaleY: 1,
+		visible: !0,
+		locked: !1,
+		text: "双击编辑文本",
+		fontSize: 20,
+		fontFamily: "Arial",
+		fill: "#000000",
+		textAlign: "left",
+		fontWeight: "normal",
+		fontStyle: "normal",
+		underline: !1,
+		linethrough: !1
+	},
+	createFabricObject: (t) => {
+		let n = new e(t.text, {
+			left: t.left,
+			top: t.top,
+			width: t.width,
+			angle: t.angle,
+			scaleX: t.scaleX,
+			scaleY: t.scaleY,
+			visible: t.visible,
+			selectable: !t.locked,
+			evented: !t.locked,
+			fontSize: t.fontSize,
+			fontFamily: t.fontFamily,
+			fill: t.fill,
+			textAlign: t.textAlign,
+			fontWeight: t.fontWeight,
+			fontStyle: t.fontStyle,
+			underline: t.underline,
+			linethrough: t.linethrough,
+			splitByGrapheme: !0,
+			lockScalingY: !0,
+			setControlsVisibility: {
+				mt: !1,
+				mb: !1
+			}
+		}), r = t.fontSize;
+		return n.on("mousedown", () => {
+			r = n.fontSize || 20;
+		}), n.on("scaling", () => {
+			let e = n.scaleX || 1, t = Math.round(r * e), i = Math.max(8, Math.min(200, t));
+			n.set({
+				fontSize: i,
+				scaleX: 1,
+				scaleY: 1
+			}), n.canvas?.requestRenderAll();
+		}), n.on("mousedblclick", () => {
+			n.enterEditing(), n.selectAll();
+		}), n;
+	},
+	getPropsFromFabricObject: (e) => {
+		let t = e;
+		return {
+			left: Math.round(t.left || 0),
+			top: Math.round(t.top || 0),
+			width: Math.round(t.width || 0),
+			angle: Math.round(t.angle || 0),
+			scaleX: t.scaleX || 1,
+			scaleY: t.scaleY || 1,
+			visible: t.visible !== !1,
+			locked: !t.selectable,
+			text: t.text || "",
+			fontSize: Math.round(t.fontSize || 20),
+			fontFamily: t.fontFamily || "Arial",
+			fill: t.fill,
+			textAlign: t.textAlign || "left",
+			fontWeight: t.fontWeight || "normal",
+			fontStyle: t.fontStyle || "normal",
+			underline: t.underline || !1,
+			linethrough: t.linethrough || !1
+		};
+	},
+	onPropsChange: (e, t) => {
+		t.set({
+			left: e.left,
+			top: e.top,
+			width: e.width,
+			angle: e.angle,
+			visible: e.visible,
+			selectable: !e.locked,
+			evented: !e.locked,
+			text: e.text,
+			fontSize: e.fontSize,
+			fontFamily: e.fontFamily,
+			fill: e.fill,
+			textAlign: e.textAlign,
+			fontWeight: e.fontWeight,
+			fontStyle: e.fontStyle,
+			underline: e.underline,
+			linethrough: e.linethrough
+		});
+	},
+	getToolbarControls: (e) => [
+		{
+			key: "text",
+			label: "文本内容",
+			type: "text",
+			value: e.text
+		},
+		{
+			key: "fontSize",
+			label: "字体大小",
+			type: "number",
+			value: e.fontSize,
+			options: {
+				min: 8,
+				max: 200,
+				step: 1
+			}
+		},
+		{
+			key: "fontFamily",
+			label: "字体",
+			type: "select",
+			value: e.fontFamily,
+			options: { choices: [
+				{
+					label: "Arial",
+					value: "Arial"
+				},
+				{
+					label: "微软雅黑",
+					value: "Microsoft YaHei"
+				},
+				{
+					label: "宋体",
+					value: "SimSun"
+				},
+				{
+					label: "黑体",
+					value: "SimHei"
+				}
+			] }
+		},
+		{
+			key: "fill",
+			label: "颜色",
+			type: "color",
+			value: e.fill
+		},
+		{
+			key: "textAlign",
+			label: "对齐",
+			type: "select",
+			value: e.textAlign,
+			options: { choices: [
+				{
+					label: "左对齐",
+					value: "left"
+				},
+				{
+					label: "居中",
+					value: "center"
+				},
+				{
+					label: "右对齐",
+					value: "right"
+				}
+			] }
+		},
+		{
+			key: "fontWeight",
+			label: "粗体",
+			type: "select",
+			value: e.fontWeight,
+			options: { choices: [{
+				label: "正常",
+				value: "normal"
+			}, {
+				label: "粗体",
+				value: "bold"
+			}] }
+		},
+		{
+			key: "fontStyle",
+			label: "斜体",
+			type: "select",
+			value: e.fontStyle,
+			options: { choices: [{
+				label: "正常",
+				value: "normal"
+			}, {
+				label: "斜体",
+				value: "italic"
+			}] }
+		},
+		{
+			key: "underline",
+			label: "下划线",
+			type: "switch",
+			value: e.underline
+		},
+		{
+			key: "linethrough",
+			label: "删除线",
+			type: "switch",
+			value: e.linethrough
+		}
+	]
 };
+export { t as default };

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

@@ -0,0 +1 @@
+import "./usePosterEditor.js";