@unicom-cloud/ui 0.8.168 → 0.8.170

package/draw/common/constants.js

@@ -0,0 +1,218 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+import { COMPONENT_NAMES as e } from "../../utils/names.js";
+import { COLOR_PALETTE as t } from "./colors.js";
+import ee from "@unicom-cloud/utils/tinycolor";
+//#region components/pc/draw/common/constants.ts
+var te = typeof window < "u" && "ResizeObserver" in window, n = e.Draw.displayName, r = Math.PI / 12, i = "red", a = {
+	TEXT: "text",
+	CROSSHAIR: "crosshair",
+	GRABBING: "grabbing",
+	GRAB: "grab",
+	POINTER: "pointer",
+	MOVE: "move",
+	AUTO: ""
+}, o = {
+	MAIN: 0,
+	WHEEL: 1,
+	SECONDARY: 2,
+	TOUCH: -1,
+	ERASER: 5
+}, s = {
+	enabled: "all",
+	disabled: "none",
+	inheritFromUI: "var(--ui-pointerEvents)"
+}, c = /* @__PURE__ */ function(e) {
+	return e.COPY = "copy", e.PASTE = "paste", e.CUT = "cut", e.KEYDOWN = "keydown", e.KEYUP = "keyup", e.MOUSE_MOVE = "mousemove", e.RESIZE = "resize", e.UNLOAD = "unload", e.FOCUS = "focus", e.BLUR = "blur", e.DRAG_OVER = "dragover", e.DROP = "drop", e.GESTURE_END = "gestureend", e.BEFORE_UNLOAD = "beforeunload", e.GESTURE_START = "gesturestart", e.GESTURE_CHANGE = "gesturechange", e.POINTER_MOVE = "pointermove", e.POINTER_DOWN = "pointerdown", e.POINTER_UP = "pointerup", e.STATE_CHANGE = "statechange", e.WHEEL = "wheel", e.TOUCH_START = "touchstart", e.TOUCH_END = "touchend", e.HASHCHANGE = "hashchange", e.VISIBILITY_CHANGE = "visibilitychange", e.SCROLL = "scroll", e.DRAW_LINK = "draw-link", e.MENU_ITEM_SELECT = "menu.itemSelect", e.MESSAGE = "message", e.FULLSCREENCHANGE = "fullscreenchange", e;
+}({}), l = {
+	TEST: "test",
+	DEVELOPMENT: "development",
+	PRODUCTION: "production"
+}, u = {
+	SIDEBAR: "sidebar",
+	SHAPE_ACTIONS_MENU: "App-menu__left",
+	ZOOM_ACTIONS: "zoom-actions",
+	SEARCH_MENU_INPUT_WRAPPER: "layer-ui__search-inputWrapper",
+	CONVERT_ELEMENT_TYPE_POPUP: "ConvertElementTypePopup",
+	SHAPE_ACTIONS_THEME_SCOPE: "shape-actions-theme-scope",
+	FRAME_NAME: "frame-name"
+}, d = {
+	sm: 16,
+	md: 20,
+	lg: 28,
+	xl: 36
+}, f = "Xiaolai", p = "Segoe UI Emoji", m = {
+	Helvetica: 2,
+	Cascadia: 3,
+	Panqibaofont: 5,
+	Nunito: 6,
+	"Lilita One": 7,
+	"Comic Shanns": 8,
+	"Liberation Sans": 9,
+	Assistant: 10
+}, h = "sans-serif", g = "monospace", _ = {
+	[h]: 998,
+	[g]: 999
+}, v = {
+	[f]: 100,
+	..._,
+	[p]: 1e3
+};
+function y(e) {
+	switch (e) {
+		case m.Cascadia:
+		case m["Comic Shanns"]: return g;
+		default: return h;
+	}
+}
+var b = (e) => {
+	let t = y(e);
+	switch (e) {
+		case m.Panqibaofont: return [
+			f,
+			t,
+			p
+		];
+		default: return [t, p];
+	}
+}, x = {
+	LIGHT: "light",
+	DARK: "dark"
+}, S = "invert(93%) hue-rotate(180deg)", C = {
+	strokeColor: "#bbb",
+	strokeWidth: 2,
+	strokeStyle: "solid",
+	fillStyle: "solid",
+	roughness: 0,
+	roundness: null,
+	backgroundColor: "transparent",
+	radius: 8,
+	nameOffsetY: 3,
+	nameColorLightTheme: "#999999",
+	nameColorDarkTheme: "#7a7a7a",
+	nameFontSize: 14,
+	nameLineHeight: 1.25
+}, w = m.Panqibaofont, T = "left", E = 1e-5, D = 8 - E, O = "#ffffff", k = "#1e1e1e", A = "#a2f1a6", j = {
+	svg: "image/svg+xml",
+	png: "image/png",
+	jpg: "image/jpeg",
+	gif: "image/gif",
+	webp: "image/webp",
+	bmp: "image/bmp",
+	ico: "image/x-icon",
+	avif: "image/avif",
+	jfif: "image/jfif"
+}, M = {
+	text: "text/plain",
+	html: "text/html",
+	json: "application/json",
+	draw: "application/vnd.draw+json",
+	drawClipboard: "application/vnd.draw.clipboard+json",
+	drawlib: "application/vnd.drawlib+json",
+	drawlibIds: "application/vnd.drawlib.ids+json"
+}, N = {
+	...M,
+	"draw.svg": "image/svg+xml",
+	"draw.png": "image/png",
+	binary: "application/octet-stream",
+	...j
+}, P = [
+	N.text,
+	N.html,
+	...Object.values(j)
+], F = {
+	png: "png",
+	svg: "svg",
+	clipboard: "clipboard"
+};
+function I(e, t) {
+	return e.some((e, ee, te) => [e, `excali${e}`].includes(t));
+}
+var L = {
+	draw: "draw",
+	drawClipboard: "draw/clipboard",
+	drawLibrary: "drawlib",
+	drawClipboardWithAPI: "draw-api/clipboard"
+}, R = () => window.DRAW_EXPORT_SOURCE || window.location.origin, z = .1, B = .1, V = { addLibrary: "addLibrary" }, ne = { addLibrary: "addLibrary" }, H = {
+	canvasActions: {
+		changeViewBackgroundColor: !0,
+		clearCanvas: !0,
+		export: { saveFileToDisk: !0 },
+		loadScene: !0,
+		saveToActiveFile: !0,
+		toggleTheme: null,
+		saveAsImage: !0
+	},
+	tools: { image: !0 }
+}, U = [
+	1,
+	2,
+	3
+], W = 1440, G = 4 * 1024 * 1024, K = "http://www.w3.org/2000/svg", q = "<?xml version=\"1.0\" standalone=\"no\"?>\n<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n", J = {
+	draw: 2,
+	drawLibrary: 2
+}, Y = .7, X = {
+	TOP: "top",
+	MIDDLE: "middle",
+	BOTTOM: "bottom"
+}, Z = {
+	LEFT: "left",
+	CENTER: "center",
+	RIGHT: "right"
+}, re = .25, ie = {
+	LEGACY: 1,
+	PROPORTIONAL_RADIUS: 2,
+	ADAPTIVE_RADIUS: 3
+}, Q = {
+	architect: 0,
+	artist: 1,
+	cartoonist: 2
+}, ae = {
+	thin: 1,
+	bold: 2,
+	extraBold: 4
+}, oe = {
+	strokeColor: t.black,
+	backgroundColor: new ee(t.white).setAlpha(.5).toHex8String(),
+	fillStyle: "solid",
+	strokeWidth: 2,
+	strokeStyle: "solid",
+	roughness: Q.artist,
+	opacity: 100,
+	locked: !1
+}, $ = "library", se = "search", ce = {
+	name: "default",
+	defaultTab: $
+}, le = /* @__PURE__ */ new Set([
+	"iframe",
+	"embeddable",
+	"image"
+]), ue = {
+	selection: "selection",
+	lasso: "lasso",
+	rectangle: "rectangle",
+	diamond: "diamond",
+	ellipse: "ellipse",
+	arrow: "arrow",
+	line: "line",
+	freedraw: "freedraw",
+	text: "text",
+	image: "image",
+	eraser: "eraser",
+	hand: "hand",
+	frame: "frame",
+	magicframe: "magicframe",
+	embeddable: "embeddable",
+	laser: "laser"
+}, de = "Untitled", fe = {
+	generalStats: 1,
+	elementProperties: 2
+}, pe = {
+	sharp: "sharp",
+	round: "round",
+	elbow: "elbow"
+}, me = .3, he = "element", ge = Symbol.for("__test__originalId__"), _e = /* @__PURE__ */ function(e) {
+	return e.ACTIVE = "active", e.AWAY = "away", e.IDLE = "idle", e;
+}({});
+//#endregion
+export { P as ALLOWED_PASTE_MIME_TYPES, n as APP_NAME, Y as ARROW_LABEL_WIDTH_FRACTION, pe as ARROW_TYPE, se as CANVAS_SEARCH_TAB, f as CJK_HAND_DRAWN_FALLBACK_FONT, u as CLASSES, k as COLOR_CHARCOAL_BLACK, A as COLOR_VOICE_CALL, O as COLOR_WHITE, a as CURSOR_TYPE, S as DARK_THEME_FILTER, D as DEFAULT_COLLISION_THRESHOLD, oe as DEFAULT_ELEMENT_PROPS, de as DEFAULT_FILENAME, w as DEFAULT_FONT_FAMILY, i as DEFAULT_LASER_COLOR, W as DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT, re as DEFAULT_PROPORTIONAL_RADIUS, me as DEFAULT_REDUCED_GLOBAL_ALPHA, ce as DEFAULT_SIDEBAR, T as DEFAULT_TEXT_ALIGN, H as DEFAULT_UI_OPTIONS, he as ELEMENT_LINK_KEY, l as ENV, E as EPSILON, c as EVENT, L as EXPORT_DATA_TYPES, F as EXPORT_IMAGE_TYPES, U as EXPORT_SCALES, m as FONT_FAMILY, v as FONT_FAMILY_FALLBACKS, _ as FONT_FAMILY_GENERIC_FALLBACKS, d as FONT_SIZES, C as FRAME_STYLE, j as IMAGE_MIME_TYPES, le as LIBRARY_DISABLED_TYPES, $ as LIBRARY_SIDEBAR_TAB, G as MAX_ALLOWED_FILE_BYTES, N as MIME_TYPES, B as MIN_ZOOM, g as MONOSPACE_GENERIC_FONT, ge as ORIG_ID, o as POINTER_BUTTON, s as POINTER_EVENTS, Q as ROUGHNESS, ie as ROUNDNESS, h as SANS_SERIF_GENERIC_FONT, r as SHIFT_LOCKING_ANGLE, fe as STATS_PANELS, M as STRING_MIME_TYPES, ae as STROKE_WIDTH, q as SVG_DOCUMENT_PREAMBLE, K as SVG_NS, Z as TEXT_ALIGN, x as THEME, ue as TOOL_TYPE, ne as URL_HASH_KEYS, V as URL_QUERY_KEYS, _e as UserIdleState, J as VERSIONS, X as VERTICAL_ALIGN, p as WINDOWS_EMOJI_FALLBACK_FONT, z as ZOOM_STEP, I as exportDataTypesCompatibility, R as getExportSource, b as getFontFamilyFallbacks, y as getGenericFontFamilyFallback, te as supportsResizeObserver };
+/* 独立思考，明辨是非 */

