@aloudata/aloudata-design 3.0.0-beta.17 → 3.0.0-beta.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "3.0.0-beta.17",
+  "version": "3.0.0-beta.18",
   "description": "",
   "license": "MIT",
   "sideEffects": [
@@ -79,6 +79,7 @@
     "immer": "^10.0.3",
     "memoize-one": "^6.0.0",
     "rc-field-form": "^2.7.1",
+    "rc-overflow": "^1.3.2",
     "rc-picker": "^4.11.3",
     "rc-tree": "^5.13.1",
     "rc-upload": "^4.8.1",

package/dist/_utils/SimpleOverflow.d.ts

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-interface SimpleOverflowProps<T> {
-    data: T[];
-    renderItem: (item: T, index: number) => React.ReactNode;
-    renderRest?: (omittedItems: T[]) => React.ReactNode;
-    suffix?: React.ReactNode;
-    itemKey?: string | ((item: T) => string);
-    maxCount?: 'responsive' | number;
-    className?: string;
-    prefixCls?: string;
-    onVisibleChange?: (visibleCount: number) => void;
-}
-export default function SimpleOverflow<T>(props: SimpleOverflowProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/_utils/SimpleOverflow.js

@@ -1,67 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/_utils/SimpleOverflow.tsx
-function SimpleOverflow(props) {
-	const { data, renderItem, renderRest, suffix, itemKey, className, prefixCls, onVisibleChange } = props;
-	const containerRef = useRef(null);
-	const [visibleCount, setVisibleCount] = useState(data.length);
-	useEffect(() => {
-		const container = containerRef.current;
-		if (!container) return;
-		const measure = () => {
-			if (!container.offsetWidth) return;
-			const overflowItems = [];
-			for (const child of Array.from(container.children)) if (child.dataset.overflowItem === "true") overflowItems.push(child);
-			if (overflowItems.length === 0) return;
-			const savedDisplays = overflowItems.map((el) => el.style.display);
-			overflowItems.forEach((el) => {
-				el.style.display = "";
-			});
-			container.offsetHeight;
-			const containerRect = container.getBoundingClientRect();
-			const allFit = container.scrollWidth <= container.clientWidth + 1;
-			let newCount;
-			if (allFit) newCount = data.length;
-			else {
-				let count = 0;
-				for (const el of overflowItems) if (el.getBoundingClientRect().right <= containerRect.right - 40) count++;
-				else break;
-				newCount = Math.min(count, data.length);
-			}
-			overflowItems.forEach((el, i) => {
-				el.style.display = savedDisplays[i];
-			});
-			setVisibleCount(newCount);
-			onVisibleChange?.(newCount === 0 ? -1 : newCount);
-		};
-		measure();
-		const ro = new window.ResizeObserver(measure);
-		ro.observe(container);
-		return () => ro.disconnect();
-	}, [data.length, onVisibleChange]);
-	const getKey = (item, index) => {
-		if (typeof itemKey === "function") return itemKey(item);
-		if (typeof itemKey === "string") return item[itemKey];
-		return String(index);
-	};
-	const omittedItems = data.slice(visibleCount);
-	return /* @__PURE__ */ jsxs("div", {
-		ref: containerRef,
-		className: cn(prefixCls, "tw-flex tw-flex-nowrap tw-items-center tw-overflow-hidden", className),
-		children: [
-			data.map((item, index) => /* @__PURE__ */ jsx("div", {
-				"data-overflow-item": "true",
-				className: prefixCls ? `${prefixCls}-item` : void 0,
-				style: { display: index < visibleCount ? void 0 : "none" },
-				children: renderItem(item, index)
-			}, getKey(item, index))),
-			omittedItems.length > 0 && renderRest?.(omittedItems),
-			suffix
-		]
-	});
-}
-//#endregion
-export { SimpleOverflow as default };
-
-//# sourceMappingURL=SimpleOverflow.js.map

package/dist/_utils/SimpleOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleOverflow.js","names":[],"sources":["../../src/_utils/SimpleOverflow.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { cn } from '../lib/utils';\n\ninterface SimpleOverflowProps<T> {\n  data: T[];\n  renderItem: (item: T, index: number) => React.ReactNode;\n  renderRest?: (omittedItems: T[]) => React.ReactNode;\n  suffix?: React.ReactNode;\n  itemKey?: string | ((item: T) => string);\n  maxCount?: 'responsive' | number;\n  className?: string;\n  prefixCls?: string;\n  onVisibleChange?: (visibleCount: number) => void;\n}\n\nexport default function SimpleOverflow<T>(props: SimpleOverflowProps<T>) {\n  const {\n    data,\n    renderItem,\n    renderRest,\n    suffix,\n    itemKey,\n    className,\n    prefixCls,\n    onVisibleChange,\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [visibleCount, setVisibleCount] = useState(data.length);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const measure = () => {\n      // 容器隐藏时跳过测量（-1 降级路径会把容器置 display:none）：\n      // 0 尺寸会被误判为 allFit，与 -1 状态互相翻转形成 setState 死循环\n      if (!container.offsetWidth) return;\n      const overflowItems: HTMLElement[] = [];\n      for (const child of Array.from(container.children)) {\n        if ((child as HTMLElement).dataset.overflowItem === 'true') {\n          overflowItems.push(child as HTMLElement);\n        }\n      }\n      if (overflowItems.length === 0) return;\n\n      // Temporarily show all items so we can measure their natural positions\n      const savedDisplays = overflowItems.map((el) => el.style.display);\n      overflowItems.forEach((el) => {\n        el.style.display = '';\n      });\n      // Force synchronous reflow\n      void container.offsetHeight;\n\n      const containerRect = container.getBoundingClientRect();\n      // 容器无横向溢出 → 全部显示，不做 +N 预留。\n      // width:auto 的 Select 容器恰好包住内容（右侧余量 0），按固定预留量判定会把\n      // 放得下的 tag 误判为放不下，导致被 overflow:hidden 裁掉右侧\n      const allFit = container.scrollWidth <= container.clientWidth + 1;\n      let newCount: number;\n      if (allFit) {\n        newCount = data.length;\n      } else {\n        let count = 0;\n        for (const el of overflowItems) {\n          const rect = el.getBoundingClientRect();\n          // 40px 预留给 \"+N\" 计数节点\n          if (rect.right <= containerRect.right - 40) {\n            count++;\n          } else {\n            break;\n          }\n        }\n        newCount = Math.min(count, data.length);\n      }\n\n      // Restore display values before React re-renders\n      overflowItems.forEach((el, i) => {\n        el.style.display = savedDisplays[i];\n      });\n\n      setVisibleCount(newCount);\n      // 一个都放不下时上报 -1，触发消费方（MultipleSelector）的\n      // overflow-item-first 降级路径：首个 tag 可收缩 + 文本省略，保住关闭按钮\n      onVisibleChange?.(newCount === 0 ? -1 : newCount);\n    };\n\n    measure();\n    const ro = new window.ResizeObserver(measure);\n    ro.observe(container);\n    return () => ro.disconnect();\n  }, [data.length, onVisibleChange]);\n\n  const getKey = (item: T, index: number) => {\n    if (typeof itemKey === 'function') return itemKey(item);\n    if (typeof itemKey === 'string')\n      return (item as Record<string, string>)[itemKey];\n    return String(index);\n  };\n\n  const omittedItems = data.slice(visibleCount);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn(\n        prefixCls,\n        'tw-flex tw-flex-nowrap tw-items-center tw-overflow-hidden',\n        className,\n      )}\n    >\n      {data.map((item, index) => (\n        <div\n          key={getKey(item, index)}\n          data-overflow-item=\"true\"\n          className={prefixCls ? `${prefixCls}-item` : undefined}\n          style={{\n            display: index < visibleCount ? undefined : 'none',\n          }}\n        >\n          {renderItem(item, index)}\n        </div>\n      ))}\n      {omittedItems.length > 0 && renderRest?.(omittedItems)}\n      {suffix}\n    </div>\n  );\n}\n"],"mappings":";;;;AAeA,SAAwB,eAAkB,OAA+B;CACvE,MAAM,EACJ,MACA,YACA,YACA,QACA,SACA,WACA,WACA,oBACE;CAEJ,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK,OAAO;AAE7D,iBAAgB;EACd,MAAM,YAAY,aAAa;AAC/B,MAAI,CAAC,UAAW;EAEhB,MAAM,gBAAgB;AAGpB,OAAI,CAAC,UAAU,YAAa;GAC5B,MAAM,gBAA+B,EAAE;AACvC,QAAK,MAAM,SAAS,MAAM,KAAK,UAAU,SAAS,CAChD,KAAK,MAAsB,QAAQ,iBAAiB,OAClD,eAAc,KAAK,MAAqB;AAG5C,OAAI,cAAc,WAAW,EAAG;GAGhC,MAAM,gBAAgB,cAAc,KAAK,OAAO,GAAG,MAAM,QAAQ;AACjE,iBAAc,SAAS,OAAO;AAC5B,OAAG,MAAM,UAAU;KACnB;AAEF,GAAK,UAAU;GAEf,MAAM,gBAAgB,UAAU,uBAAuB;GAIvD,MAAM,SAAS,UAAU,eAAe,UAAU,cAAc;GAChE,IAAI;AACJ,OAAI,OACF,YAAW,KAAK;QACX;IACL,IAAI,QAAQ;AACZ,SAAK,MAAM,MAAM,cAGf,KAFa,GAAG,uBAAuB,CAE9B,SAAS,cAAc,QAAQ,GACtC;QAEA;AAGJ,eAAW,KAAK,IAAI,OAAO,KAAK,OAAO;;AAIzC,iBAAc,SAAS,IAAI,MAAM;AAC/B,OAAG,MAAM,UAAU,cAAc;KACjC;AAEF,mBAAgB,SAAS;AAGzB,qBAAkB,aAAa,IAAI,KAAK,SAAS;;AAGnD,WAAS;EACT,MAAM,KAAK,IAAI,OAAO,eAAe,QAAQ;AAC7C,KAAG,QAAQ,UAAU;AACrB,eAAa,GAAG,YAAY;IAC3B,CAAC,KAAK,QAAQ,gBAAgB,CAAC;CAElC,MAAM,UAAU,MAAS,UAAkB;AACzC,MAAI,OAAO,YAAY,WAAY,QAAO,QAAQ,KAAK;AACvD,MAAI,OAAO,YAAY,SACrB,QAAQ,KAAgC;AAC1C,SAAO,OAAO,MAAM;;CAGtB,MAAM,eAAe,KAAK,MAAM,aAAa;AAE7C,QACE,qBAAC,OAAD;EACE,KAAK;EACL,WAAW,GACT,WACA,6DACA,UACD;YANH;GAQG,KAAK,KAAK,MAAM,UACf,oBAAC,OAAD;IAEE,sBAAmB;IACnB,WAAW,YAAY,GAAG,UAAU,SAAS;IAC7C,OAAO,EACL,SAAS,QAAQ,eAAe,SAAY,QAC7C;cAEA,WAAW,MAAM,MAAM;IACpB,EARC,OAAO,MAAM,MAAM,CAQpB,CACN;GACD,aAAa,SAAS,KAAK,aAAa,aAAa;GACrD;GACG"}