@unicom-cloud/ui 0.8.168 → 0.8.169

package/draw/core/components/SearchMenu.js

@@ -0,0 +1,381 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import e from "../../../button/index.js";
+import { FlexVertical as t } from "../../../flex/Flex.js";
+import n from "../../../flex/index.js";
+import r from "../../../input/index.js";
+import { round as i } from "../../libs/math/utils.js";
+import { EVENT as a, FONT_FAMILY as o, FRAME_STYLE as s } from "../../common/constants.js";
+import { getLineHeight as c } from "../../common/font-metadata.js";
+import { KEYS as l } from "../../common/keys.js";
+import "../../libs/math/index.js";
+import { addEventListener as u, getFontString as d } from "../../common/utils.js";
+import { randomInteger as f } from "../../common/random.js";
+import "../../common/index.js";
+import { isFrameLikeElement as p, isTextElement as m } from "../../element/typeChecks.js";
+import { measureText as h } from "../../element/textMeasurements.js";
+import { getDefaultFrameName as g } from "../../element/frame.js";
+import { isElementCompletelyInViewport as _ } from "../../element/sizeHelpers.js";
+import { newTextElement as v } from "../../element/newElement.js";
+import "../../element/index.js";
+import { useApp as y, useDrawSetAppState as b } from "./hooks.js";
+import { atom as x } from "../../libs/jotai/vanilla/atom.js";
+import { useAtom as S } from "../editor-jotai.js";
+import { t as C } from "../i18n.js";
+import { useStable as w } from "../hooks/useStable.js";
+import { Fragment as T, memo as E, useEffect as D, useMemo as O, useRef as k, useState as A } from "react";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import N from "@unicom-cloud/icons/IconUiDown";
+import P from "@unicom-cloud/icons/IconUiUp";
+import F from "@unicom-cloud/icons/IconUiSearch";
+import I from "lodash/debounce";
+import L from "@unicom-cloud/utils/class-name";
+import R from "@unicom-cloud/icons/IconUiFrame";
+import z from "@unicom-cloud/icons/IconUiFont";
+//#region components/pc/draw/core/components/SearchMenu.tsx
+var B = x(""), V = x(null), H = 350, U = () => {
+	let c = y(), d = b(), m = k(null), [h, g] = S(B), x = h.trim(), [T, E] = A(!1), [O, I] = A({
+		nonce: null,
+		items: []
+	}), L = k(null), R = k(void 0), [z, H] = S(V);
+	D(() => {
+		T || (x !== L.current || c.scene.getSceneNonce() !== R.current) && (L.current = null, Z(x, c, (e, t) => {
+			I({
+				nonce: f(),
+				items: e
+			}), L.current = x, R.current = c.scene.getSceneNonce(), d({ searchMatches: e.length ? {
+				focusedId: null,
+				matches: e.map((e) => ({
+					id: e.element.id,
+					focus: !1,
+					matchedLines: e.matchedLines
+				}))
+			} : null });
+		}));
+	}, [
+		T,
+		x,
+		c.scene.getNonDeletedElementsMap(),
+		c,
+		d,
+		H,
+		R
+	]);
+	let U = () => {
+		O.items.length > 0 && H((e) => e === null ? 0 : (e + 1) % O.items.length);
+	}, W = () => {
+		O.items.length > 0 && H((e) => e === null ? 0 : e - 1 < 0 ? O.items.length - 1 : e - 1);
+	};
+	D(() => {
+		d((e) => e.searchMatches ? { searchMatches: {
+			focusedId: z === null ? null : e.searchMatches?.matches[z]?.id || null,
+			matches: e.searchMatches.matches.map((e, t) => t === z ? {
+				...e,
+				focus: !0
+			} : {
+				...e,
+				focus: !1
+			})
+		} } : null);
+	}, [z, d]), D(() => {
+		if (O.items.length > 0 && z !== null) {
+			let e = O.items[z];
+			if (e) {
+				let t = c.state.zoom.value, n = v({
+					text: e.searchQuery,
+					x: e.element.x + (e.matchedLines[0]?.offsetX ?? 0),
+					y: e.element.y + (e.matchedLines[0]?.offsetY ?? 0),
+					width: e.matchedLines[0]?.width,
+					height: e.matchedLines[0]?.height,
+					fontSize: p(e.element) ? s.nameFontSize : e.element.fontSize,
+					fontFamily: p(e.element) ? o.Assistant : e.element.fontFamily
+				}), r = n.fontSize, a = r * t < 14;
+				if (!_([n], c.canvas.width / window.devicePixelRatio, c.canvas.height / window.devicePixelRatio, {
+					offsetLeft: c.state.offsetLeft,
+					offsetTop: c.state.offsetTop,
+					scrollX: c.state.scrollX,
+					scrollY: c.state.scrollY,
+					zoom: c.state.zoom
+				}, c.scene.getNonDeletedElementsMap(), c.getEditorUIOffsets()) || a) {
+					let e;
+					e = a ? r >= 14 ? { fitToContent: !0 } : {
+						fitToViewport: !0,
+						maxZoom: i(14 / r, 1)
+					} : { fitToContent: !0 }, c.scrollToContent(n, {
+						animate: !0,
+						duration: 300,
+						...e,
+						canvasOffsets: c.getEditorUIOffsets()
+					});
+				}
+			}
+		}
+	}, [
+		z,
+		O,
+		c
+	]), D(() => () => {
+		H(null), L.current = null, R.current = void 0, d({ searchMatches: null }), E(!1);
+	}, [d, H]);
+	let K = w({
+		goToNextItem: U,
+		goToPreviousItem: W,
+		searchMatches: O
+	});
+	D(() => u(window, a.KEYDOWN, (e) => {
+		if (e.key === l.ESCAPE && !c.state.openDialog && !c.state.openPopup) {
+			e.preventDefault(), e.stopPropagation(), d({ openSidebar: null });
+			return;
+		}
+		if (e[l.CTRL_OR_CMD] && e.key === l.F) {
+			if (e.preventDefault(), e.stopPropagation(), c.state.openDialog) return;
+			m.current?.matches?.(":focus") || (c.state.openDialog && d({ openDialog: null }), m.current?.focus?.(), m.current?.select?.());
+		}
+		e.target instanceof HTMLElement && e.target.closest(".layer-ui__search") && K.searchMatches.items.length && (e.key === l.ENTER && (e.stopPropagation(), K.goToNextItem()), e.key === l.ARROW_UP ? (e.stopPropagation(), K.goToPreviousItem()) : e.key === l.ARROW_DOWN && (e.stopPropagation(), K.goToNextItem()));
+	}, {
+		capture: !0,
+		passive: !1
+	}), [
+		d,
+		K,
+		c
+	]);
+	let q = `${O.items.length} ${O.items.length === 1 ? C("search.singleResult") : C("search.multipleResults")}`;
+	return D(() => {}, []), /* @__PURE__ */ M(t, {
+		className: "layer-ui__search",
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "layer-ui__search-header",
+				children: /* @__PURE__ */ j(r, {
+					ref: m,
+					placeholder: C("search.placeholder"),
+					value: h,
+					prefix: /* @__PURE__ */ j(F, {}),
+					allowClear: !0,
+					onChange: (e) => {
+						g(e), E(!0);
+						let t = e.trim();
+						Z(t, c, (e, n) => {
+							I({
+								nonce: f(),
+								items: e
+							}), H(n), L.current = t, R.current = c.scene.getSceneNonce(), d({ searchMatches: e.length ? {
+								focusedId: null,
+								matches: e.map((e) => ({
+									id: e.element.id,
+									focus: !1,
+									matchedLines: e.matchedLines
+								}))
+							} : null }), E(!1);
+						});
+					}
+				})
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "layer-ui__search-count",
+				children: [O.items.length > 0 && /* @__PURE__ */ M(n, {
+					justifyContent: "space-between",
+					alignItems: "center",
+					children: [z !== null && z > -1 ? /* @__PURE__ */ M("div", { children: [
+						z + 1,
+						" / ",
+						q
+					] }) : /* @__PURE__ */ j("div", { children: q }), /* @__PURE__ */ M(e.Group, {
+						style: { whiteSpace: "nowrap" },
+						children: [/* @__PURE__ */ j(e, {
+							icon: /* @__PURE__ */ j(N, {}),
+							size: "mini",
+							onClick: (e) => {
+								U();
+							}
+						}), /* @__PURE__ */ j(e, {
+							icon: /* @__PURE__ */ j(P, {}),
+							size: "mini",
+							onClick: (e) => {
+								W();
+							}
+						})]
+					})]
+				}), O.items.length === 0 && x && L.current && /* @__PURE__ */ j("div", {
+					style: { margin: "1rem auto" },
+					children: C("search.noMatch")
+				})]
+			}),
+			/* @__PURE__ */ j(G, {
+				matches: O,
+				onItemClick: H,
+				focusIndex: z,
+				searchQuery: x
+			})
+		]
+	});
+}, W = (e) => {
+	let t = [
+		e.preview.moreBefore ? "..." : "",
+		e.preview.previewText.slice(0, e.preview.indexInSearchQuery),
+		e.preview.previewText.slice(e.preview.indexInSearchQuery, e.preview.indexInSearchQuery + e.searchQuery.length),
+		e.preview.previewText.slice(e.preview.indexInSearchQuery + e.searchQuery.length),
+		e.preview.moreAfter ? "..." : ""
+	];
+	return /* @__PURE__ */ j("div", {
+		tabIndex: -1,
+		className: L("layer-ui__result-item", { active: e.highlighted }),
+		onClick: e.onClick,
+		ref: (t) => {
+			e.highlighted && t?.scrollIntoView?.({
+				behavior: "auto",
+				block: "nearest"
+			});
+		},
+		children: /* @__PURE__ */ j("div", {
+			className: "preview-text",
+			children: t.flatMap((e, t) => /* @__PURE__ */ j(T, { children: t === 2 ? /* @__PURE__ */ j("b", { children: e }) : e }, t))
+		})
+	});
+}, G = E((e) => {
+	let t = O(() => e.matches.items.filter((e) => p(e.element)), [e.matches]), r = O(() => e.matches.items.filter((e) => m(e.element)), [e.matches]);
+	return /* @__PURE__ */ M(n, {
+		alignItems: "center",
+		children: [t.length > 0 && /* @__PURE__ */ M("div", {
+			className: "layer-ui__search-result-container",
+			children: [
+				/* @__PURE__ */ M(n, {
+					className: "layer-ui__search-result-title",
+					children: [/* @__PURE__ */ j("div", {
+						className: "title-icon",
+						children: /* @__PURE__ */ j(R, {})
+					}), /* @__PURE__ */ j("div", { children: C("search.frames") })]
+				}),
+				t.map((t, n) => /* @__PURE__ */ j(W, {
+					searchQuery: e.searchQuery,
+					preview: t.preview,
+					highlighted: n === e.focusIndex,
+					onClick: () => e.onItemClick(n)
+				}, t.element.id + t.index)),
+				r.length > 0 && /* @__PURE__ */ j("div", { className: "layer-ui__divider" })
+			]
+		}), r.length > 0 && /* @__PURE__ */ M("div", {
+			className: "layer-ui__search-result-container",
+			children: [/* @__PURE__ */ M(n, {
+				className: "layer-ui__search-result-title",
+				alignItems: "center",
+				children: [/* @__PURE__ */ j(z, { className: "title-icon" }), /* @__PURE__ */ j("div", { children: C("search.texts") })]
+			}), r.map((n, r) => /* @__PURE__ */ j(W, {
+				searchQuery: e.searchQuery,
+				preview: n.preview,
+				highlighted: r + t.length === e.focusIndex,
+				onClick: () => e.onItemClick(r + t.length)
+			}, n.element.id + n.index))]
+		})]
+	});
+}, (e, t) => e.matches.nonce === t.matches.nonce && e.focusIndex === t.focusIndex), K = (e, t, n) => {
+	let r = e.slice(0, t), i = r.split(/\s+/), a = r.endsWith(" "), o = i.length - 2 - 1 - !a, s = i.slice(o <= 0 ? 0 : o).join(" ") + (a ? " " : "");
+	s = s.length > 20 ? s.slice(-20) : s;
+	let c = e.slice(t + n.length), l = c.split(/\s+/), u = !c.startsWith(" "), d = u ? 6 : 5, f = (u ? "" : " ") + l.slice(0, d).join(" ");
+	return {
+		indexInSearchQuery: s.length,
+		previewText: s + n + f,
+		moreBefore: o > 0,
+		moreAfter: l.length > d
+	};
+}, q = (e, t) => {
+	let n = e.split("\n"), r = [], i = 0;
+	for (let e = 0; e < n.length; e++) {
+		let a = n[e], o = n[e + 1];
+		if (o) {
+			let e = t.indexOf(o, i);
+			if (e > a.length + i) {
+				let t = e - (a.length + i);
+				for (; t > 0;) a += " ", t--;
+			}
+		}
+		r.push(a), i += a.length;
+	}
+	return r.join("\n");
+}, J = (e, t, n) => {
+	let r = q(e.text, e.originalText).split("\n"), i = [], a = 0, o = 0;
+	for (let e of r) {
+		let t = a, n = t + e.length - 1;
+		i.push({
+			line: e,
+			startIndex: t,
+			endIndex: n,
+			lineNumber: o
+		}), a = n + 1, o++;
+	}
+	let s = n, c = e.originalText.slice(n, n + t.length), l = [];
+	for (let t of i) {
+		if (c === "") break;
+		if (s >= t.startIndex && s <= t.endIndex) {
+			let n = t.endIndex + 1 - s, r = t.line.slice(0, s - t.startIndex), i = c.slice(0, n);
+			c = c.slice(n);
+			let a = h(r, d(e), e.lineHeight);
+			if (r === "" && (a.width = 0), e.textAlign !== "left" && t.line.length > 0) {
+				let n = h(t.line, d(e), e.lineHeight), r = e.textAlign === "center" ? (e.width - n.width) / 2 : e.width - n.width;
+				a.width += r;
+			}
+			let { width: o, height: u } = h(i, d(e), e.lineHeight), f = a.width, p = t.lineNumber * a.height;
+			l.push({
+				offsetX: f,
+				offsetY: p,
+				width: o,
+				height: u,
+				showOnCanvas: !0
+			}), s += n;
+		}
+	}
+	return l;
+}, Y = (e, t, n, r) => {
+	let i = e.name ?? g(e), a = i.slice(n, n + t.length), l = i.slice(0, n), u = d({
+		fontSize: s.nameFontSize,
+		fontFamily: o.Assistant
+	}), f = c(o.Assistant), p = h(l, u, f);
+	l === "" && (p.width = 0);
+	let m = h(a, u, f), _ = p.width, v = -p.height - s.strokeWidth, y = m.width;
+	return [{
+		offsetX: _,
+		offsetY: v,
+		width: y,
+		height: m.height,
+		showOnCanvas: _ + y <= e.width * r
+	}];
+}, X = (e) => e.replace(/[.*+?^${}()|[\]\\-]/g, "\\$&"), Z = I((e, t, n) => {
+	if (!e || e === "") {
+		n([], null);
+		return;
+	}
+	let r = t.scene.getNonDeletedElements(), i = r.filter((e) => m(e)), a = r.filter((e) => p(e));
+	i.sort((e, t) => e.y - t.y), a.sort((e, t) => e.y - t.y);
+	let o = [], s = new RegExp(X(e), "gi");
+	for (let t of i) {
+		let n = null, r = t.originalText;
+		for (; (n = s.exec(r)) !== null;) {
+			let i = K(r, n.index, e), a = J(t, e, n.index);
+			a.length > 0 && o.push({
+				element: t,
+				searchQuery: e,
+				preview: i,
+				index: n.index,
+				matchedLines: a
+			});
+		}
+	}
+	let c = [];
+	for (let n of a) {
+		let r = null, i = n.name ?? g(n);
+		for (; (r = s.exec(i)) !== null;) {
+			let a = K(i, r.index, e), o = Y(n, e, r.index, t.state.zoom.value);
+			o.length > 0 && c.push({
+				element: n,
+				searchQuery: e,
+				preview: a,
+				index: r.index,
+				matchedLines: o
+			});
+		}
+	}
+	let l = new Set(t.visibleElements.map((e) => e.id)), u = [...c, ...o];
+	n(u, u.findIndex((e) => l.has(e.element.id)) ?? null);
+}, H);
+//#endregion
+export { U as SearchMenu, V as searchItemInFocusAtom };
+/* 独立思考，明辨是非 */