package/draw/common/editorInterface.d.ts

@@ -0,0 +1,34 @@
+export type StylesPanelMode = 'compact' | 'full' | 'mobile';
+export type EditorInterface = Readonly<{
+    formFactor: 'phone' | 'tablet' | 'desktop';
+    desktopUIMode: 'compact' | 'full';
+    userAgent: Readonly<{
+        isMobileDevice: boolean;
+        platform: 'ios' | 'android' | 'other' | 'unknown';
+    }>;
+    isTouchScreen: boolean;
+    canFitSidebar: boolean;
+    isLandscape: boolean;
+}>;
+export declare const MQ_MAX_MOBILE = 599;
+export declare const MQ_MAX_WIDTH_LANDSCAPE = 1000;
+export declare const MQ_MAX_HEIGHT_LANDSCAPE = 500;
+export declare const MQ_MIN_TABLET: number;
+export declare const MQ_MAX_TABLET = 1180;
+export declare const MQ_MIN_WIDTH_DESKTOP = 1440;
+export declare const MQ_RIGHT_SIDEBAR_MIN_WIDTH = 1229;
+export declare const isDarwin: boolean;
+export declare const isWindows: boolean;
+export declare const isAndroid: boolean;
+export declare const isFirefox: boolean;
+export declare const isChrome: boolean;
+export declare const isSafari: boolean;
+export declare const isIOS: boolean;
+export declare const isBrave: () => boolean;
+export declare const isMobileBreakpoint: (width: number, height: number) => boolean;
+export declare const isTabletBreakpoint: (editorWidth: number, editorHeight: number) => boolean;
+export declare const getFormFactor: (editorWidth: number, editorHeight: number) => EditorInterface["formFactor"];
+export declare const deriveStylesPanelMode: (editorInterface: EditorInterface) => StylesPanelMode;
+export declare const createUserAgentDescriptor: (userAgentString: string) => EditorInterface["userAgent"];
+export declare const loadDesktopUIModePreference: () => "compact" | "full" | null;
+export declare const setDesktopUIMode: (mode: EditorInterface["desktopUIMode"]) => "compact" | "full" | undefined;

