@teamix/pro 1.4.24 → 1.4.25-bugfix.2

package/es/sidebar/components/tree-node/components/HoverTooltip/index.js

@@ -1,45 +1,33 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { Balloon } from '@alicloudfe/components';
 import { usePrefixCls } from '@teamix/utils';
 import React, { useEffect, useState } from 'react';
 import './index.scss';
 var cls = usePrefixCls('teamix-pro-hover-tooltip');
-
 var ProHoverTooltip = function ProHoverTooltip(props) {
   var trigger = props.trigger,
-      visibleProp = props.visible,
-      tooltip = props.tooltip,
-      _props$tooltipProps = props.tooltipProps,
-      tooltipProps = _props$tooltipProps === void 0 ? {} : _props$tooltipProps,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className;
-
+    visibleProp = props.visible,
+    tooltip = props.tooltip,
+    _props$tooltipProps = props.tooltipProps,
+    tooltipProps = _props$tooltipProps === void 0 ? {} : _props$tooltipProps,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className;
   var _useState = useState(visibleProp !== null && visibleProp !== void 0 ? visibleProp : false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
   useEffect(function () {
     setVisible(visibleProp !== null && visibleProp !== void 0 ? visibleProp : false);
-  }, [visibleProp]); // 渲染触发器
-
+  }, [visibleProp]);
+  // 渲染触发器
   var renderTrigger = function renderTrigger() {
     if (tooltip) {
       return /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({
@@ -47,10 +35,8 @@ var ProHoverTooltip = function ProHoverTooltip(props) {
         trigger: /*#__PURE__*/React.createElement("span", null, trigger)
       }, tooltipProps), tooltip);
     }
-
     return trigger;
   };
-
   return /*#__PURE__*/React.createElement("span", {
     className: "".concat(cls({
       '': true,
@@ -58,5 +44,4 @@ var ProHoverTooltip = function ProHoverTooltip(props) {
     }), " ").concat(className)
   }, renderTrigger());
 };
-
 export default ProHoverTooltip;

package/es/sidebar/components/tree-node/components/IconAction/index.js

@@ -1,21 +1,12 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import TeamixIcon from '@teamix/icon';
 import { useAction } from '../../../../..';
 import { usePrefixCls } from '@teamix/utils';
@@ -23,29 +14,22 @@ import React, { useState } from 'react';
 import ProHoverTooltip from '../HoverTooltip';
 import './index.scss';
 var cls = usePrefixCls('teamix-pro-sidebar-icon-action');
-
 var ProIconAction = function ProIconAction(props) {
   var _popupProps$wrapperCl;
-
   var trigger = props.trigger,
-      action = props.action,
-      visibleProp = props.visible,
-      tooltip = props.tooltip,
-      icon = props.icon;
-
+    action = props.action,
+    visibleProp = props.visible,
+    tooltip = props.tooltip,
+    icon = props.icon;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
   var popupProps = action === null || action === void 0 ? void 0 : action.popupProps;
   var wrapperClassName = (_popupProps$wrapperCl = popupProps === null || popupProps === void 0 ? void 0 : popupProps.wrapperClassName) !== null && _popupProps$wrapperCl !== void 0 ? _popupProps$wrapperCl : '';
-
   var _beforeOpen = popupProps === null || popupProps === void 0 ? void 0 : popupProps.beforeOpen;
-
-  var _beforeClose = popupProps === null || popupProps === void 0 ? void 0 : popupProps.beforeClose; // 获取浮层类单独特殊配置
-
-
+  var _beforeClose = popupProps === null || popupProps === void 0 ? void 0 : popupProps.beforeClose;
+  // 获取浮层类单独特殊配置
   var getPopProps = function getPopProps() {
     if (!action.type || action.type.includes('pop-confirm')) {
       return {
@@ -53,36 +37,29 @@ var ProIconAction = function ProIconAction(props) {
           wrapperClassName: "".concat(cls('overlay'), " ").concat(wrapperClassName, "}"),
           beforeOpen: function beforeOpen() {
             setVisible(true);
-
             for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
               args[_key] = arguments[_key];
             }
-
             _beforeOpen === null || _beforeOpen === void 0 ? void 0 : _beforeOpen.apply(void 0, args);
           },
           beforeClose: function beforeClose() {
             setVisible(false);
-
             for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
               args[_key2] = arguments[_key2];
             }
-
             _beforeClose === null || _beforeClose === void 0 ? void 0 : _beforeClose.apply(void 0, args);
           }
         })
       };
     }
-
     return {};
   };
