@will-ui/vue 1.0.0

package/dist/components/sheet/_util.js

@@ -0,0 +1,111 @@
+import { isObject } from "../../util/tools.js";
+//#region components/sheet/_util.ts
+/** 未挂载 / 无法解析 CSS 时的列宽回退（对齐基准 --__size=48） */
+var SHEET_COL_WIDTH_FALLBACK = {
+	col: 120,
+	index: 48,
+	checkbox: 45,
+	radio: 42,
+	action: 44
+};
+/** 由有效 --__size（px）派生默认列宽，与 sheet.css 公式一致 */
+function sheetColDefaultsFromSize(sizePx) {
+	const s = sizePx > 0 ? sizePx : SHEET_COL_WIDTH_FALLBACK.index;
+	return {
+		col: Math.round(s * 2.5),
+		index: Math.round(s),
+		checkbox: Math.round(s * 45 / 48),
+		radio: Math.round(s * 42 / 48),
+		action: Math.round(s * 44 / 48)
+	};
+}
+function readCssVarPx(scope, varName, fallback) {
+	const probe = document.createElement("div");
+	probe.setAttribute("aria-hidden", "true");
+	probe.style.cssText = "position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;height:0;overflow:hidden;width:var(" + varName + ")";
+	scope.appendChild(probe);
+	const px = probe.offsetWidth;
+	scope.removeChild(probe);
+	return px > 0 ? Math.round(px) : fallback;
+}
+/** 定位 Sheet 根（--__size / 列宽 token 所在） */
+function getSheetScope(el) {
+	if (!el) return null;
+	if (el.classList?.contains("w-sheet-container")) return el;
+	return el.closest(".w-sheet-container") ?? el;
+}
+/** 从 Sheet 根读取由三级 size 派生的默认列宽（px） */
+function readSheetColWidthDefaults(el) {
+	const scope = getSheetScope(el);
+	if (!scope || typeof getComputedStyle !== "function") return { ...SHEET_COL_WIDTH_FALLBACK };
+	const fb = SHEET_COL_WIDTH_FALLBACK;
+	return {
+		col: readCssVarPx(scope, "--w-sheet-col-width", fb.col),
+		index: readCssVarPx(scope, "--w-sheet-col-index-width", fb.index),
+		checkbox: readCssVarPx(scope, "--w-sheet-col-checkbox-width", fb.checkbox),
+		radio: readCssVarPx(scope, "--w-sheet-col-radio-width", fb.radio),
+		action: readCssVarPx(scope, "--w-sheet-col-action-width", fb.action)
+	};
+}
+/**
+* 解析默认列宽：实例 size prop 优先（与 DOM 同步、立即生效）；
+* 否则读容器上由三级 size 派生的 CSS token。
+*/
+function resolveSheetColWidthDefaults(el, sizeProp) {
+	if (typeof sizeProp === "number" && Number.isFinite(sizeProp) && sizeProp > 0) return sheetColDefaultsFromSize(sizeProp);
+	return readSheetColWidthDefaults(el);
+}
+function filterValidColumns(columns) {
+	if (typeof columns === "function") columns = columns();
+	let arr = [];
+	columns.forEach((col) => {
+		if (!!col && isObject(col)) arr.push(col);
+		else if (typeof col === "function") {
+			const c = col();
+			if (!!c && isObject(c)) arr.push(c);
+		}
+	});
+	return arr;
+}
+function createTbodyColumns(columns) {
+	let tbodyColumns = [];
+	const cols = filterValidColumns(columns);
+	const fn = (arr) => {
+		arr.forEach((col) => {
+			if (col.children && col.children.length) fn(col.children);
+			else {
+				tbodyColumns.push(col);
+				if (col.sum !== false) {}
+			}
+		});
+	};
+	fn(cols);
+	return tbodyColumns;
+}
+function getAlign(col) {
+	const align = col.align || "";
+	if (typeof align === "string") return {
+		thead: align,
+		tbody: align,
+		tfoot: align
+	};
+	else if (align.length) {
+		let [a, b, c] = align;
+		return {
+			thead: a || "",
+			tbody: b || "",
+			tfoot: c || ""
+		};
+	}
+}
+function getSelectedKey(row, checkboxKey) {
+	let cks = checkboxKey;
+	let arrKeys = [];
+	if (cks.indexOf(",") > -1) arrKeys = cks.split(/\s*,\s*/);
+	else arrKeys.push(cks);
+	return arrKeys.map((k) => row[k]).join(",");
+}
+//#endregion
+export { SHEET_COL_WIDTH_FALLBACK, createTbodyColumns, filterValidColumns, getAlign, getSelectedKey, getSheetScope, readSheetColWidthDefaults, resolveSheetColWidthDefaults, sheetColDefaultsFromSize };
+
+//# sourceMappingURL=_util.js.map

