@unicom-cloud/ui 0.8.168 → 0.8.169

package/draw/common/binary-heap.js

@@ -0,0 +1,52 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+//#region components/pc/draw/common/binary-heap.ts
+var e = class {
+	#e = [];
+	constructor(e) {
+		this.scoreFunction = e;
+	}
+	sinkDown(e) {
+		let t = this.#e[e], n = this.scoreFunction(t);
+		for (; e > 0;) {
+			let t = (e + 1 >> 1) - 1, r = this.#e[t];
+			if (n < this.scoreFunction(r)) this.#e[e] = r, e = t;
+			else break;
+		}
+		this.#e[e] = t;
+	}
+	bubbleUp(e) {
+		let t = this.#e.length, n = this.#e[e], r = this.scoreFunction(n);
+		for (;;) {
+			let n = (e + 1 << 1) - 1, i = n + 1, a = e, o = r;
+			if (n < t) {
+				let e = this.scoreFunction(this.#e[n]);
+				e < o && (a = n, o = e);
+			}
+			if (i < t && this.scoreFunction(this.#e[i]) < o && (a = i), a === e) break;
+			this.#e[e] = this.#e[a], e = a;
+		}
+		this.#e[e] = n;
+	}
+	push(e) {
+		this.#e.push(e), this.sinkDown(this.#e.length - 1);
+	}
+	pop() {
+		if (this.#e.length === 0) return null;
+		let e = this.#e[0], t = this.#e.pop();
+		return this.#e.length > 0 && (this.#e[0] = t, this.bubbleUp(0)), e;
+	}
+	remove(e) {
+		if (this.#e.length === 0) return;
+		let t = this.#e.indexOf(e), n = this.#e.pop();
+		t < this.#e.length && (this.#e[t] = n, this.scoreFunction(n) < this.scoreFunction(e) ? this.sinkDown(t) : this.bubbleUp(t));
+	}
+	size() {
+		return this.#e.length;
+	}
+	rescoreElement(e) {
+		this.sinkDown(this.#e.indexOf(e));
+	}
+};
+//#endregion
+export { e as BinaryHeap };
+/* 独立思考，明辨是非 */

package/draw/common/bounds.d.ts

@@ -0,0 +1,10 @@
+/**
+ * x and y position of top left corner, x and y position of bottom right corner
+ */
+export type Bounds = readonly [
+    minX: number,
+    minY: number,
+    maxX: number,
+    maxY: number
+];
+export declare const isBounds: (box: unknown) => box is Bounds;

package/draw/common/bounds.js

@@ -0,0 +1,3 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import "@unicom-cloud/utils/is";
+/* 独立思考，明辨是非 */

package/draw/common/colors.d.ts

@@ -0,0 +1,21 @@
+export declare const applyDarkModeFilter: (color: string) => string;
+export declare const DEFAULT_CHART_COLOR_INDEX = 4;
+export declare const COLOR_PALETTE: {
+    readonly transparent: "transparent";
+    readonly black: "#1e1e1e";
+    readonly white: "#ffffff";
+    readonly gray: string[];
+    readonly red: string[];
+    readonly magenta: string[];
+    readonly pinkpurple: string[];
+    readonly purple: string[];
+    readonly blue: string[];
+    readonly cyan: string[];
+    readonly green: string[];
+    readonly lime: string[];
+    readonly yellow: string[];
+    readonly orange: string[];
+    readonly gold: string[];
+};
+export declare const getAllColorsSpecificShade: (index: 0 | 1 | 2 | 3 | 4) => readonly [string, string, string, string, string, string, string, string, string, string];
+export declare const isTransparent: (color: string) => boolean;

package/draw/common/colors.js

@@ -0,0 +1,109 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import { clamp as e } from "../libs/math/utils.js";
+import { degreesToRadians as t } from "../libs/math/angle.js";
+import n from "@unicom-cloud/utils/tinycolor";
+import * as r from "@unicom-cloud/utils/ui-color";
+//#region components/pc/draw/common/colors.ts
+var i = typeof window < "u" ? /* @__PURE__ */ new Map() : null;
+function a(e, n, r, i) {
+	let a = e / 255, o = n / 255, s = r / 255, c = t(i), l = Math.cos(c), u = Math.sin(c), d = [
+		.213 + l * .787 - u * .213,
+		.715 - l * .715 - u * .715,
+		.072 - l * .072 + u * .928,
+		.213 - l * .213 + u * .143,
+		.715 + l * .285 + u * .14,
+		.072 - l * .072 - u * .283,
+		.213 - l * .213 - u * .787,
+		.715 - l * .715 + u * .715,
+		.072 + l * .928 + u * .072
+	], f = a * d[0] + o * d[1] + s * d[2], p = a * d[3] + o * d[4] + s * d[5], m = a * d[6] + o * d[7] + s * d[8];
+	return {
+		r: Math.round(Math.max(0, Math.min(1, f)) * 255),
+		g: Math.round(Math.max(0, Math.min(1, p)) * 255),
+		b: Math.round(Math.max(0, Math.min(1, m)) * 255)
+	};
+}
+var o = (t, n, r, i) => {
+	let a = e(i, 0, 100) / 100, o = (t) => {
+		let n = t * (1 - a) + (255 - t) * a;
+		return Math.round(e(n, 0, 255));
+	};
+	return {
+		r: o(t),
+		g: o(n),
+		b: o(r)
+	};
+}, s = (e) => {
+	let t = i?.get?.(e);
+	if (t) return t;
+	let r = new n(e), s = r.getAlpha(), c = r.toRgb(), l = o(c.r, c.g, c.b, 93);
+	r = new n({
+		...a(l.r, l.g, l.b, 180),
+		a: s
+	});
+	let u = r.toHex8String();
+	return i && i.set(e, u), u;
+}, c = {
+	transparent: "transparent",
+	black: "#1e1e1e",
+	white: "#ffffff",
+	gray: r.getGrayPresets().light.map((e, t, n) => e.toHexString()),
+	red: r.generate({
+		color: r.red.value,
+		length: 6
+	}).map((e, t, n) => e.toHexString()),
+	magenta: r.generate({
+		color: r.magenta.value,
+		length: 6
+	}).map((e, t, n) => e.toHexString()),
+	pinkpurple: r.generate({
+		color: r.pinkpurple.value,
+		length: 6
+	}).map((e, t, n) => e.toHexString()),
+	purple: r.generate({
+		color: r.purple.value,
+		length: 6
+	}).map((e, t, n) => e.toHexString()),
+	blue: r.generate({
+		color: r.blue.value,
+		length: 6
+	}).map((e, t, n) => e.toHexString()),
+	cyan: r.generate({
+		color: r.cyan.value,
+		length: 6
+	}).map((e, t, n) => e.toHexString()),
+	green: r.generate({
+		color: r.green.value,
+		length: 6
+	}).map((e, t, n) => e.toHexString()),
+	lime: r.generate({
+		color: r.lime.value,
+		length: 6
+	}).map((e, t, n) => e.toHexString()),
+	yellow: r.generate({
+		color: r.yellow.value,
+		length: 6
+	}).map((e, t, n) => e.toHexString()),
+	orange: r.generate({
+		color: r.orange.value,
+		length: 6
+	}).map((e, t, n) => e.toHexString()),
+	gold: r.generate({
+		color: r.gold.value,
+		length: 6
+	}).map((e, t, n) => e.toHexString())
+}, l = (e) => [
+	c.cyan[e],
+	c.blue[e],
+	c.purple[e],
+	c.pinkpurple[e],
+	c.magenta[e],
+	c.lime[e],
+	c.green[e],
+	c.yellow[e],
+	c.orange[e],
+	c.red[e]
+], u = (e) => new n(e).getAlpha() == 0;
+//#endregion
+export { c as COLOR_PALETTE, s as applyDarkModeFilter, l as getAllColorsSpecificShade, u as isTransparent };
+/* 独立思考，明辨是非 */

package/draw/common/constants.d.ts

@@ -0,0 +1,345 @@
+import type { DrawElement, FontFamilyValues } from '../element/types';
+import type { AppProps, AppState } from '../interface';
+export declare const supportsResizeObserver: boolean;
+export declare const APP_NAME: string;
+export declare const TEXT_AUTOWRAP_THRESHOLD = 36;
+export declare const DRAGGING_THRESHOLD = 10;
+export declare const MINIMUM_ARROW_SIZE = 20;
+export declare const LINE_CONFIRM_THRESHOLD = 8;
+export declare const ELEMENT_SHIFT_TRANSLATE_AMOUNT = 5;
+export declare const ELEMENT_TRANSLATE_AMOUNT = 1;
+export declare const TEXT_TO_CENTER_SNAP_THRESHOLD = 30;
+export declare const SHIFT_LOCKING_ANGLE: number;
+export declare const DEFAULT_LASER_COLOR = "red";
+export declare const CURSOR_TYPE: {
+    TEXT: string;
+    CROSSHAIR: string;
+    GRABBING: string;
+    GRAB: string;
+    POINTER: string;
+    MOVE: string;
+    AUTO: string;
+};
+export declare const POINTER_BUTTON: {
+    readonly MAIN: 0;
+    readonly WHEEL: 1;
+    readonly SECONDARY: 2;
+    readonly TOUCH: -1;
+    readonly ERASER: 5;
+};
+export declare const POINTER_EVENTS: {
+    readonly enabled: "all";
+    readonly disabled: "none";
+    readonly inheritFromUI: any;
+};
+export declare enum EVENT {
+    COPY = "copy",
+    PASTE = "paste",
+    CUT = "cut",
+    KEYDOWN = "keydown",
+    KEYUP = "keyup",
+    MOUSE_MOVE = "mousemove",
+    RESIZE = "resize",
+    UNLOAD = "unload",
+    FOCUS = "focus",
+    BLUR = "blur",
+    DRAG_OVER = "dragover",
+    DROP = "drop",
+    GESTURE_END = "gestureend",
+    BEFORE_UNLOAD = "beforeunload",
+    GESTURE_START = "gesturestart",
+    GESTURE_CHANGE = "gesturechange",
+    POINTER_MOVE = "pointermove",
+    POINTER_DOWN = "pointerdown",
+    POINTER_UP = "pointerup",
+    STATE_CHANGE = "statechange",
+    WHEEL = "wheel",
+    TOUCH_START = "touchstart",
+    TOUCH_END = "touchend",
+    HASHCHANGE = "hashchange",
+    VISIBILITY_CHANGE = "visibilitychange",
+    SCROLL = "scroll",
+    DRAW_LINK = "draw-link",
+    MENU_ITEM_SELECT = "menu.itemSelect",
+    MESSAGE = "message",
+    FULLSCREENCHANGE = "fullscreenchange"
+}
+export declare const ENV: {
+    TEST: string;
+    DEVELOPMENT: string;
+    PRODUCTION: string;
+};
+export declare const CLASSES: {
+    SIDEBAR: string;
+    SHAPE_ACTIONS_MENU: string;
+    ZOOM_ACTIONS: string;
+    SEARCH_MENU_INPUT_WRAPPER: string;
+    CONVERT_ELEMENT_TYPE_POPUP: string;
+    SHAPE_ACTIONS_THEME_SCOPE: string;
+    FRAME_NAME: string;
+};
+export declare const FONT_SIZES: {
+    readonly sm: 16;
+    readonly md: 20;
+    readonly lg: 28;
+    readonly xl: 36;
+};
+export declare const CJK_HAND_DRAWN_FALLBACK_FONT = "Xiaolai";
+export declare const WINDOWS_EMOJI_FALLBACK_FONT = "Segoe UI Emoji";
+/**
+ * // TODO: shouldn't be really `const`, likely neither have integers as values, due to value for the custom fonts, which should likely be some hash.
+ *
+ * Let's think this through and consider:
+ * - https://developer.mozilla.org/en-US/docs/Web/CSS/generic-family
+ * - https://drafts.csswg.org/css-fonts-4/#font-family-prop
+ * - https://learn.microsoft.com/en-us/typography/opentype/spec/ibmfc
+ */
+export declare const FONT_FAMILY: {
+    Helvetica: number;
+    Cascadia: number;
+    Panqibaofont: number;
+    Nunito: number;
+    'Lilita One': number;
+    'Comic Shanns': number;
+    'Liberation Sans': number;
+    Assistant: number;
+};
+export declare const SANS_SERIF_GENERIC_FONT = "sans-serif";
+export declare const MONOSPACE_GENERIC_FONT = "monospace";
+export declare const FONT_FAMILY_GENERIC_FALLBACKS: {
+    "sans-serif": number;
+    monospace: number;
+};
+export declare const FONT_FAMILY_FALLBACKS: {
+    "Segoe UI Emoji": number;
+    "sans-serif": number;
+    monospace: number;
+    Xiaolai: number;
+};
+export declare function getGenericFontFamilyFallback(fontFamily: number): keyof typeof FONT_FAMILY_GENERIC_FALLBACKS;
+export declare const getFontFamilyFallbacks: (fontFamily: number) => Array<keyof typeof FONT_FAMILY_FALLBACKS>;
+export declare const THEME: {
+    readonly LIGHT: "light";
+    readonly DARK: "dark";
+};
+export declare const DARK_THEME_FILTER = "invert(93%) hue-rotate(180deg)";
+export declare const FRAME_STYLE: {
+    strokeColor: DrawElement["strokeColor"];
+    strokeWidth: DrawElement["strokeWidth"];
+    strokeStyle: DrawElement["strokeStyle"];
+    fillStyle: DrawElement["fillStyle"];
+    roughness: DrawElement["roughness"];
+    roundness: DrawElement["roundness"];
+    backgroundColor: DrawElement["backgroundColor"];
+    radius: number;
+    nameOffsetY: number;
+    nameColorLightTheme: string;
+    nameColorDarkTheme: string;
+    nameFontSize: number;
+    nameLineHeight: number;
+};
+export declare const MIN_FONT_SIZE = 1;
+export declare const DEFAULT_FONT_SIZE = 20;
+export declare const DEFAULT_FONT_FAMILY: FontFamilyValues;
+export declare const DEFAULT_TEXT_ALIGN = "left";
+export declare const DEFAULT_VERTICAL_ALIGN = "top";
+export declare const DEFAULT_VERSION = "{version}";
+export declare const DEFAULT_TRANSFORM_HANDLE_SPACING = 2;
+export declare const SIDE_RESIZING_THRESHOLD: number;
+export declare const EPSILON = 0.00001;
+export declare const DEFAULT_COLLISION_THRESHOLD: number;
+export declare const COLOR_WHITE = "#ffffff";
+export declare const COLOR_CHARCOAL_BLACK = "#1e1e1e";
+export declare const COLOR_VOICE_CALL = "#a2f1a6";
+export declare const CANVAS_ONLY_ACTIONS: string[];
+export declare const DEFAULT_GRID_SIZE = 20;
+export declare const DEFAULT_GRID_STEP = 5;
+export declare const IMAGE_MIME_TYPES: {
+    readonly svg: "image/svg+xml";
+    readonly png: "image/png";
+    readonly jpg: "image/jpeg";
+    readonly gif: "image/gif";
+    readonly webp: "image/webp";
+    readonly bmp: "image/bmp";
+    readonly ico: "image/x-icon";
+    readonly avif: "image/avif";
+    readonly jfif: "image/jfif";
+};
+export declare const STRING_MIME_TYPES: {
+    readonly text: "text/plain";
+    readonly html: "text/html";
+    readonly json: "application/json";
+    readonly draw: "application/vnd.draw+json";
+    readonly drawClipboard: "application/vnd.draw.clipboard+json";
+    readonly drawlib: "application/vnd.drawlib+json";
+    readonly drawlibIds: "application/vnd.drawlib.ids+json";
+};
+export declare const MIME_TYPES: {
+    readonly svg: "image/svg+xml";
+    readonly png: "image/png";
+    readonly jpg: "image/jpeg";
+    readonly gif: "image/gif";
+    readonly webp: "image/webp";
+    readonly bmp: "image/bmp";
+    readonly ico: "image/x-icon";
+    readonly avif: "image/avif";
+    readonly jfif: "image/jfif";
+    readonly 'draw.svg': "image/svg+xml";
+    readonly 'draw.png': "image/png";
+    readonly binary: "application/octet-stream";
+    readonly text: "text/plain";
+    readonly html: "text/html";
+    readonly json: "application/json";
+    readonly draw: "application/vnd.draw+json";
+    readonly drawClipboard: "application/vnd.draw.clipboard+json";
+    readonly drawlib: "application/vnd.drawlib+json";
+    readonly drawlibIds: "application/vnd.drawlib.ids+json";
+};
+export declare const ALLOWED_PASTE_MIME_TYPES: readonly ["text/plain", "text/html", ...("image/svg+xml" | "image/png" | "image/jpeg" | "image/gif" | "image/webp" | "image/bmp" | "image/x-icon" | "image/avif" | "image/jfif")[]];
+export declare const EXPORT_IMAGE_TYPES: {
+    readonly png: "png";
+    readonly svg: "svg";
+    readonly clipboard: "clipboard";
+};
+export declare function exportDataTypesCompatibility(a: string[], b: string): boolean;
+export declare const EXPORT_DATA_TYPES: {
+    readonly draw: "draw";
+    readonly drawClipboard: "draw/clipboard";
+    readonly drawLibrary: "drawlib";
+    readonly drawClipboardWithAPI: "draw-api/clipboard";
+};
+export declare const getExportSource: () => any;
+export declare const IMAGE_RENDER_TIMEOUT = 500;
+export declare const TAP_TWICE_TIMEOUT = 300;
+export declare const TOUCH_CTX_MENU_TIMEOUT = 500;
+export declare const TITLE_TIMEOUT = 10000;
+export declare const VERSION_TIMEOUT = 30000;
+export declare const SCROLL_TIMEOUT = 100;
+export declare const ZOOM_STEP = 0.1;
+export declare const MIN_ZOOM = 0.1;
+export declare const MAX_ZOOM = 30;
+export declare const HYPERLINK_TOOLTIP_DELAY = 300;
+export declare const IDLE_THRESHOLD = 60000;
+export declare const ACTIVE_THRESHOLD = 3000;
+export declare const URL_QUERY_KEYS: {
+    readonly addLibrary: "addLibrary";
+};
+export declare const URL_HASH_KEYS: {
+    readonly addLibrary: "addLibrary";
+};
+export declare const DEFAULT_UI_OPTIONS: AppProps['UIOptions'];
+export declare const MAX_DECIMALS_FOR_SVG_EXPORT = 2;
+export declare const EXPORT_SCALES: number[];
+export declare const DEFAULT_EXPORT_PADDING = 10;
+export declare const DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT = 1440;
+export declare const MAX_ALLOWED_FILE_BYTES: number;
+export declare const SVG_NS = "http://www.w3.org/2000/svg";
+export declare const SVG_DOCUMENT_PREAMBLE = "<?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";
+export declare const ENCRYPTION_KEY_BITS = 128;
+export declare const VERSIONS: {
+    readonly draw: 2;
+    readonly drawLibrary: 2;
+};
+export declare const BOUND_TEXT_PADDING = 5;
+export declare const ARROW_LABEL_WIDTH_FRACTION = 0.7;
+export declare const ARROW_LABEL_FONT_SIZE_TO_MIN_WIDTH_RATIO = 11;
+export declare const VERTICAL_ALIGN: {
+    TOP: string;
+    MIDDLE: string;
+    BOTTOM: string;
+};
+export declare const TEXT_ALIGN: {
+    LEFT: string;
+    CENTER: string;
+    RIGHT: string;
+};
+export declare const ELEMENT_READY_TO_ERASE_OPACITY = 20;
+export declare const DEFAULT_PROPORTIONAL_RADIUS = 0.25;
+export declare const DEFAULT_ADAPTIVE_RADIUS = 32;
+export declare const ROUNDNESS: {
+    readonly LEGACY: 1;
+    readonly PROPORTIONAL_RADIUS: 2;
+    readonly ADAPTIVE_RADIUS: 3;
+};
+export declare const ROUGHNESS: {
+    readonly architect: 0;
+    readonly artist: 1;
+    readonly cartoonist: 2;
+};
+export declare const STROKE_WIDTH: {
+    readonly thin: 1;
+    readonly bold: 2;
+    readonly extraBold: 4;
+};
+export declare const DEFAULT_ELEMENT_PROPS: {
+    strokeColor: DrawElement['strokeColor'];
+    backgroundColor: DrawElement['backgroundColor'];
+    fillStyle: DrawElement['fillStyle'];
+    strokeWidth: DrawElement['strokeWidth'];
+    strokeStyle: DrawElement['strokeStyle'];
+    roughness: DrawElement['roughness'];
+    opacity: DrawElement['opacity'];
+    locked: DrawElement['locked'];
+};
+export declare const LIBRARY_SIDEBAR_TAB = "library";
+export declare const CANVAS_SEARCH_TAB = "search";
+export declare const DEFAULT_SIDEBAR: {
+    readonly name: "default";
+    readonly defaultTab: "library";
+};
+export declare const LIBRARY_DISABLED_TYPES: Set<"image" | "iframe" | "embeddable">;
+export declare const TOOL_TYPE: {
+    readonly selection: "selection";
+    readonly lasso: "lasso";
+    readonly rectangle: "rectangle";
+    readonly diamond: "diamond";
+    readonly ellipse: "ellipse";
+    readonly arrow: "arrow";
+    readonly line: "line";
+    readonly freedraw: "freedraw";
+    readonly text: "text";
+    readonly image: "image";
+    readonly eraser: "eraser";
+    readonly hand: "hand";
+    readonly frame: "frame";
+    readonly magicframe: "magicframe";
+    readonly embeddable: "embeddable";
+    readonly laser: "laser";
+};
+export declare const EDITOR_LS_KEYS: {
+    readonly OAI_API_KEY: "draw-oai-api-key";
+    readonly PUBLISH_LIBRARY: "publish-library-data";
+};
+/**
+ * not translated as this is used only in public, stateless API as default value
+ * where filename is optional and we can't retrieve name from app state
+ */
+export declare const DEFAULT_FILENAME = "Untitled";
+export declare const STATS_PANELS: {
+    readonly generalStats: 1;
+    readonly elementProperties: 2;
+};
+export declare const MIN_WIDTH_OR_HEIGHT = 1;
+export declare const ARROW_TYPE: {
+    [T in AppState['currentItemArrowType']]: T;
+};
+export declare const DEFAULT_REDUCED_GLOBAL_ALPHA = 0.3;
+export declare const ELEMENT_LINK_KEY = "element";
+/** used in tests */
+export declare const ORIG_ID: unique symbol;
+export declare enum UserIdleState {
+    ACTIVE = "active",
+    AWAY = "away",
+    IDLE = "idle"
+}
+/**
+ * distance at which we merge points instead of adding a new merge-point
+ * when converting a line to a polygon (merge currently means overlaping
+ * the start and end points)
+ */
+export declare const LINE_POLYGON_POINT_MERGE_DISTANCE = 20;
+export declare const DOUBLE_TAP_POSITION_THRESHOLD = 35;
+export declare const BIND_MODE_TIMEOUT = 700;
+export declare const MOBILE_ACTION_BUTTON_BG: {
+    readonly background: "var(--mobile-action-button-bg)";
+};