@will-ui/vue 1.0.0

package/dist/util/dom.d.ts

@@ -0,0 +1,65 @@
+import { EmptyObject, RectType } from '../config/types';
+export declare const transitionState: string[];
+export declare function isWindow(v: any): boolean;
+export declare function isElement(v: any): v is HTMLElement;
+export declare function isDocumentBody(str: any): boolean;
+export declare function getUnit(value: string | number): string;
+export declare function hasUnit(value: string | number): boolean;
+export declare function toPX(el: HTMLElement, value: string | number): number;
+export declare function getStyle(elem: HTMLElement, prop: any): string;
+export declare function setStyle(elem: HTMLElement, propValue?: Record<string, any>): (prop: string, value: string | null) => /*elided*/ any;
+export declare function isDisplayNone(elem: HTMLElement): boolean;
+export declare function isInvisible(elem: HTMLElement): boolean;
+export declare function setAttr(elem: HTMLElement, attrs: EmptyObject): void;
+export declare function getWindowSize(): {
+    outer: {
+        height: number;
+        width: number;
+    };
+    inner: {
+        height: number;
+        width: number;
+    };
+};
+export declare function getPageScroll(): {
+    x: number;
+    y: number;
+};
+export declare function getPageSize(): {
+    height: number;
+    width: number;
+};
+export declare function getBoundingClientRect(elem: HTMLElement): DOMRect;
+export declare function getOffset(elem: HTMLElement, parent: HTMLElement | null | undefined): {
+    left: number;
+    top: number;
+};
+export declare function getScrollbarWidth(): number;
+export declare function getElement(elem: any): HTMLElement | typeof window | Document | undefined;
+export declare function getElementPositionInPage(elem: any): RectType;
+/**
+ * nearby 模式下：把页面坐标转为相对定位根（padding edge）内的 absolute top/left。
+ * 箭头 x/y 相对层自身，无需转换。
+ */
+export declare function pageToNearbyLocal(page: {
+    top: number;
+    left: number;
+}, root: any): {
+    top: number;
+    left: number;
+};
+export declare function getInvisibleElementSize(el: any, //要计算的元素
+nearby?: boolean, relate?: any, //相关元素
+transitionName?: string): {
+    width: number;
+    height: number;
+};
+export declare function hasScrollbar(el: HTMLElement): {
+    x: boolean;
+    y: boolean;
+};
+export declare function getParentScrollElement(el: any): HTMLElement[];
+export declare function hasClass(el: any, className: string): boolean;
+export declare function addClass(el: any, className: string | string[]): void;
+export declare function removeClass(el: any, className: string | string[]): void;
+export declare function filterListeners(attrs: any): any;

package/dist/util/dom.js