package/dist/components/sheet/_util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_util.js","names":[],"sources":["../../../components/sheet/_util.ts"],"sourcesContent":["// import { isObject } from \"@vue/shared\"\r\nimport { isObject } from \"../../util\"\r\n\r\n/** 未挂载 / 无法解析 CSS 时的列宽回退（对齐基准 --__size=48） */\r\nexport const SHEET_COL_WIDTH_FALLBACK = {\r\n  col: 120,\r\n  index: 48,\r\n  checkbox: 45,\r\n  radio: 42,\r\n  action: 44,\r\n} as const\r\n\r\nexport type SheetColWidthDefaults = {\r\n  col: number\r\n  index: number\r\n  checkbox: number\r\n  radio: number\r\n  action: number\r\n}\r\n\r\n/** 由有效 --__size（px）派生默认列宽，与 sheet.css 公式一致 */\r\nexport function sheetColDefaultsFromSize(sizePx: number): SheetColWidthDefaults {\r\n  const s = sizePx > 0 ? sizePx : SHEET_COL_WIDTH_FALLBACK.index\r\n  return {\r\n    col: Math.round(s * 2.5),\r\n    index: Math.round(s),\r\n    checkbox: Math.round((s * 45) / 48),\r\n    radio: Math.round((s * 42) / 48),\r\n    action: Math.round((s * 44) / 48),\r\n  }\r\n}\r\n\r\nfunction readCssVarPx(\r\n  scope: HTMLElement,\r\n  varName: string,\r\n  fallback: number,\r\n): number {\r\n  const probe = document.createElement(\"div\")\r\n  probe.setAttribute(\"aria-hidden\", \"true\")\r\n  probe.style.cssText =\r\n    \"position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;height:0;overflow:hidden;width:var(\" +\r\n    varName +\r\n    \")\"\r\n  scope.appendChild(probe)\r\n  const px = probe.offsetWidth\r\n  scope.removeChild(probe)\r\n  return px > 0 ? Math.round(px) : fallback\r\n}\r\n\r\n/** 定位 Sheet 根（--__size / 列宽 token 所在） */\r\nexport function getSheetScope(\r\n  el: HTMLElement | null | undefined,\r\n): HTMLElement | null {\r\n  if (!el) return null\r\n  if (el.classList?.contains(\"w-sheet-container\")) return el\r\n  return (el.closest(\".w-sheet-container\") as HTMLElement | null) ?? el\r\n}\r\n\r\n/** 从 Sheet 根读取由三级 size 派生的默认列宽（px） */\r\nexport function readSheetColWidthDefaults(\r\n  el: HTMLElement | null | undefined,\r\n): SheetColWidthDefaults {\r\n  const scope = getSheetScope(el)\r\n  if (!scope || typeof getComputedStyle !== \"function\") {\r\n    return { ...SHEET_COL_WIDTH_FALLBACK }\r\n  }\r\n  const fb = SHEET_COL_WIDTH_FALLBACK\r\n  return {\r\n    col: readCssVarPx(scope, \"--w-sheet-col-width\", fb.col),\r\n    index: readCssVarPx(scope, \"--w-sheet-col-index-width\", fb.index),\r\n    checkbox: readCssVarPx(scope, \"--w-sheet-col-checkbox-width\", fb.checkbox),\r\n    radio: readCssVarPx(scope, \"--w-sheet-col-radio-width\", fb.radio),\r\n    action: readCssVarPx(scope, \"--w-sheet-col-action-width\", fb.action),\r\n  }\r\n}\r\n\r\n/**\r\n * 解析默认列宽：实例 size prop 优先（与 DOM 同步、立即生效）；\r\n * 否则读容器上由三级 size 派生的 CSS token。\r\n */\r\nexport function resolveSheetColWidthDefaults(\r\n  el: HTMLElement | null | undefined,\r\n  sizeProp?: number | null,\r\n): SheetColWidthDefaults {\r\n  if (typeof sizeProp === \"number\" && Number.isFinite(sizeProp) && sizeProp > 0) {\r\n    return sheetColDefaultsFromSize(sizeProp)\r\n  }\r\n  return readSheetColWidthDefaults(el)\r\n}\r\n\r\n//筛选出有效的数据列\r\nexport function filterValidColumns(columns: any) {\r\n  if (typeof columns === \"function\") {\r\n    columns = columns()\r\n  }\r\n  let arr: any[] = []\r\n  columns.forEach((col: any) => {\r\n    if (!!col && isObject(col)) {\r\n      arr.push(col)\r\n    } else if (typeof col === \"function\") {\r\n      const c = col()\r\n      if (!!c && isObject(c)) arr.push(c)\r\n    }\r\n  })\r\n  return arr\r\n}\r\n\r\nexport function createTbodyColumns(columns: any) {\r\n  let tbodyColumns: any[] = []\r\n  const cols = filterValidColumns(columns)\r\n  const fn = (arr: any) => {\r\n    arr.forEach((col: any) => {\r\n      if (col.children && col.children.length) {\r\n        fn(col.children)\r\n      } else {\r\n        // bodyColumns.push({...col})\r\n        tbodyColumns.push(col)\r\n        if (col.sum !== false) {\r\n        }\r\n      }\r\n    })\r\n  }\r\n  fn(cols)\r\n  return tbodyColumns\r\n}\r\n\r\nexport function getAlign(col: any) {\r\n  const align = col.align || \"\"\r\n  if (typeof align === \"string\") {\r\n    return {\r\n      thead: align,\r\n      tbody: align,\r\n      tfoot: align,\r\n    }\r\n  } else {\r\n    if (align.length) {\r\n      let [a, b, c] = align\r\n      return {\r\n        thead: a || \"\",\r\n        tbody: b || \"\",\r\n        tfoot: c || \"\",\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nexport function getSelectedKey(row: any, checkboxKey: string) {\r\n  let cks = checkboxKey\r\n  let arrKeys: string[] = []\r\n  if (cks.indexOf(\",\") > -1) {\r\n    arrKeys = cks.split(/\\s*,\\s*/)\r\n  } else {\r\n    arrKeys.push(cks)\r\n  }\r\n  return arrKeys.map((k: string) => row[k]).join(\",\")\r\n}\r\n"],"mappings":"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"}