package/draw/common/editorInterface.js

@@ -0,0 +1,39 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+//#region components/pc/draw/common/editorInterface.ts
+var e = "draw.desktopUIMode", t = 1e3, n = 1180, r = 1229, i = /Mac|iPod|iPhone|iPad/.test(navigator.platform), a = /^Win/.test(navigator.platform), o = /\b(android)\b/i.test(navigator.userAgent), s = typeof window < "u" && "netscape" in window && navigator.userAgent.indexOf("rv:") > 1 && navigator.userAgent.indexOf("Gecko") > 1, c = navigator.userAgent.indexOf("Chrome") !== -1, l = !c && navigator.userAgent.indexOf("Safari") !== -1, u = /iPad|iPhone/i.test(navigator.platform) || navigator.userAgent.includes("Mac") && "ontouchend" in document, d = () => navigator.brave?.isBrave?.name === "isBrave", f = (e, t) => e <= 599 || t < 500 && e < 1e3, p = (e, t) => Math.min(e, t) >= 600 && Math.max(e, t) <= 1180, m = () => {
+	let e = navigator.userAgent || "", t = navigator.platform || "", n = navigator.userAgentData;
+	if (n) {
+		let e = (n.platform || "").toLowerCase(), t = e === "windows" || e === "macos" || e === "linux" || e === "chrome os";
+		if (n.mobile === !0) return !0;
+		if (n.mobile === !1 && e === "android") return matchMedia?.("(hover: none)").matches && matchMedia?.("(pointer: coarse)").matches;
+		if (t) return !1;
+	}
+	if (u) return !0;
+	if (o) {
+		let t = /Mobile/i.test(e);
+		if (t || !t) return matchMedia?.("(hover: none)").matches && matchMedia?.("(pointer: coarse)").matches;
+	}
+	return /Win|Linux|CrOS|Mac/.test(t) || /Windows NT|X11|CrOS|Macintosh/.test(e), !1;
+}, h = (e, t) => f(e, t) ? "phone" : p(e, t) ? "tablet" : "desktop", g = (e) => e.formFactor === "phone" ? "mobile" : e.formFactor === "tablet" ? "compact" : e.desktopUIMode, _ = (e) => {
+	let t = e ?? "", n = "unknown";
+	return u ? n = "ios" : o ? n = "android" : t && (n = "other"), {
+		isMobileDevice: m(),
+		platform: n
+	};
+}, v = () => {
+	if (typeof window > "u") return null;
+	try {
+		let t = window.localStorage.getItem(e);
+		if (t === "compact" || t === "full") return t;
+	} catch {}
+	return null;
+}, y = (t) => {
+	if (!(typeof window > "u")) try {
+		window.localStorage.setItem(e, t);
+	} catch {}
+}, b = (e) => {
+	if (!(e !== "compact" && e !== "full")) return y(e), e;
+};
+//#endregion
+export { n as MQ_MAX_TABLET, t as MQ_MAX_WIDTH_LANDSCAPE, r as MQ_RIGHT_SIDEBAR_MIN_WIDTH, _ as createUserAgentDescriptor, g as deriveStylesPanelMode, h as getFormFactor, o as isAndroid, d as isBrave, c as isChrome, i as isDarwin, s as isFirefox, u as isIOS, f as isMobileBreakpoint, l as isSafari, p as isTabletBreakpoint, a as isWindows, v as loadDesktopUIModePreference, b as setDesktopUIMode };
+/* 独立思考，明辨是非 */

