lingee-ui 0.0.6 → 0.0.8

package/dist/tooltip/index.js

@@ -1 +1 @@
-'use strict';var chunkZXRCMMQM_js=require('../chunk-ZXRCMMQM.js');require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Tooltip",{enumerable:true,get:function(){return chunkZXRCMMQM_js.a}});
+'use strict';var chunkP56ABRDC_js=require('../chunk-P56ABRDC.js');require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Tooltip",{enumerable:true,get:function(){return chunkP56ABRDC_js.c}});

package/dist/tooltip/index.mjs

@@ -1 +1 @@
-export{a as Tooltip}from'../chunk-LGFBC4UA.mjs';import'../chunk-DN2VKVCV.mjs';
+export{c as Tooltip}from'../chunk-JKY43GCS.mjs';import'../chunk-DN2VKVCV.mjs';

package/dist/tree/index.css

@@ -0,0 +1 @@
+.lg-toast-wrapper{width:100%;display:flex;justify-content:center;pointer-events:none}.lg-toast{border-radius:var(--lg-radius-x-large);box-shadow:0 1px 2px #0000000a,0 1px 4px #0000000a;padding:8px 12px;display:inline-flex;align-items:flex-start;max-width:560px;pointer-events:auto;font-size:16px;line-height:24px;color:var(--lg-g-fg-color-black-strong);white-space:nowrap}.lg-toast__icon{width:20px;height:20px;margin-top:2px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lg-toast__content{word-break:break-word;white-space:normal}.lg-toast__close{width:16px;height:16px;margin-top:4px;margin-left:16px;padding:0;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--lg-g-fg-color-black-muted)}.lg-toast--info{background:linear-gradient(to right,var(--lg-primary-50),var(--lg-blue-10));border:1px solid var(--lg-g-border-color-primary-soft)}.lg-toast--info .lg-toast__icon{color:var(--lg-g-fg-color-primary-default)}.lg-toast--success{background:linear-gradient(to right,var(--lg-green-50),var(--lg-green-10));border:1px solid var(--lg-g-border-color-success-subtle)}.lg-toast--success .lg-toast__icon{color:var(--lg-g-fg-color-success-default)}.lg-toast--warning{background:linear-gradient(to right,var(--lg-orange-50),var(--lg-orange-10));border:1px solid var(--lg-g-border-color-warning-subtle)}.lg-toast--warning .lg-toast__icon{color:var(--lg-g-fg-color-warning-default)}.lg-toast--error{background:linear-gradient(to right,var(--lg-red-50),var(--lg-red-10));border:1px solid var(--lg-g-border-color-danger-subtle)}.lg-toast--error .lg-toast__icon{color:var(--lg-g-fg-color-danger-default)}@keyframes lg-spin-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lg-spin{--_spin-size-sm: 16px;--_spin-size-md: 24px;--_spin-size-lg: 32px;--_spin-track-width: 3px;--_spin-track-color: var(--lg-g-border-color-black-soft);--_spin-indicator-color: var(--lg-g-fg-color-black-default);--_spin-duration: .8s;display:inline-flex;align-items:center;justify-content:center}.lg-spin__indicator{display:block;width:var(--_spin-size-lg);height:var(--_spin-size-lg);border-radius:50%;border:var(--_spin-track-width) solid var(--_spin-track-color);border-top-color:var(--_spin-indicator-color);animation:lg-spin-rotate var(--_spin-duration) linear infinite}.lg-spin--sm .lg-spin__indicator{width:var(--_spin-size-sm);height:var(--_spin-size-sm);border-width:2px}.lg-spin--md .lg-spin__indicator{width:var(--_spin-size-md);height:var(--_spin-size-md)}.lg-spin--lg .lg-spin__indicator{width:var(--_spin-size-lg);height:var(--_spin-size-lg)}.lg-spin--paused .lg-spin__indicator{animation-play-state:paused}.lg-spin--nested{position:relative}.lg-spin__content{transition:opacity .3s}.lg-spin__content--loading{opacity:.4;pointer-events:none;user-select:none}.lg-spin__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.lg-spin__tip{font-size:14px;color:var(--lg-g-fg-color-black-default)}.lg-empty{--_empty-color: var(--lg-g-fg-color-black-aint);display:flex;align-items:center;justify-content:center;color:var(--_empty-color)}.lg-empty__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--_empty-color)}.lg-empty__text{text-align:center;white-space:nowrap;color:var(--_empty-color)}.lg-empty--md{flex-direction:column;gap:4px}.lg-empty--md .lg-empty__text{font-size:14px;line-height:20px}.lg-empty--lg{flex-direction:column;gap:8px}.lg-empty--lg .lg-empty__text{font-size:16px;line-height:24px}.lg-empty--sm{flex-direction:row;gap:4px}.lg-empty--sm .lg-empty__text{font-size:12px;line-height:18px}.lg-empty-card{--_empty-card-content-height: 18px;--_empty-card-pad-y: 23px;--_empty-card-pad-y-loose: 44px;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;box-sizing:border-box;color:var(--lg-g-fg-color-black-aint);background:transparent;border:none;font-family:inherit}.lg-empty-card__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.lg-empty-card__text{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}.lg-empty-card--block .lg-empty-card__text{font-size:12px;line-height:18px}.lg-empty-card--inline{--_empty-card-content-height: 18px;--_empty-card-pad-y: 4px;--_empty-card-pad-y-loose: 12px}.lg-empty-card--inline .lg-empty-card__text{font-size:12px;line-height:18px}.lg-empty-card--spacing-none{padding:0;min-height:var(--_empty-card-content-height)}.lg-empty-card--spacing-normal{padding:var(--_empty-card-pad-y) 0;min-height:calc(var(--_empty-card-content-height) + var(--_empty-card-pad-y) * 2)}.lg-empty-card--spacing-loose{padding:var(--_empty-card-pad-y-loose) 0 var(--_empty-card-pad-y);min-height:calc(var(--_empty-card-content-height) + var(--_empty-card-pad-y-loose) + var(--_empty-card-pad-y))}.lg-empty-card--inline.lg-empty-card--spacing-normal{padding:var(--_empty-card-pad-y) 12px}.lg-empty-card--inline.lg-empty-card--spacing-loose{padding:var(--_empty-card-pad-y-loose) 12px var(--_empty-card-pad-y)}.lg-empty-card--retryable{cursor:pointer;border-radius:var(--lg-radius-x-medium);transition:background-color .2s ease}.lg-empty-card--retryable:hover{background:var(--lg-g-bg-color-black-faint)}.lg-tree{--_tree-item-height: 32px;--_tree-item-gap: 2px;--_tree-item-radius: 20px;--_tree-item-padding-x: 10px;--_tree-indent-width: 24px;--_tree-font-size: 14px;--_tree-line-height: 22px;--_tree-item-color: var(--lg-g-fg-color-black-strong);--_tree-item-color-selected: var(--lg-g-fg-color-black-intense);--_tree-item-color-disabled: var(--lg-g-fg-color-black-default);--_tree-item-bg-hover: var(--lg-g-bg-color-black-faint);--_tree-item-bg-selected: var(--lg-g-bg-color-black-subtle);--_tree-guide-color: var(--lg-g-border-color-black-subtle);--_tree-icon-opacity: .64;--_tree-checkbox-radius: 4px;--_tree-checkbox-border-width: 1.33px;--_tree-checkbox-border-color: var(--lg-g-border-color-black-moderate);--_tree-checkbox-border-color-hover: var(--lg-g-border-color-primary-default);--_tree-checkbox-bg-checked: var(--lg-g-bg-color-primary-default);--_tree-checkbox-bg-disabled: var(--lg-g-bg-color-black-faint);--_tree-checkbox-border-color-disabled: var(--lg-g-border-color-black-muted);--_tree-checkbox-icon-color: var(--lg-g-fg-color-white-heavy);--_tree-transition: .2s cubic-bezier(.645, .045, .355, 1);position:relative;font-size:var(--_tree-font-size);line-height:var(--_tree-line-height);color:var(--_tree-item-color);user-select:none}.lg-tree--sm{--_tree-item-height: 28px}.lg-tree--lg{--_tree-item-height: 36px}.lg-tree__loading-mask{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--lg-g-bg-color-white-translucent-strong)}.lg-tree--loading .lg-tree-list{pointer-events:none}.lg-tree__empty{display:flex;align-items:center;justify-content:center;padding:24px 0}.lg-tree-list-holder-inner{gap:var(--_tree-item-gap)}.lg-tree-treenode{position:relative;display:flex;align-items:center;height:var(--_tree-item-height);margin:0;padding:0;outline:none;list-style:none}.lg-tree-treenode-active .lg-tree-node-content-wrapper{box-shadow:0 0 0 2px var(--lg-g-bg-color-primary-translucent-soft)}.lg-tree-treenode-disabled{cursor:not-allowed}.lg-tree-treenode-disabled .lg-tree-node-content-wrapper{color:var(--_tree-item-color-disabled);cursor:not-allowed}.lg-tree-treenode-disabled .lg-tree-node-content-wrapper:hover{background:transparent}.lg-tree-indent{align-self:stretch;display:flex;flex-shrink:0;white-space:nowrap;user-select:none}.lg-tree-indent-unit{position:relative;display:inline-block;width:var(--_tree-indent-width);height:100%}.lg-tree--guide-line .lg-tree-indent-unit:before{content:"";position:absolute;top:calc(var(--_tree-item-gap) / -1);bottom:calc(var(--_tree-item-gap) / -1);left:15px;width:1px;background:var(--_tree-guide-color)}.lg-tree--guide-line .lg-tree-indent-unit-end:before{bottom:0}.lg-tree-switcher{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-right:6px;margin-left:var(--_tree-item-padding-x);color:var(--_tree-item-color);background:transparent;border:none;border-radius:4px;cursor:pointer;opacity:var(--_tree-icon-opacity);transition:opacity var(--_tree-transition)}.lg-tree-switcher:hover{opacity:1}.lg-tree-switcher-noop{width:0;margin-right:0;cursor:default}.lg-tree__switcher-icon{transition:transform var(--_tree-transition)}.lg-tree-switcher_close .lg-tree__switcher-icon{transform:rotate(-90deg)}.lg-tree-checkbox{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-right:6px;border:var(--_tree-checkbox-border-width) solid var(--_tree-checkbox-border-color);border-radius:var(--_tree-checkbox-radius);cursor:pointer;transition:border-color var(--_tree-transition),background-color var(--_tree-transition)}.lg-tree-checkbox:hover{border-color:var(--_tree-checkbox-border-color-hover)}.lg-tree-checkbox-checked,.lg-tree-checkbox-indeterminate{border-color:var(--_tree-checkbox-bg-checked);background-color:var(--_tree-checkbox-bg-checked)}.lg-tree-checkbox-checked:after{content:"";position:absolute;top:45%;left:50%;width:4px;height:8px;border:1.5px solid var(--_tree-checkbox-icon-color);border-top:0;border-left:0;transform:translate(-50%,-50%) rotate(45deg)}.lg-tree-checkbox-indeterminate:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:1.5px;background:var(--_tree-checkbox-icon-color);transform:translate(-50%,-50%)}.lg-tree-checkbox-disabled{cursor:not-allowed;border-color:var(--_tree-checkbox-border-color-disabled);background-color:var(--_tree-checkbox-bg-disabled)}.lg-tree-checkbox-disabled:hover{border-color:var(--_tree-checkbox-border-color-disabled)}.lg-tree-node-content-wrapper{display:flex;flex:1;align-items:center;gap:6px;min-width:0;height:100%;padding:0 var(--_tree-item-padding-x);color:inherit;background:transparent;border-radius:var(--_tree-item-radius);cursor:pointer;transition:background var(--_tree-transition),color var(--_tree-transition)}.lg-tree-node-content-wrapper:hover{background:var(--_tree-item-bg-hover)}.lg-tree-node-content-wrapper.lg-tree-node-selected{color:var(--_tree-item-color-selected);background:var(--_tree-item-bg-selected)}.lg-tree-node-content-wrapper.lg-tree-node-selected .lg-tree-title{text-shadow:.3px 0 0 currentcolor,-.3px 0 0 currentcolor}.lg-tree-switcher+.lg-tree-node-content-wrapper{margin-left:calc((22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + var(--_tree-item-padding-x))}.lg-tree-switcher-noop+.lg-tree-node-content-wrapper{margin-left:calc(var(--_tree-item-padding-x) * -1);padding-left:var(--_tree-item-padding-x)}.lg-tree-checkbox+.lg-tree-node-content-wrapper{margin-left:calc((22px + 22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + 22px + var(--_tree-item-padding-x))}.lg-tree-switcher-noop+.lg-tree-checkbox+.lg-tree-node-content-wrapper{margin-left:calc((22px + var(--_tree-item-padding-x)) * -1);padding-left:calc(22px + var(--_tree-item-padding-x))}.lg-tree-iconEle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;opacity:var(--_tree-icon-opacity)}.lg-tree-iconEle:empty:not(.lg-tree-icon_loading){display:none}.lg-tree-node-selected .lg-tree-iconEle{opacity:1}.lg-tree-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lg-tree-icon_loading{display:inline-block;box-sizing:border-box;width:14px;height:14px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;color:var(--lg-g-fg-color-black-aint);opacity:1;animation:lg-tree-spin .8s linear infinite}.lg-tree-treenode-motion{display:flex;flex-direction:column;overflow:hidden;margin-top:calc(var(--_tree-item-gap) * -1)}.lg-tree-treenode-motion>*{flex-shrink:0;margin-top:var(--_tree-item-gap)}.lg-tree-motion-appear-active,.lg-tree-motion-enter-active,.lg-tree-motion-leave-active{transition:height var(--_tree-transition),opacity var(--_tree-transition)}.lg-tree-motion-leave-active{pointer-events:none}.lg-tree-treenode.dragging .lg-tree-node-content-wrapper{opacity:.5}.lg-tree-treenode.drag-over>.lg-tree-node-content-wrapper{background:var(--lg-g-bg-color-primary-translucent-soft)}.lg-tree-treenode.drag-over-gap-top>.lg-tree-node-content-wrapper{box-shadow:inset 0 2px 0 0 var(--lg-g-bg-color-primary-default)}.lg-tree-treenode.drag-over-gap-bottom>.lg-tree-node-content-wrapper{box-shadow:inset 0 -2px 0 0 var(--lg-g-bg-color-primary-default)}.lg-tree-drop-indicator{position:absolute;z-index:1;height:2px;background:var(--lg-g-bg-color-primary-default);border-radius:1px;pointer-events:none}.lg-tree--disabled .lg-tree-node-content-wrapper,.lg-tree--disabled .lg-tree-switcher,.lg-tree--disabled .lg-tree-checkbox{cursor:not-allowed}.lg-tree--disabled .lg-tree-node-content-wrapper{color:var(--_tree-item-color-disabled)}.lg-tree--disabled .lg-tree-node-content-wrapper:hover{background:transparent}@keyframes lg-tree-spin{to{transform:rotate(360deg)}}

package/dist/tree/index.d.mts

@@ -0,0 +1,229 @@
+import React__default, { Key, ReactNode, CSSProperties } from 'react';
+
+/**
+ * 树节点尺寸
+ * - sm: 行高 28px
+ * - md: 行高 32px（设计稿基准）
+ * - lg: 行高 36px
+ */
+type TreeSize = "sm" | "md" | "lg";
+/**
+ * 缩进引导线形态
+ * - none: 不显示引导线，仅靠缩进区分层级
+ * - line: 显示纵向引导线（设计稿默认形态）
+ */
+type TreeIndentGuide = "none" | "line";
+/** 触发展开的交互方式，false 表示仅能点击箭头展开 */
+type TreeExpandAction = false | "click" | "doubleClick";
+/**
+ * 树节点数据
+ *
+ * 字段名可通过 fieldNames 改写，以适配后端已有的数据结构，
+ * 避免消费方为了对齐组件而额外做一次全量数据转换。
+ */
+interface TreeNodeData {
+    /** 节点唯一标识 */
+    key: Key;
+    /** 节点标题 */
+    title?: ReactNode;
+    /** 子节点 */
+    children?: TreeNodeData[];
+    /**
+     * 节点前置图标，覆盖 Tree 上的全局 icon。
+     * 静态值，不随展开态变化；需要区分开合请用 Tree 的 icon 函数形式
+     */
+    icon?: ReactNode;
+    /** 是否禁用（不可选中、不可高亮） */
+    disabled?: boolean;
+    /** 是否禁用勾选框 */
+    disableCheckbox?: boolean;
+    /** 是否可勾选，checkable 开启时生效 */
+    checkable?: boolean;
+    /** 是否强制视作叶子节点（不显示展开箭头） */
+    isLeaf?: boolean;
+    /** 是否允许作为拖拽源 */
+    selectable?: boolean;
+    /** 允许透传业务字段 */
+    [key: string]: any;
+}
+/** 渲染回调中透出的节点状态，用于按状态切换图标 */
+interface TreeNodeState {
+    /** 是否已展开（叶子节点恒为 false） */
+    expanded: boolean;
+    /** 是否为叶子节点 */
+    isLeaf: boolean;
+}
+/** 字段名映射，用于适配非标准数据结构 */
+interface TreeFieldNames {
+    key?: string;
+    title?: string;
+    children?: string;
+}
+/** 勾选回调信息 */
+interface TreeCheckInfo {
+    /** 触发勾选的节点 */
+    node: TreeNodeData;
+    /** 变更后是否勾选 */
+    checked: boolean;
+    /** 全部勾选节点 */
+    checkedNodes: TreeNodeData[];
+    /** 半勾选节点 key（checkStrictly 关闭时有值） */
+    halfCheckedKeys?: Key[];
+}
+/** 选中回调信息 */
+interface TreeSelectInfo {
+    /** 触发选中的节点 */
+    node: TreeNodeData;
+    /** 变更后是否选中 */
+    selected: boolean;
+    /** 全部选中节点 */
+    selectedNodes: TreeNodeData[];
+}
+/** 展开回调信息 */
+interface TreeExpandInfo {
+    /** 触发展开的节点 */
+    node: TreeNodeData;
+    /** 变更后是否展开 */
+    expanded: boolean;
+}
+/** 拖拽放置回调信息 */
+interface TreeDropInfo {
+    /** 被拖拽节点 */
+    dragNode: TreeNodeData;
+    /** 放置目标节点 */
+    node: TreeNodeData;
+    /**
+     * 相对目标节点的插入位置：-1 上方、0 内部、1 下方
+     * dropToGap 为 false 时该值无意义（落在节点内部）
+     */
+    dropPosition: number;
+    /** 是否落在节点之间的空隙（而非节点内部） */
+    dropToGap: boolean;
+}
+/** 拖拽落点校验参数 */
+interface TreeAllowDropOptions {
+    dragNode: TreeNodeData;
+    dropNode: TreeNodeData;
+    dropPosition: -1 | 0 | 1;
+}
+/**
+ * Tree 组件 Props
+ */
+interface TreeProps {
+    /** 节点数据 */
+    treeData?: TreeNodeData[];
+    /** 字段名映射 */
+    fieldNames?: TreeFieldNames;
+    /** 行高尺寸 */
+    size?: TreeSize;
+    /** 展开的节点 key（受控） */
+    expandedKeys?: Key[];
+    /** 默认展开的节点 key */
+    defaultExpandedKeys?: Key[];
+    /** 默认展开全部节点 */
+    defaultExpandAll?: boolean;
+    /** 展开子节点时自动展开其父节点 */
+    autoExpandParent?: boolean;
+    /** 触发展开的交互方式 */
+    expandAction?: TreeExpandAction;
+    /** 展开状态变化回调 */
+    onExpand?: (expandedKeys: Key[], info: TreeExpandInfo) => void;
+    /** 是否可选中 */
+    selectable?: boolean;
+    /** 是否支持多选 */
+    multiple?: boolean;
+    /** 选中的节点 key（受控） */
+    selectedKeys?: Key[];
+    /** 默认选中的节点 key */
+    defaultSelectedKeys?: Key[];
+    /** 选中状态变化回调 */
+    onSelect?: (selectedKeys: Key[], info: TreeSelectInfo) => void;
+    /** 是否显示勾选框 */
+    checkable?: boolean;
+    /** 父子节点勾选状态不再联动 */
+    checkStrictly?: boolean;
+    /** 勾选的节点 key（受控） */
+    checkedKeys?: Key[] | {
+        checked: Key[];
+        halfChecked: Key[];
+    };
+    /** 默认勾选的节点 key */
+    defaultCheckedKeys?: Key[];
+    /** 勾选状态变化回调 */
+    onCheck?: (checkedKeys: Key[] | {
+        checked: Key[];
+        halfChecked: Key[];
+    }, info: TreeCheckInfo) => void;
+    /** 是否显示节点图标 */
+    showIcon?: boolean;
+    /**
+     * 全局节点图标。
+     *
+     * 传函数时可按展开态返回不同图标（如文件夹的开 / 合两态）；
+     * 节点数据上的 `icon` 字段是静态值，做不到随状态切换，
+     * 需要区分开合时应在此处以函数形式提供。
+     */
+    icon?: ReactNode | ((node: TreeNodeData, state: TreeNodeState) => ReactNode);
+    /** 自定义展开箭头，可为函数按节点状态返回 */
+    switcherIcon?: ReactNode | ((state: TreeNodeState) => ReactNode);
+    /** 缩进引导线形态 */
+    indentGuide?: TreeIndentGuide;
+    /**
+     * 自定义单行内容
+     *
+     * 行内 hover 才出现的操作区靠它实现：操作区需 stopPropagation，
+     * 否则点击操作按钮会连带触发节点选中。
+     */
+    titleRender?: (node: TreeNodeData) => ReactNode;
+    /** 异步加载子节点，resolve 后由消费方更新 treeData */
+    loadData?: (node: TreeNodeData) => Promise<unknown>;
+    /** 已加载完成的节点 key（受控） */
+    loadedKeys?: Key[];
+    /** 是否可拖拽排序 */
+    draggable?: boolean | ((node: TreeNodeData) => boolean);
+    /** 校验能否放置到目标位置 */
+    allowDrop?: (options: TreeAllowDropOptions) => boolean;
+    /** 拖拽放置回调 */
+    onDrop?: (info: TreeDropInfo) => void;
+    /** 可视区高度，设置后启用虚拟滚动 */
+    height?: number;
+    /** 虚拟滚动的单项高度，缺省时按 size 推导 */
+    itemHeight?: number;
+    /** 关闭虚拟滚动 */
+    virtual?: boolean;
+    /** 整体禁用 */
+    disabled?: boolean;
+    /** 加载状态，展示遮罩 */
+    loading?: boolean;
+    /** 无数据时的展示内容 */
+    empty?: ReactNode;
+    /** 节点右键回调 */
+    onRightClick?: (info: {
+        event: React.MouseEvent;
+        node: TreeNodeData;
+    }) => void;
+    /**
+     * 展开 / 折叠是否启用高度过渡动效，默认开启
+     *
+     * 虚拟滚动（设置 height）场景下底层不走动效，此项无效
+     */
+    animated?: boolean;
+    /** 额外 className */
+    className?: string;
+    /** 行内样式 */
+    style?: CSSProperties;
+}
+
+/**
+ * Tree 树形控件
+ *
+ * 基于 @rc-component/tree 封装，仅接管视觉与常用能力；
+ * 键盘导航、虚拟滚动、父子勾选联动等由底层提供。
+ *
+ * 类名说明：容器与自定义结构走 BEM（lg-tree__xxx），
+ * 节点内部结构由底层按 prefixCls 生成单横线类名（lg-tree-treenode 等），
+ * 无法改写，故样式表中两种风格并存。
+ */
+declare const Tree: React__default.ForwardRefExoticComponent<TreeProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Tree, type TreeAllowDropOptions, type TreeCheckInfo, type TreeDropInfo, type TreeExpandAction, type TreeExpandInfo, type TreeFieldNames, type TreeIndentGuide, type TreeNodeData, type TreeNodeState, type TreeProps, type TreeSelectInfo, type TreeSize };

