niuma-ui 2.0.4 → 2.0.9

package/dist/components/tree/src/tree-utils.d.ts

@@ -29,6 +29,10 @@ export interface RsTreeFlatNode {
     hasChildren: boolean;
     isLast: boolean;
     parentKey: string | null;
+    /** 同一父节点下的兄弟个数，对应 aria-setsize */
+    setSize: number;
+    /** 在兄弟中的位置，从 1 起算，对应 aria-posinset */
+    posInSet: number;
     /**
      * showLine 用：下标对应祖先深度 `0..depth-1`。
      * `true` 表示该祖先不是同级最后一项，竖线需贯穿当前行；`false` 则留空缺口。
@@ -46,6 +50,22 @@ export type RsTreeDropPosition = 'before' | 'inside' | 'after';
 /** handle=显示拖拽手柄；row=整行拖拽且不显示手柄 */
 export type RsTreeDragTrigger = 'handle' | 'row';
 export type RsTreeSize = RsComponentSize;
+export interface RsTreeExpose {
+    expandAll: () => void;
+    collapseAll: () => void;
+    expandNode: (key: string) => void;
+    collapseNode: (key: string) => void;
+    focusNode: (key: string) => void;
+    focus: () => void;
+    scrollToKey: (key: string) => void;
+    getSelectedKeys: () => string[];
+    getCheckedKeys: () => string[];
+    getExpandedKeys: () => string[];
+    getHalfCheckedKeys: () => string[];
+}
+export type RsTreeInstance = RsTreeExpose & {
+    $el: HTMLElement;
+};
 export declare const DEFAULT_TREE_FIELD_NAMES: Required<RsTreeFieldNames>;
 /**
  * 各尺寸档行高 / 缩进。
@@ -98,6 +118,8 @@ export declare function resolveTreeCheckState(key: string, checkedKeys: Readonly
 export declare function toggleTreeCheck(key: string, checkedKeys: ReadonlySet<string>, index: ReadonlyMap<string, RsTreeNodeIndex>, checkStrictly: boolean, onlyCheckLeaf?: boolean): string[];
 export declare function resolveAccordionExpandedKeys(key: string, expandedKeys: readonly string[], index: ReadonlyMap<string, RsTreeNodeIndex>, rootKeys: readonly string[]): string[];
 export declare function resolveTreeFocusKey(flatNodes: readonly RsTreeFlatNode[], currentKey: string | null, move: RsTreeFocusMove, index: ReadonlyMap<string, RsTreeNodeIndex>): string | null;
+/** 从当前项之后找标签前缀匹配的可见节点；一圈后仍无匹配返回 null。 */
+export declare function resolveTreeTypeaheadKey(flatNodes: readonly RsTreeFlatNode[], currentKey: string | null, query: string, fields?: Required<RsTreeFieldNames>): string | null;
 export declare function resolveTreeVirtualEnabled(options: {
     virtual?: boolean;
     flatCount: number;

package/dist/components/tree/src/tree-utils.js

@@ -164,6 +164,8 @@ function flattenVisibleTreeNodes(nodes, expandedKeys, fields = DEFAULT_TREE_FIEL
 				hasChildren,
 				isLast,
 				parentKey: currentParentKey,
+				setSize: items.length,
+				posInSet: index + 1,
 				levelLines
 			});
 			if (hasChildren && expandedKeys.has(key)) walk(getTreeChildren(node, fields), currentDepth + 1, key, [...ancestors, isLast]);
@@ -173,7 +175,7 @@ function flattenVisibleTreeNodes(nodes, expandedKeys, fields = DEFAULT_TREE_FIEL
 	return result;
 }
 function defaultTreeFilterNode(node, keyword, fields = DEFAULT_TREE_FIELD_NAMES) {
-	return getTreeLabel(node, fields).toLowerCase().includes(keyword.trim().toLowerCase());
+	return getTreeLabel(node, fields).toLocaleLowerCase().includes(keyword.trim().toLocaleLowerCase());
 }
 function filterTreeNodes(nodes, keyword, options = {}) {
 	const fields = resolveTreeFieldNames(options.fieldNames);
@@ -201,8 +203,8 @@ function splitTreeLabelHighlight(label, keyword) {
 		text: label,
 		highlight: false
 	}];
-	const lowerLabel = label.toLowerCase();
-	const lowerQuery = query.toLowerCase();
+	const lowerLabel = label.toLocaleLowerCase();
+	const lowerQuery = query.toLocaleLowerCase();
 	const index = lowerLabel.indexOf(lowerQuery);
 	if (index < 0) return [{
 		text: label,
@@ -283,6 +285,18 @@ function resolveTreeFocusKey(flatNodes, currentKey, move, index) {
 		default: return currentKey;
 	}
 }
+/** 从当前项之后找标签前缀匹配的可见节点；一圈后仍无匹配返回 null。 */
+function resolveTreeTypeaheadKey(flatNodes, currentKey, query, fields = DEFAULT_TREE_FIELD_NAMES) {
+	const needle = query.trim().toLocaleLowerCase();
+	if (!needle || flatNodes.length === 0) return null;
+	const start = Math.max(0, flatNodes.findIndex((item) => item.key === currentKey));
+	for (let step = 1; step <= flatNodes.length; step += 1) {
+		const item = flatNodes[(start + step) % flatNodes.length];
+		if (!item || isTreeNodeDisabled(item.node, fields)) continue;
+		if (getTreeLabel(item.node, fields).toLocaleLowerCase().startsWith(needle)) return item.key;
+	}
+	return null;
+}
 function resolveTreeVirtualEnabled(options) {
 	if (options.virtual) return true;
 	return options.flatCount > (options.virtualThreshold ?? 100);
@@ -307,4 +321,4 @@ function sliceVirtualTreeNodes(nodes, scrollTop, viewportHeight, itemHeight, ove
 	};
 }
 //#endregion
-export { DEFAULT_TREE_FIELD_NAMES, TREE_INDENT_BY_SIZE, TREE_ROW_HEIGHT, buildTreeNodeIndex, collectDescendantKeys, collectExpandableKeys, collectHalfCheckedKeys, defaultTreeFilterNode, filterTreeNodes, flattenTreeNodeIds, flattenVisibleTreeNodes, getTreeChildren, getTreeIsLeaf, getTreeKey, getTreeLabel, hasTreeChildren, isTreeAncestorKey, isTreeCheckboxDisabled, isTreeNodeDisabled, isTreeNodeLoading, resolveAccordionExpandedKeys, resolveTreeCheckState, resolveTreeFieldNames, resolveTreeFocusKey, resolveTreeIndent, resolveTreeRowHeight, resolveTreeVirtualEnabled, shouldShowTreeCheckbox, sliceVirtualTreeNodes, splitTreeLabelHighlight, toggleTreeCheck };
+export { DEFAULT_TREE_FIELD_NAMES, TREE_INDENT_BY_SIZE, TREE_ROW_HEIGHT, buildTreeNodeIndex, collectDescendantKeys, collectExpandableKeys, collectHalfCheckedKeys, defaultTreeFilterNode, filterTreeNodes, flattenTreeNodeIds, flattenVisibleTreeNodes, getTreeChildren, getTreeIsLeaf, getTreeKey, getTreeLabel, hasTreeChildren, isTreeAncestorKey, isTreeCheckboxDisabled, isTreeNodeDisabled, isTreeNodeLoading, resolveAccordionExpandedKeys, resolveTreeCheckState, resolveTreeFieldNames, resolveTreeFocusKey, resolveTreeIndent, resolveTreeRowHeight, resolveTreeTypeaheadKey, resolveTreeVirtualEnabled, shouldShowTreeCheckbox, sliceVirtualTreeNodes, splitTreeLabelHighlight, toggleTreeCheck };

package/dist/components/tree-select/src/RsTreeSelect.d.ts

@@ -91,13 +91,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsTre
 }>, {
     disabled: boolean;
     allowClear: boolean;
+    highlight: boolean;
     multiple: boolean;
     searchable: boolean;
     virtual: boolean;
     virtualThreshold: number;
     matchTriggerWidth: boolean;
     listHeight: number;
-    highlight: boolean;
     checkable: boolean;
     checkStrictly: boolean;
     onlyCheckLeaf: boolean;

package/dist/components/virtual-list/index.d.ts

@@ -1,3 +1,3 @@
 export { default as RsVirtualList } from './src/RsVirtualList.js';
-export type { RsVirtualListItemSize } from './src/virtual-list-utils';
+export type { RsVirtualListAlign, RsVirtualListExpose, RsVirtualListInstance, RsVirtualListItemKey, RsVirtualListItemSize, RsVirtualListOrientation, } from './src/virtual-list-utils';
 export { resolveItemSize, resolveVirtualListHeight } from './src/virtual-list-utils';

package/dist/components/virtual-list/src/RsVirtualList.css

@@ -1,28 +1,83 @@
 
-.rs-virtual-list[data-v-4d459ccc] {
+.rs-virtual-list[data-v-c4f5f6d4] {
   overflow: auto;
-  border: 1px solid var(--rs-border-subtle);
+  box-sizing: border-box;
+  border: 1px solid var(--rs-virtual-list-border, var(--rs-border-subtle));
   border-radius: var(--rs-virtual-list-radius, var(--rs-radius-sm));
+  background: var(--rs-virtual-list-bg, var(--rs-surface));
+  color: var(--rs-virtual-list-fg, var(--rs-text-primary));
+  text-align: start;
+}
+.rs-virtual-list--horizontal[data-v-c4f5f6d4] {
+  overflow-x: auto;
+  overflow-y: hidden;
 }
-.rs-virtual-list--fill[data-v-4d459ccc] {
+.rs-virtual-list--borderless[data-v-c4f5f6d4] {
+  border-color: transparent;
+  background: transparent;
+}
+.rs-virtual-list--fill[data-v-c4f5f6d4] {
   flex: 1;
   align-self: stretch;
   width: 100%;
   min-height: 0;
   height: 0;
 }
-.rs-virtual-list__spacer[data-v-4d459ccc] {
+.rs-virtual-list--keyboard[data-v-c4f5f6d4]:focus-visible {
+  outline: var(--rs-focus-ring-width, 2px) solid var(--rs-focus-border);
+  outline-offset: calc(var(--rs-focus-ring-width, 2px) * -1);
+}
+.rs-virtual-list__spacer[data-v-c4f5f6d4] {
   position: relative;
 }
-.rs-virtual-list__items[data-v-4d459ccc] {
+.rs-virtual-list__items[data-v-c4f5f6d4] {
   position: absolute;
   inset-inline: 0;
   top: 0;
+  transform: translate3d(var(--rs-virtual-list-x, 0px), var(--rs-virtual-list-y, 0px), 0);
 }
-.rs-virtual-list__item[data-v-4d459ccc] {
+.rs-virtual-list--scrolling .rs-virtual-list__items[data-v-c4f5f6d4] {
+  will-change: transform;
+}
+.rs-virtual-list--horizontal .rs-virtual-list__items[data-v-c4f5f6d4] {
+  inset-inline: auto;
+  inset-inline-start: 0;
+  display: flex;
+  flex-direction: row;
+  width: max-content;
+  height: 100%;
+}
+.rs-virtual-list__item[data-v-c4f5f6d4] {
+  position: relative;
   box-sizing: border-box;
 }
-.rs-virtual-list__item--active[data-v-4d459ccc] {
-  background: color-mix(in srgb, var(--rs-primary) 14%, var(--rs-surface));
-  box-shadow: inset 2px 0 0 var(--rs-primary);
+.rs-virtual-list--horizontal .rs-virtual-list__item[data-v-c4f5f6d4] {
+  flex: none;
+  height: 100%;
+}
+.rs-virtual-list__item--active[data-v-c4f5f6d4] {
+  background: var(
+    --rs-virtual-list-active-bg,
+    color-mix(in srgb, var(--rs-primary) 14%, var(--rs-surface))
+  );
+}
+.rs-virtual-list__item--active[data-v-c4f5f6d4]::before {
+  content: '';
+  position: absolute;
+  inset-inline-start: 0;
+  inset-block: 0;
+  width: var(--rs-virtual-list-accent-width, 0.125rem);
+  background: var(--rs-virtual-list-accent, var(--rs-primary));
+  pointer-events: none;
+}
+.rs-virtual-list__empty[data-v-c4f5f6d4] {
+  padding: var(--rs-space-lg);
+  color: var(--rs-text-secondary);
+  font-size: var(--rs-font-size-sm);
+  text-align: start;
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-virtual-list--scrolling .rs-virtual-list__items[data-v-c4f5f6d4] {
+    will-change: auto;
+}
 }

package/dist/components/virtual-list/src/RsVirtualList.d.ts

@@ -1,30 +1,56 @@
 import type { RsRadius } from '../../../theme/types';
-import type { RsVirtualListItemSize } from './virtual-list-utils';
+import type { RsVirtualListAlign, RsVirtualListItemKey, RsVirtualListItemSize, RsVirtualListOrientation } from './virtual-list-utils';
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<({
         items: T[];
         itemSize?: RsVirtualListItemSize;
+        /** `'auto'` 时，测量前用来估算总高度。 */
+        estimateSize?: number;
         height?: number | string;
         overscan?: number;
-        activeIndex?: number | null;
         /** keep-alive 外层可见性；变为 true 时重同步视口与 scroll 位置 */
         layoutActive?: boolean;
         /** 外层圆角。直角列表传 `none`。默认 sm。 */
         radius?: RsRadius;
+        /** 滚动轴。默认纵向。 */
+        orientation?: RsVirtualListOrientation;
+        /** 稳定键。默认用索引，滚动时复用同一批节点。 */
+        itemKey?: RsVirtualListItemKey<T>;
+        /**
+         * 方向键 / Home / End 移动当前项。默认关，避免抢走外层（如日志）的键盘。
+         * 打开后根是 listbox，需要焦点。
+         */
+        keyboard?: boolean;
+        /** 外框。嵌进已有表面时关掉。 */
+        bordered?: boolean;
+        ariaLabel?: string;
+        id?: string;
+    } & {
+        activeIndex?: number | null;
+    }) & {
+        onChange?: ((index: number, item: T) => any) | undefined;
+        onScroll?: ((event: Event) => any) | undefined;
+        "onUpdate:activeIndex"?: ((value: number | null) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        scrollToIndex: (index: number, align?: "nearest" | "center" | "start" | "end") => void;
+        scrollToIndex: (index: number, align?: RsVirtualListAlign) => void;
+        scrollToOffset: (offset: number) => void;
+        getScrollOffset: () => number;
+        getViewport: () => HTMLElement | undefined;
+        focus: () => void;
     }>) => void;
     attrs: any;
     slots: {
+        empty?: (props: {}) => any;
+    } & {
         default?: (props: {
             item: T;
             index: number;
         }) => any;
     };
-    emit: {};
+    emit: (((evt: "change", index: number, item: T) => void) & ((evt: "scroll", event: Event) => void)) & ((event: "update:activeIndex", value: number | null) => void);
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };