@unicom-cloud/ui 0.8.172 → 0.8.173

package/draw/core/components/Actions.js

@@ -1,493 +0,0 @@
-/* 潘启宝 2026-06-29 10:53:33 星期一 山东省济南市 */
-import e from "../../../button/index.js";
-import t from "../../../flex/index.js";
-import n from "../../../popover/index.js";
-import r from "../../../menu/index.js";
-import i from "../../../dropdown/index.js";
-import a from "../../../radio/index.js";
-import { DividerVertical as o } from "../../../divider/Divider.js";
-import "../../../divider/index.js";
-import { isTransparent as s } from "../../common/colors.js";
-import { CLASSES as c } from "../../common/constants.js";
-import { capitalizeString as l } from "../../common/utils.js";
-import "../../common/index.js";
-import { canChangeRoundness as u, canHaveArrowheads as d, hasBackground as f, hasStrokeColor as p, hasStrokeStyle as m, hasStrokeWidth as h, toolIsArrow as g } from "../../element/comparisons.js";
-import { hasBoundTextElement as _, isArrowElement as v, isElbowArrow as y, isImageElement as b, isLinearElement as x, isTextElement as S } from "../../element/typeChecks.js";
-import { getTargetElements as C } from "../../element/selection.js";
-import { shouldAllowVerticalAlign as w, suppportsHorizontalAlign as T } from "../../element/textElement.js";
-import "../../element/index.js";
-import { trackEvent as E } from "../analytics.js";
-import { useDrawContainer as D, useEditorInterface as O, useStylesPanelMode as ee } from "./hooks.js";
-import { t as k } from "../i18n.js";
-import "../scene/index.js";
-import { fontSizeIcon as A } from "./icons.js";
-import { useTextEditorFocus as j } from "../hooks/useTextEditorFocus.js";
-import { getFormValue as M } from "../actions/actionProperties.js";
-import { alignActionsPredicate as N } from "../actions/actionAlign.js";
-import { actionToggleZenMode as P } from "../actions/actionToggleZenMode.js";
-import "../actions/index.js";
-import { getToolbarTools as F } from "./shapes.js";
-import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
-import z from "@unicom-cloud/icons/IconUiMore";
-import B from "@unicom-cloud/utils/class-name";
-import V from "@unicom-cloud/icons/IconUiElbowArrow";
-import H from "@unicom-cloud/icons/IconUiRoundArrow";
-import U from "@unicom-cloud/icons/IconUiSharpArrow";
-import W from "@unicom-cloud/icons/IconUiLasso";
-import G from "@unicom-cloud/icons/IconUiFrame";
-import K from "@unicom-cloud/icons/IconUiAdjustments";
-import q from "@unicom-cloud/icons/IconUiCode";
-import J from "@unicom-cloud/icons/IconUiLaserPointer";
-import Y from "@unicom-cloud/icons/IconUiMoreVertical";
-import "@unicom-cloud/icons/IconUiSelection";
-//#region components/pc/draw/core/components/Actions.tsx
-var X = B([c.SHAPE_ACTIONS_THEME_SCOPE, "properties-content"]), Z = (e, t) => {
-	let n = t[0]?.type || null;
-	for (let e of t) if (e.type !== n) {
-		n = null;
-		break;
-	}
-	return p(e.activeTool.type) && n !== "image" && n !== "frame" && n !== "magicframe" || t.some((e) => p(e.type));
-}, Q = (e, t) => f(e.activeTool.type) || t.some((e) => f(e.type)), te = ({ appState: e, elementsMap: t, renderAction: n, app: r }) => {
-	let i = C(t, e), a = !1;
-	i.length === 2 && (_(i[0]) || _(i[1])) && (a = !0);
-	let o = !!(e.editingTextElement || e.newElement), c = O(), l = document.documentElement.getAttribute("dir") === "rtl", p = f(e.activeTool.type) && !s(e.currentItemBackgroundColor) || i.some((e) => f(e.type) && !s(e.backgroundColor));
-	i.length;
-	let v = !e.selectedLinearElement?.isEditing && i.length === 1 && x(i[0]) && !y(i[0]), E = !e.croppingElementId && i.length === 1 && b(i[0]), D = !a && N(e, r);
-	return /* @__PURE__ */ R("div", {
-		className: "selected-shape-actions",
-		children: [
-			/* @__PURE__ */ L("div", { children: Z(e, i) && n("changeStrokeColor") }),
-			Q(e, i) && /* @__PURE__ */ L("div", { children: n("changeBackgroundColor") }),
-			p && n("changeFillStyle"),
-			(h(e.activeTool.type) || i.some((e) => h(e.type))) && n("changeStrokeWidth"),
-			(e.activeTool.type === "freedraw" || i.some((e) => e.type === "freedraw")) && n("changeStrokeShape"),
-			(m(e.activeTool.type) || i.some((e) => m(e.type))) && /* @__PURE__ */ R(I, { children: [n("changeStrokeStyle"), n("changeSloppiness")] }),
-			(u(e.activeTool.type) || i.some((e) => u(e.type))) && /* @__PURE__ */ L(I, { children: n("changeRoundness") }),
-			(g(e.activeTool.type) || i.some((e) => g(e.type))) && /* @__PURE__ */ L(I, { children: n("changeArrowType") }),
-			(e.activeTool.type === "text" || i.some(S)) && /* @__PURE__ */ R(I, { children: [
-				n("changeFontFamily"),
-				n("changeFontSize"),
-				(e.activeTool.type === "text" || T(i, t)) && n("changeTextAlign")
-			] }),
-			w(i, t) && n("changeVerticalAlign"),
-			(d(e.activeTool.type) || i.some((e) => d(e.type))) && /* @__PURE__ */ L(I, { children: n("changeArrowhead") }),
-			n("changeOpacity"),
-			/* @__PURE__ */ R("fieldset", { children: [/* @__PURE__ */ L("legend", { children: k("labels.layers") }), /* @__PURE__ */ R("div", {
-				className: "buttonList",
-				children: [
-					n("sendToBack"),
-					n("sendBackward"),
-					n("bringForward"),
-					n("bringToFront")
-				]
-			})] }),
-			D && !a && /* @__PURE__ */ R("fieldset", { children: [/* @__PURE__ */ L("legend", { children: k("labels.align") }), /* @__PURE__ */ R("div", {
-				className: "buttonList",
-				children: [
-					l ? /* @__PURE__ */ R(I, { children: [
-						n("alignRight"),
-						n("alignHorizontallyCentered"),
-						n("alignLeft")
-					] }) : /* @__PURE__ */ R(I, { children: [
-						n("alignLeft"),
-						n("alignHorizontallyCentered"),
-						n("alignRight")
-					] }),
-					i.length > 2 && n("distributeHorizontally"),
-					/* @__PURE__ */ L("div", { style: {
-						flexBasis: "100%",
-						height: 0
-					} }),
-					/* @__PURE__ */ R("div", {
-						style: {
-							display: "flex",
-							flexWrap: "wrap",
-							gap: ".5rem",
-							marginTop: "-0.5rem"
-						},
-						children: [
-							n("alignTop"),
-							n("alignVerticallyCentered"),
-							n("alignBottom"),
-							i.length > 2 && n("distributeVertically")
-						]
-					})
-				]
-			})] }),
-			!o && i.length > 0 && /* @__PURE__ */ R("fieldset", { children: [/* @__PURE__ */ L("legend", { children: k("labels.actions") }), /* @__PURE__ */ R("div", {
-				className: "buttonList",
-				children: [
-					c.formFactor !== "phone" && n("duplicateSelection"),
-					c.formFactor !== "phone" && n("deleteSelectedElements"),
-					n("group"),
-					n("ungroup"),
-					E && n("cropEditor"),
-					v && n("toggleLinearEditor")
-				]
-			})] })
-		]
-	});
-}, $ = ({ appState: e, renderAction: t, setAppState: r, targetElements: i, container: a }) => {
-	let o = f(e.activeTool.type) && !s(e.currentItemBackgroundColor) || i.some((e) => f(e.type) && !s(e.backgroundColor)), c = i.length > 0 || e.activeTool.type !== "selection" && e.activeTool.type !== "eraser" && e.activeTool.type !== "hand" && e.activeTool.type !== "laser" && e.activeTool.type !== "lasso", l = e.openPopup === "compactStrokeStyles";
-	return c ? /* @__PURE__ */ L("div", {
-		className: "compact-action-item",
-		children: /* @__PURE__ */ L(n, {
-			style: {
-				overflow: "visible",
-				maxWidth: "13rem",
-				height: "fit-content"
-			},
-			className: B("draw", X),
-			trigger: "click",
-			getPopupContainer: () => a,
-			triggerProps: {
-				position: "rt",
-				showArrow: !0
-			},
-			content: /* @__PURE__ */ R("div", {
-				className: "selected-shape-actions",
-				children: [
-					o && t("changeFillStyle"),
-					(h(e.activeTool.type) || i.some((e) => h(e.type))) && t("changeStrokeWidth"),
-					(m(e.activeTool.type) || i.some((e) => m(e.type))) && /* @__PURE__ */ R(I, { children: [t("changeStrokeStyle"), t("changeSloppiness")] }),
-					(u(e.activeTool.type) || i.some((e) => u(e.type))) && t("changeRoundness"),
-					t("changeOpacity")
-				]
-			}),
-			onVisibleChange: (e) => {
-				r(e ? { openPopup: "compactStrokeStyles" } : { openPopup: null });
-			},
-			children: /* @__PURE__ */ L("button", {
-				type: "button",
-				className: B("compact-action-button properties-trigger", { active: l }),
-				title: k("labels.stroke"),
-				onClick: (e) => {
-					e.preventDefault(), e.stopPropagation(), r({ openPopup: l ? null : "compactStrokeStyles" });
-				},
-				children: /* @__PURE__ */ L(K, {})
-			})
-		})
-	}) : null;
-}, ne = ({ appState: e, renderAction: t, setAppState: r, targetElements: i, container: a, app: o }) => {
-	let s = g(e.activeTool.type) || i.some((e) => g(e.type)), c = e.openPopup === "compactArrowProperties";
-	return s ? /* @__PURE__ */ L("div", {
-		className: "compact-action-item",
-		children: /* @__PURE__ */ L(n, {
-			style: {
-				overflow: "visible",
-				maxWidth: "13rem",
-				height: "fit-content"
-			},
-			className: B("draw", "properties-content"),
-			trigger: "click",
-			getPopupContainer: () => a,
-			triggerProps: {
-				position: "rt",
-				showArrow: !0
-			},
-			content: t("changeArrowProperties"),
-			onVisibleChange: (e) => {
-				r(e ? { openPopup: "compactArrowProperties" } : { openPopup: null });
-			},
-			children: /* @__PURE__ */ L("button", {
-				type: "button",
-				className: B("compact-action-button properties-trigger", { active: c }),
-				title: k("labels.arrowtypes"),
-				onClick: (e) => {
-					e.preventDefault(), e.stopPropagation(), r({ openPopup: c ? null : "compactArrowProperties" });
-				},
-				children: (() => {
-					let t = M(i, o, (e) => v(e) ? e.elbowed ? "elbow" : e.roundness ? "round" : "sharp" : null, (e) => v(e), (t) => t ? null : e.currentItemArrowType);
-					return L(t === "elbow" ? V : t === "round" ? H : U, {});
-				})()
-			})
-		})
-	}) : null;
-}, re = ({ appState: e, renderAction: t, setAppState: r, targetElements: i, container: a, elementsMap: o }) => {
-	let { saveCaretPosition: s, restoreCaretPosition: c } = j(), l = e.openPopup === "compactTextProperties";
-	return /* @__PURE__ */ L("div", {
-		className: "compact-action-item",
-		children: /* @__PURE__ */ L(n, {
-			style: {
-				overflow: "visible",
-				maxWidth: "13rem",
-				height: "fit-content"
-			},
-			className: B("draw", X),
-			trigger: "click",
-			getPopupContainer: () => a,
-			triggerProps: {
-				position: "rt",
-				showArrow: !0
-			},
-			content: /* @__PURE__ */ R("div", {
-				className: "selected-shape-actions",
-				children: [
-					(e.activeTool.type === "text" || i.some(S)) && t("changeFontSize"),
-					(e.activeTool.type === "text" || T(i, o)) && t("changeTextAlign"),
-					w(i, o) && t("changeVerticalAlign")
-				]
-			}),
-			onVisibleChange: (t) => {
-				t ? (e.editingTextElement && s(), r({ openPopup: "compactTextProperties" })) : (r({ openPopup: null }), e.editingTextElement && c());
-			},
-			children: /* @__PURE__ */ L("button", {
-				type: "button",
-				className: B("compact-action-button properties-trigger", { active: l }),
-				title: k("labels.textAlign"),
-				onClick: (t) => {
-					t.preventDefault(), t.stopPropagation(), l ? r({ openPopup: null }) : (e.editingTextElement && s(), r({ openPopup: "compactTextProperties" }));
-				},
-				children: A
-			})
-		})
-	});
-}, ie = ({ appState: e, renderAction: t, targetElements: r, setAppState: i, container: a, app: o }) => {
-	let s = !!(e.editingTextElement || e.newElement), c = !e.croppingElementId && r.length === 1 && b(r[0]);
-	r.length;
-	let l = N(e, o), u = !1;
-	r.length === 2 && (_(r[0]) || _(r[1])) && (u = !0);
-	let d = document.documentElement.getAttribute("dir") === "rtl", f = e.openPopup === "compactOtherProperties";
-	return s || r.length === 0 ? null : /* @__PURE__ */ L("div", {
-		className: "compact-action-item",
-		children: /* @__PURE__ */ L(n, {
-			style: {
-				overflow: "visible",
-				height: "fit-content",
-				maxWidth: "12rem",
-				justifyContent: "center",
-				alignItems: "center"
-			},
-			className: B("draw", X),
-			trigger: "click",
-			getPopupContainer: () => a,
-			triggerProps: {
-				position: "rt",
-				showArrow: !0
-			},
-			content: /* @__PURE__ */ R("div", {
-				className: "selected-shape-actions",
-				children: [
-					/* @__PURE__ */ R("fieldset", { children: [/* @__PURE__ */ L("legend", { children: k("labels.layers") }), /* @__PURE__ */ R("div", {
-						className: "buttonList",
-						children: [
-							t("sendToBack"),
-							t("sendBackward"),
-							t("bringForward"),
-							t("bringToFront")
-						]
-					})] }),
-					l && !u && /* @__PURE__ */ R("fieldset", { children: [/* @__PURE__ */ L("legend", { children: k("labels.align") }), /* @__PURE__ */ R("div", {
-						className: "buttonList",
-						children: [
-							d ? /* @__PURE__ */ R(I, { children: [
-								t("alignRight"),
-								t("alignHorizontallyCentered"),
-								t("alignLeft")
-							] }) : /* @__PURE__ */ R(I, { children: [
-								t("alignLeft"),
-								t("alignHorizontallyCentered"),
-								t("alignRight")
-							] }),
-							r.length > 2 && t("distributeHorizontally"),
-							/* @__PURE__ */ L("div", { style: {
-								flexBasis: "100%",
-								height: 0
-							} }),
-							/* @__PURE__ */ R("div", {
-								style: {
-									display: "flex",
-									flexWrap: "wrap",
-									gap: ".5rem",
-									marginTop: "-0.5rem"
-								},
-								children: [
-									t("alignTop"),
-									t("alignVerticallyCentered"),
-									t("alignBottom"),
-									r.length > 2 && t("distributeVertically")
-								]
-							})
-						]
-					})] }),
-					/* @__PURE__ */ R("fieldset", { children: [/* @__PURE__ */ L("legend", { children: k("labels.actions") }), /* @__PURE__ */ R("div", {
-						className: "buttonList",
-						children: [
-							t("group"),
-							t("ungroup"),
-							c && t("cropEditor"),
-							t("duplicateSelection"),
-							t("deleteSelectedElements")
-						]
-					})] })
-				]
-			}),
-			onVisibleChange: (e) => {
-				i(e ? { openPopup: "compactOtherProperties" } : { openPopup: null });
-			},
-			children: /* @__PURE__ */ L("button", {
-				type: "button",
-				className: B("compact-action-button properties-trigger", { active: f }),
-				title: k("labels.actions"),
-				onClick: (e) => {
-					e.preventDefault(), e.stopPropagation(), i({ openPopup: f ? null : "compactOtherProperties" });
-				},
-				children: /* @__PURE__ */ L(z, {})
-			})
-		})
-	});
-}, ae = ({ appState: e, elementsMap: t, renderAction: n, app: r, setAppState: i }) => {
-	let a = C(t, e), { container: o } = D(), s = !!(e.editingTextElement || e.newElement), c = !e.selectedLinearElement?.isEditing && a.length === 1 && x(a[0]) && !y(a[0]);
-	return /* @__PURE__ */ R("div", {
-		className: "compact-shape-actions",
-		children: [
-			Z(e, a) && /* @__PURE__ */ L("div", {
-				className: B("compact-action-item"),
-				children: n("changeStrokeColor")
-			}),
-			Q(e, a) && /* @__PURE__ */ L("div", {
-				className: "compact-action-item",
-				children: n("changeBackgroundColor")
-			}),
-			/* @__PURE__ */ L($, {
-				appState: e,
-				renderAction: n,
-				setAppState: i,
-				targetElements: a,
-				container: o
-			}),
-			/* @__PURE__ */ L(ne, {
-				appState: e,
-				renderAction: n,
-				setAppState: i,
-				targetElements: a,
-				container: o,
-				app: r
-			}),
-			c && /* @__PURE__ */ L("div", {
-				className: "compact-action-item",
-				children: n("toggleLinearEditor")
-			}),
-			(e.activeTool.type === "text" || a.some(S)) && /* @__PURE__ */ L(I, { children: /* @__PURE__ */ L(re, {
-				appState: e,
-				renderAction: n,
-				setAppState: i,
-				targetElements: a,
-				container: o,
-				elementsMap: t
-			}) }),
-			!s && a.length > 0 && /* @__PURE__ */ L("div", {
-				className: "compact-action-item",
-				children: n("duplicateSelection")
-			}),
-			!s && a.length > 0 && /* @__PURE__ */ L("div", {
-				className: "compact-action-item",
-				children: n("deleteSelectedElements")
-			}),
-			/* @__PURE__ */ L(ie, {
-				appState: e,
-				renderAction: n,
-				targetElements: a,
-				setAppState: i,
-				container: o,
-				app: r
-			})
-		]
-	});
-}, oe = ({ activeTool: n, setAppState: s, app: c, UIOptions: u }) => {
-	ee(), l(k("toolBar.selection")), l(k("toolBar.lasso"));
-	let d = n.type === "frame", f = n.type === "laser", p = n.type === "lasso" && c.state.preferredSelectionTool.type !== "lasso", m = n.type === "embeddable";
-	return /* @__PURE__ */ R(I, { children: [
-		/* @__PURE__ */ L(a.Group, {
-			value: n.type,
-			options: F(c),
-			onChange: (e) => {
-				c.state.activeTool.type !== e && E("toolbar", e, "ui"), c.setActiveTool({ type: e });
-			},
-			children: (n) => /* @__PURE__ */ L(t, {
-				inline: !0,
-				wrap: !0,
-				children: n.map((t, n, r) => {
-					let { value: i, icon: o, key: s, numericKey: d, fillable: f } = t ?? {};
-					if (u.tools?.[i] === !1) return null;
-					let p = k(`toolBar.${i}`), m = s && l(typeof s == "string" ? s : s[0]), h = m ? `${m} ${k("helpDialog.or")} ${d}` : `${d}`;
-					return /* @__PURE__ */ L(a, {
-						style: { margin: 0 },
-						value: i,
-						children: ({ checked: n }) => /* @__PURE__ */ L(e, {
-							type: n ? "primary" : "text",
-							status: n ? "default" : "none",
-							icon: t.icon,
-							title: `${l(p)} — ${h}`,
-							"aria-label": l(p),
-							"aria-keyshortcuts": h,
-							"data-testid": `toolbar-${i}`,
-							onPointerDown: ({ pointerType: e }) => {
-								!c.state.penDetected && e === "pen" && c.togglePenMode(!0), i === "selection" && (c.state.activeTool.type === "selection" || c.setActiveTool({ type: "selection" }));
-							}
-						})
-					}, i);
-				})
-			})
-		}),
-		/* @__PURE__ */ L(o, {}),
-		/* @__PURE__ */ L(i, {
-			position: "br",
-			trigger: "click",
-			droplist: /* @__PURE__ */ R(r, { children: [
-				/* @__PURE__ */ L(r.Item, {
-					onClick: () => {
-						c.setActiveTool({ type: "frame" });
-					},
-					"data-testid": "toolbar-frame",
-					children: /* @__PURE__ */ R(t, {
-						alignItems: "center",
-						children: [/* @__PURE__ */ L("span", { children: /* @__PURE__ */ L(G, {}) }), /* @__PURE__ */ L("span", { children: k("toolBar.frame") })]
-					})
-				}, "1"),
-				/* @__PURE__ */ L(r.Item, {
-					onClick: () => {
-						c.setActiveTool({ type: "laser" });
-					},
-					"data-testid": "toolbar-laser",
-					children: /* @__PURE__ */ R(t, {
-						alignItems: "center",
-						children: [/* @__PURE__ */ L("span", { children: /* @__PURE__ */ L(J, {}) }), /* @__PURE__ */ L("span", { children: k("toolBar.laser") })]
-					})
-				}, "3"),
-				/* @__PURE__ */ L(r.Item, {
-					onClick: () => {
-						c.setActiveTool({ type: "lasso" });
-					},
-					"data-testid": "toolbar-lasso",
-					children: /* @__PURE__ */ R(t, { children: [/* @__PURE__ */ L("span", { children: /* @__PURE__ */ L(W, {}) }), /* @__PURE__ */ L("span", { children: k("toolBar.lasso") })] })
-				}, "4")
-			] }),
-			getPopupContainer: () => c.rootElement,
-			triggerProps: { getPopupContainer(e) {
-				return c.rootElement;
-			} },
-			onVisibleChange: (e) => {
-				s({
-					openMenu: null,
-					openPopup: null
-				});
-			},
-			children: /* @__PURE__ */ L(e, {
-				title: k("toolBar.extraTools"),
-				type: d || m || p || f && !c.props.isCollaborating ? "primary" : "text",
-				status: "none",
-				"aria-label": l(k("toolBar.extraTools")),
-				icon: d ? /* @__PURE__ */ L(G, {}) : m ? /* @__PURE__ */ L(q, {}) : f && !c.props.isCollaborating ? /* @__PURE__ */ L(J, {}) : L(p ? W : Y, {})
-			})
-		})
-	] });
-}, se = ({ actionManager: t, showExitZenModeBtn: n }) => /* @__PURE__ */ L(e, {
-	className: B("disable-zen-mode", { "disable-zen-mode--visible": n }),
-	onClick: () => t.executeAction(P),
-	children: k("buttons.exitZenMode")
-});
-//#endregion
-export { ae as CompactShapeActions, se as ExitZenModeButton, te as SelectedShapeActions, oe as ShapesSwitcher };
-/* 独立思考，明辨是非 */

package/draw/core/components/canvases/index.js

@@ -1,4 +0,0 @@
-/* 潘启宝 2026-06-29 10:53:33 星期一 山东省济南市 */
-import "./InteractiveCanvas.js";
-import "./StaticCanvas.js";
-/* 独立思考，明辨是非 */

package/draw/core/context/ui-appState.js

@@ -1,7 +0,0 @@
-/* 潘启宝 2026-06-29 10:53:33 星期一 山东省济南市 */
-import e from "react";
-//#region components/pc/draw/core/context/ui-appState.ts
-var t = e.createContext(null), n = () => e.useContext(t);
-//#endregion
-export { t as UIAppStateContext, n as useUIAppState };
-/* 独立思考，明辨是非 */