package/dist/tree/index.d.ts

@@ -0,0 +1,229 @@
+import React__default, { Key, ReactNode, CSSProperties } from 'react';
+
+/**
+ * 树节点尺寸
+ * - sm: 行高 28px
+ * - md: 行高 32px（设计稿基准）
+ * - lg: 行高 36px
+ */
+type TreeSize = "sm" | "md" | "lg";
+/**
+ * 缩进引导线形态
+ * - none: 不显示引导线，仅靠缩进区分层级
+ * - line: 显示纵向引导线（设计稿默认形态）
+ */
+type TreeIndentGuide = "none" | "line";
+/** 触发展开的交互方式，false 表示仅能点击箭头展开 */
+type TreeExpandAction = false | "click" | "doubleClick";
+/**
+ * 树节点数据
+ *
+ * 字段名可通过 fieldNames 改写，以适配后端已有的数据结构，
+ * 避免消费方为了对齐组件而额外做一次全量数据转换。
+ */
+interface TreeNodeData {
+    /** 节点唯一标识 */
+    key: Key;
+    /** 节点标题 */
+    title?: ReactNode;
+    /** 子节点 */
+    children?: TreeNodeData[];
+    /**
+     * 节点前置图标，覆盖 Tree 上的全局 icon。
+     * 静态值，不随展开态变化；需要区分开合请用 Tree 的 icon 函数形式
+     */
+    icon?: ReactNode;
+    /** 是否禁用（不可选中、不可高亮） */
+    disabled?: boolean;
+    /** 是否禁用勾选框 */
+    disableCheckbox?: boolean;
+    /** 是否可勾选，checkable 开启时生效 */
+    checkable?: boolean;
+    /** 是否强制视作叶子节点（不显示展开箭头） */
+    isLeaf?: boolean;
+    /** 是否允许作为拖拽源 */
+    selectable?: boolean;
+    /** 允许透传业务字段 */
+    [key: string]: any;
+}
+/** 渲染回调中透出的节点状态，用于按状态切换图标 */
+interface TreeNodeState {
+    /** 是否已展开（叶子节点恒为 false） */
+    expanded: boolean;
+    /** 是否为叶子节点 */
+    isLeaf: boolean;
+}
+/** 字段名映射，用于适配非标准数据结构 */
+interface TreeFieldNames {
+    key?: string;
+    title?: string;
+    children?: string;
+}
+/** 勾选回调信息 */
+interface TreeCheckInfo {
+    /** 触发勾选的节点 */
+    node: TreeNodeData;
+    /** 变更后是否勾选 */
+    checked: boolean;
+    /** 全部勾选节点 */
+    checkedNodes: TreeNodeData[];
+    /** 半勾选节点 key（checkStrictly 关闭时有值） */
+    halfCheckedKeys?: Key[];
+}
+/** 选中回调信息 */
+interface TreeSelectInfo {
+    /** 触发选中的节点 */
+    node: TreeNodeData;
+    /** 变更后是否选中 */
+    selected: boolean;
+    /** 全部选中节点 */
+    selectedNodes: TreeNodeData[];
+}
+/** 展开回调信息 */
+interface TreeExpandInfo {
+    /** 触发展开的节点 */
+    node: TreeNodeData;
+    /** 变更后是否展开 */
+    expanded: boolean;
+}
+/** 拖拽放置回调信息 */
+interface TreeDropInfo {
+    /** 被拖拽节点 */
+    dragNode: TreeNodeData;
+    /** 放置目标节点 */
+    node: TreeNodeData;
+    /**
+     * 相对目标节点的插入位置：-1 上方、0 内部、1 下方
+     * dropToGap 为 false 时该值无意义（落在节点内部）
+     */
+    dropPosition: number;
+    /** 是否落在节点之间的空隙（而非节点内部） */
+    dropToGap: boolean;
+}
+/** 拖拽落点校验参数 */
+interface TreeAllowDropOptions {
+    dragNode: TreeNodeData;
+    dropNode: TreeNodeData;
+    dropPosition: -1 | 0 | 1;
+}
+/**
+ * Tree 组件 Props
+ */
+interface TreeProps {
+    /** 节点数据 */
+    treeData?: TreeNodeData[];
+    /** 字段名映射 */
+    fieldNames?: TreeFieldNames;
+    /** 行高尺寸 */
+    size?: TreeSize;
+    /** 展开的节点 key（受控） */
+    expandedKeys?: Key[];
+    /** 默认展开的节点 key */
+    defaultExpandedKeys?: Key[];
+    /** 默认展开全部节点 */
+    defaultExpandAll?: boolean;
+    /** 展开子节点时自动展开其父节点 */
+    autoExpandParent?: boolean;
+    /** 触发展开的交互方式 */
+    expandAction?: TreeExpandAction;
+    /** 展开状态变化回调 */
+    onExpand?: (expandedKeys: Key[], info: TreeExpandInfo) => void;
+    /** 是否可选中 */
+    selectable?: boolean;
+    /** 是否支持多选 */
+    multiple?: boolean;
+    /** 选中的节点 key（受控） */
+    selectedKeys?: Key[];
+    /** 默认选中的节点 key */
+    defaultSelectedKeys?: Key[];
+    /** 选中状态变化回调 */
+    onSelect?: (selectedKeys: Key[], info: TreeSelectInfo) => void;
+    /** 是否显示勾选框 */
+    checkable?: boolean;
+    /** 父子节点勾选状态不再联动 */
+    checkStrictly?: boolean;
+    /** 勾选的节点 key（受控） */
+    checkedKeys?: Key[] | {
+        checked: Key[];
+        halfChecked: Key[];
+    };
+    /** 默认勾选的节点 key */
+    defaultCheckedKeys?: Key[];
+    /** 勾选状态变化回调 */
+    onCheck?: (checkedKeys: Key[] | {
+        checked: Key[];
+        halfChecked: Key[];
+    }, info: TreeCheckInfo) => void;
+    /** 是否显示节点图标 */
+    showIcon?: boolean;
+    /**
+     * 全局节点图标。
+     *
+     * 传函数时可按展开态返回不同图标（如文件夹的开 / 合两态）；
+     * 节点数据上的 `icon` 字段是静态值，做不到随状态切换，
+     * 需要区分开合时应在此处以函数形式提供。
+     */
+    icon?: ReactNode | ((node: TreeNodeData, state: TreeNodeState) => ReactNode);
+    /** 自定义展开箭头，可为函数按节点状态返回 */
+    switcherIcon?: ReactNode | ((state: TreeNodeState) => ReactNode);
+    /** 缩进引导线形态 */
+    indentGuide?: TreeIndentGuide;
+    /**
+     * 自定义单行内容
+     *
+     * 行内 hover 才出现的操作区靠它实现：操作区需 stopPropagation，
+     * 否则点击操作按钮会连带触发节点选中。
+     */
+    titleRender?: (node: TreeNodeData) => ReactNode;
+    /** 异步加载子节点，resolve 后由消费方更新 treeData */
+    loadData?: (node: TreeNodeData) => Promise<unknown>;
+    /** 已加载完成的节点 key（受控） */
+    loadedKeys?: Key[];
+    /** 是否可拖拽排序 */
+    draggable?: boolean | ((node: TreeNodeData) => boolean);
+    /** 校验能否放置到目标位置 */
+    allowDrop?: (options: TreeAllowDropOptions) => boolean;
+    /** 拖拽放置回调 */
+    onDrop?: (info: TreeDropInfo) => void;
+    /** 可视区高度，设置后启用虚拟滚动 */
+    height?: number;
+    /** 虚拟滚动的单项高度，缺省时按 size 推导 */
+    itemHeight?: number;
+    /** 关闭虚拟滚动 */
+    virtual?: boolean;
+    /** 整体禁用 */
+    disabled?: boolean;
+    /** 加载状态，展示遮罩 */
+    loading?: boolean;
+    /** 无数据时的展示内容 */
+    empty?: ReactNode;
+    /** 节点右键回调 */
+    onRightClick?: (info: {
+        event: React.MouseEvent;
+        node: TreeNodeData;
+    }) => void;
+    /**
+     * 展开 / 折叠是否启用高度过渡动效，默认开启
+     *
+     * 虚拟滚动（设置 height）场景下底层不走动效，此项无效
+     */
+    animated?: boolean;
+    /** 额外 className */
+    className?: string;
+    /** 行内样式 */
+    style?: CSSProperties;
+}
+
+/**
+ * Tree 树形控件
+ *
+ * 基于 @rc-component/tree 封装，仅接管视觉与常用能力；
+ * 键盘导航、虚拟滚动、父子勾选联动等由底层提供。
+ *
+ * 类名说明：容器与自定义结构走 BEM（lg-tree__xxx），
+ * 节点内部结构由底层按 prefixCls 生成单横线类名（lg-tree-treenode 等），
+ * 无法改写，故样式表中两种风格并存。
+ */
+declare const Tree: React__default.ForwardRefExoticComponent<TreeProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Tree, type TreeAllowDropOptions, type TreeCheckInfo, type TreeDropInfo, type TreeExpandAction, type TreeExpandInfo, type TreeFieldNames, type TreeIndentGuide, type TreeNodeData, type TreeNodeState, type TreeProps, type TreeSelectInfo, type TreeSize };