package/draw/common/emitter.d.ts

@@ -0,0 +1,16 @@
+import type { UnsubscribeCallback } from '../interface';
+type Subscriber<T extends any[]> = (...payload: T) => void;
+export declare class Emitter<T extends any[] = []> {
+    subscribers: Subscriber<T>[];
+    /**
+     * Attaches subscriber
+     *
+     * @returns unsubscribe function
+     */
+    on(...handlers: Subscriber<T>[] | Subscriber<T>[][]): UnsubscribeCallback;
+    once(...handlers: Subscriber<T>[] | Subscriber<T>[][]): UnsubscribeCallback;
+    off(...handlers: Subscriber<T>[] | Subscriber<T>[][]): void;
+    trigger(...payload: T): this;
+    clear(): void;
+}
+export {};

package/draw/common/emitter.js

@@ -0,0 +1,31 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+//#region components/pc/draw/common/emitter.ts
+var e = class {
+	constructor() {
+		this.subscribers = [];
+	}
+	on(...e) {
+		let t = e.flat().filter((e) => typeof e == "function");
+		return this.subscribers.push(...t), () => this.off(t);
+	}
+	once(...e) {
+		let t = e.flat().filter((e) => typeof e == "function");
+		t.push(() => n());
+		let n = this.on(...t);
+		return n;
+	}
+	off(...e) {
+		let t = e.flat();
+		this.subscribers = this.subscribers.filter((e) => !t.includes(e));
+	}
+	trigger(...e) {
+		for (let t of this.subscribers) t(...e);
+		return this;
+	}
+	clear() {
+		this.subscribers = [];
+	}
+};
+//#endregion
+export { e as Emitter };
+/* 独立思考，明辨是非 */

package/draw/common/font-metadata.d.ts

@@ -0,0 +1,43 @@
+import type { DrawTextElement, FontFamilyValues } from '../element/types';
+/**
+ * Encapsulates font metrics with additional font metadata.
+ * */
+export interface FontMetadata {
+    /** for head & hhea metrics read the woff2 with https://fontdrop.info/ */
+    metrics: {
+        /** head.unitsPerEm metric */
+        unitsPerEm: 1000 | 1024 | 2048;
+        /** hhea.ascender metric */
+        ascender: number;
+        /** hhea.descender metric */
+        descender: number;
+        lineHeight: number;
+    };
+    /** flag to indicate a deprecated font */
+    deprecated?: true;
+    /**
+     * whether this is a font that users can use (= shown in font picker)
+     */
+    private?: true;
+    /** flag to indiccate a local-only font */
+    local?: true;
+    /** flag to indicate a fallback font */
+    fallback?: true;
+}
+export declare const FONT_METADATA: Record<number, FontMetadata>;
+/** Unicode ranges defined by google fonts */
+export declare const GOOGLE_FONTS_RANGES: {
+    LATIN: string;
+    LATIN_EXT: string;
+    CYRILIC_EXT: string;
+    CYRILIC: string;
+    VIETNAMESE: string;
+};
+/**
+ * Calculates vertical offset for a text with alphabetic baseline.
+ */
+export declare const getVerticalOffset: (fontFamily: DrawTextElement["fontFamily"], fontSize: DrawTextElement["fontSize"], lineHeightPx: number) => number;
+/**
+ * Gets line height for a selected family.
+ */
+export declare const getLineHeight: (fontFamily: FontFamilyValues) => DrawTextElement["lineHeight"];

