@gx-design-vue/pro-utils 0.2.0-beta.86 → 0.2.0-beta.88

package/dist/clone/cloneDeepWith.js

@@ -0,0 +1,150 @@
+import { isPrimitive } from "../is/primitive.js";
+import { isTypedArray } from "../is/typedArray.js";
+import "../is/index.js";
+import { getTag } from "./getTag.js";
+import { getSymbols } from "./symbols.js";
+import { argumentsTag, arrayBufferTag, arrayTag, booleanTag, dataViewTag, dateTag, float32ArrayTag, float64ArrayTag, int16ArrayTag, int32ArrayTag, int8ArrayTag, mapTag, numberTag, objectTag, regexpTag, setTag, stringTag, symbolTag, uint16ArrayTag, uint32ArrayTag, uint8ArrayTag, uint8ClampedArrayTag } from "./tags.js";
+
+//#region src/clone/cloneDeepWith.ts
+/**
+* 深度克隆对象（带自定义处理）
+*
+* @template T - 对象类型
+* @param obj - 要克隆的对象
+* @param cloneValue - 自定义克隆函数
+* @returns 克隆后的对象
+*/
+function cloneDeepWith(obj, cloneValue) {
+	return cloneDeepWithImpl(obj, void 0, obj, /* @__PURE__ */ new Map(), cloneValue);
+}
+function cloneDeepWithImpl(valueToClone, keyToClone, objectToClone, stack = /* @__PURE__ */ new Map(), cloneValue = void 0) {
+	const cloned = cloneValue?.(valueToClone, keyToClone, objectToClone, stack);
+	if (cloned !== void 0) return cloned;
+	if (isPrimitive(valueToClone)) return valueToClone;
+	if (stack.has(valueToClone)) return stack.get(valueToClone);
+	if (Array.isArray(valueToClone)) {
+		const result = Array.from({ length: valueToClone.length });
+		stack.set(valueToClone, result);
+		for (let i = 0; i < valueToClone.length; i++) result[i] = cloneDeepWithImpl(valueToClone[i], i, objectToClone, stack, cloneValue);
+		if (Object.hasOwn(valueToClone, "index")) result.index = valueToClone.index;
+		if (Object.hasOwn(valueToClone, "input")) result.input = valueToClone.input;
+		return result;
+	}
+	if (valueToClone instanceof Date) return new Date(valueToClone.getTime());
+	if (valueToClone instanceof RegExp) {
+		const result = new RegExp(valueToClone.source, valueToClone.flags);
+		result.lastIndex = valueToClone.lastIndex;
+		return result;
+	}
+	if (valueToClone instanceof Map) {
+		const result = /* @__PURE__ */ new Map();
+		stack.set(valueToClone, result);
+		for (const [key, value] of valueToClone) result.set(key, cloneDeepWithImpl(value, key, objectToClone, stack, cloneValue));
+		return result;
+	}
+	if (valueToClone instanceof Set) {
+		const result = /* @__PURE__ */ new Set();
+		stack.set(valueToClone, result);
+		for (const value of valueToClone) result.add(cloneDeepWithImpl(value, void 0, objectToClone, stack, cloneValue));
+		return result;
+	}
+	if (typeof Buffer !== "undefined" && Buffer.isBuffer(valueToClone)) return valueToClone.subarray();
+	if (isTypedArray(valueToClone)) {
+		const result = new (Object.getPrototypeOf(valueToClone)).constructor(valueToClone.length);
+		stack.set(valueToClone, result);
+		for (let i = 0; i < valueToClone.length; i++) result[i] = cloneDeepWithImpl(valueToClone[i], i, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (valueToClone instanceof ArrayBuffer || typeof SharedArrayBuffer !== "undefined" && valueToClone instanceof SharedArrayBuffer) return valueToClone.slice(0);
+	if (valueToClone instanceof DataView) {
+		const result = new DataView(valueToClone.buffer.slice(0), valueToClone.byteOffset, valueToClone.byteLength);
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (typeof File !== "undefined" && valueToClone instanceof File) {
+		const result = new File([valueToClone], valueToClone.name, { type: valueToClone.type });
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (typeof Blob !== "undefined" && valueToClone instanceof Blob) {
+		const result = new Blob([valueToClone], { type: valueToClone.type });
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (valueToClone instanceof Error) {
+		const result = new valueToClone.constructor();
+		stack.set(valueToClone, result);
+		result.message = valueToClone.message;
+		result.name = valueToClone.name;
+		result.stack = valueToClone.stack;
+		result.cause = valueToClone.cause;
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (typeof valueToClone === "boolean") {
+		const result = Boolean(valueToClone.valueOf());
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (typeof valueToClone === "number") {
+		const result = Number(valueToClone.valueOf());
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (typeof valueToClone === "string") {
+		const result = String(valueToClone.valueOf());
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	if (typeof valueToClone === "object" && isCloneableObject(valueToClone)) {
+		const result = Object.create(Object.getPrototypeOf(valueToClone));
+		stack.set(valueToClone, result);
+		copyProperties(result, valueToClone, objectToClone, stack, cloneValue);
+		return result;
+	}
+	return valueToClone;
+}
+function copyProperties(target, source, objectToClone = target, stack, cloneValue) {
+	const keys = [...Object.keys(source), ...getSymbols(source)];
+	for (let i = 0; i < keys.length; i++) {
+		const key = keys[i];
+		const descriptor = Object.getOwnPropertyDescriptor(target, key);
+		if (descriptor == null || descriptor.writable) target[key] = cloneDeepWithImpl(source[key], key, objectToClone, stack, cloneValue);
+	}
+}
+function isCloneableObject(object) {
+	switch (getTag(object)) {
+		case argumentsTag:
+		case arrayTag:
+		case arrayBufferTag:
+		case dataViewTag:
+		case booleanTag:
+		case dateTag:
+		case float32ArrayTag:
+		case float64ArrayTag:
+		case int8ArrayTag:
+		case int16ArrayTag:
+		case int32ArrayTag:
+		case mapTag:
+		case numberTag:
+		case objectTag:
+		case regexpTag:
+		case setTag:
+		case stringTag:
+		case symbolTag:
+		case uint8ArrayTag:
+		case uint8ClampedArrayTag:
+		case uint16ArrayTag:
+		case uint32ArrayTag: return true;
+		default: return false;
+	}
+}
+
+//#endregion
+export { cloneDeepWith, cloneDeepWithImpl, copyProperties };

package/dist/clone/getTag.d.ts

@@ -0,0 +1,4 @@
+//#region src/clone/getTag.d.ts
+declare function getTag(value: any): string;
+//#endregion
+export { getTag };

package/dist/clone/getTag.js

@@ -0,0 +1,13 @@
+//#region src/clone/getTag.ts
+/**
+* 获取对象的类型标签
+*
+* @param value - 要检查的值
+* @returns 类型标签
+*/
+function getTag(value) {
+	return Object.prototype.toString.call(value);
+}
+
+//#endregion
+export { getTag };

package/dist/clone/index.d.ts

@@ -0,0 +1,3 @@
+import { cloneDeep } from "./cloneDeep.js";
+import { cloneDeepWith, cloneDeepWithImpl, copyProperties } from "./cloneDeepWith.js";
+export { cloneDeep, cloneDeepWith, cloneDeepWithImpl, copyProperties };

package/dist/clone/index.js

@@ -0,0 +1,4 @@
+import { cloneDeepWith, cloneDeepWithImpl, copyProperties } from "./cloneDeepWith.js";
+import { cloneDeep } from "./cloneDeep.js";
+
+export { cloneDeep, cloneDeepWith, cloneDeepWithImpl, copyProperties };

package/dist/clone/symbols.d.ts

@@ -0,0 +1,4 @@
+//#region src/clone/symbols.d.ts
+declare function getSymbols(object: any): symbol[];
+//#endregion
+export { getSymbols };

package/dist/clone/symbols.js

@@ -0,0 +1,13 @@
+//#region src/clone/symbols.ts
+/**
+* 获取对象的 Symbol 属性
+*
+* @param object - 目标对象
+* @returns Symbol 属性数组
+*/
+function getSymbols(object) {
+	return Object.getOwnPropertySymbols(object);
+}
+
+//#endregion
+export { getSymbols };

package/dist/clone/tags.d.ts

@@ -0,0 +1,25 @@
+//#region src/clone/tags.d.ts
+declare const argumentsTag = "[object Arguments]";
+declare const arrayTag = "[object Array]";
+declare const arrayBufferTag = "[object ArrayBuffer]";
+declare const booleanTag = "[object Boolean]";
+declare const dataViewTag = "[object DataView]";
+declare const dateTag = "[object Date]";
+declare const float32ArrayTag = "[object Float32Array]";
+declare const float64ArrayTag = "[object Float64Array]";
+declare const int8ArrayTag = "[object Int8Array]";
+declare const int16ArrayTag = "[object Int16Array]";
+declare const int32ArrayTag = "[object Int32Array]";
+declare const mapTag = "[object Map]";
+declare const numberTag = "[object Number]";
+declare const objectTag = "[object Object]";
+declare const regexpTag = "[object RegExp]";
+declare const setTag = "[object Set]";
+declare const stringTag = "[object String]";
+declare const symbolTag = "[object Symbol]";
+declare const uint8ArrayTag = "[object Uint8Array]";
+declare const uint8ClampedArrayTag = "[object Uint8ClampedArray]";
+declare const uint16ArrayTag = "[object Uint16Array]";
+declare const uint32ArrayTag = "[object Uint32Array]";
+//#endregion
+export { argumentsTag, arrayBufferTag, arrayTag, booleanTag, dataViewTag, dateTag, float32ArrayTag, float64ArrayTag, int16ArrayTag, int32ArrayTag, int8ArrayTag, mapTag, numberTag, objectTag, regexpTag, setTag, stringTag, symbolTag, uint16ArrayTag, uint32ArrayTag, uint8ArrayTag, uint8ClampedArrayTag };

package/dist/clone/tags.js

@@ -0,0 +1,48 @@
+//#region src/clone/tags.ts
+/** 参数标签 */
+const argumentsTag = "[object Arguments]";
+/** 数组标签 */
+const arrayTag = "[object Array]";
+/** 数组缓冲区标签 */
+const arrayBufferTag = "[object ArrayBuffer]";
+/** 布尔标签 */
+const booleanTag = "[object Boolean]";
+/** 数据视图标签 */
+const dataViewTag = "[object DataView]";
+/** 日期标签 */
+const dateTag = "[object Date]";
+/** Float32 数组标签 */
+const float32ArrayTag = "[object Float32Array]";
+/** Float64 数组标签 */
+const float64ArrayTag = "[object Float64Array]";
+/** Int8 数组标签 */
+const int8ArrayTag = "[object Int8Array]";
+/** Int16 数组标签 */
+const int16ArrayTag = "[object Int16Array]";
+/** Int32 数组标签 */
+const int32ArrayTag = "[object Int32Array]";
+/** Map 标签 */
+const mapTag = "[object Map]";
+/** 数字标签 */
+const numberTag = "[object Number]";
+/** 对象标签 */
+const objectTag = "[object Object]";
+/** 正则标签 */
+const regexpTag = "[object RegExp]";
+/** Set 标签 */
+const setTag = "[object Set]";
+/** 字符串标签 */
+const stringTag = "[object String]";
+/** Symbol 标签 */
+const symbolTag = "[object Symbol]";
+/** Uint8 数组标签 */
+const uint8ArrayTag = "[object Uint8Array]";
+/** Uint8Clamped 数组标签 */
+const uint8ClampedArrayTag = "[object Uint8ClampedArray]";
+/** Uint16 数组标签 */
+const uint16ArrayTag = "[object Uint16Array]";
+/** Uint32 数组标签 */
+const uint32ArrayTag = "[object Uint32Array]";
+
+//#endregion
+export { argumentsTag, arrayBufferTag, arrayTag, booleanTag, dataViewTag, dateTag, float32ArrayTag, float64ArrayTag, int16ArrayTag, int32ArrayTag, int8ArrayTag, mapTag, numberTag, objectTag, regexpTag, setTag, stringTag, symbolTag, uint16ArrayTag, uint32ArrayTag, uint8ArrayTag, uint8ClampedArrayTag };

package/dist/dom/event.d.ts

@@ -0,0 +1,5 @@
+//#region src/dom/event.d.ts
+declare function on(element: HTMLElement | Document | Window | null, event: string, handler: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+declare function off(element: HTMLElement | Document | Window | null, event: string, handler: EventListenerOrEventListenerObject, useCapture?: boolean): void;
+//#endregion
+export { off, on };

package/dist/dom/event.js

@@ -0,0 +1,26 @@
+//#region src/dom/event.ts
+/**
+* 绑定事件
+*
+* @param element - DOM 元素
+* @param event - 事件名
+* @param handler - 事件处理函数
+* @param useCapture - 是否捕获阶段
+*/
+function on(element, event, handler, useCapture = false) {
+	if (element && event && handler) element.addEventListener(event, handler, useCapture);
+}
+/**
+* 解绑事件
+*
+* @param element - DOM 元素
+* @param event - 事件名
+* @param handler - 事件处理函数
+* @param useCapture - 是否捕获阶段
+*/
+function off(element, event, handler, useCapture = false) {
+	if (element && event && handler) element.removeEventListener(event, handler, useCapture);
+}
+
+//#endregion
+export { off, on };

package/dist/dom/index.d.ts

@@ -0,0 +1,5 @@
+import { off, on } from "./event.js";
+import { getTextWidth } from "./measure.js";
+import wrapperRaf from "./raf.js";
+import { getScroll, getScrollContainer, isInContainer, isScroll, isWindow } from "./scroll.js";
+export { getScroll, getScrollContainer, getTextWidth, isInContainer, isScroll, isWindow, off, on, wrapperRaf as raf };

package/dist/dom/index.js

@@ -0,0 +1,6 @@
+import { off, on } from "./event.js";
+import { getTextWidth } from "./measure.js";
+import wrapperRaf from "./raf.js";
+import { getScroll, getScrollContainer, isInContainer, isScroll, isWindow } from "./scroll.js";
+
+export { getScroll, getScrollContainer, getTextWidth, isInContainer, isScroll, isWindow, off, on, wrapperRaf as raf };

package/dist/dom/measure.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from "vue";
+
+//#region src/dom/measure.d.ts
+declare function getTextWidth(str: string, options: {
+  id?: string;
+  type?: 'width' | 'height';
+  createName?: string;
+  removeAfter?: boolean;
+  cssObject?: CSSProperties;
+}): number;
+//#endregion
+export { getTextWidth };

package/dist/dom/measure.js

@@ -0,0 +1,42 @@
+import { isBoolean, isObject } from "../is/type.js";
+import "../is/index.js";
+
+//#region src/dom/measure.ts
+/**
+* 获取文字宽度或高度
+*
+* @param str - 文字内容
+* @param options - 配置选项
+* @returns 宽度或高度
+*/
+function getTextWidth(str, options) {
+	let number = 0;
+	const removeAfter = isBoolean(options.removeAfter) ? options.removeAfter : true;
+	const targetElId = options.id || "hiddenElement";
+	const targetElStyle = {
+		opacity: 0,
+		visibility: "hidden",
+		position: "fixed",
+		zIndex: -1,
+		top: 0,
+		left: 0
+	};
+	let targetEl = document.querySelector(`#${targetElId}`);
+	if (!targetEl) {
+		const el = document.createElement("div");
+		el.id = targetElId;
+		document.body.appendChild(el);
+		targetEl = document.querySelector(`#${targetElId}`);
+	}
+	Object.assign(targetEl.style, targetElStyle);
+	const sourceEl = document.createElement(options.createName || "span");
+	sourceEl.innerHTML = str;
+	if (options.cssObject || isObject(options.cssObject)) Object.assign(sourceEl.style, options.cssObject);
+	targetEl.append(sourceEl);
+	number = sourceEl.getBoundingClientRect()[options.type || "width"];
+	if (removeAfter) targetEl.removeChild(sourceEl);
+	return number;
+}
+
+//#endregion
+export { getTextWidth };

package/dist/dom/raf.d.ts

@@ -0,0 +1,7 @@
+//#region src/dom/raf.d.ts
+declare function wrapperRaf(callback: () => void, times?: number): number;
+declare namespace wrapperRaf {
+  var cancel: (id: number) => void;
+}
+//#endregion
+export { wrapperRaf as default };

package/dist/dom/raf.js

@@ -0,0 +1,44 @@
+//#region src/dom/raf.ts
+let raf = (callback) => setTimeout(callback, 16);
+let caf = (num) => clearTimeout(num);
+if (typeof window !== "undefined" && "requestAnimationFrame" in window) {
+	raf = (callback) => window.requestAnimationFrame(callback);
+	caf = (handle) => window.cancelAnimationFrame(handle);
+}
+let rafUUID = 0;
+const rafIds = /* @__PURE__ */ new Map();
+function cleanup(id) {
+	rafIds.delete(id);
+}
+/**
+* requestAnimationFrame 封装
+*
+* @param callback - 回调函数
+* @param times - 执行次数
+* @returns 任务 ID
+*/
+function wrapperRaf(callback, times = 1) {
+	rafUUID += 1;
+	const id = rafUUID;
+	function callRef(leftTimes) {
+		if (leftTimes === 0) {
+			cleanup(id);
+			callback();
+		} else {
+			const realId = raf(() => {
+				callRef(leftTimes - 1);
+			});
+			rafIds.set(id, realId);
+		}
+	}
+	callRef(times);
+	return id;
+}
+wrapperRaf.cancel = (id) => {
+	const realId = rafIds.get(id);
+	cleanup(realId);
+	return caf(realId);
+};
+
+//#endregion
+export { wrapperRaf as default };

package/dist/dom/scroll.d.ts

@@ -0,0 +1,10 @@
+import { Nullable } from "../typing.js";
+
+//#region src/dom/scroll.d.ts
+declare function isScroll(el: HTMLElement, isVertical?: Nullable<boolean>): RegExpMatchArray | null | undefined;
+declare function getScrollContainer(el: HTMLElement, isVertical?: Nullable<boolean>): (Window & typeof globalThis) | HTMLElement | undefined;
+declare function isInContainer(el: HTMLElement, container: HTMLElement): boolean;
+declare function isWindow(obj: any): boolean;
+declare function getScroll(target: HTMLElement | Window | Document | null, top: boolean): number;
+//#endregion
+export { getScroll, getScrollContainer, isInContainer, isScroll, isWindow };

package/dist/dom/scroll.js

@@ -0,0 +1,74 @@
+import { isServer } from "../is/server.js";
+import "../is/index.js";
+
+//#region src/dom/scroll.ts
+function camelize(str) {
+	return str.replace(/[-_](.)/g, (_, char) => char.toUpperCase());
+}
+function getStyle(element, styleName) {
+	if (isServer) return "";
+	if (!element || !styleName) return "";
+	styleName = camelize(styleName);
+	if (styleName === "float") styleName = "cssFloat";
+	try {
+		const style = element.style[styleName];
+		if (style) return style;
+		const computed = document?.defaultView?.getComputedStyle(element, "");
+		return computed ? computed[styleName] : "";
+	} catch {
+		return element.style[styleName];
+	}
+}
+function isScroll(el, isVertical) {
+	if (isServer) return;
+	return (isVertical === null || isVertical === void 0 ? getStyle(el, "overflow") : isVertical ? getStyle(el, "overflow-y") : getStyle(el, "overflow-x")).match(/(scroll|auto|overlay)/);
+}
+function getScrollContainer(el, isVertical) {
+	if (isServer) return;
+	let parent = el;
+	while (parent) {
+		if ([
+			window,
+			document,
+			document.documentElement
+		].includes(parent)) return window;
+		if (isScroll(parent, isVertical)) return parent;
+		parent = parent.parentNode;
+	}
+	return parent;
+}
+function isInContainer(el, container) {
+	if (isServer || !el || !container) return false;
+	const elRect = el.getBoundingClientRect();
+	let containerRect;
+	if ([
+		window,
+		document,
+		document.documentElement,
+		null,
+		void 0
+	].includes(container)) containerRect = {
+		top: 0,
+		right: window.innerWidth,
+		bottom: window.innerHeight,
+		left: 0
+	};
+	else containerRect = container.getBoundingClientRect();
+	return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
+}
+function isWindow(obj) {
+	return obj !== null && obj !== void 0 && obj === obj.window;
+}
+function getScroll(target, top) {
+	if (typeof window === "undefined") return 0;
+	const method = top ? "scrollTop" : "scrollLeft";
+	let result = 0;
+	if (isWindow(target)) result = target[top ? "pageYOffset" : "pageXOffset"];
+	else if (target instanceof Document) result = target.documentElement[method];
+	else if (target) result = target[method];
+	if (target && !isWindow(target) && typeof result !== "number") result = (target.ownerDocument || target).documentElement?.[method];
+	return result;
+}
+
+//#endregion
+export { getScroll, getScrollContainer, isInContainer, isScroll, isWindow };

package/dist/file/config.d.ts

@@ -0,0 +1,10 @@
+//#region src/file/config.d.ts
+declare const fileTypes: {
+  videoAllowType: string[];
+  audioAllowType: string[];
+  imageType: string[];
+  videoType: string[];
+  audioType: string[];
+};
+//#endregion
+export { fileTypes };

package/dist/file/config.js

@@ -0,0 +1,81 @@
+//#region src/file/config.ts
+/**
+* 文件类型配置
+*/
+const fileTypes = {
+	videoAllowType: [
+		"mp4",
+		"webm",
+		"ogg"
+	],
+	audioAllowType: [
+		"mp3",
+		"ogg",
+		"wav",
+		"aac",
+		"m4a",
+		"webm"
+	],
+	imageType: [
+		"jpeg",
+		"jpg",
+		"png",
+		"gif",
+		"bmp",
+		"tiff",
+		"tif",
+		"webp",
+		"heic",
+		"heif",
+		"svg",
+		"ico",
+		"raw",
+		"cr2",
+		"nef",
+		"arw",
+		"dng",
+		"psd",
+		"eps"
+	],
+	videoType: [
+		"mp4",
+		"avi",
+		"mov",
+		"wmv",
+		"mkv",
+		"flv",
+		"webm",
+		"mpeg",
+		"mpg",
+		"3gp",
+		"ogv",
+		"mxf",
+		"vob",
+		"rm",
+		"rmvb",
+		"ts",
+		"mts",
+		"m2ts",
+		"divx",
+		"xvid"
+	],
+	audioType: [
+		"mp3",
+		"wav",
+		"aac",
+		"flac",
+		"ogg",
+		"wma",
+		"m4a",
+		"alac",
+		"opus",
+		"amr",
+		"aiff",
+		"au",
+		"pcm",
+		"ape"
+	]
+};
+
+//#endregion
+export { fileTypes };

package/dist/file/convert.d.ts

@@ -0,0 +1,8 @@
+//#region src/file/convert.d.ts
+declare function getBlobUrl(blob: Blob): string;
+declare function getBase64(file: File): Promise<string | ArrayBuffer | null>;
+declare function dataURLtoBlob(url: any): Blob;
+declare function dataURLtoFile(url: string, filename: string): File;
+declare function blobToDataURL(blob: Blob, fileName: string, fileType: string): File;
+//#endregion
+export { blobToDataURL, dataURLtoBlob, dataURLtoFile, getBase64, getBlobUrl };