package/dist/tree/index.js

@@ -0,0 +1 @@
+'use strict';var chunk3U36GSZF_js=require('../chunk-3U36GSZF.js');require('../chunk-7TZ6IXXG.js'),require('../chunk-DCDWEVW4.js');Object.defineProperty(exports,"Tree",{enumerable:true,get:function(){return chunk3U36GSZF_js.d}});

package/dist/tree/index.mjs

@@ -0,0 +1 @@
+export{d as Tree}from'../chunk-PKNSR23I.mjs';import'../chunk-QBEHOXXU.mjs';import'../chunk-DN2VKVCV.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lingee-ui",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Kingdee Lingee UI 基础组件库 — React 18+ 轻量级企业 UI 组件",
   "license": "MIT",
   "keywords": [
@@ -26,8 +26,8 @@
   ],
   "files": [
     "dist",
+    "skill",
     "README.md",
-    "CHANGELOG.md",
     "LICENSE"
   ],
   "exports": {
@@ -61,12 +61,21 @@
       "import": "./dist/popover/index.mjs",
       "require": "./dist/popover/index.js"
     },
+    "./tree": {
+      "types": "./dist/tree/index.d.ts",
+      "import": "./dist/tree/index.mjs",
+      "require": "./dist/tree/index.js"
+    },
     "./styles.css": "./dist/index.css",
-    "./tokens.css": "./dist/tokens.css"
+    "./tokens.css": "./dist/tokens.css",
+    "./skill": "./skill/SKILL.md",
+    "./skill/*": "./skill/*"
   },
   "scripts": {
     "generate-tokens": "node scripts/generate-tokens.js",
-    "build": "tsup",
+    "gen-skill": "node scripts/gen-skill.mjs",
+    "gen-skill:check": "node scripts/gen-skill.mjs --check",
+    "build": "tsup && node scripts/gen-skill.mjs",
     "dev": "tsup --watch",
     "test": "vitest run",
     "test:watch": "vitest",
@@ -97,6 +106,7 @@
     "@rc-component/color-picker": "^3.1.1",
     "@rc-component/image": "^1.9.0",
     "@rc-component/table": "^1.10.2",
+    "@rc-component/tree": "^1.2.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "date-fns": "^4.4.0",