package/draw/common/font-metadata.js

@@ -0,0 +1,94 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+import { FONT_FAMILY as e, FONT_FAMILY_FALLBACKS as t } from "./constants.js";
+//#region components/pc/draw/common/font-metadata.ts
+var n = {
+	[e.Panqibaofont]: { metrics: {
+		unitsPerEm: 1e3,
+		ascender: 886,
+		descender: -374,
+		lineHeight: 1.25
+	} },
+	[e.Nunito]: { metrics: {
+		unitsPerEm: 1e3,
+		ascender: 1011,
+		descender: -353,
+		lineHeight: 1.25
+	} },
+	[e["Lilita One"]]: { metrics: {
+		unitsPerEm: 1e3,
+		ascender: 923,
+		descender: -220,
+		lineHeight: 1.15
+	} },
+	[e["Comic Shanns"]]: { metrics: {
+		unitsPerEm: 1e3,
+		ascender: 750,
+		descender: -250,
+		lineHeight: 1.25
+	} },
+	[e.Helvetica]: {
+		metrics: {
+			unitsPerEm: 2048,
+			ascender: 1577,
+			descender: -471,
+			lineHeight: 1.15
+		},
+		deprecated: !0,
+		local: !0
+	},
+	[e.Cascadia]: {
+		metrics: {
+			unitsPerEm: 2048,
+			ascender: 1900,
+			descender: -480,
+			lineHeight: 1.2
+		},
+		deprecated: !0
+	},
+	[e["Liberation Sans"]]: {
+		metrics: {
+			unitsPerEm: 2048,
+			ascender: 1854,
+			descender: -434,
+			lineHeight: 1.15
+		},
+		private: !0
+	},
+	[e.Assistant]: {
+		metrics: {
+			unitsPerEm: 2048,
+			ascender: 1021,
+			descender: -287,
+			lineHeight: 1.25
+		},
+		private: !0
+	},
+	[t.Xiaolai]: {
+		metrics: {
+			unitsPerEm: 1e3,
+			ascender: 880,
+			descender: -144,
+			lineHeight: 1.25
+		},
+		fallback: !0
+	},
+	[t["Segoe UI Emoji"]]: {
+		metrics: {
+			unitsPerEm: 1e3,
+			ascender: 886,
+			descender: -374,
+			lineHeight: 1.25
+		},
+		local: !0,
+		fallback: !0
+	}
+}, r = (t, r, i) => {
+	let { unitsPerEm: a, ascender: o, descender: s } = n[t]?.metrics || n[e.Panqibaofont].metrics, c = r / a, l = (i - c * o + c * s) / 2;
+	return c * o + l;
+}, i = (t) => {
+	let { lineHeight: r } = n[t]?.metrics || n[e.Panqibaofont].metrics;
+	return r;
+};
+//#endregion
+export { n as FONT_METADATA, i as getLineHeight, r as getVerticalOffset };
+/* 独立思考，明辨是非 */

package/draw/common/index.d.ts

@@ -0,0 +1,14 @@
+export * from './binary-heap';
+export * from './bounds';
+export * from './colors';
+export * from './constants';
+export * from './editorInterface';
+export * from './emitter';
+export * from './font-metadata';
+export * from './keys';
+export * from './points';
+export * from './promise-pool';
+export * from './queue';
+export * from './random';
+export * from './url';
+export * from './utils';

package/draw/common/index.js

@@ -0,0 +1,16 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+import "./binary-heap.js";
+import "./bounds.js";
+import "./colors.js";
+import "./constants.js";
+import "./editorInterface.js";
+import "./emitter.js";
+import "./font-metadata.js";
+import "./keys.js";
+import "./points.js";
+import "./promise-pool.js";
+import "./utils.js";
+import "./queue.js";
+import "./random.js";
+import "./url.js";
+/* 独立思考，明辨是非 */