-
   var processAction = useAction(_objectSpread(_objectSpread({
     align: 'bl',
     offset: [-10, 0],
     preventDefault: true,
     stopPropagation: true
   }, action), getPopProps()));
-
   var getTrigger = function getTrigger() {
     if (icon && typeof icon === 'string') {
       return /*#__PURE__*/React.createElement(TeamixIcon, _objectSpread({
@@ -91,15 +68,12 @@ var ProIconAction = function ProIconAction(props) {
         type: icon
       }, processAction));
     }
-
     return /*#__PURE__*/React.createElement("span", _objectSpread({}, processAction), icon !== null && icon !== void 0 ? icon : trigger);
   };
-
   return /*#__PURE__*/React.createElement(ProHoverTooltip, {
     trigger: getTrigger(),
     visible: visible || visibleProp,
     tooltip: tooltip
   });
 };
-
 export default ProIconAction;

package/es/sidebar/components/tree-node/components/IconSwitch/index.d.ts

@@ -1,7 +1,7 @@
 import { TooltipProps } from '@alicloudfe/components/types/balloon';
 import React from 'react';
 import './index.scss';
-export declare type ProIconSwitch = {
+export declare type ProIconSwitchProps = {
     /** 默认状态 */
     visible?: boolean;
     /** tooltip 显示隐藏 */
@@ -19,5 +19,5 @@ export declare type ProIconSwitch = {
     /** 状态改变的回调 */
     onChange?: (state: boolean) => void;
 };
-declare const ProIconSwitch: React.FC<ProIconSwitch>;
+declare const ProIconSwitch: React.FC<ProIconSwitchProps>;
 export default ProIconSwitch;

package/es/sidebar/components/tree-node/components/IconSwitch/index.js

@@ -1,57 +1,45 @@
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import TeamixIcon from '@teamix/icon';
 import { usePrefixCls } from '@teamix/utils';
 import React, { isValidElement, useEffect, useState } from 'react';
 import ProHoverTooltip from '../HoverTooltip';
 import './index.scss';
 var cls = usePrefixCls('teamix-pro-icon-switch');
-
 var ProIconSwitch = function ProIconSwitch(props) {
   var visibleProp = props.visible,
-      icon = props.icon,
-      activeIcon = props.activeIcon,
-      onChange = props.onChange,
-      tooltipVisible = props.tooltipVisible,
-      tooltipProps = props.tooltipProps,
-      tooltip = props.tooltip,
-      cancelTooltip = props.cancelTooltip;
-
+    icon = props.icon,
+    activeIcon = props.activeIcon,
+    onChange = props.onChange,
+    tooltipVisible = props.tooltipVisible,
+    tooltipProps = props.tooltipProps,
+    tooltip = props.tooltip,
+    cancelTooltip = props.cancelTooltip;
   var _useState = useState(visibleProp !== null && visibleProp !== void 0 ? visibleProp : false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
   useEffect(function () {
     setVisible(visibleProp !== null && visibleProp !== void 0 ? visibleProp : true);
-  }, [visibleProp]); // 点击操作
-
+  }, [visibleProp]);
+  // 点击操作
   var clickHandle = function clickHandle(e, state) {
     e.stopPropagation();
     setVisible(state);
     onChange === null || onChange === void 0 ? void 0 : onChange(state);
   };
-
   if (visible) {
     if ( /*#__PURE__*/isValidElement(icon)) {
       return icon;
     }
   }
-
   if ( /*#__PURE__*/isValidElement(activeIcon)) {
     return activeIcon;
   }
-
   return /*#__PURE__*/React.createElement(ProHoverTooltip, {
     visible: tooltipVisible,
     tooltip: visible ? cancelTooltip !== null && cancelTooltip !== void 0 ? cancelTooltip : tooltip : tooltip,
@@ -69,5 +57,4 @@ var ProIconSwitch = function ProIconSwitch(props) {
     })
   });
 };
-
 export default ProIconSwitch;

package/es/sidebar/components/tree-node/components/IconSwitch/index.scss