@@ -0,0 +1,212 @@
+import { isObject, isString } from "./tools.js";
+import { unref } from "vue";
+//#region util/dom.ts
+var win = window;
+var doc = document;
+var transitionState = [
+	"enter-from",
+	"enter-active",
+	"leave-to",
+	"leave-active"
+];
+function isWindow(v) {
+	return v === window;
+}
+function isElement(v) {
+	return v && v instanceof HTMLElement;
+}
+function isId(str) {
+	return str.charAt(0) === "#";
+}
+function isClass(str) {
+	return str.charAt(0) === ".";
+}
+function $(str) {
+	return document.querySelector(str);
+}
+function isDocumentBody(str) {
+	return str === "body" || str === document.body;
+}
+function getUnit(value) {
+	return String(value).replace(/[\-\.\d]/gi, "").toLowerCase();
+}
+function hasUnit(value) {
+	return getUnit(value) !== "";
+}
+function getStyle(elem, prop) {
+	return win.getComputedStyle(elem, null)[prop];
+}
+function setStyle(elem, propValue) {
+	if (propValue) for (let k in propValue) elem.style.setProperty(k, propValue[k]);
+	else {
+		const set = (prop, value) => {
+			elem.style.setProperty(prop, value);
+			return set;
+		};
+		return set;
+	}
+}
+function isInvisible(elem) {
+	const { x, y, width, height, left, right, top, bottom } = getBoundingClientRect(elem);
+	return x === 0 && x === y && y === width && width === height && height === left && left === right && right === top && top === bottom;
+}
+function setAttr(elem, attrs) {
+	if (elem) for (const prop in attrs) elem.setAttribute("tabindex", attrs[prop]);
+}
+function getWindowSize() {
+	return {
+		outer: {
+			height: win.outerHeight,
+			width: win.outerWidth
+		},
+		inner: {
+			height: win.innerHeight,
+			width: win.innerWidth
+		}
+	};
+}
+function getPageScroll() {
+	return {
+		x: win.pageXOffset,
+		y: win.pageYOffset
+	};
+}
+function getBoundingClientRect(elem) {
+	const _el = getElement(elem);
+	if (_el && isElement(_el)) return _el.getBoundingClientRect();
+	return {
+		left: 0,
+		top: 0,
+		width: 0,
+		height: 0,
+		bottom: 0,
+		right: 0
+	};
+}
+function getElement(elem) {
+	const el = unref(elem);
+	let _ = void 0;
+	if (el === window) _ = window;
+	else if (el === document) _ = document;
+	else if (isElement(el)) _ = el;
+	else if (isDocumentBody(el)) _ = document.body;
+	else if (isString(el)) {
+		if (isId(el) || isClass(el)) _ = $(el);
+	} else if (isObject(el)) {
+		const _el = el.$el;
+		if (isElement(_el)) _ = _el;
+	}
+	return _;
+}
+function getElementPositionInPage(elem) {
+	let _el = getElement(elem);
+	const { x: left, y: top } = getPageScroll();
+	if (_el && isElement(_el)) {
+		const rect = getBoundingClientRect(_el);
+		return {
+			left: left + rect.left,
+			top: top + rect.top,
+			right: rect.right + left,
+			bottom: rect.bottom + top,
+			width: rect.width,
+			height: rect.height
+		};
+	}
+	return {
+		left: 0,
+		top: 0,
+		right: 0,
+		bottom: 0,
+		width: 0,
+		height: 0
+	};
+}
+/**
+* nearby 模式下：把页面坐标转为相对定位根（padding edge）内的 absolute top/left。
+* 箭头 x/y 相对层自身，无需转换。
+*/
+function pageToNearbyLocal(page, root) {
+	const el = getElement(root);
+	if (!el || !isElement(el)) return page;
+	const rootRect = getElementPositionInPage(el);
+	let borderTop = 0;
+	let borderLeft = 0;
+	if (typeof getComputedStyle === "function") {
+		const cs = getComputedStyle(el);
+		borderTop = parseFloat(cs.borderTopWidth) || 0;
+		borderLeft = parseFloat(cs.borderLeftWidth) || 0;
+	}
+	return {
+		top: page.top - rootRect.top - borderTop,
+		left: page.left - rootRect.left - borderLeft
+	};
+}
+function getInvisibleElementSize(el, nearby = false, relate, transitionName) {
+	let width = 0, height = 0;
+	function _clone_calc_size(_el) {
+		let parentNode = doc.body;
+		if (nearby) {
+			const _relate = getElement(relate);
+			if (_relate && isElement(_relate)) {
+				const p = _relate.parentNode;
+				if (p !== null) parentNode = p;
+			}
+		}
+		const node = _el.cloneNode(true);
+		if (transitionName) removeClass(node, transitionState.map((s) => transitionName + "-" + s));
+		node.style.display = "block";
+		node.style.opacity = "0";
+		parentNode.appendChild(node);
+		({width, height} = getBoundingClientRect(node));
+		parentNode.removeChild(node);
+	}
+	const _el = getElement(el);
+	if (_el && isElement(_el)) _clone_calc_size(_el);
+	return {
+		width,
+		height
+	};
+}
+function hasScrollbar(el) {
+	const x = getStyle(el, "overflow-x");
+	const y = getStyle(el, "overflow-y");
+	if (x === "hidden" && y === "hidden") return {
+		x: false,
+		y: false
+	};
+	return {
+		x: el.clientWidth < el.scrollWidth,
+		y: el.clientHeight < el.scrollHeight
+	};
+}
+function getParentScrollElement(el) {
+	let _el = getElement(el);
+	const scrolls = [];
+	const collectParent = (node) => {
+		const parent = node.parentNode;
+		if (parent !== null && parent !== doc.body) {
+			const _p = parent;
+			const { x, y } = hasScrollbar(_p);
+			if (x || y) scrolls.push(_p);
+			collectParent(_p);
+		}
+	};
+	if (_el && isElement(_el)) collectParent(_el);
+	return scrolls;
+}
+function removeClass(el, className) {
+	const _el = getElement(el);
+	const cls = isString(className) ? [className] : className;
+	if (_el && isElement(_el)) _el.classList.remove(...cls);
+}
+function filterListeners(attrs) {
+	let o = {};
+	if (attrs) {
+		for (const k in attrs) if (k.slice(0, 2).toLowerCase() === "on") o[k] = attrs[k];
+	}
+	return o;
+}
+//#endregion
+export { filterListeners, getBoundingClientRect, getElement, getElementPositionInPage, getInvisibleElementSize, getPageScroll, getParentScrollElement, getStyle, getUnit, getWindowSize, hasScrollbar, hasUnit, isDocumentBody, isElement, isInvisible, isWindow, pageToNearbyLocal, removeClass, setAttr, setStyle, transitionState };
+
+//# sourceMappingURL=dom.js.map