package/draw/core/components/Stack.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type StackProps = {
+    children: React.ReactNode;
+    gap?: number;
+    align?: 'start' | 'center' | 'end' | 'baseline';
+    justifyContent?: 'center' | 'space-around' | 'space-between';
+    className?: string | boolean;
+    style?: React.CSSProperties;
+};
+declare const _default: {
+    Row: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+    Col: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/draw/core/components/Stack.js

@@ -0,0 +1,31 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import n from "@unicom-cloud/utils/class-name";
+var r = {
+	Row: e(({ children: e, gap: r, align: i, justifyContent: a, className: o, style: s }, c) => /* @__PURE__ */ t("div", {
+		className: n("Stack Stack_horizontal", o),
+		style: {
+			"--gap": r,
+			alignItems: i,
+			justifyContent: a,
+			...s
+		},
+		ref: c,
+		children: e
+	})),
+	Col: e(({ children: e, gap: r, align: i, justifyContent: a, className: o, style: s }, c) => /* @__PURE__ */ t("div", {
+		className: n("Stack Stack_vertical", o),
+		style: {
+			"--gap": r,
+			justifyItems: i,
+			justifyContent: a,
+			...s
+		},
+		ref: c,
+		children: e
+	}))
+};
+//#endregion
+export { r as default };
+/* 独立思考，明辨是非 */

package/draw/core/components/Stats/Angle.d.ts

@@ -0,0 +1,11 @@
+import type { Scene } from '../../../element';
+import type { DrawElement } from '../../../element/types';
+import type { AppState } from '../../../interface';
+interface AngleProps {
+    element: DrawElement;
+    scene: Scene;
+    appState: AppState;
+    property: 'angle';
+}
+declare const Angle: ({ element, scene, appState, property }: AngleProps) => import("react").JSX.Element;
+export default Angle;

package/draw/core/components/Stats/Angle.js

@@ -0,0 +1,45 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import { degreesToRadians as e, radiansToDegrees as t } from "../../../libs/math/angle.js";
+import "../../../libs/math/index.js";
+import { isArrowElement as n, isElbowArrow as r } from "../../../element/typeChecks.js";
+import { getBoundTextElement as i } from "../../../element/textElement.js";
+import { updateBindings as a } from "../../../element/binding.js";
+import "../../../element/index.js";
+import { angleIcon as o } from "../icons.js";
+import { getStepSizedValue as s, isPropertyEditable as c } from "./utils.js";
+import l from "./DragInput.js";
+import { jsx as u } from "react/jsx-runtime";
+//#region components/pc/draw/core/components/Stats/Angle.tsx
+var d = 15, f = ({ accumulatedChange: o, originalElements: c, shouldChangeByStepSize: l, nextValue: u, scene: f, app: p }) => {
+	let m = f.getNonDeletedElementsMap(), h = c[0];
+	if (h && !r(h)) {
+		let r = m.get(h.id);
+		if (!r) return;
+		if (u !== void 0) {
+			let t = e(u);
+			f.mutateElement(r, { angle: t }), a(r, f, p.state);
+			let o = i(r, m);
+			o && !n(r) && f.mutateElement(o, { angle: t });
+			return;
+		}
+		let c = (Math.round(t(h.angle) * 100) / 100 + Math.round(o)) % 360;
+		l && (c = s(c, d)), c = c < 0 ? c + 360 : c;
+		let g = e(c);
+		f.mutateElement(r, { angle: g }), a(r, f, p.state);
+		let _ = i(r, m);
+		_ && !n(r) && f.mutateElement(_, { angle: g });
+	}
+}, p = ({ element: e, scene: n, appState: r, property: i }) => /* @__PURE__ */ u(l, {
+	label: "A",
+	icon: o,
+	value: Math.round(t(e.angle) % 360 * 100) / 100,
+	elements: [e],
+	dragInputCallback: f,
+	editable: c(e, "angle"),
+	scene: n,
+	appState: r,
+	property: i
+});
+//#endregion
+export { p as default };
+/* 独立思考，明辨是非 */

package/draw/core/components/Stats/CanvasGrid.d.ts

@@ -0,0 +1,10 @@
+import type { Scene } from '../../../element';
+import type { AppState } from '../../../interface';
+interface PositionProps {
+    property: 'gridStep';
+    scene: Scene;
+    appState: AppState;
+    setAppState: React.Component<any, AppState>['setState'];
+}
+declare const CanvasGrid: ({ property, scene, appState, setAppState, }: PositionProps) => import("react").JSX.Element;
+export default CanvasGrid;

package/draw/core/components/Stats/CanvasGrid.js

@@ -0,0 +1,25 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import { getNormalizedGridStep as e } from "../../scene/normalize.js";
+import "../../scene/index.js";
+import { getStepSizedValue as t } from "./utils.js";
+import n from "./DragInput.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region components/pc/draw/core/components/Stats/CanvasGrid.tsx
+var i = 5, a = ({ property: a, scene: o, appState: s, setAppState: c }) => /* @__PURE__ */ r(n, {
+	label: "Grid step",
+	sensitivity: 8,
+	elements: [],
+	dragInputCallback: ({ nextValue: n, instantChange: r, shouldChangeByStepSize: a, setInputValue: o }) => {
+		c((s) => {
+			let c;
+			return n ? c = n : r && (c = a ? t(s.gridStep + i * Math.sign(r), i) : s.gridStep + r), c ? (c = e(c), o(c), { gridStep: c }) : (o(s.gridStep), null);
+		});
+	},
+	scene: o,
+	value: s.gridStep,
+	property: a,
+	appState: s
+});
+//#endregion
+export { a as default };
+/* 独立思考，明辨是非 */

package/draw/core/components/Stats/Collapsible.d.ts

@@ -0,0 +1,10 @@
+interface CollapsibleProps {
+    label: React.ReactNode;
+    open: boolean;
+    openTrigger: () => void;
+    children: React.ReactNode;
+    className?: string;
+    showCollapsedIcon?: boolean;
+}
+declare const Collapsible: ({ label, open, openTrigger, children, className, showCollapsedIcon, }: CollapsibleProps) => import("react").JSX.Element;
+export default Collapsible;

package/draw/core/components/Stats/Collapsible.js

@@ -0,0 +1,26 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import { InlineIcon as e } from "../InlineIcon.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "@unicom-cloud/icons/IconUiDown";
+import a from "@unicom-cloud/icons/IconUiUp";
+//#region components/pc/draw/core/components/Stats/Collapsible.tsx
+var o = ({ label: o, open: s, openTrigger: c, children: l, className: u, showCollapsedIcon: d = !0 }) => /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
+	style: {
+		cursor: "pointer",
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center"
+	},
+	className: u,
+	onClick: c,
+	children: [o, d && /* @__PURE__ */ n(e, { icon: n(s ? a : i, {}) })]
+}), s && /* @__PURE__ */ n("div", {
+	style: {
+		display: "flex",
+		flexDirection: "column"
+	},
+	children: l
+})] });
+//#endregion
+export { o as default };
+/* 独立思考，明辨是非 */