@@ -3,5 +3,5 @@
   cursor: pointer;
 }
 .teamix-pro-icon-switch-active {
-  color: var(--color-warning-7, #ffb96e);
+  color: var(--color-warning-5, #ffb96e);
 }

package/es/sidebar/components/tree-node/index.js

@@ -1,29 +1,16 @@
 var _excluded = ["type", "action", "props"];
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import { Tree } from '@alicloudfe/components';
 import { ProActionGroup } from '../../../actions';
 import { usePrefixCls } from '@teamix/utils';
@@ -34,27 +21,23 @@ import ProIconAction from './components/IconAction';
 import ProIconSwitch from './components/IconSwitch';
 import ProHoverTooltip from './components/HoverTooltip';
 var cls = usePrefixCls('teamix-pro-sidebar-tree');
-
 var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
   var tag = props.tag,
-      render = props.render,
-      _props$valueType = props.valueType,
-      valueType = _props$valueType === void 0 ? 'text' : _props$valueType,
-      fieldProps = props.fieldProps,
-      extra = props.extra,
-      label = props.label;
-
+    render = props.render,
+    _props$valueType = props.valueType,
+    valueType = _props$valueType === void 0 ? 'text' : _props$valueType,
+    fieldProps = props.fieldProps,
+    extra = props.extra,
+    label = props.label;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      extraVisible = _useState2[0],
-      setExtraVisible = _useState2[1]; // 获取 extra 区域渲染组件
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    extraVisible = _useState2[0],
+    setExtraVisible = _useState2[1];
+  // 获取 extra 区域渲染组件
   var getExtraComponent = function getExtraComponent(type, action, props, others) {
     var _ref = others !== null && others !== void 0 ? others : {},
-        _ref$hover = _ref.hover,
-        hover = _ref$hover === void 0 ? true : _ref$hover;
-
+      _ref$hover = _ref.hover,
+      hover = _ref$hover === void 0 ? true : _ref$hover;
     if (type === 'action') {
       return /*#__PURE__*/React.createElement(ProHoverTooltip, {
         visible: !hover || extraVisible,
@@ -64,20 +47,17 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
         }, props))
       });
     }
-
     if (type === 'iconSwitch') {
       return /*#__PURE__*/React.createElement(ProIconSwitch, _objectSpread({
         tooltipVisible: !hover || extraVisible
       }, props));
     }
-
     if (type === 'iconAction') {
       return /*#__PURE__*/React.createElement(ProIconAction, _objectSpread({
         visible: !hover || extraVisible,
         action: action
       }, props));
     }
-
     if (type === 'custom') {
       return /*#__PURE__*/React.createElement(ProHoverTooltip, {
         className: cls('extra-custom'),
@@ -85,22 +65,20 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
         trigger: others.trigger
       });
     }
-  }; // 渲染 extra 区域
-
-
+  };
+  // 渲染 extra 区域
   var renderExtra = function renderExtra() {
-    var result = /*#__PURE__*/React.createElement(React.Fragment, null); // extra 是否是 action 配置
-
-    var isActionGroupProps = Array.isArray(extra) && ! /*#__PURE__*/isValidElement(extra === null || extra === void 0 ? void 0 : extra[0]) && Array.isArray(extra === null || extra === void 0 ? void 0 : extra[0]); // 直接渲染 action
-
+    var result = /*#__PURE__*/React.createElement(React.Fragment, null);
+    // extra 是否是 action 配置
+    var isActionGroupProps = Array.isArray(extra) && ! /*#__PURE__*/isValidElement(extra === null || extra === void 0 ? void 0 : extra[0]) && Array.isArray(extra === null || extra === void 0 ? void 0 : extra[0]);
+    // 直接渲染 action
     if (isActionGroupProps) {
       result = /*#__PURE__*/React.createElement(ProActionGroup, {
         actions: extra,
         type: "text"
       });
-    } // 大杂烩
-
-
+    }
+    // 大杂烩
     if (extra && Array.isArray(extra)) {
       result = /*#__PURE__*/React.createElement(React.Fragment, null, extra.map(function (item, index) {
         if ( /*#__PURE__*/isValidElement(item) || typeof item === 'string') {
@@ -109,64 +87,51 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
             className: cls('item-content-extra-item')
           }, item);
         }
-
         var type = item.type,
-            _item$action = item.action,
-            action = _item$action === void 0 ? {} : _item$action,
-            _item$props = item.props,
-            props = _item$props === void 0 ? {} : _item$props,
-            others = _objectWithoutProperties(item, _excluded);
-
+          _item$action = item.action,
+          action = _item$action === void 0 ? {} : _item$action,
+          _item$props = item.props,
+          props = _item$props === void 0 ? {} : _item$props,
+          others = _objectWithoutProperties(item, _excluded);
         return /*#__PURE__*/React.createElement("span", {
           key: index,
           className: cls('item-content-extra-item')
         }, getExtraComponent(type, action, props, others));
       }));
     }
-
     return result;
-  }; // 鼠标移入
-
-
+  };
+  // 鼠标移入
   var onMouseEnter = function onMouseEnter(e) {
     var _e$target, _e$target$closest;
-
     if (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$closest = _e$target.closest) === null || _e$target$closest === void 0 ? void 0 : _e$target$closest.call(_e$target, '.teamix-pro-sidebar-delete-overlay')) {
       return;
     }
-
     setExtraVisible(true);
-  }; // 鼠标移出
-
-
+  };
+  // 鼠标移出
   var onMouseLeave = function onMouseLeave(e) {
     var _e$target2, _e$target2$closest;
-
     if (e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : (_e$target2$closest = _e$target2.closest) === null || _e$target2$closest === void 0 ? void 0 : _e$target2$closest.call(_e$target2, '.teamix-pro-sidebar-delete-overlay')) {
       return;
     }
-
     setExtraVisible(false);
-  }; // 获取 ProFieldRender
-
-
+  };
+  // 获取 ProFieldRender
   var getFieldRender = function getFieldRender() {
     if (typeof render === 'function') {
       return render;
     }
-
     return _objectSpread({
       ellipsis: true,
       emptyText: '-'
     }, render);
-  }; // 获取 tag 参数
-
-
+  };
+  // 获取 tag 参数
   var getTags = function getTags(tags) {
     if ( /*#__PURE__*/isValidElement(tags)) {
       return tags;
     }
-
     if (Array.isArray(tags)) {
       return tags.map(function (item) {
         return _objectSpread({
@@ -174,14 +139,12 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
         }, item);
       });
     }
-
     if (_typeof(tags) === 'object') {
       return _objectSpread({
         size: 'small'
       }, tags);
     }
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: cls('item-context'),
     onMouseEnter: onMouseEnter,
@@ -197,34 +160,29 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
   }, renderTags(getTags(tag)))), /*#__PURE__*/React.createElement("div", {
     className: cls('item-content-extra')
   }, renderExtra()));
-}; // 渲染树节点
-
-
+};
+// 渲染树节点
 export function renderTreeNode(data) {
   return data.map(function (item) {
     var _getTreeNodeProps = getTreeNodeProps(item),
-        nodeProps = _getTreeNodeProps.nodeProps,
-        labelProps = _getTreeNodeProps.labelProps;
-
+      nodeProps = _getTreeNodeProps.nodeProps,
+      labelProps = _getTreeNodeProps.labelProps;
     return /*#__PURE__*/React.createElement(Tree.Node, _objectSpread({
       key: item.value,
       label: /*#__PURE__*/React.createElement(ProSideBarTreeNode, _objectSpread({}, labelProps))
     }, nodeProps), item.children && item.children.length > 0 && renderTreeNode(item.children));
   });
-} // 渲染树节点 依赖 value
-
+}
+// 渲染树节点 依赖 value
 export function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, checkedKeys, selectedKeys, allData) {
   return data.map(function (item) {
     var newProps = item;
-
     if (onBeforeRenderNodeEvent) {
       newProps = onBeforeRenderNodeEvent(item, checkedKeys, selectedKeys, allData !== null && allData !== void 0 ? allData : data);
     }
-
-    var _getTreeNodeProps2 = getTreeNodeProps(item),
-        nodeProps = _getTreeNodeProps2.nodeProps,
-        labelProps = _getTreeNodeProps2.labelProps;
-
+    var _getTreeNodeProps2 = getTreeNodeProps(newProps),
+      nodeProps = _getTreeNodeProps2.nodeProps,
+      labelProps = _getTreeNodeProps2.labelProps;
     return /*#__PURE__*/React.createElement(Tree.Node, _objectSpread({
       key: item.value,
       label: /*#__PURE__*/React.createElement(ProSideBarTreeNode, _objectSpread({}, labelProps))

package/es/sidebar/components/tree-node/index.scss

@@ -50,6 +50,12 @@
       font-weight: unset;
     }
   }
+  // 选中图标变色
+  .next-tree-node-inner.next-selected {
+    .teamix-icon.teamix-pro-filed-output-prefix-icon {
+      color: var(--color-brand1-6) !important;
+    }
+  }
 }
 .teamix-pro-sidebar-deep-1 {
   .teamix-pro-sidebar-tree {

package/es/sidebar/index.d.ts

@@ -3,5 +3,7 @@ import './index.scss';
 import { ProSidebarProps } from './typing';
 export * from './typing';
 export * from './utils';
+import ProIconSwitch from './components/tree-node/components/IconSwitch';
 declare const ProSidebar: React.FC<ProSidebarProps>;
 export default ProSidebar;
+export { ProIconSwitch };