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

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

@@ -1,5 +1,7 @@
-var _excluded = ["dataSource", "selectedKeys", "checkedKeys", "defaultExpandedKeys", "defaultExpandAll", "expandedKeys", "onSelect", "onCheck", "isNodeBlock", "searchKey", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "className", "expandAll", "onDataSourceChange", "expandLevel"];
-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); }
+var _excluded = ["dataSource", "selectedKeys", "checkedKeys", "defaultExpandedKeys", "defaultExpandAll", "expandedKeys", "onSelect", "onCheck", "isNodeBlock", "searchKey", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "className", "expandAll", "onDataSourceChange", "expandLevel", "defaultSelectedKeys", "defaultCheckedKeys"];
+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."); }
@@ -45,8 +47,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 = cloneDeep(dataSource);
@@ -62,7 +65,6 @@ var ProSidebarTree = function ProSidebarTree(props) {
     }
     return newDataSource;
   };
-
   // 自动展开父节点。过滤时用
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -80,38 +82,41 @@ var ProSidebarTree = function ProSidebarTree(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     dataSource = _useState8[0],
     setDataSource = _useState8[1];
-  var _useState9 = useState(selectedKeysProp),
+  var _useState9 = useState(selectedKeysProp !== null && selectedKeysProp !== void 0 ? selectedKeysProp : defaultSelectedKeys),
     _useState10 = _slicedToArray(_useState9, 2),
     selectedKeys = _useState10[0],
     setSelectedKeys = _useState10[1];
-  var _useState11 = useState(checkedKeysProp),
+  var _useState11 = useState(checkedKeysProp !== null && checkedKeysProp !== void 0 ? checkedKeysProp : defaultCheckedKeys),
     _useState12 = _slicedToArray(_useState11, 2),
     checkedKeys = _useState12[0],
     setCheckedKeys = _useState12[1];
   useEffect(function () {
     setDefaultExpandedKeys();
   }, []);
-
   // 监听 selectedKeys，用于受控
   useEffect(function () {
-    setSelectedKeys(selectedKeysProp);
+    if (selectedKeysProp) {
+      setSelectedKeys(selectedKeysProp);
+    }
   }, [selectedKeysProp]);
-
+  // 监听 selectedKeys，用于受控
+  useEffect(function () {
+    if (checkedKeysProp) {
+      setCheckedKeys(checkedKeysProp);
+    }
+  }, [checkedKeysProp]);
   // 更新外部传入的 dataSource
   useUpdateEffect(function () {
     setDataSource(processDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []));
   }, [dataSourceProp]);
-
   // 监听展开全部事件
   useUpdateEffect(function () {
     onChangeExpandAll();
   }, [expandAll]);
-
   // 监听展开层级事件
   useUpdateEffect(function () {
     onChangeExpandLevel();
   }, [expandLevel]);
-
   // 监听 DataSource 变化事件
   useEffect(function () {
     onDataSourceChange === null || onDataSourceChange === void 0 ? void 0 : onDataSourceChange(dataSource);
@@ -123,7 +128,6 @@ var ProSidebarTree = function ProSidebarTree(props) {
       onChangeExpandLevel();
     }
   }, [dataSource]);
-
   // 展开全部事件
   var onChangeExpandAll = function onChangeExpandAll() {
     if (expandAll) {
@@ -132,13 +136,11 @@ var ProSidebarTree = function ProSidebarTree(props) {
       setExpandedKeys([]);
     }
   };
-
   // 展开层级事件
   var onChangeExpandLevel = function onChangeExpandLevel() {
     var keys = getTreeLevelKey(dataSource, expandLevel - 1);
     setExpandedKeys(keys);
   };
-
   // 绑定actionRef
   useActionType(actionRef, {
     setTreeNode: function setTreeNode(treeNode) {
@@ -157,7 +159,6 @@ var ProSidebarTree = function ProSidebarTree(props) {
       setDataSource(newDataSource);
     }
   });
-
   // dataSource 是否为一层结构
   var hasChildren = useMemo(function () {
     var flag = false;
@@ -169,18 +170,15 @@ var ProSidebarTree = function ProSidebarTree(props) {
     });
     return flag;
   }, [dataSource]);
-
   // 组件第一次加载时不执行过滤
   useUpdateEffect(function () {
     filterDataSource(searchKey !== null && searchKey !== void 0 ? searchKey : '');
   }, [searchKey]);
-
   // expandedKeys 更新
   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) {
@@ -190,7 +188,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') {
@@ -204,7 +201,6 @@ var ProSidebarTree = function ProSidebarTree(props) {
     }
     return false;
   };
