@teamix/pro 1.6.0-beta.4 → 1.6.0-beta.5

package/lib/sidebar/components/tree/index.js

@@ -14,11 +14,13 @@ var _utils2 = require("../../utils");
 var _hooks = require("@teamix/hooks");
 var _actionRef = require("../../utils/action-ref");
 var _lodash = _interopRequireDefault(require("lodash.clonedeep"));
-var _excluded = ["dataSource", "selectedKeys", "checkedKeys", "defaultExpandedKeys", "defaultExpandAll", "expandedKeys", "onSelect", "onCheck", "isNodeBlock", "searchKey", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "className", "expandAll", "onDataSourceChange", "expandLevel"];
+var _excluded = ["dataSource", "selectedKeys", "checkedKeys", "defaultExpandedKeys", "defaultExpandAll", "expandedKeys", "onSelect", "onCheck", "isNodeBlock", "searchKey", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "className", "expandAll", "onDataSourceChange", "expandLevel", "defaultSelectedKeys", "defaultCheckedKeys"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 _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 _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."); }
@@ -54,8 +56,9 @@ var ProSidebarTree = function ProSidebarTree(props) {
     onDataSourceChange = props.onDataSourceChange,
     _props$expandLevel = props.expandLevel,
     expandLevel = _props$expandLevel === void 0 ? 1 : _props$expandLevel,
+    defaultSelectedKeys = props.defaultSelectedKeys,
+    defaultCheckedKeys = props.defaultCheckedKeys,
     others = _objectWithoutProperties(props, _excluded);
-
   // 使用 beforeRenderNode 处理 dataSource
   var processDataSource = function processDataSource(dataSource) {
     var newDataSource = (0, _lodash.default)(dataSource);
@@ -71,7 +74,6 @@ var ProSidebarTree = function ProSidebarTree(props) {
     }
     return newDataSource;
   };
-
   // 自动展开父节点。过滤时用
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -89,38 +91,41 @@ var ProSidebarTree = function ProSidebarTree(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     dataSource = _useState8[0],
     setDataSource = _useState8[1];
-  var _useState9 = (0, _react.useState)(selectedKeysProp),
+  var _useState9 = (0, _react.useState)(selectedKeysProp !== null && selectedKeysProp !== void 0 ? selectedKeysProp : defaultSelectedKeys),
     _useState10 = _slicedToArray(_useState9, 2),
     selectedKeys = _useState10[0],
     setSelectedKeys = _useState10[1];
-  var _useState11 = (0, _react.useState)(checkedKeysProp),
+  var _useState11 = (0, _react.useState)(checkedKeysProp !== null && checkedKeysProp !== void 0 ? checkedKeysProp : defaultCheckedKeys),
     _useState12 = _slicedToArray(_useState11, 2),
     checkedKeys = _useState12[0],
     setCheckedKeys = _useState12[1];
   (0, _react.useEffect)(function () {
     setDefaultExpandedKeys();
   }, []);
-
   // 监听 selectedKeys，用于受控
   (0, _react.useEffect)(function () {
-    setSelectedKeys(selectedKeysProp);
+    if (selectedKeysProp) {
+      setSelectedKeys(selectedKeysProp);
+    }
   }, [selectedKeysProp]);
-
+  // 监听 selectedKeys，用于受控
+  (0, _react.useEffect)(function () {
+    if (checkedKeysProp) {
+      setCheckedKeys(checkedKeysProp);
+    }
+  }, [checkedKeysProp]);
   // 更新外部传入的 dataSource
   (0, _hooks.useUpdateEffect)(function () {
     setDataSource(processDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []));
   }, [dataSourceProp]);
-
   // 监听展开全部事件
   (0, _hooks.useUpdateEffect)(function () {
     onChangeExpandAll();
   }, [expandAll]);
-
   // 监听展开层级事件
   (0, _hooks.useUpdateEffect)(function () {
     onChangeExpandLevel();
   }, [expandLevel]);
-
   // 监听 DataSource 变化事件
   (0, _react.useEffect)(function () {
     onDataSourceChange === null || onDataSourceChange === void 0 ? void 0 : onDataSourceChange(dataSource);
@@ -132,7 +137,6 @@ var ProSidebarTree = function ProSidebarTree(props) {
       onChangeExpandLevel();
     }
   }, [dataSource]);
-
   // 展开全部事件
   var onChangeExpandAll = function onChangeExpandAll() {
     if (expandAll) {
@@ -141,13 +145,11 @@ var ProSidebarTree = function ProSidebarTree(props) {
       setExpandedKeys([]);
     }
   };
-
   // 展开层级事件
   var onChangeExpandLevel = function onChangeExpandLevel() {
     var keys = (0, _utils2.getTreeLevelKey)(dataSource, expandLevel - 1);
     setExpandedKeys(keys);
   };
-
   // 绑定actionRef
   (0, _actionRef.useActionType)(actionRef, {
     setTreeNode: function setTreeNode(treeNode) {
@@ -166,7 +168,6 @@ var ProSidebarTree = function ProSidebarTree(props) {
       setDataSource(newDataSource);
     }
   });
-
   // dataSource 是否为一层结构
   var hasChildren = (0, _react.useMemo)(function () {
     var flag = false;
@@ -178,18 +179,15 @@ var ProSidebarTree = function ProSidebarTree(props) {
     });
     return flag;
   }, [dataSource]);
-
   // 组件第一次加载时不执行过滤
   (0, _hooks.useUpdateEffect)(function () {
     filterDataSource(searchKey !== null && searchKey !== void 0 ? searchKey : '');
   }, [searchKey]);
-
   // expandedKeys 更新
   (0, _hooks.useUpdateEffect)(function () {
     var _ref4;
     setExpandedKeys((_ref4 = expandedKeysProp !== null && expandedKeysProp !== void 0 ? expandedKeysProp : defaultExpandedKeys) !== null && _ref4 !== void 0 ? _ref4 : []);
   }, [expandedKeysProp, defaultExpandedKeys]);
-
   // 设置默认节点展开
   var setDefaultExpandedKeys = function setDefaultExpandedKeys() {
     if (defaultExpandAll) {
@@ -199,7 +197,6 @@ var ProSidebarTree = function ProSidebarTree(props) {
       setExpandedKeys((_ref5 = expandedKeysProp !== null && expandedKeysProp !== void 0 ? expandedKeysProp : defaultExpandedKeys) !== null && _ref5 !== void 0 ? _ref5 : []);
     }
   };
-
   // 是否占满节点
   var getIsNodeBlock = function getIsNodeBlock() {
     if (isNodeBlock && typeof isNodeBlock === 'boolean') {
@@ -213,7 +210,6 @@ var ProSidebarTree = function ProSidebarTree(props) {
     }
     return false;
   };
-
   // 过滤
   var filterDataSource = function filterDataSource(value) {
     var searchDataSource = processDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
@@ -242,7 +238,6 @@ var ProSidebarTree = function ProSidebarTree(props) {
   var filterTreeNode = function filterTreeNode(node) {
     return matchedKeys && matchedKeys.indexOf(node.props.eventKey) > -1;
   };
-
   /** 节点是否包含搜索项 */
   var hasSearchValue = function hasSearchValue(key, item) {
     var _item$label;
@@ -255,23 +250,24 @@ var ProSidebarTree = function ProSidebarTree(props) {
     }
     return false;
   };
-
   // 树节点点击回调
   var onSelectChange = function onSelectChange(value, extra) {
     var _extra$event, _extra$event$target, _extra$event$target$c;
     if (extra === null || extra === void 0 ? void 0 : (_extra$event = extra.event) === null || _extra$event === void 0 ? void 0 : (_extra$event$target = _extra$event.target) === null || _extra$event$target === void 0 ? void 0 : (_extra$event$target$c = _extra$event$target.closest) === null || _extra$event$target$c === void 0 ? void 0 : _extra$event$target$c.call(_extra$event$target, '.teamix-pro-sidebar-delete-overlay')) {
       return;
     }
-    setSelectedKeys(value);
+    if (!selectedKeys) {
+      setSelectedKeys(value);
+    }
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, extra);
   };
-
   // 树节点选中回调
   var onCheckChange = function onCheckChange(value, extra) {
-    setCheckedKeys(value);
+    if (!checkedKeysProp) {
+      setCheckedKeys(value);
+    }
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(value, extra);
   };
-
   // 节点展开回调
   var handleExpand = function handleExpand(key) {
     setExpandedKeys(key);
@@ -282,7 +278,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
       '': true,
       'is-list': !hasChildren
     })
-  }, /*#__PURE__*/_react.default.createElement(_components.Tree, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_components.Tree, _objectSpread({
     isLabelBlock: true,
     checkedKeys: checkedKeys,
     selectedKeys: selectedKeys,

package/lib/sidebar/components/tree-node/components/HoverTooltip/index.d.ts

@@ -0,0 +1,15 @@
+import { TooltipProps } from '@alicloudfe/components/types/balloon';
+import React from 'react';
+import './index.scss';
+export declare type ProHoverTooltipProps = {
+    /** 触发器 */
+    trigger?: React.ReactNode;
+    /** 显示隐藏 */
+    visible?: boolean;
+    /** tooltip */
+    tooltip?: React.ReactNode;
+    /** tooltip 配置 */
+    tooltipProps?: TooltipProps;
+} & React.HTMLAttributes<HTMLElement>;
+declare const ProHoverTooltip: React.FC<ProHoverTooltipProps>;
+export default ProHoverTooltip;

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

@@ -11,7 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 require("./index.scss");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
@@ -34,11 +36,10 @@ var ProHoverTooltip = function ProHoverTooltip(props) {
   (0, _react.useEffect)(function () {
     setVisible(visibleProp !== null && visibleProp !== void 0 ? visibleProp : false);
   }, [visibleProp]);
-
   // 渲染触发器
   var renderTrigger = function renderTrigger() {
     if (tooltip) {
-      return /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, _extends({
+      return /*#__PURE__*/_react.default.createElement(_components.Balloon.Tooltip, _objectSpread({
         align: "t",
         trigger: /*#__PURE__*/_react.default.createElement("span", null, trigger)
       }, tooltipProps), tooltip);

package/lib/sidebar/components/tree-node/components/IconAction/index.d.ts

@@ -0,0 +1,12 @@
+import { ProActionConfig } from '../../../../..';
+import React from 'react';
+import './index.scss';
+export declare type ProIconActionProps = {
+    trigger: React.ReactNode;
+    icon: React.ReactNode;
+    action: ProActionConfig;
+    visible?: boolean;
+    tooltip?: React.ReactNode;
+};
+declare const ProIconAction: React.FC<ProIconActionProps>;
+export default ProIconAction;

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

@@ -14,7 +14,6 @@ require("./index.scss");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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; }
@@ -40,7 +39,6 @@ var ProIconAction = function ProIconAction(props) {
   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 getPopProps = function getPopProps() {
     if (!action.type || action.type.includes('pop-confirm')) {
@@ -74,13 +72,13 @@ var ProIconAction = function ProIconAction(props) {
   }, action), getPopProps()));
   var getTrigger = function getTrigger() {
     if (icon && typeof icon === 'string') {
-      return /*#__PURE__*/_react.default.createElement(_icon.default, _extends({
+      return /*#__PURE__*/_react.default.createElement(_icon.default, _objectSpread({
         className: cls(),
         size: "small",
         type: icon
       }, processAction));
     }
-    return /*#__PURE__*/_react.default.createElement("span", processAction, icon !== null && icon !== void 0 ? icon : trigger);
+    return /*#__PURE__*/_react.default.createElement("span", _objectSpread({}, processAction), icon !== null && icon !== void 0 ? icon : trigger);
   };
   return /*#__PURE__*/_react.default.createElement(_HoverTooltip.default, {
     trigger: getTrigger(),

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

@@ -0,0 +1,23 @@
+import { TooltipProps } from '@alicloudfe/components/types/balloon';
+import React from 'react';
+import './index.scss';
+export declare type ProIconSwitchProps = {
+    /** 默认状态 */
+    visible?: boolean;
+    /** tooltip 显示隐藏 */
+    tooltipVisible?: boolean;
+    /** 未激活状态下的icon */
+    icon?: React.ReactNode;
+    /** 激活状态下的 icon */
+    activeIcon?: React.ReactNode;
+    /** tooltip */
+    tooltip?: React.ReactNode;
+    /** cancelTooltip */
+    cancelTooltip?: React.ReactNode;
+    /** tooltip 配置 */
+    tooltipProps?: TooltipProps;
+    /** 状态改变的回调 */
+    onChange?: (state: boolean) => void;
+};
+declare const ProIconSwitch: React.FC<ProIconSwitchProps>;
+export default ProIconSwitch;

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

@@ -36,7 +36,6 @@ var ProIconSwitch = function ProIconSwitch(props) {
   (0, _react.useEffect)(function () {
     setVisible(visibleProp !== null && visibleProp !== void 0 ? visibleProp : true);
   }, [visibleProp]);
-
   // 点击操作
   var clickHandle = function clickHandle(e, state) {
     e.stopPropagation();

package/lib/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/lib/sidebar/components/tree-node/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ProSidebarDataSource, ProSidebarDataSourceItem } from '../../typing';
+import { ProSidebarProps } from '../..';
+declare const ProSideBarTreeNode: React.FC<ProSidebarDataSourceItem>;
+export declare function renderTreeNode(data: ProSidebarDataSource): JSX.Element[];
+export declare function renderTreeNodeDependenceValue(data: ProSidebarDataSource, onBeforeRenderNodeEvent: ProSidebarProps['onBeforeRenderNodeEvent'], checkedKeys: any[], selectedKeys: any[], allData?: ProSidebarDataSource): JSX.Element[];
+export default ProSideBarTreeNode;

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

@@ -20,12 +20,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 _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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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); }
@@ -45,7 +44,6 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     _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 : {},
@@ -54,19 +52,19 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     if (type === 'action') {
       return /*#__PURE__*/_react.default.createElement(_HoverTooltip.default, {
         visible: !hover || extraVisible,
-        trigger: /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _extends({
+        trigger: /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _objectSpread({
           type: "text",
           actions: action
         }, props))
       });
     }
     if (type === 'iconSwitch') {
-      return /*#__PURE__*/_react.default.createElement(_IconSwitch.default, _extends({
+      return /*#__PURE__*/_react.default.createElement(_IconSwitch.default, _objectSpread({
         tooltipVisible: !hover || extraVisible
       }, props));
     }
     if (type === 'iconAction') {
-      return /*#__PURE__*/_react.default.createElement(_IconAction.default, _extends({
+      return /*#__PURE__*/_react.default.createElement(_IconAction.default, _objectSpread({
         visible: !hover || extraVisible,
         action: action
       }, props));
@@ -79,14 +77,11 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
       });
     }
   };
-
   // 渲染 extra 区域
   var renderExtra = function renderExtra() {
     var result = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-
     // extra 是否是 action 配置
     var isActionGroupProps = Array.isArray(extra) && ! /*#__PURE__*/(0, _react.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.default.createElement(_actions.ProActionGroup, {
@@ -94,7 +89,6 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
         type: "text"
       });
     }
-
     // 大杂烩
     if (extra && Array.isArray(extra)) {
       result = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, extra.map(function (item, index) {
@@ -104,13 +98,12 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
             className: cls('item-content-extra-item')
           }, item);
         }
-        var _ref2 = item,
-          type = _ref2.type,
-          _ref2$action = _ref2.action,
-          action = _ref2$action === void 0 ? {} : _ref2$action,
-          _ref2$props = _ref2.props,
-          props = _ref2$props === void 0 ? {} : _ref2$props,
-          others = _objectWithoutProperties(_ref2, _excluded);
+        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);
         return /*#__PURE__*/_react.default.createElement("span", {
           key: index,
           className: cls('item-content-extra-item')
@@ -119,7 +112,6 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     }
     return result;
   };
-
   // 鼠标移入
   var onMouseEnter = function onMouseEnter(e) {
     var _e$target, _e$target$closest;
@@ -128,7 +120,6 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     }
     setExtraVisible(true);
   };
-
   // 鼠标移出
   var onMouseLeave = function onMouseLeave(e) {
     var _e$target2, _e$target2$closest;
@@ -137,7 +128,6 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     }
     setExtraVisible(false);
   };
-
   // 获取 ProFieldRender
   var getFieldRender = function getFieldRender() {
     if (typeof render === 'function') {
@@ -148,7 +138,6 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
       emptyText: '-'
     }, render);
   };
-
   // 获取 tag 参数
   var getTags = function getTags(tags) {
     if ( /*#__PURE__*/(0, _react.isValidElement)(tags)) {
@@ -173,7 +162,7 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     onMouseLeave: onMouseLeave
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: cls('item-context-front')
-  }, /*#__PURE__*/_react.default.createElement(_proField.default, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_proField.default, _objectSpread({
     value: label,
     type: valueType,
     render: getFieldRender()
@@ -183,20 +172,18 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     className: cls('item-content-extra')
   }, renderExtra()));
 };
-
 // 渲染树节点
 function renderTreeNode(data) {
   return data.map(function (item) {
     var _getTreeNodeProps = (0, _.getTreeNodeProps)(item),
       nodeProps = _getTreeNodeProps.nodeProps,
       labelProps = _getTreeNodeProps.labelProps;
-    return /*#__PURE__*/_react.default.createElement(_components.Tree.Node, _extends({
+    return /*#__PURE__*/_react.default.createElement(_components.Tree.Node, _objectSpread({
       key: item.value,
-      label: /*#__PURE__*/_react.default.createElement(ProSideBarTreeNode, labelProps)
+      label: /*#__PURE__*/_react.default.createElement(ProSideBarTreeNode, _objectSpread({}, labelProps))
     }, nodeProps), item.children && item.children.length > 0 && renderTreeNode(item.children));
   });
 }
-
 // 渲染树节点 依赖 value
 function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, checkedKeys, selectedKeys, allData) {
   return data.map(function (item) {
@@ -207,9 +194,9 @@ function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, checkedKey
     var _getTreeNodeProps2 = (0, _.getTreeNodeProps)(newProps),
       nodeProps = _getTreeNodeProps2.nodeProps,
       labelProps = _getTreeNodeProps2.labelProps;
-    return /*#__PURE__*/_react.default.createElement(_components.Tree.Node, _extends({
+    return /*#__PURE__*/_react.default.createElement(_components.Tree.Node, _objectSpread({
       key: item.value,
-      label: /*#__PURE__*/_react.default.createElement(ProSideBarTreeNode, labelProps)
+      label: /*#__PURE__*/_react.default.createElement(ProSideBarTreeNode, _objectSpread({}, labelProps))
     }, nodeProps), item.children && item.children.length > 0 && renderTreeNodeDependenceValue(item.children, onBeforeRenderNodeEvent, checkedKeys, selectedKeys, allData !== null && allData !== void 0 ? allData : data));
   });
 }

package/lib/sidebar/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+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 };