package/draw/core/components/Stats/Dimension.d.ts

@@ -0,0 +1,11 @@
+import type { Scene } from '../../../element';
+import type { DrawElement } from '../../../element/types';
+import type { AppState } from '../../../interface';
+interface DimensionDragInputProps {
+    property: 'width' | 'height';
+    element: DrawElement;
+    scene: Scene;
+    appState: AppState;
+}
+declare const DimensionDragInput: ({ property, element, scene, appState, }: DimensionDragInputProps) => import("react").JSX.Element;
+export default DimensionDragInput;

package/draw/core/components/Stats/Dimension.js

@@ -0,0 +1,106 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import { clamp as e, round as t } from "../../../libs/math/utils.js";
+import "../../../libs/math/index.js";
+import "../../../common/index.js";
+import { getUncroppedWidthAndHeight as n } from "../../../element/cropElement.js";
+import { isFrameLikeElement as r, isImageElement as i } from "../../../element/typeChecks.js";
+import { getElementsInResizingFrame as a, replaceAllElementsInFrame as o } from "../../../element/frame.js";
+import { resizeSingleElement as s } from "../../../element/resizeElements.js";
+import "../../../element/index.js";
+import { getStepSizedValue as c, isPropertyEditable as l } from "./utils.js";
+import u from "./DragInput.js";
+import { jsx as d } from "react/jsx-runtime";
+//#region components/pc/draw/core/components/Stats/Dimension.tsx
+var f = 10, p = (e) => e.type === "image", m = ({ accumulatedChange: t, originalElements: l, originalElementsMap: u, shouldKeepAspectRatio: d, shouldChangeByStepSize: m, nextValue: h, property: g, originalAppState: _, instantChange: v, scene: y, app: b, setAppState: x }) => {
+	let S = y.getNonDeletedElementsMap(), C = l[0], w = S.get(C.id);
+	if (C && w) {
+		let l = d || p(C), T = C.width / C.height;
+		if (_.croppingElementId === C.id) {
+			let t = S.get(C.id);
+			if (!t || !i(t) || !t.crop) return;
+			let r = t.crop, a = { ...r }, o = t.scale[0] === -1, s = t.scale[1] === -1, { width: c, height: l } = n(t), u = r.naturalWidth / c, d = r.naturalHeight / l, f = o ? r.width + r.x : r.naturalWidth - r.x, p = s ? r.height + r.y : r.naturalHeight - r.y, m = 10 * u, _ = 10 * d;
+			if (h !== void 0) {
+				if (g === "width") {
+					let t = e(h * u, m, f);
+					a = {
+						...a,
+						width: t,
+						x: o ? r.x + r.width - t : r.x
+					};
+				} else if (g === "height") {
+					let t = e(h * d, _, p);
+					a = {
+						...a,
+						height: t,
+						y: s ? r.y + r.height - t : r.y
+					};
+				}
+				y.mutateElement(t, {
+					crop: a,
+					width: a.width / (r.naturalWidth / c),
+					height: a.height / (r.naturalHeight / l)
+				});
+				return;
+			}
+			let b = g === "width" ? v : 0, x = g === "height" ? v : 0, w = e(r.width + b, m, f), T = e(r.height + x, m, p);
+			a = {
+				...r,
+				x: o ? r.x + r.width - w : r.x,
+				y: s ? r.y + r.height - T : r.y,
+				width: w,
+				height: T
+			}, y.mutateElement(t, {
+				crop: a,
+				width: a.width / (r.naturalWidth / c),
+				height: a.height / (r.naturalHeight / l)
+			});
+			return;
+		}
+		if (h !== void 0) {
+			if (s(Math.max(g === "width" ? h : l ? h * T : C.width, 1), Math.max(g === "height" ? h : l ? h / T : C.height, 1), w, C, u, y, g === "width" ? "e" : "s", { shouldMaintainAspectRatio: l }), r(w)) {
+				let e = a(y.getElementsIncludingDeleted(), w, _, y.getNonDeletedElementsMap()), t = o(y.getElementsIncludingDeleted(), e, w, b);
+				y.replaceAllElements(t);
+			}
+			return;
+		}
+		{
+			let e = g === "width" ? t : 0, n = g === "height" ? t : 0, i = Math.max(0, C.width + e);
+			g === "width" && (i = m ? c(i, f) : Math.round(i));
+			let o = Math.max(0, C.height + n);
+			g === "height" && (o = m ? c(o, f) : Math.round(o)), l && (g === "width" ? o = Math.round(i / T * 100) / 100 : i = Math.round(o * T * 100) / 100), o = Math.max(1, o), i = Math.max(1, i), s(i, o, w, C, u, y, g === "width" ? "e" : "s", { shouldMaintainAspectRatio: l }), r(w) && x({ elementsToHighlight: a(y.getElementsIncludingDeleted(), w, _, y.getNonDeletedElementsMap()) });
+		}
+	}
+}, h = ({ setAppState: e, app: t, originalElements: n, originalAppState: i }) => {
+	let s = t.scene.getNonDeletedElementsMap(), c = n?.[0], l = c && s.get(c.id);
+	if (l && r(l)) {
+		let n = a(t.scene.getElementsIncludingDeleted(), l, i, t.scene.getNonDeletedElementsMap()), r = o(t.scene.getElementsIncludingDeleted(), n, l, t);
+		t.scene.replaceAllElements(r), e({ elementsToHighlight: null });
+	}
+}, g = ({ property: e, element: r, scene: a, appState: o }) => {
+	let s = t(e === "width" ? r.width : r.height, 2);
+	if (o.croppingElementId && o.croppingElementId === r.id && i(r) && r.crop) {
+		let { width: i, height: a } = n(r);
+		if (e === "width") {
+			let e = i / r.crop.naturalWidth;
+			s = t(r.crop.width * e, 2);
+		}
+		if (e === "height") {
+			let e = a / r.crop.naturalHeight;
+			s = t(r.crop.height * e, 2);
+		}
+	}
+	return /* @__PURE__ */ d(u, {
+		label: e === "width" ? "W" : "H",
+		elements: [r],
+		dragInputCallback: m,
+		value: s,
+		editable: l(r, e),
+		scene: a,
+		appState: o,
+		property: e,
+		dragFinishedCallback: h
+	});
+};
+//#endregion
+export { g as default };
+/* 独立思考，明辨是非 */