@rainbow-oh/yee-c 0.8.16 → 0.8.17

package/dist/cjs/Tree/interface.d.ts

@@ -61,6 +61,13 @@ export type TreeNode<T> = {
      * All descendant uids (collected bottom-up). Used for check/uncheck propagation.
      */
     childUids?: Array<string>;
+    /**
+     * Extra content rendered after the label (e.g. tags, badges, action buttons).
+     * Only takes effect when `labelRender` is NOT provided at the Tree level.
+     * When `labelRender` is present, access this value via `node.extra` in your
+     * custom render function.
+     */
+    extra?: React.ReactNode | ((node: T) => React.ReactNode);
     /**
      * Original data
      */
@@ -157,6 +164,14 @@ export interface TreeProps<T> extends DataAttributeProps {
      *  @default false
      */
     multiple?: boolean;
+    /**
+     * Custom render function for node label.
+     * When provided, takes full control of the label area rendering.
+     * The node's `extra` will NOT be appended automatically in this case;
+     * access it via `node.extra` if you need it in your custom render.
+     * The original `label` string is still used for `title` attribute fallback.
+     */
+    labelRender?: (node: TreeNode<T>) => React.ReactNode;
     /**
      * Customize node key, title, children field names
      */
@@ -164,6 +179,7 @@ export interface TreeProps<T> extends DataAttributeProps {
         key?: keyof T;
         label?: keyof T;
         children?: keyof T;
+        extra?: keyof T;
     };
     /**
      * Asynchronous data loading

package/dist/cjs/Tree/tree-node.js

@@ -64,6 +64,7 @@ var Node = (props) => {
     disabled,
     depth,
     icon,
+    extra,
     original,
     lines
   } = node;
@@ -78,6 +79,7 @@ var Node = (props) => {
     indeterminateUids,
     expandedUids,
     switcherIcon,
+    labelRender,
     draggable,
     draggingUid,
     dropState,
@@ -132,6 +134,8 @@ var Node = (props) => {
     const _title = title || (typeof label === "string" ? label : void 0);
     const mergedIcon = icon || contextIcon;
     const _icon = typeof mergedIcon === "function" ? mergedIcon(original) : mergedIcon;
+    const content = labelRender ? labelRender(node) : label;
+    const _extra = !labelRender && extra ? typeof extra === "function" ? extra(original) : extra : null;
     return /* @__PURE__ */ import_react.default.createElement(
       import_Button.default,
       {
@@ -144,7 +148,8 @@ var Node = (props) => {
         icon: showIcon ? _icon : void 0,
         onClick: disabled ? void 0 : () => onSelect(uid)
       },
-      label
+      content,
+      _extra && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-node-extra` }, _extra)
     );
   };
   const renderEmptyNodes = (depth2) => {
@@ -166,7 +171,7 @@ var Node = (props) => {
       {
         "aria-hidden": "true",
         className: `${prefixCls}-node-indent`,
-        key: index
+        key: `node-empty-${index}`
       }
     ));
   };

package/dist/cjs/Tree/tree.d.ts

@@ -1,5 +1,5 @@
 import React, { ChangeEvent } from 'react';
-import type { DragPosition, TreeProps } from './interface';
+import type { DragPosition, TreeNode, TreeProps } from './interface';
 import './style/index.less';
 type DropState = {
     uid: string;
@@ -12,6 +12,7 @@ export declare const TreeContext: React.Context<{
     icon?: React.ReactNode | ((props: any) => React.ReactNode);
     showLine?: boolean | undefined;
     switcherIcon?: [React.ReactNode, React.ReactNode] | undefined;
+    labelRender?: ((node: TreeNode<any>) => React.ReactNode) | undefined;
     selectedUids: Set<string>;
     checkedUids: Set<string>;
     indeterminateUids: Set<string>;

package/dist/cjs/Tree/tree.js

@@ -184,6 +184,7 @@ var Tree = (baseprops) => {
     onSelect,
     onCheck,
     onExpand,
+    labelRender,
     virtual = false,
     height,
     itemHeight = 28
@@ -212,6 +213,7 @@ var Tree = (baseprops) => {
     "onSelect",
     "onCheck",
     "onExpand",
+    "labelRender",
     "virtual",
     "height",
     "itemHeight"
@@ -498,6 +500,7 @@ var Tree = (baseprops) => {
       icon,
       showLine,
       switcherIcon,
+      labelRender,
       selectedUids: selectedUidSet,
       checkedUids: checkedUidSet,
       indeterminateUids: indeterminateUidSet,
@@ -520,6 +523,7 @@ var Tree = (baseprops) => {
       icon,
       showLine,
       switcherIcon,
+      labelRender,
       selectedUidSet,
       checkedUidSet,
       indeterminateUidSet,
@@ -609,14 +613,14 @@ var Tree = (baseprops) => {
       role: "tree",
       onDragEnd: handleDragEnd
     }, dataAttrs),
-    /* @__PURE__ */ import_react2.default.createElement(TreeContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react2.default.createElement(import_react.AnimatePresence, { initial: false }, segments.map((segment) => {
+    /* @__PURE__ */ import_react2.default.createElement(TreeContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react2.default.createElement(import_react.AnimatePresence, { initial: false }, segments.map((segment, index) => {
       if (segment.type === "node") {
         return /* @__PURE__ */ import_react2.default.createElement(import_tree_node.default, { node: segment.node, key: segment.node.uid });
       }
       return /* @__PURE__ */ import_react2.default.createElement(
         import_react.motion.div,
         {
-          key: segment.pUid + "
children",
+          key: segment.pUid + index + "
children",
           initial: { height: 0, opacity: 0 },
           animate: { height: "auto", opacity: 1 },
           exit: { height: 0, opacity: 0 },

package/dist/cjs/Tree/utils/tree-tools.d.ts

@@ -49,6 +49,7 @@ export declare function tree2array<T extends Record<string, unknown>>(tree: T |
     key: keyof T;
     label: keyof T;
     children: keyof T;
+    extra?: keyof T;
 }): [TreeNode<T>[], Map<string, TreeNode<T>>];
 /**
  * Check whether array `a` contains every element in `b`.

package/dist/cjs/Tree/utils/tree-tools.js

@@ -135,7 +135,7 @@ function tree2array(tree, fieldNames) {
   const data = Array.isArray(tree) ? tree : [tree];
   const res = [];
   const map = /* @__PURE__ */ new Map();
-  const { key, label, children } = fieldNames;
+  const { key, label, children, extra } = fieldNames;
   function walk({
     data: node,
     pUid,
@@ -147,6 +147,7 @@ function tree2array(tree, fieldNames) {
     const rawKey = node[key];
     const _label = node[label];
     const _children = node[children];
+    const _extra = extra ? node[extra] : node.extra;
     const nextPath = [...path, rawKey];
     const uid = pUid ? `${pUid}\0${String(rawKey)}` : String(rawKey);
     const isParent = Array.isArray(_children) && _children.length > 0;
@@ -155,6 +156,7 @@ function tree2array(tree, fieldNames) {
       key: rawKey,
       label: _label,
       title: node.title,
+      extra: _extra,
       path,
       pUid,
       depth,

package/dist/cjs/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-08-03T08:40:43.552Z
+ * Generated on 2026-08-05T09:43:58.935Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/cjs/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-08-03T08:40:43.552Z
+ * Generated on 2026-08-05T09:43:58.935Z
  */
 
 /* ========== color.css ========== */

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.8.16";
+export declare const version = "0.8.17";

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.8.16";
+var version = "0.8.17";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Tree/interface.d.ts

@@ -61,6 +61,13 @@ export type TreeNode<T> = {
      * All descendant uids (collected bottom-up). Used for check/uncheck propagation.
      */
     childUids?: Array<string>;
+    /**
+     * Extra content rendered after the label (e.g. tags, badges, action buttons).
+     * Only takes effect when `labelRender` is NOT provided at the Tree level.
+     * When `labelRender` is present, access this value via `node.extra` in your
+     * custom render function.
+     */
+    extra?: React.ReactNode | ((node: T) => React.ReactNode);
     /**
      * Original data
      */
@@ -157,6 +164,14 @@ export interface TreeProps<T> extends DataAttributeProps {
      *  @default false
      */
     multiple?: boolean;
+    /**
+     * Custom render function for node label.
+     * When provided, takes full control of the label area rendering.
+     * The node's `extra` will NOT be appended automatically in this case;
+     * access it via `node.extra` if you need it in your custom render.
+     * The original `label` string is still used for `title` attribute fallback.
+     */
+    labelRender?: (node: TreeNode<T>) => React.ReactNode;
     /**
      * Customize node key, title, children field names
      */
@@ -164,6 +179,7 @@ export interface TreeProps<T> extends DataAttributeProps {
         key?: keyof T;
         label?: keyof T;
         children?: keyof T;
+        extra?: keyof T;
     };
     /**
      * Asynchronous data loading

package/dist/esm/Tree/tree-node.js

@@ -21,6 +21,7 @@ var Node = function Node(props) {
     disabled = node.disabled,
     depth = node.depth,
     icon = node.icon,
+    extra = node.extra,
     original = node.original,
     lines = node.lines;
   var _useContext = useContext(TreeContext),
@@ -34,6 +35,7 @@ var Node = function Node(props) {
     indeterminateUids = _useContext.indeterminateUids,
     expandedUids = _useContext.expandedUids,
     switcherIcon = _useContext.switcherIcon,
+    labelRender = _useContext.labelRender,
     draggable = _useContext.draggable,
     draggingUid = _useContext.draggingUid,
     dropState = _useContext.dropState,
@@ -86,6 +88,12 @@ var Node = function Node(props) {
     var _title = title || (typeof label === 'string' ? label : undefined);
     var mergedIcon = icon || contextIcon;
     var _icon = typeof mergedIcon === 'function' ? mergedIcon(original) : mergedIcon;
+
+    // labelRender takes full control of the label content when provided
+    var content = labelRender ? labelRender(node) : label;
+
+    // extra: appended after the label content (only when labelRender is NOT used)
+    var _extra = !labelRender && extra ? typeof extra === 'function' ? extra(original) : extra : null;
     return /*#__PURE__*/React.createElement(Button, {
       className: clsx("".concat(prefixCls, "-node-label"), _defineProperty({}, "".concat(prefixCls, "-node-label-selected"), selected)),
       size: "small",
@@ -95,7 +103,9 @@ var Node = function Node(props) {
       onClick: disabled ? undefined : function () {
         return onSelect(uid);
       }
-    }, label);
+    }, content, _extra && /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-node-extra")
+    }, _extra));
   };
   var renderEmptyNodes = function renderEmptyNodes(depth) {
     var temp = new Array(depth).fill(0);
@@ -111,7 +121,7 @@ var Node = function Node(props) {
       return /*#__PURE__*/React.createElement("span", {
         "aria-hidden": "true",
         className: "".concat(prefixCls, "-node-indent"),
-        key: index
+        key: "node-empty-".concat(index)
       });
     });
   };

package/dist/esm/Tree/tree.d.ts

@@ -1,5 +1,5 @@
 import React, { ChangeEvent } from 'react';
-import type { DragPosition, TreeProps } from './interface';
+import type { DragPosition, TreeNode, TreeProps } from './interface';
 import './style/index.less';
 type DropState = {
     uid: string;
@@ -12,6 +12,7 @@ export declare const TreeContext: React.Context<{
     icon?: React.ReactNode | ((props: any) => React.ReactNode);
     showLine?: boolean | undefined;
     switcherIcon?: [React.ReactNode, React.ReactNode] | undefined;
+    labelRender?: ((node: TreeNode<any>) => React.ReactNode) | undefined;
     selectedUids: Set<string>;
     checkedUids: Set<string>;
     indeterminateUids: Set<string>;

package/dist/esm/Tree/tree.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["prefixCls", "className", "style", "dataSource", "fieldNames", "defaultExpandAll", "expandedKeys", "defaultExpandedKeys", "selectedKeys", "defaultSelectedKeys", "checkedKeys", "defaultCheckedKeys", "checkable", "multiple", "showIcon", "icon", "showLine", "switcherIcon", "draggable", "allowDrop", "onDrop", "onSelect", "onCheck", "onExpand", "virtual", "height", "itemHeight"];
+var _excluded = ["prefixCls", "className", "style", "dataSource", "fieldNames", "defaultExpandAll", "expandedKeys", "defaultExpandedKeys", "selectedKeys", "defaultSelectedKeys", "checkedKeys", "defaultCheckedKeys", "checkable", "multiple", "showIcon", "icon", "showLine", "switcherIcon", "draggable", "allowDrop", "onDrop", "onSelect", "onCheck", "onExpand", "labelRender", "virtual", "height", "itemHeight"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -134,8 +134,8 @@ function uidsToKeys(uids, map) {
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
       var _uid = _step2.value;
-      var node = map.get(_uid);
-      if (node) keys.push(node.key);
+      var _node = map.get(_uid);
+      if (_node) keys.push(_node.key);
     }
   } catch (err) {
     _iterator2.e(err);
@@ -210,6 +210,7 @@ var Tree = function Tree(baseprops) {
     onSelect = props.onSelect,
     onCheck = props.onCheck,
     onExpand = props.onExpand,
+    labelRender = props.labelRender,
     _props$virtual = props.virtual,
     virtual = _props$virtual === void 0 ? false : _props$virtual,
     height = props.height,
@@ -570,6 +571,7 @@ var Tree = function Tree(baseprops) {
       icon: icon,
       showLine: showLine,
       switcherIcon: switcherIcon,
+      labelRender: labelRender,
       selectedUids: selectedUidSet,
       checkedUids: checkedUidSet,
       indeterminateUids: indeterminateUidSet,
@@ -585,7 +587,7 @@ var Tree = function Tree(baseprops) {
       onNodeDragLeave: handleDragLeave,
       onNodeDrop: handleDrop
     };
-  }, [prefixCls, checkable, showIcon, icon, showLine, switcherIcon, selectedUidSet, checkedUidSet, indeterminateUidSet, expandedUidSet, draggable, draggingUid, dropState,
+  }, [prefixCls, checkable, showIcon, icon, showLine, switcherIcon, labelRender, selectedUidSet, checkedUidSet, indeterminateUidSet, expandedUidSet, draggable, draggingUid, dropState,
   // handlers are stable (useEvent), but listed for correctness
   handleCheck, handleSelect, handleExpand, handleDragStart, handleDragOver, handleDragLeave, handleDrop]);
 
@@ -652,8 +654,8 @@ var Tree = function Tree(baseprops) {
     _step9;
   try {
     for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
-      var node = _step9.value;
-      if (node.depth === 0) {
+      var _node2 = _step9.value;
+      if (_node2.depth === 0) {
         // Root nodes are always visible, render directly without animation
         if (currentGroup) {
           segments.push(_objectSpread({
@@ -663,12 +665,12 @@ var Tree = function Tree(baseprops) {
         }
         segments.push({
           type: 'node',
-          node: node
+          node: _node2
         });
       } else {
         // Non-root: group consecutive children under the same parent
-        if (currentGroup && currentGroup.pUid === node.pUid) {
-          currentGroup.nodes.push(node);
+        if (currentGroup && currentGroup.pUid === _node2.pUid) {
+          currentGroup.nodes.push(_node2);
         } else {
           if (currentGroup) {
             segments.push(_objectSpread({
@@ -676,8 +678,8 @@ var Tree = function Tree(baseprops) {
             }, currentGroup));
           }
           currentGroup = {
-            pUid: node.pUid,
-            nodes: [node]
+            pUid: _node2.pUid,
+            nodes: [_node2]
           };
         }
       }
@@ -701,7 +703,7 @@ var Tree = function Tree(baseprops) {
     value: contextValue
   }, /*#__PURE__*/React.createElement(AnimatePresence, {
     initial: false
-  }, segments.map(function (segment) {
+  }, segments.map(function (segment, index) {
     if (segment.type === 'node') {
       return /*#__PURE__*/React.createElement(TreeNodeComp, {
         node: segment.node,
@@ -712,7 +714,7 @@ var Tree = function Tree(baseprops) {
     // Replacing this tree after dragStart removes the browser's drag
     // source and cancels the drag before dragOver/drop can fire.
     return /*#__PURE__*/React.createElement(motion.div, {
-      key: segment.pUid + '\x01children',
+      key: segment.pUid + index + '\x01children',
       initial: {
         height: 0,
         opacity: 0

package/dist/esm/Tree/utils/tree-tools.d.ts

@@ -49,6 +49,7 @@ export declare function tree2array<T extends Record<string, unknown>>(tree: T |
     key: keyof T;
     label: keyof T;
     children: keyof T;
+    extra?: keyof T;
 }): [TreeNode<T>[], Map<string, TreeNode<T>>];
 /**
  * Check whether array `a` contains every element in `b`.

package/dist/esm/Tree/utils/tree-tools.js

@@ -172,7 +172,8 @@ export function tree2array(tree, fieldNames) {
   var map = new Map();
   var key = fieldNames.key,
     label = fieldNames.label,
-    children = fieldNames.children;
+    children = fieldNames.children,
+    extra = fieldNames.extra;
 
   /**
    * Walk returns the list of descendant uids so the parent can collect them
@@ -190,6 +191,7 @@ export function tree2array(tree, fieldNames) {
     var rawKey = node[key];
     var _label = node[label];
     var _children = node[children];
+    var _extra = extra ? node[extra] : node.extra;
     var nextPath = [].concat(_toConsumableArray(path), [rawKey]);
     var uid = pUid ? "".concat(pUid, "\0").concat(String(rawKey)) : String(rawKey);
     var isParent = Array.isArray(_children) && _children.length > 0;
@@ -200,6 +202,7 @@ export function tree2array(tree, fieldNames) {
       key: rawKey,
       label: _label,
       title: node.title,
+      extra: _extra,
       path: path,
       pUid: pUid,
       depth: depth,

package/dist/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-08-03T08:40:43.552Z
+ * Generated on 2026-08-05T09:43:58.935Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-08-03T08:40:43.552Z
+ * Generated on 2026-08-05T09:43:58.935Z
  */
 
 /* ========== color.css ========== */

package/dist/esm/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.8.16";
+export declare const version = "0.8.17";

package/dist/esm/version.js

@@ -1,4 +1,4 @@
-export var version = "0.8.16";
+export var version = "0.8.17";
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;
 }