@unicom-cloud/ui 0.8.168 → 0.8.170

package/draw/core/actions/actionProperties.js

@@ -0,0 +1,792 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+import e from "../../../button/index.js";
+import t from "../../../flex/index.js";
+import n from "../../../popover/index.js";
+import r from "../../../radio/index.js";
+import i from "../../../color-picker/index.js";
+import { isTransparent as a } from "../../common/colors.js";
+import { ARROW_TYPE as o, FONT_SIZES as s, ROUNDNESS as c, STROKE_WIDTH as l, VERTICAL_ALIGN as u } from "../../common/constants.js";
+import { deriveStylesPanelMode as ee } from "../../common/editorInterface.js";
+import { KEYS as d } from "../../common/keys.js";
+import { pointFrom as f } from "../../libs/math/point.js";
+import "../../libs/math/index.js";
+import { arrayToMap as p, invariant as m, reduceToCommonValue as te } from "../../common/utils.js";
+import { randomInteger as ne } from "../../common/random.js";
+import "../../common/index.js";
+import { canHaveArrowheads as h, hasStrokeColor as re } from "../../element/comparisons.js";
+import { canBecomePolygon as ie, isArrowElement as g, isBoundToContainer as ae, isElbowArrow as _, isLineElement as v, isLinearElement as y, isTextElement as b, isUsingAdaptiveRadius as oe } from "../../element/typeChecks.js";
+import { getSelectedElements as x, getTargetElements as se, isSomeElementSelected as ce } from "../../element/selection.js";
+import { getBoundTextElement as S, redrawTextBoundingBox as C } from "../../element/textElement.js";
+import { updateElbowArrowPoints as le } from "../../element/elbowArrow.js";
+import { newElementWith as w } from "../../element/mutateElement.js";
+import { toggleLinePolygonState as ue } from "../../element/shape.js";
+import { bindBindingElement as T, calculateFixedPointForElbowArrowBinding as E, updateBoundElements as de } from "../../element/binding.js";
+import { LinearElementEditor as D } from "../../element/linearElementEditor.js";
+import { CaptureUpdateAction as O } from "../../element/store.js";
+import { getNonDeletedElements as k } from "../../element/index.js";
+import { trackEvent as fe } from "../analytics.js";
+import { getLanguage as pe, t as A } from "../i18n.js";
+import "../scene/index.js";
+import { register as j } from "./register.js";
+import { getShortcutKey as M } from "../shortcut.js";
+import { getColorPickerProps as N } from "../../utils/index.js";
+import { Range as P } from "../components/Range.js";
+import { ArrowheadArrowIcon as F, ArrowheadBarIcon as I, ArrowheadCircleIcon as L, ArrowheadCircleOutlineIcon as R, ArrowheadCrowfootIcon as z, ArrowheadCrowfootOneIcon as B, ArrowheadCrowfootOneOrManyIcon as me, ArrowheadDiamondIcon as he, ArrowheadDiamondOutlineIcon as ge, ArrowheadNoneIcon as _e, ArrowheadTriangleIcon as ve, ArrowheadTriangleOutlineIcon as ye, FillCrossHatchIcon as be, FillHachureIcon as xe, FillSolidIcon as Se, FillZigZagIcon as Ce, SloppinessArchitectIcon as we, SloppinessArtistIcon as Te, SloppinessCartoonistIcon as Ee, StrokeStyleDashedIcon as De, StrokeStyleDottedIcon as Oe, fontSizeIcon as V } from "../components/icons.js";
+import { withCaretPositionPreservation as H } from "../hooks/useTextEditorFocus.js";
+import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
+import K from "@unicom-cloud/icons/IconUiMinus";
+import ke from "@unicom-cloud/utils/tinycolor";
+import Ae from "@unicom-cloud/icons/IconUiAlignCenter";
+import je from "@unicom-cloud/icons/IconUiAlignLeft";
+import Me from "@unicom-cloud/icons/IconUiAlignRight";
+import Ne from "@unicom-cloud/icons/IconUiAlignVerticalBottom";
+import Pe from "@unicom-cloud/icons/IconUiAlignVerticalMiddle";
+import Fe from "@unicom-cloud/icons/IconUiAlignVerticalTop";
+import Ie from "@unicom-cloud/icons/IconUiEdgeRound";
+import Le from "@unicom-cloud/icons/IconUiEdgeSharp";
+import Re from "@unicom-cloud/icons/IconUiElbowArrow";
+import ze from "@unicom-cloud/icons/IconUiRoundArrow";
+import Be from "@unicom-cloud/icons/IconUiSharpArrow";
+//#region components/pc/draw/core/actions/actionProperties.tsx
+var q = (e) => {
+	let t = ee(e.editorInterface);
+	return {
+		stylesPanelMode: t,
+		isCompact: t !== "full",
+		isMobile: t === "mobile"
+	};
+}, J = (e, t, n, r = !1) => {
+	let i = p(x(e, t, { includeBoundTextElement: r }));
+	return e.map((e) => i.get(e.id) || e.id === t.editingTextElement?.id ? n(e) : e);
+}, Y = function(e, t, n, r, i) {
+	let a = t.state.editingTextElement, o = k(e), s = null;
+	if (a && (s = n(a)), !s) if (ce(o, t.state)) {
+		let e = t.scene.getSelectedElements(t.state);
+		s = te(r === !0 ? e : e.filter((e) => r(e)), n) ?? (typeof i == "function" ? i(!0) : i);
+	} else s = typeof i == "function" ? i(!1) : i;
+	return s;
+}, X = (e, t, n) => ae(t) || !t.autoResize ? t : n.mutateElement(t, {
+	x: e.textAlign === "left" ? e.x : e.x + (e.width - t.width) / (e.textAlign === "center" ? 2 : 1),
+	y: e.y + (e.height - t.height) / 2
+}), Z = (e, t, n, r, i) => {
+	let a = /* @__PURE__ */ new Set(), o = J(e, t, (e) => {
+		if (b(e)) {
+			let t = r(e);
+			a.add(t);
+			let i = w(e, { fontSize: t });
+			return C(i, n.scene.getContainerElement(e), n.scene), i = X(e, i, n.scene), i;
+		}
+		return e;
+	}, !0);
+	return x(e, t, { includeBoundTextElement: !0 }).forEach((e) => {
+		b(e) && de(e, n.scene);
+	}), {
+		elements: o,
+		appState: {
+			...t,
+			currentItemFontSize: a.size === 1 ? [...a][0] : i ?? t.currentItemFontSize
+		},
+		captureUpdate: O.IMMEDIATELY
+	};
+};
+j({
+	name: "changeStrokeColor",
+	label: "labels.stroke",
+	trackEvent: !1,
+	perform: (e, t, n) => ({
+		...n?.currentItemStrokeColor && { elements: J(e, t, (e) => re(e.type) ? w(e, { strokeColor: n.currentItemStrokeColor }) : e, !0) },
+		appState: {
+			...t,
+			...n
+		},
+		captureUpdate: n?.currentItemStrokeColor ? O.IMMEDIATELY : O.EVENTUALLY
+	}),
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: a }) => {
+		let { stylesPanelMode: o } = q(r);
+		return /* @__PURE__ */ G(U, { children: [o === "full" && /* @__PURE__ */ W("h3", {
+			"aria-hidden": "true",
+			children: A("labels.stroke")
+		}), /* @__PURE__ */ W(i, {
+			title: A("labels.stroke"),
+			...N(),
+			value: Y(e, r, (e) => e.strokeColor, !0, (e) => e ? null : t.currentItemStrokeColor),
+			onChange: (e) => {
+				n({ currentItemStrokeColor: e });
+			}
+		})] });
+	}
+}), j({
+	name: "changeBackgroundColor",
+	label: "labels.changeBackground",
+	trackEvent: !1,
+	perform: (e, t, n, r) => {
+		if (!n?.currentItemBackgroundColor) return {
+			appState: {
+				...t,
+				...n
+			},
+			captureUpdate: O.EVENTUALLY
+		};
+		let i, o = r.scene.getSelectedElements(t);
+		if (!a(n.currentItemBackgroundColor) && o.every((e) => v(e) && ie(e.points))) {
+			let t = p(o);
+			i = e.map((e) => t.has(e.id) && v(e) ? w(e, {
+				backgroundColor: n.currentItemBackgroundColor,
+				...ue(e, !0)
+			}) : e);
+		} else i = J(e, t, (e) => w(e, { backgroundColor: n.currentItemBackgroundColor }));
+		return {
+			elements: i,
+			appState: {
+				...t,
+				...n
+			},
+			captureUpdate: O.IMMEDIATELY
+		};
+	},
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: a }) => {
+		let { stylesPanelMode: o } = q(r);
+		return /* @__PURE__ */ G(U, { children: [o === "full" && /* @__PURE__ */ W("h3", {
+			"aria-hidden": "true",
+			children: A("labels.background")
+		}), /* @__PURE__ */ W(i, {
+			title: A("labels.background"),
+			...N(),
+			value: Y(e, r, (e) => {
+				let t = e.backgroundColor, n = new ke(t);
+				return n.getAlpha() || (t = n.setAlpha(.27).toHex8String()), t;
+			}, !0, (e) => e ? null : t.currentItemBackgroundColor),
+			onChange: (e) => {
+				n({ currentItemBackgroundColor: e });
+			}
+		})] });
+	}
+}), j({
+	name: "changeFillStyle",
+	label: "labels.fill",
+	trackEvent: !1,
+	perform: (e, t, n, r) => (fe("element", "changeFillStyle", `${n} (${r.editorInterface.formFactor === "phone" ? "mobile" : "desktop"})`), {
+		elements: J(e, t, (e) => w(e, { fillStyle: n })),
+		appState: {
+			...t,
+			currentItemFillStyle: n
+		},
+		captureUpdate: O.IMMEDIATELY
+	}),
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r }) => {
+		let i = x(e, t), a = i.length > 0 && i.every((e) => e.fillStyle === "zigzag");
+		return /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.fill") }), Q({
+			options: [
+				{
+					value: "hachure",
+					text: `${A(a ? "labels.zigzag" : "labels.hachure")} (${M("Alt-Click")})`,
+					icon: a ? Ce : xe,
+					active: a ? !0 : void 0,
+					testId: "fill-hachure"
+				},
+				{
+					value: "cross-hatch",
+					text: A("labels.crossHatch"),
+					icon: be,
+					testId: "fill-cross-hatch"
+				},
+				{
+					value: "solid",
+					text: A("labels.solid"),
+					icon: Se,
+					testId: "fill-solid"
+				}
+			],
+			value: Y(e, r, (e) => e.fillStyle, (e) => Object.prototype.hasOwnProperty.call(e, "fillStyle"), (e) => e ? null : t.currentItemFillStyle),
+			onChange: (e, t) => {
+				n(t.altKey && e === "hachure" && i.every((e) => e.fillStyle === "hachure") ? "zigzag" : e);
+			}
+		})] });
+	}
+}), j({
+	name: "changeStrokeWidth",
+	label: "labels.strokeWidth",
+	trackEvent: !1,
+	perform: (e, t, n) => ({
+		elements: J(e, t, (e) => w(e, { strokeWidth: n })),
+		appState: {
+			...t,
+			currentItemStrokeWidth: n
+		},
+		captureUpdate: O.IMMEDIATELY
+	}),
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.strokeWidth") }), Q({
+		options: [
+			{
+				value: l.thin,
+				text: A("labels.thin"),
+				icon: /* @__PURE__ */ W(K, { style: { strokeWidth: 4 } }),
+				testId: "strokeWidth-thin"
+			},
+			{
+				value: l.bold,
+				text: A("labels.bold"),
+				icon: /* @__PURE__ */ W(K, { style: { strokeWidth: 6 } }),
+				testId: "strokeWidth-bold"
+			},
+			{
+				value: l.extraBold,
+				text: A("labels.extraBold"),
+				icon: /* @__PURE__ */ W(K, { style: { strokeWidth: 8 } }),
+				testId: "strokeWidth-extraBold"
+			}
+		],
+		value: Y(e, r, (e) => e.strokeWidth, (e) => Object.prototype.hasOwnProperty.call(e, "strokeWidth"), (e) => e ? null : t.currentItemStrokeWidth),
+		onChange: (e) => n(e)
+	})] })
+}), j({
+	name: "changeSloppiness",
+	label: "labels.sloppiness",
+	trackEvent: !1,
+	perform: (e, t, n) => ({
+		elements: J(e, t, (e) => w(e, {
+			seed: ne(),
+			roughness: n
+		})),
+		appState: {
+			...t,
+			currentItemRoughness: n
+		},
+		captureUpdate: O.IMMEDIATELY
+	}),
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.sloppiness") }), Q({
+		value: Y(e, r, (e) => e.roughness, (e) => Object.prototype.hasOwnProperty.call(e, "roughness"), (e) => e ? null : t.currentItemRoughness),
+		options: [
+			{
+				value: 0,
+				label: A("labels.architect"),
+				icon: we
+			},
+			{
+				value: 1,
+				label: A("labels.artist"),
+				icon: Te
+			},
+			{
+				value: 2,
+				label: A("labels.cartoonist"),
+				icon: Ee
+			}
+		],
+		onChange(e) {
+			n(e);
+		}
+	})] })
+});
+function Q(n) {
+	return /* @__PURE__ */ W(r.Group, {
+		value: n.value,
+		options: n.options,
+		onChange: n.onChange,
+		children: (n) => /* @__PURE__ */ W(t, {
+			inline: !0,
+			wrap: !0,
+			children: n.map((t, n, i) => /* @__PURE__ */ W(r, {
+				style: { margin: 0 },
+				value: t.value,
+				children: ({ checked: n }) => /* @__PURE__ */ W(e, {
+					type: n ? "primary" : "default",
+					icon: t.icon
+				})
+			}, n))
+		})
+	});
+}
+j({
+	name: "changeStrokeStyle",
+	label: "labels.strokeStyle",
+	trackEvent: !1,
+	perform: (e, t, n) => ({
+		elements: J(e, t, (e) => w(e, { strokeStyle: n })),
+		appState: {
+			...t,
+			currentItemStrokeStyle: n
+		},
+		captureUpdate: O.IMMEDIATELY
+	}),
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.strokeStyle") }), Q({
+		options: [
+			{
+				value: "solid",
+				text: A("labels.strokeStyle_solid"),
+				icon: /* @__PURE__ */ W(K, { style: { strokeWidth: 4 } })
+			},
+			{
+				value: "dashed",
+				text: A("labels.strokeStyle_dashed"),
+				icon: De
+			},
+			{
+				value: "dotted",
+				text: A("labels.strokeStyle_dotted"),
+				icon: Oe
+			}
+		],
+		value: Y(e, r, (e) => e.strokeStyle, (e) => Object.prototype.hasOwnProperty.call(e, "strokeStyle"), (e) => e ? null : t.currentItemStrokeStyle),
+		onChange: (e) => n(e)
+	})] })
+}), j({
+	name: "changeOpacity",
+	label: "labels.opacity",
+	trackEvent: !1,
+	perform: (e, t, n) => ({
+		elements: J(e, t, (e) => w(e, { opacity: n }), !0),
+		appState: {
+			...t,
+			currentItemOpacity: n
+		},
+		captureUpdate: O.IMMEDIATELY
+	}),
+	PanelComponent: ({ app: e, updateData: t }) => /* @__PURE__ */ W(P, {
+		updateData: t,
+		app: e,
+		testId: "opacity"
+	})
+}), j({
+	name: "changeFontSize",
+	label: "labels.fontSize",
+	trackEvent: !1,
+	perform: (e, t, n, r) => Z(e, t, r, () => (m(n, "actionChangeFontSize: Expected a font size value"), n), n),
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => {
+		let { isCompact: a } = q(r), o = { fontWeight: 500 };
+		return /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.fontSize") }), Q({
+			options: [
+				{
+					value: s.sm,
+					text: A("labels.small"),
+					icon: /* @__PURE__ */ W("span", {
+						style: { ...o },
+						children: "S"
+					}),
+					testId: "fontSize-small"
+				},
+				{
+					value: s.md,
+					text: A("labels.medium"),
+					icon: /* @__PURE__ */ W("span", {
+						style: { ...o },
+						children: "M"
+					}),
+					testId: "fontSize-medium"
+				},
+				{
+					value: s.lg,
+					text: A("labels.large"),
+					icon: /* @__PURE__ */ W("span", {
+						style: { ...o },
+						children: "L"
+					}),
+					testId: "fontSize-large"
+				},
+				{
+					value: s.xl,
+					text: A("labels.veryLarge"),
+					icon: /* @__PURE__ */ W("span", {
+						style: { ...o },
+						children: "XL"
+					}),
+					testId: "fontSize-veryLarge"
+				}
+			],
+			value: Y(e, r, (e) => {
+				if (b(e)) return e.fontSize;
+				let t = S(e, r.scene.getNonDeletedElementsMap());
+				return t ? t.fontSize : null;
+			}, (e) => b(e) || S(e, r.scene.getNonDeletedElementsMap()) !== null, (e) => e ? null : t.currentItemFontSize || 20),
+			onChange: (e) => {
+				H(() => n(e), a, !!t.editingTextElement, i?.onPreventClose);
+			}
+		})] });
+	}
+});
+var Ve = j({
+	name: "decreaseFontSize",
+	label: "labels.decreaseFontSize",
+	icon: V,
+	trackEvent: !1,
+	perform: (e, t, n, r) => Z(e, t, r, (e) => Math.round(1 / 1.1 * e.fontSize)),
+	keyTest: (e) => e[d.CTRL_OR_CMD] && e.shiftKey && (e.key === d.CHEVRON_LEFT || e.key === d.COMMA)
+}), He = j({
+	name: "increaseFontSize",
+	label: "labels.increaseFontSize",
+	icon: V,
+	trackEvent: !1,
+	perform: (e, t, n, r) => Z(e, t, r, (e) => Math.round(e.fontSize * 1.1)),
+	keyTest: (e) => e[d.CTRL_OR_CMD] && e.shiftKey && (e.key === d.CHEVRON_RIGHT || e.key === d.PERIOD)
+});
+j({
+	name: "changeTextAlign",
+	label: "Change text alignment",
+	trackEvent: !1,
+	perform: (e, t, n, r) => ({
+		elements: J(e, t, (e) => {
+			if (b(e)) {
+				let t = w(e, { textAlign: n });
+				return C(t, r.scene.getContainerElement(e), r.scene), t;
+			}
+			return e;
+		}, !0),
+		appState: {
+			...t,
+			currentItemTextAlign: n
+		},
+		captureUpdate: O.IMMEDIATELY
+	}),
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => {
+		let a = r.scene.getNonDeletedElementsMap(), { isCompact: o } = q(r);
+		return /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.textAlign") }), Q({
+			options: [
+				{
+					value: "left",
+					text: A("labels.left"),
+					icon: /* @__PURE__ */ W(je, {}),
+					testId: "align-left"
+				},
+				{
+					value: "center",
+					text: A("labels.center"),
+					icon: /* @__PURE__ */ W(Ae, {}),
+					testId: "align-horizontal-center"
+				},
+				{
+					value: "right",
+					text: A("labels.right"),
+					icon: /* @__PURE__ */ W(Me, {}),
+					testId: "align-right"
+				}
+			],
+			value: Y(e, r, (e) => {
+				if (b(e)) return e.textAlign;
+				let t = S(e, a);
+				return t ? t.textAlign : null;
+			}, (e) => b(e) || S(e, a) !== null, (e) => e ? null : t.currentItemTextAlign),
+			onChange: (e) => {
+				H(() => n(e), o, !!t.editingTextElement, i?.onPreventClose);
+			}
+		})] });
+	}
+}), j({
+	name: "changeVerticalAlign",
+	label: "Change vertical alignment",
+	trackEvent: { category: "element" },
+	perform: (e, t, n, r) => ({
+		elements: J(e, t, (e) => {
+			if (b(e)) {
+				let t = w(e, { verticalAlign: n });
+				return C(t, r.scene.getContainerElement(e), r.scene), t;
+			}
+			return e;
+		}, !0),
+		appState: { ...t },
+		captureUpdate: O.IMMEDIATELY
+	}),
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, data: i }) => {
+		let { isCompact: a } = q(r);
+		return /* @__PURE__ */ W("fieldset", { children: Q({
+			options: [
+				{
+					value: u.TOP,
+					text: A("labels.alignTop"),
+					icon: /* @__PURE__ */ W(Fe, {}),
+					testId: "align-top"
+				},
+				{
+					value: u.MIDDLE,
+					text: A("labels.centerVertically"),
+					icon: /* @__PURE__ */ W(Pe, {}),
+					testId: "align-middle"
+				},
+				{
+					value: u.BOTTOM,
+					text: A("labels.alignBottom"),
+					icon: /* @__PURE__ */ W(Ne, {}),
+					testId: "align-bottom"
+				}
+			],
+			value: Y(e, r, (e) => {
+				if (b(e) && e.containerId) return e.verticalAlign;
+				let t = S(e, r.scene.getNonDeletedElementsMap());
+				return t ? t.verticalAlign : null;
+			}, (e) => b(e) || S(e, r.scene.getNonDeletedElementsMap()) !== null, (e) => e ? null : u.MIDDLE),
+			onChange: (e) => {
+				H(() => n(e), a, !!t.editingTextElement, i?.onPreventClose);
+			}
+		}) });
+	}
+}), j({
+	name: "changeRoundness",
+	label: "Change edge roundness",
+	trackEvent: !1,
+	perform: (e, t, n) => ({
+		elements: J(e, t, (e) => _(e) ? e : w(e, { roundness: n === "round" ? { type: oe(e.type) ? c.ADAPTIVE_RADIUS : c.PROPORTIONAL_RADIUS } : null })),
+		appState: {
+			...t,
+			currentItemRoundness: n
+		},
+		captureUpdate: O.IMMEDIATELY
+	}),
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, renderAction: i }) => {
+		let a = se(k(e), t).some((e) => e.roundness?.type === c.LEGACY);
+		return /* @__PURE__ */ G("fieldset", { children: [
+			/* @__PURE__ */ W("legend", { children: A("labels.edges") }),
+			Q({
+				options: [{
+					value: "sharp",
+					text: A("labels.sharp"),
+					icon: /* @__PURE__ */ W(Le, {})
+				}, {
+					value: "round",
+					text: A("labels.round"),
+					icon: /* @__PURE__ */ W(Ie, {})
+				}],
+				value: Y(e, r, (e) => a ? null : e.roundness ? "round" : "sharp", (e) => !g(e) && Object.prototype.hasOwnProperty.call(e, "roundness"), (e) => e ? null : t.currentItemRoundness),
+				onChange: (e) => n(e)
+			}),
+			i("togglePolygon")
+		] });
+	}
+});
+var $ = (e) => [
+	{
+		value: null,
+		text: A("labels.arrowhead_none"),
+		keyBinding: "q",
+		icon: _e
+	},
+	{
+		value: "arrow",
+		text: A("labels.arrowhead_arrow"),
+		keyBinding: "w",
+		icon: /* @__PURE__ */ W(F, { flip: e })
+	},
+	{
+		value: "triangle",
+		text: A("labels.arrowhead_triangle"),
+		icon: /* @__PURE__ */ W(ve, { flip: e }),
+		keyBinding: "e"
+	},
+	{
+		value: "triangle_outline",
+		text: A("labels.arrowhead_triangle_outline"),
+		icon: /* @__PURE__ */ W(ye, { flip: e }),
+		keyBinding: "r"
+	},
+	{
+		value: "circle",
+		text: A("labels.arrowhead_circle"),
+		keyBinding: "a",
+		icon: /* @__PURE__ */ W(L, { flip: e })
+	},
+	{
+		value: "circle_outline",
+		text: A("labels.arrowhead_circle_outline"),
+		keyBinding: "s",
+		icon: /* @__PURE__ */ W(R, { flip: e })
+	},
+	{
+		value: "diamond",
+		text: A("labels.arrowhead_diamond"),
+		icon: /* @__PURE__ */ W(he, { flip: e }),
+		keyBinding: "d"
+	},
+	{
+		value: "diamond_outline",
+		text: A("labels.arrowhead_diamond_outline"),
+		icon: /* @__PURE__ */ W(ge, { flip: e }),
+		keyBinding: "f"
+	},
+	{
+		value: "bar",
+		text: A("labels.arrowhead_bar"),
+		keyBinding: "z",
+		icon: /* @__PURE__ */ W(I, { flip: e })
+	},
+	{
+		value: "crowfoot_one",
+		text: A("labels.arrowhead_crowfoot_one"),
+		icon: /* @__PURE__ */ W(B, { flip: e }),
+		keyBinding: "x"
+	},
+	{
+		value: "crowfoot_many",
+		text: A("labels.arrowhead_crowfoot_many"),
+		icon: /* @__PURE__ */ W(z, { flip: e }),
+		keyBinding: "c"
+	},
+	{
+		value: "crowfoot_one_or_many",
+		text: A("labels.arrowhead_crowfoot_one_or_many"),
+		icon: /* @__PURE__ */ W(me, { flip: e }),
+		keyBinding: "v"
+	}
+];
+j({
+	name: "changeArrowhead",
+	label: "Change arrowheads",
+	trackEvent: !1,
+	perform: (e, t, n) => (m(n, "actionChangeArrowhead: value must be defined"), {
+		elements: J(e, t, (e) => {
+			if (y(e)) {
+				let { position: t, type: r } = n;
+				if (t === "start") return w(e, { startArrowhead: r });
+				if (t === "end") return w(e, { endArrowhead: r });
+			}
+			return e;
+		}),
+		appState: {
+			...t,
+			[n.position === "start" ? "currentItemStartArrowhead" : "currentItemEndArrowhead"]: n.type
+		},
+		captureUpdate: O.IMMEDIATELY
+	}),
+	PanelComponent: ({ elements: r, appState: i, updateData: a, app: o }) => {
+		let s = pe().rtl, c = Y(r, o, (e) => y(e) && h(e.type) ? e.startArrowhead : i.currentItemStartArrowhead, !0, i.currentItemStartArrowhead), l = Y(r, o, (e) => y(e) && h(e.type) ? e.endArrowhead : i.currentItemEndArrowhead, !0, i.currentItemEndArrowhead);
+		return /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.arrowheads") }), /* @__PURE__ */ G(t, {
+			inline: !0,
+			wrap: !0,
+			children: [/* @__PURE__ */ W(n, {
+				trigger: "click",
+				getPopupContainer: () => o.getRootElement(),
+				content: Q({
+					value: c,
+					options: $(!s),
+					onChange: (e) => a({
+						position: "start",
+						type: e
+					})
+				}),
+				position: "rb",
+				onVisibleChange: (e) => {},
+				children: /* @__PURE__ */ W(e, { icon: $(!s).find((e) => e.value === c)?.icon })
+			}), /* @__PURE__ */ W(n, {
+				trigger: "click",
+				getPopupContainer: () => o.getRootElement(),
+				content: Q({
+					value: l,
+					options: $(!!s),
+					onChange: (e) => a({
+						position: "end",
+						type: e
+					})
+				}),
+				position: "rb",
+				onVisibleChange: (e) => {},
+				children: /* @__PURE__ */ W(e, { icon: $(!!s).find((e) => e.value === l)?.icon })
+			})]
+		})] });
+	}
+}), j({
+	name: "changeArrowProperties",
+	label: "Change arrow properties",
+	trackEvent: !1,
+	perform: (e, t, n, r) => !1,
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r, renderAction: i }) => /* @__PURE__ */ G("div", {
+		className: "selected-shape-actions",
+		children: [i("changeArrowhead"), i("changeArrowType")]
+	})
+}), j({
+	name: "changeArrowType",
+	label: "Change arrow types",
+	trackEvent: !1,
+	perform: (e, t, n, r) => {
+		let i = J(e, t, (e) => {
+			if (!g(e)) return e;
+			let i = r.scene.getNonDeletedElementsMap(), a = D.getPointAtIndexGlobalCoordinates(e, 0, i), s = D.getPointAtIndexGlobalCoordinates(e, -1, i), l = w(e, {
+				x: n === o.elbow ? a[0] : e.x,
+				y: n === o.elbow ? a[1] : e.y,
+				roundness: n === o.round ? { type: c.PROPORTIONAL_RADIUS } : null,
+				elbowed: n === o.elbow,
+				angle: n === o.elbow ? 0 : e.angle,
+				points: n === o.elbow || e.elbowed ? [D.pointFromAbsoluteCoords({
+					...e,
+					x: a[0],
+					y: a[1],
+					angle: 0
+				}, a, i), D.pointFromAbsoluteCoords({
+					...e,
+					x: a[0],
+					y: a[1],
+					angle: 0
+				}, s, i)] : e.points
+			});
+			if (_(l)) {
+				l.fixedSegments = null;
+				let e = r.scene.getNonDeletedElementsMap();
+				r.dismissLinearEditor();
+				let t = D.getPointAtIndexGlobalCoordinates(l, 0, e), n = D.getPointAtIndexGlobalCoordinates(l, -1, e), i = l.startBinding && e.get(l.startBinding.elementId), a = l.endBinding && e.get(l.endBinding.elementId), o = i && l.startBinding ? {
+					...l.startBinding,
+					...E(l, i, "start", e)
+				} : null, s = a && l.endBinding ? {
+					...l.endBinding,
+					...E(l, a, "end", e)
+				} : null;
+				l = {
+					...l,
+					startBinding: o,
+					endBinding: s,
+					...le(l, e, {
+						points: [t, n].map((e) => f(e[0] - l.x, e[1] - l.y)),
+						startBinding: o,
+						endBinding: s,
+						fixedSegments: null
+					})
+				};
+			} else {
+				let e = r.scene.getNonDeletedElementsMap();
+				if (l.startBinding) {
+					let n = e.get(l.startBinding.elementId);
+					n && T(l, n, t.bindMode === "inside" ? "inside" : "orbit", "start", r.scene);
+				}
+				if (l.endBinding) {
+					let n = e.get(l.endBinding.elementId);
+					n && T(l, n, t.bindMode === "inside" ? "inside" : "orbit", "end", r.scene);
+				}
+			}
+			return l;
+		}), a = {
+			...t,
+			currentItemArrowType: n
+		}, s = t.selectedLinearElement?.elementId;
+		if (s) {
+			let t = i.find((e) => e.id === s);
+			t && (a.selectedLinearElement = new D(t, p(e)));
+		}
+		return {
+			elements: i,
+			appState: a,
+			captureUpdate: O.IMMEDIATELY
+		};
+	},
+	PanelComponent: ({ elements: e, appState: t, updateData: n, app: r }) => /* @__PURE__ */ G("fieldset", { children: [/* @__PURE__ */ W("legend", { children: A("labels.arrowtypes") }), Q({
+		options: [
+			{
+				value: o.sharp,
+				text: A("labels.arrowtype_sharp"),
+				icon: /* @__PURE__ */ W(Be, {}),
+				testId: "sharp-arrow"
+			},
+			{
+				value: o.round,
+				text: A("labels.arrowtype_round"),
+				icon: /* @__PURE__ */ W(ze, {}),
+				testId: "round-arrow"
+			},
+			{
+				value: o.elbow,
+				text: A("labels.arrowtype_elbowed"),
+				icon: /* @__PURE__ */ W(Re, {}),
+				testId: "elbow-arrow"
+			}
+		],
+		value: Y(e, r, (e) => g(e) ? e.elbowed ? o.elbow : e.roundness ? o.round : o.sharp : null, (e) => g(e), (e) => e ? null : t.currentItemArrowType),
+		onChange: (e) => n(e)
+	})] })
+});
+//#endregion
+export { Ve as actionDecreaseFontSize, He as actionIncreaseFontSize, Y as getFormValue };
+/* 独立思考，明辨是非 */