package/dist/util/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","names":[],"sources":["../../util/dom.ts"],"sourcesContent":["import { unref } from \"vue\"\r\nimport type { EmptyObject, RectType } from \"../config/types\"\r\nimport { isObject, isString } from \"./tools\"\r\nconst win = window\r\nconst doc = document\r\n\r\nexport const transitionState: string[] = [\r\n  \"enter-from\",\r\n  \"enter-active\",\r\n  \"leave-to\",\r\n  \"leave-active\",\r\n]\r\n\r\nexport function isWindow(v: any) {\r\n  return v === window\r\n}\r\n\r\nexport function isElement(v: any): v is HTMLElement {\r\n  return v && v instanceof HTMLElement\r\n}\r\nfunction isId(str: string) {\r\n  return str.charAt(0) === \"#\"\r\n}\r\nfunction isClass(str: string) {\r\n  return str.charAt(0) === \".\"\r\n}\r\nfunction $(str: string) {\r\n  return document.querySelector(str)\r\n}\r\nexport function isDocumentBody(str: any) {\r\n  return str === \"body\" || str === document.body\r\n}\r\n\r\nexport function getUnit(value: string | number) {\r\n  const unit = String(value)\r\n    .replace(/[\\-\\.\\d]/gi, \"\")\r\n    .toLowerCase()\r\n  return unit\r\n}\r\n\r\nexport function hasUnit(value: string | number) {\r\n  // console.log(units.indexOf(unit) > -1)\r\n  const unit = getUnit(value)\r\n  // return units.indexOf(getUnit(value)) > -1\r\n  return unit !== \"\"\r\n}\r\n\r\nexport function toPX(el: HTMLElement, value: string | number): number {\r\n  const v = parseFloat(value + \"\")\r\n  const unit = getUnit(value)\r\n  const fontSize = parseInt(getStyle(el, \"font-size\"))\r\n  if (unit !== \"\") {\r\n    if (unit === \"em\") {\r\n      return v * fontSize\r\n    }\r\n  }\r\n  return 0\r\n}\r\n\r\nexport function getStyle(elem: HTMLElement, prop: any) {\r\n  return win.getComputedStyle(elem, null)[prop]\r\n}\r\n\r\nexport function setStyle(elem: HTMLElement, propValue?: Record<string, any>) {\r\n  if (propValue) {\r\n    for (let k in propValue) {\r\n      // elem.style[k] = propValue[k]\r\n      elem.style.setProperty(k, propValue[k])\r\n    }\r\n  } else {\r\n    const set = (prop: string, value: string | null) => {\r\n      elem.style.setProperty(prop, value)\r\n      return set\r\n    }\r\n    return set\r\n  }\r\n}\r\n\r\nexport function isDisplayNone(elem: HTMLElement) {\r\n  return getStyle(elem, \"display\") === \"none\"\r\n}\r\n//检测元素是否不可见，即处于display:none，或者在display:none的容器中\r\nexport function isInvisible(elem: HTMLElement) {\r\n  const { x, y, width, height, left, right, top, bottom } =\r\n    getBoundingClientRect(elem)\r\n  return (\r\n    x === 0 &&\r\n    x === y &&\r\n    y === width &&\r\n    width === height &&\r\n    height === left &&\r\n    left === right &&\r\n    right === top &&\r\n    top === bottom\r\n  )\r\n}\r\n\r\nexport function setAttr(elem: HTMLElement, attrs: EmptyObject) {\r\n  if (elem) {\r\n    for (const prop in attrs) {\r\n      elem.setAttribute(\"tabindex\", attrs[prop])\r\n    }\r\n  }\r\n}\r\n\r\nexport function getWindowSize() {\r\n  return {\r\n    outer: {\r\n      height: win.outerHeight,\r\n      width: win.outerWidth,\r\n    },\r\n    //inner的宽高包括了滚动条的尺寸！\r\n    inner: {\r\n      height: win.innerHeight,\r\n      width: win.innerWidth,\r\n    },\r\n  }\r\n}\r\n//获取页面的滚动距离\r\nexport function getPageScroll() {\r\n  return {\r\n    x: win.pageXOffset,\r\n    y: win.pageYOffset,\r\n  }\r\n}\r\n\r\n//获取整个页面的宽高\r\nexport function getPageSize() {\r\n  return {\r\n    height: Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight),\r\n    width: Math.max(doc.body.scrollWidth, doc.documentElement.scrollWidth),\r\n  }\r\n}\r\n\r\nexport function getBoundingClientRect(elem: HTMLElement) {\r\n  const _el = getElement(elem)\r\n  if (_el && isElement(_el)) {\r\n    return _el.getBoundingClientRect()\r\n  }\r\n  return {\r\n    left: 0,\r\n    top: 0,\r\n    width: 0,\r\n    height: 0,\r\n    bottom: 0,\r\n    right: 0,\r\n  } as DOMRect\r\n}\r\n\r\nexport function getOffset(\r\n  elem: HTMLElement,\r\n  parent: HTMLElement | null | undefined\r\n) {\r\n  let left = elem.offsetLeft,\r\n    top = elem.offsetTop,\r\n    cur = elem.offsetParent\r\n  if (!parent) {\r\n    while (cur !== null) {\r\n      left += (cur as HTMLElement).offsetLeft\r\n      top += (cur as HTMLElement).offsetTop\r\n      cur = (cur as HTMLElement).offsetParent\r\n    }\r\n  } else {\r\n    while (cur && cur != parent) {\r\n      left += (cur as HTMLElement).offsetLeft\r\n      top += (cur as HTMLElement).offsetTop\r\n      cur = (cur as HTMLElement).offsetParent\r\n    }\r\n  }\r\n  return {\r\n    left,\r\n    top,\r\n  }\r\n}\r\n\r\n//获取滚动条的宽度\r\nexport function getScrollbarWidth() {\r\n  let noScroll,\r\n    scroll,\r\n    oDiv = document.createElement(\"DIV\")\r\n  oDiv.style.cssText =\r\n    \"position:fixed; top:-1000px; width:100px; height:100px; overflow:hidden;\"\r\n  noScroll = document.body.appendChild(oDiv).clientWidth\r\n  oDiv.style.overflowY = \"scroll\"\r\n  scroll = oDiv.clientWidth\r\n  document.body.removeChild(oDiv)\r\n  return noScroll - scroll\r\n}\r\n\r\n// 获取元素\r\nexport function getElement(\r\n  elem: any\r\n): HTMLElement | typeof window | Document | undefined {\r\n  // const el = isRef(elem) ? elem.value : elem\r\n  const el = unref(elem)\r\n  let _: HTMLElement | typeof window | Document | undefined = undefined\r\n  if (el === window) {\r\n    _ = window\r\n  } else if (el === document) {\r\n    _ = document\r\n  } else if (isElement(el)) {\r\n    _ = el as HTMLElement\r\n  } else if (isDocumentBody(el)) {\r\n    _ = document.body\r\n  } else if (isString(el)) {\r\n    if (isId(el) || isClass(el)) {\r\n      _ = $(el) as HTMLElement\r\n    }\r\n  } else if (isObject(el)) {\r\n    //控制台打印的是Proxy{...}\r\n    const _el = el.$el as HTMLElement\r\n    if (isElement(_el)) {\r\n      _ = _el\r\n    }\r\n  }\r\n  return _\r\n}\r\n\r\nexport function getElementPositionInPage(elem: any): RectType {\r\n  let _el = getElement(elem)\r\n\r\n  const { x: left, y: top } = getPageScroll()\r\n  if (_el && isElement(_el)) {\r\n    const rect = getBoundingClientRect(_el)\r\n    return {\r\n      left: left + rect.left,\r\n      top: top + rect.top,\r\n      right: rect.right + left,\r\n      bottom: rect.bottom + top,\r\n      width: rect.width,\r\n      height: rect.height,\r\n    }\r\n  }\r\n  return {\r\n    left: 0,\r\n    top: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    width: 0,\r\n    height: 0,\r\n  }\r\n}\r\n\r\n/**\r\n * nearby 模式下：把页面坐标转为相对定位根（padding edge）内的 absolute top/left。\r\n * 箭头 x/y 相对层自身，无需转换。\r\n */\r\nexport function pageToNearbyLocal(\r\n  page: { top: number; left: number },\r\n  root: any,\r\n): { top: number; left: number } {\r\n  const el = getElement(root)\r\n  if (!el || !isElement(el)) return page\r\n  const rootRect = getElementPositionInPage(el)\r\n  let borderTop = 0\r\n  let borderLeft = 0\r\n  if (typeof getComputedStyle === 'function') {\r\n    const cs = getComputedStyle(el)\r\n    borderTop = parseFloat(cs.borderTopWidth) || 0\r\n    borderLeft = parseFloat(cs.borderLeftWidth) || 0\r\n  }\r\n  return {\r\n    top: page.top - rootRect.top - borderTop,\r\n    left: page.left - rootRect.left - borderLeft,\r\n  }\r\n}\r\n\r\n//计算不可见元素的宽高\r\nexport function getInvisibleElementSize(\r\n  el: any, //要计算的元素\r\n  nearby: boolean = false,\r\n  relate?: any, //相关元素\r\n  transitionName?: string\r\n) {\r\n  let width: number = 0,\r\n    height: number = 0\r\n  function _clone_calc_size(_el: HTMLElement) {\r\n    let parentNode: HTMLElement | ParentNode = doc.body\r\n    if (nearby) {\r\n      const _relate = getElement(relate)\r\n      if (_relate && isElement(_relate)) {\r\n        const p = _relate.parentNode\r\n        if (p !== null) {\r\n          parentNode = p\r\n        }\r\n      }\r\n    }\r\n    const node = _el.cloneNode(true) as HTMLElement\r\n    if (transitionName) {\r\n      removeClass(\r\n        node,\r\n        transitionState.map((s) => transitionName + \"-\" + s)\r\n      )\r\n    } else {\r\n    }\r\n    node.style.display = \"block\"\r\n    node.style.opacity = \"0\"\r\n    parentNode.appendChild(node)\r\n    ;({ width, height } = getBoundingClientRect(node))\r\n    parentNode.removeChild(node)\r\n  }\r\n\r\n  const _el = getElement(el)\r\n  if (_el && isElement(_el)) {\r\n    _clone_calc_size(_el)\r\n  }\r\n  return { width, height }\r\n}\r\n\r\n//判断给定的元素有没有滚动条，x和y任何一个有，即为true\r\nexport function hasScrollbar(el: HTMLElement) {\r\n  const x = getStyle(el, \"overflow-x\")\r\n  const y = getStyle(el, \"overflow-y\")\r\n\r\n  if (x === \"hidden\" && y === \"hidden\") {\r\n    return { x: false, y: false }\r\n  }\r\n\r\n  return {\r\n    x: el.clientWidth < el.scrollWidth,\r\n    y: el.clientHeight < el.scrollHeight,\r\n  }\r\n}\r\n\r\n//不包括document.body\r\nexport function getParentScrollElement(el: any) {\r\n  let _el = getElement(el)\r\n  // console.log(_el, typeof el === 'object')\r\n  // if (!_el && typeof el === 'object') {\r\n  //   _el = el.$el\r\n  // }\r\n  const scrolls: HTMLElement[] = []\r\n  const collectParent = (node: HTMLElement) => {\r\n    const parent = node.parentNode\r\n    if (parent !== null && parent !== doc.body) {\r\n      const _p = parent as HTMLElement\r\n      const { x, y } = hasScrollbar(_p)\r\n      if (x || y) {\r\n        scrolls.push(_p)\r\n      }\r\n      collectParent(_p)\r\n    }\r\n  }\r\n  if (_el && isElement(_el)) {\r\n    collectParent(_el)\r\n  }\r\n  return scrolls\r\n}\r\n\r\nexport function hasClass(el: any, className: string): boolean {\r\n  const _el = getElement(el)\r\n  if (!className) {\r\n    return false\r\n  }\r\n  if (_el && isElement(_el)) {\r\n    return _el?.classList.contains(className)\r\n  }\r\n  return false\r\n}\r\n\r\nexport function addClass(el: any, className: string | string[]): void {\r\n  const _el = getElement(el)\r\n  const cls: string[] = isString(className) ? [className] : className\r\n  if (_el && isElement(_el)) _el.classList.add(...cls)\r\n}\r\n\r\nexport function removeClass(el: any, className: string | string[]): void {\r\n  const _el = getElement(el)\r\n  const cls: string[] = isString(className) ? [className] : className\r\n  if (_el && isElement(_el)) _el.classList.remove(...cls)\r\n}\r\n\r\n//attrs是context里的attrs\r\nexport function filterListeners(attrs: any) {\r\n  let o: any = {}\r\n  if (attrs) {\r\n    for (const k in attrs) {\r\n      const _on = k.slice(0, 2).toLowerCase()\r\n      if (_on === \"on\") {\r\n        o[k] = attrs[k]\r\n      }\r\n    }\r\n  }\r\n  return o\r\n}\r\n"],"mappings":"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"}

package/dist/util/index.d.ts

@@ -0,0 +1,5 @@
+export * from './tools';
+export * from './dom';
+export * from './calc';
+export * from './colors';
+export * from './cssVars';

package/dist/util/tools.d.ts

@@ -0,0 +1,54 @@
+import { VNode } from 'vue';
+import { isDate as _isDate } from 'date-fns';
+export declare const isBoolean: (val: unknown) => val is boolean;
+export declare const isString: (val: unknown) => val is string;
+export declare const isNumber: (val: unknown) => val is number;
+export declare const isObject: (val: unknown) => val is Record<any, any>;
+export declare const isFunction: (val: unknown) => val is Function;
+export declare const isArray: (val: unknown) => val is any[];
+export declare const isRecord: (val: unknown) => val is Record<any, any>;
+export declare const isSet: (val: unknown) => val is Set<any>;
+export declare const isMap: (val: unknown) => val is Map<any, any>;
+export declare const isDate: typeof _isDate;
+export declare const isComment: (node: VNode) => boolean;
+export declare const isFragment: (node: VNode) => boolean;
+export declare const isText: (node: VNode) => boolean;
+export declare const isInvalidValue: (v: any) => boolean;
+export declare const isValidValue: (v: any) => boolean;
+export declare function getItemValue<T extends number | string>(item: any, fieldOrIndex?: T): string | number | (any[] | Record<any, any>)[T];
+export declare function plattenTreeData<T extends Record<any, any>>(data: T[], childField: string, filter?: (parentItem: any, currentItem: any) => boolean, parentItem?: T | null): {
+    filterPlattenData: T[];
+    totalPlattenData: T[];
+};
+interface IOpts<V, R extends Record<string, string>> {
+    value: V;
+    arr: R[];
+    prop: string;
+    children: string;
+}
+/**
+ * 高性能版本：使用迭代+路径栈的方式查找父级路径
+ * 优势：避免递归栈溢出，找到即停止，减少不必要的遍历
+ */
+export declare function getParent<V, R extends Record<string, any>>(opts: IOpts<V, R>): {
+    ids: string[];
+    rows: R[];
+};
+/**
+ * 获取指定节点的所有子孙节点（不包括自身）
+ * 使用迭代方式遍历，避免递归栈溢出
+ * @param opts - 配置对象，参数同 getParent
+ * @returns 所有子孙节点的数组（扁平化，不包括目标节点本身）
+ */
+export declare function getChildren<V, R extends Record<string, any>>(opts: IOpts<V, R>): R[];
+/**
+ * 获取从根节点到目标节点的完整路径（保持树形结构）
+ * 返回的数据包含完整的父子层级关系，只保留从根到目标的路径上的节点及其子树
+ * @param opts - 配置对象，参数同 getParent
+ * @returns 保持树形结构的路径数据，只包含从根到目标的路径节点及其完整子树
+ */
+export declare function getPath<V, R extends Record<string, any>>(opts: IOpts<V, R>): {
+    ids: string[];
+    rows: R[];
+};
+export {};

package/dist/util/tools.js

@@ -0,0 +1,90 @@
+import { Comment, Fragment, Text } from "vue";
+import { isDate } from "date-fns";
+//#region util/tools.ts
+var isBoolean = (val) => typeof val === "boolean";
+var isString = (val) => typeof val === "string";
+var isNumber = (val) => typeof val === "number";
+var isObject = (val) => val !== null && typeof val === "object";
+var isFunction = (val) => typeof val === "function";
+var isArray = (val) => Array.isArray(val);
+var isSet = (val) => val instanceof Set;
+var isDate$1 = isDate;
+var isComment = (node) => node.type === Comment;
+var isFragment = (node) => node.type === Fragment;
+var isText = (node) => node.type === Text;
+var isInvalidValue = (v) => v === "" || v === void 0 || v === null;
+var isValidValue = (v) => !isInvalidValue(v);
+function getItemValue(item, fieldOrIndex) {
+	if (isNumber(item) || isString(item)) return item;
+	if (fieldOrIndex === void 0) return;
+	else if (isObject(item) || isArray(item)) return item[fieldOrIndex];
+}
+/**
+* 高性能版本：使用迭代+路径栈的方式查找父级路径
+* 优势：避免递归栈溢出，找到即停止，减少不必要的遍历
+*/
+function getParent(opts) {
+	const { value, arr, prop, children } = opts;
+	const stack = arr.map((item) => ({
+		node: item,
+		path: [item]
+	}));
+	while (stack.length > 0) {
+		const { node, path } = stack.pop();
+		if (node[prop] === value) return {
+			ids: path.map((item) => item[prop]),
+			rows: [...path]
+		};
+		const childNodes = node[children];
+		if (childNodes && isArray(childNodes) && childNodes.length > 0) for (let i = childNodes.length - 1; i >= 0; i--) stack.push({
+			node: childNodes[i],
+			path: [...path, childNodes[i]]
+		});
+	}
+	return {
+		ids: [],
+		rows: []
+	};
+}
+/**
+* 获取指定节点的所有子孙节点（不包括自身）
+* 使用迭代方式遍历，避免递归栈溢出
+* @param opts - 配置对象，参数同 getParent
+* @returns 所有子孙节点的数组（扁平化，不包括目标节点本身）
+*/
+function getChildren(opts) {
+	const { value, arr, prop, children } = opts;
+	const findStack = arr.map((item) => ({
+		node: item,
+		path: [item]
+	}));
+	let targetNode = null;
+	while (findStack.length > 0) {
+		const { node } = findStack.pop();
+		if (node[prop] === value) {
+			targetNode = node;
+			break;
+		}
+		const childNodes = node[children];
+		if (childNodes && isArray(childNodes) && childNodes.length > 0) for (let i = childNodes.length - 1; i >= 0; i--) findStack.push({
+			node: childNodes[i],
+			path: []
+		});
+	}
+	if (!targetNode) return [];
+	const result = [];
+	const collectStack = [];
+	const directChildren = targetNode[children];
+	if (directChildren && isArray(directChildren) && directChildren.length > 0) collectStack.push(...directChildren);
+	while (collectStack.length > 0) {
+		const currentNode = collectStack.pop();
+		result.push(currentNode);
+		const childNodes = currentNode[children];
+		if (childNodes && isArray(childNodes) && childNodes.length > 0) collectStack.push(...childNodes);
+	}
+	return result;
+}
+//#endregion
+export { getChildren, getItemValue, getParent, isArray, isBoolean, isComment, isDate$1 as isDate, isFragment, isFunction, isInvalidValue, isNumber, isObject, isSet, isString, isText, isValidValue };
+
+//# sourceMappingURL=tools.js.map