package/dist/components/sheet/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Sheet';

package/dist/components/sheet/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/sheet.css';

package/dist/components/slideDown/SlideDown.d.ts

@@ -0,0 +1,62 @@
+/**
+ * 高度折叠展开过渡。
+ * 配合条件渲染（v-if / &&）使用：内容挂载时展开，卸载时收起。
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 过渡时长（ms） */
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** CSS timing-function */
+    timingFunction: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 首次挂载是否播放进入动画 */
+    appear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否同时过渡透明度 */
+    opacity: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'after-enter': (_el: Element) => true;
+    'after-leave': (_el: Element) => true;
+    /** @deprecated 请改用 after-enter / after-leave */
+    'after-transition': () => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 过渡时长（ms） */
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** CSS timing-function */
+    timingFunction: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 首次挂载是否播放进入动画 */
+    appear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 是否同时过渡透明度 */
+    opacity: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onAfter-enter"?: (_el: Element) => any;
+    "onAfter-leave"?: (_el: Element) => any;
+    "onAfter-transition"?: () => any;
+}>, {
+    appear: boolean;
+    duration: number;
+    timingFunction: string;
+    opacity: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/slideDown/SlideDown.js

@@ -0,0 +1,128 @@
+import { Transition, createVNode, defineComponent } from "vue";
+//#region components/slideDown/SlideDown.tsx
+function asEl(el) {
+	return el;
+}
+/** 监听 height 过渡结束；transitionend 未触发时用 timeout 兜底 */
+function whenHeightTransitionEnd(el, duration, done) {
+	let finished = false;
+	const finish = () => {
+		if (finished) return;
+		finished = true;
+		el.removeEventListener("transitionend", onEnd);
+		window.clearTimeout(timer);
+		done();
+	};
+	const onEnd = (event) => {
+		if (event.target !== el) return;
+		if (event.propertyName === "height") finish();
+	};
+	el.addEventListener("transitionend", onEnd);
+	const timer = window.setTimeout(finish, Math.max(0, duration) + 50);
+}
+/**
+* 高度折叠展开过渡。
+* 配合条件渲染（v-if / &&）使用：内容挂载时展开，卸载时收起。
+*/
+var SlideDown_default = /* @__PURE__ */ defineComponent({
+	name: "SlideDown",
+	props: {
+		/** 过渡时长（ms） */
+		duration: {
+			type: Number,
+			default: 400
+		},
+		/** CSS timing-function */
+		timingFunction: {
+			type: String,
+			default: "var(--w-cubic-bezier)"
+		},
+		/** 首次挂载是否播放进入动画 */
+		appear: {
+			type: Boolean,
+			default: false
+		},
+		/** 是否同时过渡透明度 */
+		opacity: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: {
+		"after-enter": (_el) => true,
+		"after-leave": (_el) => true,
+		/** @deprecated 请改用 after-enter / after-leave */
+		"after-transition": () => true
+	},
+	setup(props, { slots, emit }) {
+		const applyTransition = (el) => {
+			const opacityPart = props.opacity ? `, opacity ${props.duration}ms ${props.timingFunction}` : "";
+			el.style.transition = `height ${props.duration}ms ${props.timingFunction}${opacityPart}`;
+			el.style.overflow = "hidden";
+		};
+		const clearStyles = (el) => {
+			el.style.transition = "";
+			el.style.height = "";
+			el.style.overflow = "";
+			el.style.opacity = "";
+		};
+		const beforeEnter = (el) => {
+			const $el = asEl(el);
+			if (window.getComputedStyle($el).display === "none") $el.style.display = "";
+			$el.style.height = "0";
+			$el.style.overflow = "hidden";
+			if (props.opacity) $el.style.opacity = "0";
+			$el.offsetHeight;
+		};
+		const enter = (el, done) => {
+			const $el = asEl(el);
+			const targetHeight = $el.scrollHeight;
+			applyTransition($el);
+			whenHeightTransitionEnd($el, props.duration, done);
+			requestAnimationFrame(() => {
+				$el.style.height = `${targetHeight}px`;
+				if (props.opacity) $el.style.opacity = "1";
+			});
+		};
+		const afterEnter = (el) => {
+			clearStyles(asEl(el));
+			emit("after-enter", el);
+			emit("after-transition");
+		};
+		const beforeLeave = (el) => {
+			const $el = asEl(el);
+			$el.style.height = `${$el.scrollHeight}px`;
+			$el.style.overflow = "hidden";
+			if (props.opacity) $el.style.opacity = "1";
+			$el.offsetHeight;
+		};
+		const leave = (el, done) => {
+			const $el = asEl(el);
+			applyTransition($el);
+			whenHeightTransitionEnd($el, props.duration, done);
+			requestAnimationFrame(() => {
+				$el.style.height = "0";
+				if (props.opacity) $el.style.opacity = "0";
+			});
+		};
+		const afterLeave = (el) => {
+			clearStyles(asEl(el));
+			emit("after-leave", el);
+			emit("after-transition");
+		};
+		return () => createVNode(Transition, {
+			"appear": props.appear,
+			"css": false,
+			"onBeforeEnter": beforeEnter,
+			"onEnter": enter,
+			"onAfterEnter": afterEnter,
+			"onBeforeLeave": beforeLeave,
+			"onLeave": leave,
+			"onAfterLeave": afterLeave
+		}, { default: () => [slots.default?.()] });
+	}
+});
+//#endregion
+export { SlideDown_default as default };
+
+//# sourceMappingURL=SlideDown.js.map

package/dist/components/slideDown/SlideDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideDown.js","names":["defineComponent","Transition","createVNode","_createVNode","asEl","el","whenHeightTransitionEnd","duration","done","finished","finish","removeEventListener","onEnd","window","clearTimeout","timer","event","target","propertyName","addEventListener","setTimeout","Math","max","name","props","type","Number","default","timingFunction","String","appear","Boolean","opacity","emits","_el","after-transition","setup","slots","emit","applyTransition","opacityPart","style","transition","overflow","clearStyles","height","beforeEnter","$el","getComputedStyle","display","offsetHeight","enter","targetHeight","scrollHeight","requestAnimationFrame","afterEnter","beforeLeave","leave","afterLeave"],"sources":["../../../components/slideDown/SlideDown.tsx"],"sourcesContent":["import { defineComponent, Transition } from 'vue'\r\n\r\nfunction asEl(el: Element) {\r\n  return el as HTMLElement\r\n}\r\n\r\n/** 监听 height 过渡结束；transitionend 未触发时用 timeout 兜底 */\r\nfunction whenHeightTransitionEnd(\r\n  el: HTMLElement,\r\n  duration: number,\r\n  done: () => void,\r\n) {\r\n  let finished = false\r\n  const finish = () => {\r\n    if (finished) return\r\n    finished = true\r\n    el.removeEventListener('transitionend', onEnd)\r\n    window.clearTimeout(timer)\r\n    done()\r\n  }\r\n  const onEnd = (event: TransitionEvent) => {\r\n    if (event.target !== el) return\r\n    if (event.propertyName === 'height') finish()\r\n  }\r\n  el.addEventListener('transitionend', onEnd)\r\n  const timer = window.setTimeout(finish, Math.max(0, duration) + 50)\r\n}\r\n\r\n/**\r\n * 高度折叠展开过渡。\r\n * 配合条件渲染（v-if / &&）使用：内容挂载时展开，卸载时收起。\r\n */\r\nexport default defineComponent({\r\n  name: 'SlideDown',\r\n  props: {\r\n    /** 过渡时长（ms） */\r\n    duration: {\r\n      type: Number,\r\n      default: 400,\r\n    },\r\n    /** CSS timing-function */\r\n    timingFunction: {\r\n      type: String,\r\n      default: 'var(--w-cubic-bezier)',\r\n    },\r\n    /** 首次挂载是否播放进入动画 */\r\n    appear: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    /** 是否同时过渡透明度 */\r\n    opacity: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  emits: {\r\n    'after-enter': (_el: Element) => true,\r\n    'after-leave': (_el: Element) => true,\r\n    /** @deprecated 请改用 after-enter / after-leave */\r\n    'after-transition': () => true,\r\n  },\r\n  setup(props, { slots, emit }) {\r\n    const applyTransition = (el: HTMLElement) => {\r\n      const opacityPart = props.opacity\r\n        ? `, opacity ${props.duration}ms ${props.timingFunction}`\r\n        : ''\r\n      el.style.transition = `height ${props.duration}ms ${props.timingFunction}${opacityPart}`\r\n      el.style.overflow = 'hidden'\r\n    }\r\n\r\n    const clearStyles = (el: HTMLElement) => {\r\n      el.style.transition = ''\r\n      el.style.height = ''\r\n      el.style.overflow = ''\r\n      el.style.opacity = ''\r\n    }\r\n\r\n    const beforeEnter = (el: Element) => {\r\n      const $el = asEl(el)\r\n      if (window.getComputedStyle($el).display === 'none') {\r\n        $el.style.display = ''\r\n      }\r\n      $el.style.height = '0'\r\n      $el.style.overflow = 'hidden'\r\n      if (props.opacity) $el.style.opacity = '0'\r\n      // 强制回流，确保后续 height 变化能触发 transition\r\n      void $el.offsetHeight\r\n    }\r\n\r\n    const enter = (el: Element, done: () => void) => {\r\n      const $el = asEl(el)\r\n      const targetHeight = $el.scrollHeight\r\n      applyTransition($el)\r\n      whenHeightTransitionEnd($el, props.duration, done)\r\n      requestAnimationFrame(() => {\r\n        $el.style.height = `${targetHeight}px`\r\n        if (props.opacity) $el.style.opacity = '1'\r\n      })\r\n    }\r\n\r\n    const afterEnter = (el: Element) => {\r\n      clearStyles(asEl(el))\r\n      emit('after-enter', el)\r\n      emit('after-transition')\r\n    }\r\n\r\n    const beforeLeave = (el: Element) => {\r\n      const $el = asEl(el)\r\n      $el.style.height = `${$el.scrollHeight}px`\r\n      $el.style.overflow = 'hidden'\r\n      if (props.opacity) $el.style.opacity = '1'\r\n      void $el.offsetHeight\r\n    }\r\n\r\n    const leave = (el: Element, done: () => void) => {\r\n      const $el = asEl(el)\r\n      applyTransition($el)\r\n      whenHeightTransitionEnd($el, props.duration, done)\r\n      requestAnimationFrame(() => {\r\n        $el.style.height = '0'\r\n        if (props.opacity) $el.style.opacity = '0'\r\n      })\r\n    }\r\n\r\n    const afterLeave = (el: Element) => {\r\n      clearStyles(asEl(el))\r\n      emit('after-leave', el)\r\n      emit('after-transition')\r\n    }\r\n\r\n    return () => (\r\n      <Transition\r\n        appear={props.appear}\r\n        css={false}\r\n        onBeforeEnter={beforeEnter}\r\n        onEnter={enter}\r\n        onAfterEnter={afterEnter}\r\n        onBeforeLeave={beforeLeave}\r\n        onLeave={leave}\r\n        onAfterLeave={afterLeave}>\r\n        {slots.default?.()}\r\n      </Transition>\r\n    )\r\n  },\r\n})\r\n"],"mappings":"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"}

package/dist/components/slideDown/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SlideDown';