-
   // 过滤
   var filterDataSource = function filterDataSource(value) {
     var searchDataSource = processDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
@@ -233,7 +229,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;
@@ -246,23 +241,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);
@@ -273,7 +269,7 @@ var ProSidebarTree = function ProSidebarTree(props) {
       '': true,
       'is-list': !hasChildren
     })
-  }, /*#__PURE__*/React.createElement(Tree, _extends({
+  }, /*#__PURE__*/React.createElement(Tree, _objectSpread({
     isLabelBlock: true,
     checkedKeys: checkedKeys,
     selectedKeys: selectedKeys,

package/es/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/es/sidebar/components/tree-node/components/HoverTooltip/index.js

@@ -1,4 +1,6 @@
-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); }
@@ -25,11 +27,10 @@ var ProHoverTooltip = function ProHoverTooltip(props) {
   useEffect(function () {
     setVisible(visibleProp !== null && visibleProp !== void 0 ? visibleProp : false);
   }, [visibleProp]);
-
   // 渲染触发器
   var renderTrigger = function renderTrigger() {
     if (tooltip) {
-      return /*#__PURE__*/React.createElement(Balloon.Tooltip, _extends({
+      return /*#__PURE__*/React.createElement(Balloon.Tooltip, _objectSpread({
         align: "t",
         trigger: /*#__PURE__*/React.createElement("span", null, trigger)
       }, tooltipProps), tooltip);

package/es/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/es/sidebar/components/tree-node/components/IconAction/index.js

@@ -1,4 +1,3 @@
-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; }
@@ -30,7 +29,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')) {
@@ -64,13 +62,13 @@ var ProIconAction = function ProIconAction(props) {
   }, action), getPopProps()));
   var getTrigger = function getTrigger() {
     if (icon && typeof icon === 'string') {
-      return /*#__PURE__*/React.createElement(TeamixIcon, _extends({
+      return /*#__PURE__*/React.createElement(TeamixIcon, _objectSpread({
         className: cls(),
         size: "small",
         type: icon
       }, processAction));
     }
-    return /*#__PURE__*/React.createElement("span", processAction, icon !== null && icon !== void 0 ? icon : trigger);
+    return /*#__PURE__*/React.createElement("span", _objectSpread({}, processAction), icon !== null && icon !== void 0 ? icon : trigger);
   };
   return /*#__PURE__*/React.createElement(ProHoverTooltip, {
     trigger: getTrigger(),

package/es/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/es/sidebar/components/tree-node/components/IconSwitch/index.js

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

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.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/es/sidebar/components/tree-node/index.js

@@ -1,11 +1,10 @@
 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 _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); }
@@ -34,7 +33,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 : {},
@@ -43,19 +41,19 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     if (type === 'action') {
       return /*#__PURE__*/React.createElement(ProHoverTooltip, {
         visible: !hover || extraVisible,
-        trigger: /*#__PURE__*/React.createElement(ProActionGroup, _extends({
+        trigger: /*#__PURE__*/React.createElement(ProActionGroup, _objectSpread({
           type: "text",
           actions: action
         }, props))
       });
     }
     if (type === 'iconSwitch') {
-      return /*#__PURE__*/React.createElement(ProIconSwitch, _extends({
+      return /*#__PURE__*/React.createElement(ProIconSwitch, _objectSpread({
         tooltipVisible: !hover || extraVisible
       }, props));
     }
     if (type === 'iconAction') {
-      return /*#__PURE__*/React.createElement(ProIconAction, _extends({
+      return /*#__PURE__*/React.createElement(ProIconAction, _objectSpread({
         visible: !hover || extraVisible,
         action: action
       }, props));
@@ -68,14 +66,11 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
       });
     }
   };
-
   // 渲染 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
     if (isActionGroupProps) {
       result = /*#__PURE__*/React.createElement(ProActionGroup, {
@@ -83,7 +78,6 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
         type: "text"
       });
     }
-
     // 大杂烩
     if (extra && Array.isArray(extra)) {
       result = /*#__PURE__*/React.createElement(React.Fragment, null, extra.map(function (item, index) {
@@ -93,13 +87,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.createElement("span", {
           key: index,
           className: cls('item-content-extra-item')
@@ -108,7 +101,6 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     }
     return result;
   };
-
   // 鼠标移入
   var onMouseEnter = function onMouseEnter(e) {
     var _e$target, _e$target$closest;
@@ -117,7 +109,6 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     }
     setExtraVisible(true);
   };
-
   // 鼠标移出
   var onMouseLeave = function onMouseLeave(e) {
     var _e$target2, _e$target2$closest;
@@ -126,7 +117,6 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     }
     setExtraVisible(false);
   };
-
   // 获取 ProFieldRender
   var getFieldRender = function getFieldRender() {
     if (typeof render === 'function') {
@@ -137,7 +127,6 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
       emptyText: '-'
     }, render);
   };
-
   // 获取 tag 参数
   var getTags = function getTags(tags) {
     if ( /*#__PURE__*/isValidElement(tags)) {
@@ -162,7 +151,7 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     onMouseLeave: onMouseLeave
   }, /*#__PURE__*/React.createElement("div", {
     className: cls('item-context-front')
-  }, /*#__PURE__*/React.createElement(ProField, _extends({
+  }, /*#__PURE__*/React.createElement(ProField, _objectSpread({
     value: label,
     type: valueType,
     render: getFieldRender()
@@ -172,20 +161,18 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
     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;
-    return /*#__PURE__*/React.createElement(Tree.Node, _extends({
+    return /*#__PURE__*/React.createElement(Tree.Node, _objectSpread({
       key: item.value,
-      label: /*#__PURE__*/React.createElement(ProSideBarTreeNode, labelProps)
+      label: /*#__PURE__*/React.createElement(ProSideBarTreeNode, _objectSpread({}, labelProps))
     }, nodeProps), item.children && item.children.length > 0 && renderTreeNode(item.children));
   });
 }
-
 // 渲染树节点 依赖 value
 export function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, checkedKeys, selectedKeys, allData) {
   return data.map(function (item) {
@@ -196,9 +183,9 @@ export function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, che
     var _getTreeNodeProps2 = getTreeNodeProps(newProps),
       nodeProps = _getTreeNodeProps2.nodeProps,
       labelProps = _getTreeNodeProps2.labelProps;
-    return /*#__PURE__*/React.createElement(Tree.Node, _extends({
+    return /*#__PURE__*/React.createElement(Tree.Node, _objectSpread({
       key: item.value,
-      label: /*#__PURE__*/React.createElement(ProSideBarTreeNode, labelProps)
+      label: /*#__PURE__*/React.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/es/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 };

package/es/sidebar/index.js

@@ -1,5 +1,6 @@
-var _excluded = ["selectedKeys", "checkedKeys", "dataSource", "className", "style", "searchOnChange", "showSearch", "onSelect", "onCheck", "treeProps", "cardProps", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "url", "method", "params", "data", "extendParams", "beforeRequest", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "link", "scrollArea", "onExpandAllChange", "onExpandLevelChange"];
-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); }
+var _excluded = ["selectedKeys", "checkedKeys", "defaultSelectedKeys", "defaultCheckedKeys", "dataSource", "className", "style", "searchOnChange", "showSearch", "onSelect", "onCheck", "treeProps", "cardProps", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "url", "method", "params", "data", "extendParams", "beforeRequest", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "link", "scrollArea", "onExpandAllChange", "onExpandLevelChange"];
+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."); }
@@ -19,10 +20,13 @@ import { useActionType } from './utils/action-ref';
 import debounce from 'lodash.debounce';
 export * from './typing';
 export * from './utils';
+import ProIconSwitch from './components/tree-node/components/IconSwitch';
 var cls = usePrefixCls('teamix-pro-sidebar');
 var ProSidebar = function ProSidebar(props) {
   var selectedKeys = props.selectedKeys,
     checkedKeys = props.checkedKeys,
+    defaultSelectedKeys = props.defaultSelectedKeys,
+    defaultCheckedKeys = props.defaultCheckedKeys,
     dataSourceProp = props.dataSource,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
@@ -57,46 +61,38 @@ var ProSidebar = function ProSidebar(props) {
     onExpandAllChangeProp = props.onExpandAllChange,
     onExpandLevelChangeProp = props.onExpandLevelChange,
     others = _objectWithoutProperties(props, _excluded);
-
   // 搜索的关键词
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     searchKey = _useState2[0],
     setSearchKey = _useState2[1];
-
   // loading 状态
   var _useState3 = useState(true),
     _useState4 = _slicedToArray(_useState3, 2),
     loading = _useState4[0],
     setLoading = _useState4[1];
-
   // 数据源
   var _useState5 = useState(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []),
     _useState6 = _slicedToArray(_useState5, 2),
     dataSource = _useState6[0],
     setDataSource = _useState6[1];
-
   // 展开全部状态
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
     expandAllState = _useState8[0],
     setExpandAllState = _useState8[1];
-
   // 展开层级状态
   var _useState9 = useState(0),
     _useState10 = _slicedToArray(_useState9, 2),
     expandLevelState = _useState10[0],
     setExpandLevelState = _useState10[1];
-
   // 树层级
   var _useState11 = useState(0),
     _useState12 = _slicedToArray(_useState11, 2),
     expandLevel = _useState12[0],
     setExpandLevel = _useState12[1];
   var actionRef = useRef();
-
   // const requestDataKey = method.toLowerCase() === 'get' ? 'params' : 'data';
-
   var requestConfig = {
     url: url,
     method: method,
@@ -122,7 +118,6 @@ var ProSidebar = function ProSidebar(props) {
   useEffect(function () {
     setDataSource(dataSourceProp !== null && dataSourceProp !== void 0 ? dataSourceProp : []);
   }, [dataSourceProp]);
-
   // 请求数据
   var request = function request() {
     setLoading(true);
@@ -137,19 +132,16 @@ var ProSidebar = function ProSidebar(props) {
       request();
     }
   });
-
   // 展开全部变化回调
   var onExpandAllChange = function onExpandAllChange(status) {
     setExpandAllState(status);
     onExpandAllChangeProp === null || onExpandAllChangeProp === void 0 ? void 0 : onExpandAllChangeProp(status);
   };
-
   // 展开层级回调
   var onExpandLevelChange = function onExpandLevelChange(level) {
     setExpandLevelState(level);
     onExpandLevelChangeProp === null || onExpandLevelChangeProp === void 0 ? void 0 : onExpandLevelChangeProp(level);
   };
-
   // DataSource 变化回调。用于更新层级
   var onDataSourceChange = function onDataSourceChange(dataSource) {
     var level = getTreeLevel(dataSource);
@@ -161,7 +153,7 @@ var ProSidebar = function ProSidebar(props) {
       'scroll-tree': scrollArea === 'tree'
     }, "deep-".concat(expandLevel), true)), " ").concat(className),
     style: style
-  }, /*#__PURE__*/React.createElement(ProSidebarContainer, _extends({
+  }, /*#__PURE__*/React.createElement(ProSidebarContainer, _objectSpread(_objectSpread({
     searchOnChange: debounce(function (value) {
       if (showSearch) {
         searchOnChange === null || searchOnChange === void 0 ? void 0 : searchOnChange(value);
@@ -174,7 +166,7 @@ var ProSidebar = function ProSidebar(props) {
     scrollArea: scrollArea,
     expandLevel: expandLevel,
     isTree: getTreeLevel(dataSource) > 1 ? true : false
-  }, others, cardProps), loading && /*#__PURE__*/React.createElement(ProSkeletonRaw.SideBar, null), !loading && /*#__PURE__*/React.createElement(ProSidebarTree, _extends({
+  }, others), cardProps), loading && /*#__PURE__*/React.createElement(ProSkeletonRaw.SideBar, null), !loading && /*#__PURE__*/React.createElement(ProSidebarTree, _objectSpread({
     dataSource: dataSource,
     searchKey: searchKey,
     onSelect: onSelect,
@@ -186,7 +178,10 @@ var ProSidebar = function ProSidebar(props) {
     beforeRenderNode: beforeRenderNode,
     expandAll: expandAllState,
     expandLevel: expandLevelState,
-    onDataSourceChange: onDataSourceChange
+    onDataSourceChange: onDataSourceChange,
+    defaultSelectedKeys: defaultSelectedKeys,
+    defaultCheckedKeys: defaultCheckedKeys
   }, treeProps))));
 };
-export default ProSidebar;
+export default ProSidebar;
+export { ProIconSwitch };