package/dist/util/tools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools.js","names":[],"sources":["../../util/tools.ts"],"sourcesContent":["import { Comment, Fragment, Text } from \"vue\"\r\nimport type { VNode } from \"vue\"\r\nimport { isDate as _isDate } from \"date-fns\"\r\n\r\nexport const isBoolean = (val: unknown): val is boolean =>\r\n  typeof val === \"boolean\"\r\nexport const isString = (val: unknown): val is string => typeof val === \"string\"\r\nexport const isNumber = (val: unknown): val is number => typeof val === \"number\"\r\nexport const isObject = (val: unknown): val is Record<any, any> =>\r\n  val !== null && typeof val === \"object\"\r\nexport const isFunction = (val: unknown): val is Function =>\r\n  typeof val === \"function\"\r\nexport const isArray = (val: unknown): val is any[] => Array.isArray(val)\r\nexport const isRecord = (val: unknown): val is Record<any, any> =>\r\n  isObject(val) && !isArray(val)\r\nexport const isSet = (val: unknown): val is Set<any> => val instanceof Set\r\nexport const isMap = (val: unknown): val is Map<any, any> => val instanceof Map\r\nexport const isDate = _isDate\r\n\r\nexport const isComment = (node: VNode): boolean => node.type === Comment\r\nexport const isFragment = (node: VNode): boolean => node.type === Fragment\r\nexport const isText = (node: VNode): boolean => node.type === Text\r\n\r\n// console.log(isDate(Number(new Date())))\r\nexport const isInvalidValue = (v: any) =>\r\n  v === \"\" || v === undefined || v === null\r\n\r\nexport const isValidValue = (v: any) => !isInvalidValue(v)\r\nexport function getItemValue<T extends number | string>(\r\n  item: any,\r\n  fieldOrIndex?: T\r\n) {\r\n  if (isNumber(item) || isString(item)) {\r\n    return item\r\n  }\r\n  if (fieldOrIndex === undefined) {\r\n    return undefined\r\n  } else {\r\n    if (isObject(item) || isArray(item)) {\r\n      return item[fieldOrIndex]\r\n    }\r\n  }\r\n}\r\n//将树形结构的数据扁平化，支持条件筛选\r\n//如何用ts更规范的定义此函数？\r\nexport function plattenTreeData<T extends Record<any, any>>(\r\n  data: T[],\r\n  childField: string,\r\n  filter?: (parentItem: any, currentItem: any) => boolean,\r\n  parentItem?: T | null\r\n) {\r\n  let filterPlattenData: T[] = []\r\n  let totalPlattenData: T[] = []\r\n\r\n  const fn = (\r\n    data: T[],\r\n    childField: string,\r\n    filter?: (parentItem: any, currentItem: any) => boolean,\r\n    parentItem?: T | null\r\n  ) => {\r\n    if (data?.length) {\r\n      data.forEach((item: T) => {\r\n        totalPlattenData.push(item)\r\n        if (filter) {\r\n          const b = filter(parentItem, item)\r\n          if (b) {\r\n            filterPlattenData.push(item)\r\n          }\r\n        } else {\r\n          filterPlattenData.push(item)\r\n        }\r\n        const child = item[childField]\r\n        if (child && isArray(child)) {\r\n          fn(child, childField, filter, item)\r\n        }\r\n      })\r\n    }\r\n  }\r\n\r\n  fn(data, childField, filter, parentItem)\r\n\r\n  return {\r\n    filterPlattenData,\r\n    totalPlattenData,\r\n  }\r\n}\r\n\r\n//值类型,数组每项类型,\r\ninterface IOpts<V, R extends Record<string, string>> {\r\n  value: V //关键字段对应的值\r\n  arr: R[] //源数据（一般是树形数据）\r\n  prop: string //关键字段对应的属性名\r\n  children: string //子节点字段对应的属性名\r\n}\r\n\r\n/**\r\n * 高性能版本：使用迭代+路径栈的方式查找父级路径\r\n * 优势：避免递归栈溢出，找到即停止，减少不必要的遍历\r\n */\r\nexport function getParent<V, R extends Record<string, any>>(\r\n  opts: IOpts<V, R>\r\n): { ids: string[]; rows: R[] } {\r\n  const { value, arr, prop, children } = opts\r\n\r\n  // 使用栈进行迭代遍历，每个元素包含节点和路径信息\r\n  type StackItem = { node: R; path: R[] }\r\n  const stack: StackItem[] = arr.map((item) => ({ node: item, path: [item] }))\r\n\r\n  while (stack.length > 0) {\r\n    const { node, path } = stack.pop()!\r\n\r\n    // 找到目标节点，直接返回路径\r\n    if (node[prop] === value) {\r\n      return {\r\n        ids: path.map((item) => item[prop]),\r\n        rows: [...path], // 返回副本，避免外部修改\r\n      }\r\n    }\r\n\r\n    // 将子节点加入栈（逆序加入保证从左到右遍历）\r\n    const childNodes = node[children]\r\n    if (childNodes && isArray(childNodes) && childNodes.length > 0) {\r\n      for (let i = childNodes.length - 1; i >= 0; i--) {\r\n        stack.push({\r\n          node: childNodes[i],\r\n          path: [...path, childNodes[i]], // 创建新路径数组\r\n        })\r\n      }\r\n    }\r\n  }\r\n\r\n  // 未找到目标节点\r\n  return { ids: [], rows: [] }\r\n}\r\n\r\n/**\r\n * 获取指定节点的所有子孙节点（不包括自身）\r\n * 使用迭代方式遍历，避免递归栈溢出\r\n * @param opts - 配置对象，参数同 getParent\r\n * @returns 所有子孙节点的数组（扁平化，不包括目标节点本身）\r\n */\r\nexport function getChildren<V, R extends Record<string, any>>(\r\n  opts: IOpts<V, R>\r\n): R[] {\r\n  const { value, arr, prop, children } = opts\r\n\r\n  // 第一步：找到目标节点\r\n  type StackItem = { node: R; path: R[] }\r\n  const findStack: StackItem[] = arr.map((item) => ({\r\n    node: item,\r\n    path: [item],\r\n  }))\r\n  let targetNode: R | null = null\r\n\r\n  while (findStack.length > 0) {\r\n    const { node } = findStack.pop()!\r\n\r\n    if (node[prop] === value) {\r\n      targetNode = node\r\n      break\r\n    }\r\n\r\n    const childNodes = node[children]\r\n    if (childNodes && isArray(childNodes) && childNodes.length > 0) {\r\n      for (let i = childNodes.length - 1; i >= 0; i--) {\r\n        findStack.push({\r\n          node: childNodes[i],\r\n          path: [], // 查找阶段不需要路径\r\n        })\r\n      }\r\n    }\r\n  }\r\n\r\n  // 未找到目标节点或目标节点没有子节点\r\n  if (!targetNode) {\r\n    return []\r\n  }\r\n\r\n  // 第二步：收集所有子孙节点\r\n  const result: R[] = []\r\n  const collectStack: R[] = []\r\n\r\n  // 将直接子节点加入收集栈\r\n  const directChildren = targetNode[children]\r\n  if (directChildren && isArray(directChildren) && directChildren.length > 0) {\r\n    collectStack.push(...directChildren)\r\n  }\r\n\r\n  // 迭代收集所有子孙节点\r\n  while (collectStack.length > 0) {\r\n    const currentNode = collectStack.pop()!\r\n    result.push(currentNode)\r\n\r\n    // 将当前节点的子节点加入收集栈\r\n    const childNodes = currentNode[children]\r\n    if (childNodes && isArray(childNodes) && childNodes.length > 0) {\r\n      collectStack.push(...childNodes)\r\n    }\r\n  }\r\n\r\n  return result\r\n}\r\n\r\n/**\r\n * 获取从根节点到目标节点的完整路径（保持树形结构）\r\n * 返回的数据包含完整的父子层级关系，只保留从根到目标的路径上的节点及其子树\r\n * @param opts - 配置对象，参数同 getParent\r\n * @returns 保持树形结构的路径数据，只包含从根到目标的路径节点及其完整子树\r\n */\r\nexport function getPath<V, R extends Record<string, any>>(\r\n  opts: IOpts<V, R>\r\n): { ids: string[]; rows: R[] } {\r\n  const { value, arr, prop, children } = opts\r\n\r\n  // 第一步：找到目标节点并记录路径\r\n  type StackItem = { node: R; path: R[] }\r\n  const stack: StackItem[] = arr.map((item) => ({ node: item, path: [item] }))\r\n  let targetPath: R[] = []\r\n\r\n  while (stack.length > 0) {\r\n    const { node, path } = stack.pop()!\r\n\r\n    if (node[prop] === value) {\r\n      targetPath = path\r\n      break\r\n    }\r\n\r\n    const childNodes = node[children]\r\n    if (childNodes && isArray(childNodes) && childNodes.length > 0) {\r\n      for (let i = childNodes.length - 1; i >= 0; i--) {\r\n        stack.push({\r\n          node: childNodes[i],\r\n          path: [...path, childNodes[i]],\r\n        })\r\n      }\r\n    }\r\n  }\r\n\r\n  // 未找到目标节点\r\n  if (targetPath.length === 0) {\r\n    return { ids: [], rows: [] }\r\n  }\r\n\r\n  // 第二步：从原始数据中提取完整路径（保持树形结构）\r\n  // 需要递归复制路径上的每个节点及其子树\r\n  const extractPath = (sourceArr: R[], pathNodes: R[], depth: number): R[] => {\r\n    if (depth >= pathNodes.length) {\r\n      return []\r\n    }\r\n\r\n    const currentNode = pathNodes[depth]\r\n    const result: R[] = []\r\n\r\n    for (const sourceNode of sourceArr) {\r\n      if (sourceNode[prop] === currentNode[prop]) {\r\n        // 找到匹配的节点，深拷贝该节点\r\n        const clonedNode = { ...sourceNode } as any\r\n\r\n        // 如果还有更深层的路径节点，递归处理子节点\r\n        if (depth < pathNodes.length - 1) {\r\n          const childNodes = sourceNode[children]\r\n          if (childNodes && isArray(childNodes)) {\r\n            clonedNode[children] = extractPath(childNodes, pathNodes, depth + 1)\r\n          }\r\n        }\r\n\r\n        result.push(clonedNode as R)\r\n        break // 找到后退出循环\r\n      }\r\n    }\r\n\r\n    return result\r\n  }\r\n\r\n  const treePath = extractPath(arr, targetPath, 0)\r\n\r\n  return {\r\n    ids: targetPath.map((item) => item[prop]),\r\n    rows: treePath,\r\n  }\r\n}\r\n"],"mappings":";;;AAIA,IAAa,aAAa,QACxB,OAAO,QAAQ;AACjB,IAAa,YAAY,QAAgC,OAAO,QAAQ;AACxE,IAAa,YAAY,QAAgC,OAAO,QAAQ;AACxE,IAAa,YAAY,QACvB,QAAQ,QAAQ,OAAO,QAAQ;AACjC,IAAa,cAAc,QACzB,OAAO,QAAQ;AACjB,IAAa,WAAW,QAA+B,MAAM,QAAQ,GAAG;AAGxE,IAAa,SAAS,QAAkC,eAAe;AAEvE,IAAa,WAAS;AAEtB,IAAa,aAAa,SAAyB,KAAK,SAAS;AACjE,IAAa,cAAc,SAAyB,KAAK,SAAS;AAClE,IAAa,UAAU,SAAyB,KAAK,SAAS;AAG9D,IAAa,kBAAkB,MAC7B,MAAM,MAAM,MAAM,KAAA,KAAa,MAAM;AAEvC,IAAa,gBAAgB,MAAW,CAAC,eAAe,CAAC;AACzD,SAAgB,aACd,MACA,cACA;CACA,IAAI,SAAS,IAAI,KAAK,SAAS,IAAI,GACjC,OAAO;CAET,IAAI,iBAAiB,KAAA,GACnB;MAEA,IAAI,SAAS,IAAI,KAAK,QAAQ,IAAI,GAChC,OAAO,KAAK;AAGlB;;;;;AAyDA,SAAgB,UACd,MAC8B;CAC9B,MAAM,EAAE,OAAO,KAAK,MAAM,aAAa;CAIvC,MAAM,QAAqB,IAAI,KAAK,UAAU;EAAE,MAAM;EAAM,MAAM,CAAC,IAAI;CAAE,EAAE;CAE3E,OAAO,MAAM,SAAS,GAAG;EACvB,MAAM,EAAE,MAAM,SAAS,MAAM,IAAI;EAGjC,IAAI,KAAK,UAAU,OACjB,OAAO;GACL,KAAK,KAAK,KAAK,SAAS,KAAK,KAAK;GAClC,MAAM,CAAC,GAAG,IAAI;EAChB;EAIF,MAAM,aAAa,KAAK;EACxB,IAAI,cAAc,QAAQ,UAAU,KAAK,WAAW,SAAS,GAC3D,KAAK,IAAI,IAAI,WAAW,SAAS,GAAG,KAAK,GAAG,KAC1C,MAAM,KAAK;GACT,MAAM,WAAW;GACjB,MAAM,CAAC,GAAG,MAAM,WAAW,EAAE;EAC/B,CAAC;CAGP;CAGA,OAAO;EAAE,KAAK,CAAC;EAAG,MAAM,CAAC;CAAE;AAC7B;;;;;;;AAQA,SAAgB,YACd,MACK;CACL,MAAM,EAAE,OAAO,KAAK,MAAM,aAAa;CAIvC,MAAM,YAAyB,IAAI,KAAK,UAAU;EAChD,MAAM;EACN,MAAM,CAAC,IAAI;CACb,EAAE;CACF,IAAI,aAAuB;CAE3B,OAAO,UAAU,SAAS,GAAG;EAC3B,MAAM,EAAE,SAAS,UAAU,IAAI;EAE/B,IAAI,KAAK,UAAU,OAAO;GACxB,aAAa;GACb;EACF;EAEA,MAAM,aAAa,KAAK;EACxB,IAAI,cAAc,QAAQ,UAAU,KAAK,WAAW,SAAS,GAC3D,KAAK,IAAI,IAAI,WAAW,SAAS,GAAG,KAAK,GAAG,KAC1C,UAAU,KAAK;GACb,MAAM,WAAW;GACjB,MAAM,CAAC;EACT,CAAC;CAGP;CAGA,IAAI,CAAC,YACH,OAAO,CAAC;CAIV,MAAM,SAAc,CAAC;CACrB,MAAM,eAAoB,CAAC;CAG3B,MAAM,iBAAiB,WAAW;CAClC,IAAI,kBAAkB,QAAQ,cAAc,KAAK,eAAe,SAAS,GACvE,aAAa,KAAK,GAAG,cAAc;CAIrC,OAAO,aAAa,SAAS,GAAG;EAC9B,MAAM,cAAc,aAAa,IAAI;EACrC,OAAO,KAAK,WAAW;EAGvB,MAAM,aAAa,YAAY;EAC/B,IAAI,cAAc,QAAQ,UAAU,KAAK,WAAW,SAAS,GAC3D,aAAa,KAAK,GAAG,UAAU;CAEnC;CAEA,OAAO;AACT"}

