niuma-ui 2.0.3 → 2.0.9

package/dist/components/tree/src/RsTree.css

@@ -1,54 +1,54 @@
 
-.rs-tree[data-v-59bbd9de] {
+.rs-tree[data-v-ef7566eb] {
   outline: none;
 }
 
 /* 限定高度 / 虚拟滚动：铺满父级，::before 捕获节点列表下方空白区右键 */
-.rs-tree--fill-capture[data-v-59bbd9de] {
+.rs-tree--fill-capture[data-v-ef7566eb] {
   position: relative;
   height: 100%;
   min-height: 0;
 }
-.rs-tree--fill-capture[data-v-59bbd9de]::before {
+.rs-tree--fill-capture[data-v-ef7566eb]::before {
   content: '';
   position: absolute;
   inset: 0;
   z-index: 0;
 }
-.rs-tree--fill-capture > .rs-tree__empty[data-v-59bbd9de],
-.rs-tree--fill-capture > .rs-tree__viewport[data-v-59bbd9de] {
+.rs-tree--fill-capture > .rs-tree__empty[data-v-ef7566eb],
+.rs-tree--fill-capture > .rs-tree__viewport[data-v-ef7566eb] {
   position: relative;
   z-index: 1;
   height: 100%;
   min-height: 0;
   box-sizing: border-box;
 }
-.rs-tree[data-v-59bbd9de]:focus-visible {
+.rs-tree[data-v-ef7566eb]:focus-visible {
   box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
   border-radius: var(--rs-radius-sm);
 }
-.rs-tree__viewport--scroll[data-v-59bbd9de] {
+.rs-tree__viewport--scroll[data-v-ef7566eb] {
   overflow: auto;
 }
 
 /* 虚拟模式下组件自动撑满父容器，使内置 ResizeObserver 能测到真实可用高度 */
-.rs-tree--virtual[data-v-59bbd9de] {
+.rs-tree--virtual[data-v-ef7566eb] {
   height: 100%;
 }
-.rs-tree--virtual .rs-tree__viewport--scroll[data-v-59bbd9de],
-.rs-tree__viewport--scroll[data-v-59bbd9de] {
+.rs-tree--virtual .rs-tree__viewport--scroll[data-v-ef7566eb],
+.rs-tree__viewport--scroll[data-v-ef7566eb] {
   border-radius: var(--rs-radius-sm);
 }
-.rs-tree__empty[data-v-59bbd9de] {
+.rs-tree__empty[data-v-ef7566eb] {
   padding: var(--rs-space-xl) var(--rs-space-md);
 }
-.rs-tree__list[data-v-59bbd9de],
-.rs-tree__item[data-v-59bbd9de] {
+.rs-tree__list[data-v-ef7566eb],
+.rs-tree__item[data-v-ef7566eb] {
   margin: 0;
   padding: 0;
   list-style: none;
 }
-.rs-tree__row[data-v-59bbd9de] {
+.rs-tree__row[data-v-ef7566eb] {
   position: relative;
   display: flex;
   align-items: center;
@@ -59,34 +59,34 @@
   box-sizing: border-box;
   transition: background 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
 }
-.rs-tree__row[data-v-59bbd9de]:hover:not(.rs-tree__row--disabled):not(.rs-tree__row--selected) {
+.rs-tree__row[data-v-ef7566eb]:hover:not(.rs-tree__row--disabled):not(.rs-tree__row--selected) {
   background: var(--rs-tree-row-hover);
 }
-.rs-tree__row--selected[data-v-59bbd9de] {
+.rs-tree__row--selected[data-v-ef7566eb] {
   background: var(--rs-tree-selected-bg);
 }
-.rs-tree__row--selected .rs-tree__label[data-v-59bbd9de],
-.rs-tree__row--selected .rs-tree__label--block[data-v-59bbd9de] {
+.rs-tree__row--selected .rs-tree__label[data-v-ef7566eb],
+.rs-tree__row--selected .rs-tree__label--block[data-v-ef7566eb] {
   color: var(--rs-tree-selected-fg);
   font-weight: inherit;
 }
-.rs-tree__row--focused[data-v-59bbd9de] {
+.rs-tree__row--focused[data-v-ef7566eb] {
   background: var(--rs-tree-focused-bg);
   box-shadow: inset 0 0 0 1px var(--rs-tree-focused-ring);
 }
-.rs-tree__row--selected.rs-tree__row--focused[data-v-59bbd9de] {
+.rs-tree__row--selected.rs-tree__row--focused[data-v-ef7566eb] {
   background: var(--rs-tree-selected-focused-bg);
   box-shadow: inset 0 0 0 1px var(--rs-tree-selected-focused-ring);
 }
-.rs-tree--block .rs-tree__row[data-v-59bbd9de] {
+.rs-tree--block .rs-tree__row[data-v-ef7566eb] {
   cursor: pointer;
 }
-.rs-tree__row--disabled[data-v-59bbd9de] {
+.rs-tree__row--disabled[data-v-ef7566eb] {
   opacity: 0.38;
   cursor: not-allowed;
 }
-.rs-tree__row--drop-before[data-v-59bbd9de]::before,
-.rs-tree__row--drop-after[data-v-59bbd9de]::after {
+.rs-tree__row--drop-before[data-v-ef7566eb]::before,
+.rs-tree__row--drop-after[data-v-ef7566eb]::after {
   content: '';
   position: absolute;
   inset-inline: 0;
@@ -94,47 +94,50 @@
   background: var(--rs-tree-drop-indicator);
   pointer-events: none;
 }
-.rs-tree__row--drop-before[data-v-59bbd9de]::before {
+.rs-tree__row--drop-before[data-v-ef7566eb]::before {
   top: 0;
 }
-.rs-tree__row--drop-after[data-v-59bbd9de]::after {
+.rs-tree__row--drop-after[data-v-ef7566eb]::after {
   bottom: 0;
 }
-.rs-tree__row--drop-inside[data-v-59bbd9de] {
-  background: color-mix(in srgb, var(--rs-primary) 8%, transparent);
+.rs-tree__row--drop-inside[data-v-ef7566eb] {
+  background: var(--rs-tree-drop-inside-bg);
 }
-.rs-tree--line .rs-tree__lines[data-v-59bbd9de] {
+.rs-tree--disabled[data-v-ef7566eb] {
+  cursor: not-allowed;
+}
+.rs-tree--line .rs-tree__lines[data-v-ef7566eb] {
   position: absolute;
   inset: 0;
   pointer-events: none;
 }
 
 /* 导航线：半透明字色 token，避免宿主把 --rs-border-subtle 桥成实色灰后过深 */
-.rs-tree--line .rs-tree__line-vert[data-v-59bbd9de] {
+.rs-tree--line .rs-tree__line-vert[data-v-ef7566eb] {
   position: absolute;
   top: 0;
   bottom: 0;
   width: var(--rs-tree-line-width, 1px);
   background: var(--rs-tree-line);
 }
-.rs-tree--line .rs-tree__line-vert--self.rs-tree__line-vert--end[data-v-59bbd9de] {
+.rs-tree--line .rs-tree__line-vert--self.rs-tree__line-vert--end[data-v-ef7566eb] {
   bottom: 50%;
 }
-.rs-tree--line .rs-tree__line-horz[data-v-59bbd9de] {
+.rs-tree--line .rs-tree__line-horz[data-v-ef7566eb] {
   position: absolute;
   top: 50%;
   height: var(--rs-tree-line-width, 1px);
   background: var(--rs-tree-line);
 }
-.rs-tree__drag-handle[data-v-59bbd9de] {
+.rs-tree__drag-handle[data-v-ef7566eb] {
   display: inline-flex;
   align-items: center;
   color: var(--rs-muted);
   cursor: move;
   flex: 0 0 auto;
 }
-.rs-tree__toggle[data-v-59bbd9de],
-.rs-tree__spacer[data-v-59bbd9de] {
+.rs-tree__toggle[data-v-ef7566eb],
+.rs-tree__spacer[data-v-ef7566eb] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -142,7 +145,7 @@
   height: 1.25rem;
   flex: 0 0 auto;
 }
-.rs-tree__toggle[data-v-59bbd9de] {
+.rs-tree__toggle[data-v-ef7566eb] {
   border: 0;
   padding: 0;
   border-radius: var(--rs-radius-xs);
@@ -152,16 +155,16 @@
   outline: none;
   transition: color var(--rs-transition-fast);
 }
-.rs-tree__toggle[data-v-59bbd9de]:hover:not(:disabled) {
+.rs-tree__toggle[data-v-ef7566eb]:hover:not(:disabled) {
   color: var(--rs-text);
 }
-.rs-tree__toggle[data-v-59bbd9de]:focus-visible {
+.rs-tree__toggle[data-v-ef7566eb]:focus-visible {
   box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
 }
-.rs-tree__toggle[data-v-59bbd9de]:disabled {
+.rs-tree__toggle[data-v-ef7566eb]:disabled {
   cursor: default;
 }
-.rs-tree__toggle-caret[data-v-59bbd9de] {
+.rs-tree__toggle-caret[data-v-ef7566eb] {
   display: block;
   font-size: var(--rs-font-size-lg);
   font-weight: var(--rs-font-weight-medium);
@@ -169,26 +172,32 @@
   transform: translateY(-0.5px);
   transition: transform var(--rs-transition-fast);
 }
-.rs-tree__toggle--expanded .rs-tree__toggle-caret[data-v-59bbd9de] {
+[dir='rtl'] .rs-tree__toggle-caret[data-v-ef7566eb] {
+  transform: translateY(-0.5px) scaleX(-1);
+}
+.rs-tree__toggle--expanded .rs-tree__toggle-caret[data-v-ef7566eb] {
   transform: translateY(-0.5px) rotate(90deg);
 }
-.rs-tree__loading-icon[data-v-59bbd9de] {
+[dir='rtl'] .rs-tree__toggle--expanded .rs-tree__toggle-caret[data-v-ef7566eb] {
+  transform: translateY(-0.5px) scaleX(-1) rotate(-90deg);
+}
+.rs-tree__loading-icon[data-v-ef7566eb] {
   color: var(--rs-primary);
 }
-.rs-tree__checkbox[data-v-59bbd9de] {
+.rs-tree__checkbox[data-v-ef7566eb] {
   position: relative;
   display: inline-flex;
   align-items: center;
   flex: 0 0 auto;
   cursor: pointer;
 }
-.rs-tree__checkbox-spacer[data-v-59bbd9de] {
+.rs-tree__checkbox-spacer[data-v-ef7566eb] {
   display: inline-block;
   width: 1rem;
   height: 1rem;
   flex: 0 0 auto;
 }
-.rs-tree__checkbox-input[data-v-59bbd9de] {
+.rs-tree__checkbox-input[data-v-ef7566eb] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -199,7 +208,7 @@
   white-space: nowrap;
   border: 0;
 }
-.rs-tree__checkbox-box[data-v-59bbd9de] {
+.rs-tree__checkbox-box[data-v-ef7566eb] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -210,31 +219,31 @@
   background: var(--rs-surface);
   transition: background 0.15s ease, border-color 0.15s ease;
 }
-.rs-tree__checkbox--checked .rs-tree__checkbox-box[data-v-59bbd9de],
-.rs-tree__checkbox--indeterminate .rs-tree__checkbox-box[data-v-59bbd9de] {
+.rs-tree__checkbox--checked .rs-tree__checkbox-box[data-v-ef7566eb],
+.rs-tree__checkbox--indeterminate .rs-tree__checkbox-box[data-v-ef7566eb] {
   border-color: var(--rs-primary);
   background: var(--rs-primary);
 }
-.rs-tree__checkbox--checked .rs-tree__checkbox-box[data-v-59bbd9de]::after {
+.rs-tree__checkbox--checked .rs-tree__checkbox-box[data-v-ef7566eb]::after {
   content: '';
   width: 0.3rem;
   height: 0.55rem;
-  border: solid var(--rs-on-primary, #fff);
+  border: solid var(--rs-tree-check-fg, var(--rs-primary-foreground));
   border-width: 0 2px 2px 0;
   transform: rotate(45deg) translate(-1px, -1px);
 }
-.rs-tree__checkbox--indeterminate .rs-tree__checkbox-box[data-v-59bbd9de]::after {
+.rs-tree__checkbox--indeterminate .rs-tree__checkbox-box[data-v-ef7566eb]::after {
   content: '';
   width: 0.5rem;
   height: 2px;
-  background: var(--rs-on-primary, #fff);
+  background: var(--rs-tree-check-fg, var(--rs-primary-foreground));
   border-radius: 1px;
 }
-.rs-tree__node-icon[data-v-59bbd9de] {
+.rs-tree__node-icon[data-v-ef7566eb] {
   flex: 0 0 auto;
   color: var(--rs-muted);
 }
-.rs-tree__label[data-v-59bbd9de] {
+.rs-tree__label[data-v-ef7566eb] {
   flex: 1 1 auto;
   min-width: 0;
   border: 0;
@@ -245,63 +254,63 @@
   text-align: start;
   cursor: pointer;
 }
-.rs-tree__label-text[data-v-59bbd9de] {
+.rs-tree__label-text[data-v-ef7566eb] {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.rs-tree__label--block[data-v-59bbd9de] {
+.rs-tree__label--block[data-v-ef7566eb] {
   cursor: inherit;
 }
-.rs-tree__label[data-v-59bbd9de]:disabled,
-.rs-tree__label--disabled[data-v-59bbd9de] {
+.rs-tree__label[data-v-ef7566eb]:disabled,
+.rs-tree__label--disabled[data-v-ef7566eb] {
   cursor: not-allowed;
 }
-.rs-tree__highlight[data-v-59bbd9de] {
+.rs-tree__highlight[data-v-ef7566eb] {
   padding: 0 0.125rem;
   border: 0;
   border-radius: 2px;
-  background: color-mix(in srgb, var(--rs-warning) 45%, transparent);
+  background: var(--rs-tree-highlight-bg);
   color: inherit;
   font-weight: var(--rs-font-weight-semibold);
 }
-.rs-tree__pad[data-v-59bbd9de] {
+.rs-tree__pad[data-v-ef7566eb] {
   flex: 0 0 auto;
   pointer-events: none;
 }
-.rs-tree--ssm .rs-tree__label[data-v-59bbd9de],
-.rs-tree--ssm .rs-tree__toggle[data-v-59bbd9de] {
+.rs-tree--ssm .rs-tree__label[data-v-ef7566eb],
+.rs-tree--ssm .rs-tree__toggle[data-v-ef7566eb] {
   font-size: var(--rs-font-size-xs);
 }
-.rs-tree--ssm .rs-tree__toggle[data-v-59bbd9de],
-.rs-tree--ssm .rs-tree__spacer[data-v-59bbd9de] {
+.rs-tree--ssm .rs-tree__toggle[data-v-ef7566eb],
+.rs-tree--ssm .rs-tree__spacer[data-v-ef7566eb] {
   width: 0.875rem;
   height: 0.875rem;
 }
-.rs-tree--ssm .rs-tree__toggle-caret[data-v-59bbd9de] {
+.rs-tree--ssm .rs-tree__toggle-caret[data-v-ef7566eb] {
   font-size: var(--rs-font-size-sm);
 }
-.rs-tree--sm .rs-tree__label[data-v-59bbd9de],
-.rs-tree--sm .rs-tree__toggle[data-v-59bbd9de] {
+.rs-tree--sm .rs-tree__label[data-v-ef7566eb],
+.rs-tree--sm .rs-tree__toggle[data-v-ef7566eb] {
   font-size: var(--rs-font-size-xs);
 }
-.rs-tree--sm .rs-tree__toggle[data-v-59bbd9de],
-.rs-tree--sm .rs-tree__spacer[data-v-59bbd9de] {
+.rs-tree--sm .rs-tree__toggle[data-v-ef7566eb],
+.rs-tree--sm .rs-tree__spacer[data-v-ef7566eb] {
   width: 1rem;
   height: 1rem;
 }
-.rs-tree--sm .rs-tree__toggle-caret[data-v-59bbd9de] {
+.rs-tree--sm .rs-tree__toggle-caret[data-v-ef7566eb] {
   font-size: var(--rs-font-size-base);
 }
-.rs-tree--lg .rs-tree__label[data-v-59bbd9de] {
+.rs-tree--lg .rs-tree__label[data-v-ef7566eb] {
   font-size: var(--rs-font-size-sm);
 }
-.rs-tree--lg .rs-tree__toggle[data-v-59bbd9de],
-.rs-tree--lg .rs-tree__spacer[data-v-59bbd9de] {
+.rs-tree--lg .rs-tree__toggle[data-v-ef7566eb],
+.rs-tree--lg .rs-tree__spacer[data-v-ef7566eb] {
   width: 1.5rem;
   height: 1.5rem;
 }
-.rs-tree--lg .rs-tree__toggle-caret[data-v-59bbd9de] {
+.rs-tree--lg .rs-tree__toggle-caret[data-v-ef7566eb] {
   font-size: var(--rs-font-size-xl);
 }

package/dist/components/tree/src/RsTree.d.ts

@@ -1,8 +1,11 @@
-import type { RsTreeCheckState, RsTreeDragTrigger, RsTreeDropPosition, RsTreeNode, RsTreeFieldNames, RsTreeSize } from './tree-utils';
+import type { RsTreeCheckState, RsTreeDragTrigger, RsTreeDropPosition, RsTreeExpose, RsTreeNode, RsTreeFieldNames, RsTreeSize } from './tree-utils';
 type __VLS_Props = {
     nodes: RsTreeNode[];
     fieldNames?: RsTreeFieldNames;
     size?: RsTreeSize;
+    id?: string;
+    ariaLabel?: string;
+    disabled?: boolean;
     multiple?: boolean;
     selectable?: boolean;
     checkable?: boolean;
@@ -32,11 +35,6 @@ type __VLS_Props = {
     itemHeight?: number;
     overscan?: number;
 };
-declare function expandAll(): void;
-declare function collapseAll(): void;
-declare function expandNode(key: string): void;
-declare function collapseNode(key: string): void;
-declare function focusNode(key: string): void;
 type __VLS_ModelProps = {
     modelValue?: string | string[];
     'expandedKeys'?: string[];
@@ -44,7 +42,11 @@ type __VLS_ModelProps = {
     'halfCheckedKeys'?: string[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_21: {
+declare var __VLS_1: {}, __VLS_18: {
+    node: RsTreeNode;
+    key: string;
+    expanded: boolean;
+}, __VLS_25: {
     node: RsTreeNode;
     key: string;
     label: string;
@@ -53,7 +55,7 @@ declare var __VLS_21: {
     checkState: RsTreeCheckState;
     depth: number;
     focused: boolean;
-}, __VLS_23: {
+}, __VLS_27: {
     node: RsTreeNode;
     key: string;
     label: string;
@@ -64,47 +66,45 @@ declare var __VLS_21: {
     focused: boolean;
 };
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_21) => any;
+    empty?: (props: typeof __VLS_1) => any;
+} & {
+    icon?: (props: typeof __VLS_18) => any;
 } & {
-    title?: (props: typeof __VLS_23) => any;
+    title?: (props: typeof __VLS_25) => any;
+} & {
+    title?: (props: typeof __VLS_27) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    expandAll: typeof expandAll;
-    collapseAll: typeof collapseAll;
-    expandNode: typeof expandNode;
-    collapseNode: typeof collapseNode;
-    focusNode: typeof focusNode;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsTreeExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     check: (keys: string[], halfCheckedKeys: string[], node: RsTreeNode, key: string) => any;
+    expand: (key: string, expanded: boolean) => any;
     "update:modelValue": (value: string | string[]) => any;
     "node-click": (node: RsTreeNode, key: string) => any;
     "node-dblclick": (node: RsTreeNode, key: string) => any;
     "node-contextmenu": (node: RsTreeNode, key: string, event: MouseEvent) => any;
-    expand: (key: string, expanded: boolean) => any;
     "node-drop": (dragKey: string, dropKey: string, position: RsTreeDropPosition) => any;
     "update:expandedKeys": (value: string[] | undefined) => any;
     "update:checkedKeys": (value: string[] | undefined) => any;
     "update:halfCheckedKeys": (value: string[] | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onCheck?: ((keys: string[], halfCheckedKeys: string[], node: RsTreeNode, key: string) => any) | undefined;
+    onExpand?: ((key: string, expanded: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
     "onNode-click"?: ((node: RsTreeNode, key: string) => any) | undefined;
     "onNode-dblclick"?: ((node: RsTreeNode, key: string) => any) | undefined;
     "onNode-contextmenu"?: ((node: RsTreeNode, key: string, event: MouseEvent) => any) | undefined;
-    onExpand?: ((key: string, expanded: boolean) => any) | undefined;
     "onNode-drop"?: ((dragKey: string, dropKey: string, position: RsTreeDropPosition) => any) | undefined;
     "onUpdate:expandedKeys"?: ((value: string[] | undefined) => any) | undefined;
     "onUpdate:checkedKeys"?: ((value: string[] | undefined) => any) | undefined;
     "onUpdate:halfCheckedKeys"?: ((value: string[] | undefined) => any) | undefined;
 }>, {
     filter: string;
-    size: RsTreeSize;
+    disabled: boolean;
     selectable: boolean;
+    highlight: boolean;
+    accordion: boolean;
     multiple: boolean;
     virtual: boolean;
     virtualThreshold: number;
-    highlight: boolean;
-    overscan: number;
     checkable: boolean;
     checkStrictly: boolean;
     onlyCheckLeaf: boolean;
@@ -115,11 +115,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     expandOnClickNode: boolean;
     blockNode: boolean;
     showLine: boolean;
-    accordion: boolean;
     autoExpandParent: boolean;
     lazy: boolean;
     draggable: boolean;
     dragTrigger: RsTreeDragTrigger;
+    overscan: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;