package/dist/util/vnode.d.ts

@@ -0,0 +1,2 @@
+import { Slots } from 'vue';
+export declare function getFirstChild(slot: Slots): void;

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@will-ui/vue",
+  "version": "1.0.0",
+  "description": "Vue 3 UI component library (TypeScript + JSX)",
+  "type": "module",
+  "main": "./index.ts",
+  "module": "./index.ts",
+  "types": "./index.ts",
+  "exports": {
+    ".": {
+      "types": "./index.ts",
+      "import": "./index.ts",
+      "default": "./index.ts"
+    },
+    "./style.css": "./styles/index.css",
+    "./theme.css": "./theme/index.css",
+    "./components/*": "./components/*/index.ts"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "default": "./dist/index.js"
+      },
+      "./style.css": "./dist/styles/index.css",
+      "./theme.css": "./dist/theme/index.css",
+      "./theme/*": "./dist/theme/tokens/*",
+      "./package.json": "./package.json"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "TAILWIND.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && node ../../scripts/embed-theme.mjs packages/ui",
+    "type-check": "vue-tsc --noEmit",
+    "prepublishOnly": "pnpm run build"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0",
+    "vue-i18n": "^9.0.0 || ^10.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vue-i18n": {
+      "optional": false
+    }
+  },
+  "dependencies": {
+    "async-validator": "^4.2.5",
+    "date-fns": "^3.6.0"
+  },
+  "devDependencies": {
+    "@mono/theme": "workspace:*",
+    "@types/node": "^25.9.2",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vitejs/plugin-vue-jsx": "^5.1.6",
+    "postcss": "^8.5.15",
+    "typescript": "^5.9.3",
+    "vite": "^8.2.1",
+    "vite-plugin-dts": "^5.0.3",
+    "vue": "^3.5.35",
+    "vue-i18n": "^9.14.4",
+    "vue-tsc": "^2.2.12"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "ui",
+    "component",
+    "typescript",
+    "jsx",
+    "will-ui"
+  ],
+  "license": "MIT"
+}