@teamix/pro 1.5.1-aplha.0 → 1.5.1

package/es/sidebar/components/sidebar-container/index.js

@@ -8,7 +8,11 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _extends() { _extends = Object.assign || 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(); }
 
@@ -110,7 +114,7 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
     if (customSearch || showSearch) {
       return /*#__PURE__*/React.createElement("div", {
         className: cls('search')
-      }, !!customSearch && customSearch, showSearch && /*#__PURE__*/React.createElement(ProField, _extends({
+      }, !!customSearch && customSearch, showSearch && /*#__PURE__*/React.createElement(ProField, _objectSpread({
         mode: "edit",
         type: "text",
         placeholder: searchPlaceholder,
@@ -127,10 +131,10 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
     if (message || customMessage) {
       return /*#__PURE__*/React.createElement("div", {
         className: cls('notice')
-      }, message && /*#__PURE__*/React.createElement(Message, _extends({
+      }, message && /*#__PURE__*/React.createElement(Message, _objectSpread(_objectSpread({
         type: "notice",
         closeable: true
-      }, messageProps, {
+      }, messageProps), {}, {
         onClose: function onClose() {
           var _ref$current$offsetTo2, _ref$current2;
 
@@ -179,7 +183,7 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
       '': true,
       'not-is-tree': !isTree
     })
-  }, /*#__PURE__*/React.createElement(ProCard, _extends({
+  }, /*#__PURE__*/React.createElement(ProCard, _objectSpread({
     bordered: false,
     compacted: true
   }, others), renderSearch(), renderNotice(), renderFold(), /*#__PURE__*/React.createElement("div", {

package/es/sidebar/components/tree/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ProSidebarTreeProps } from '../../typing';
+import './index.scss';
+import '../tree-node/index.scss';
+declare const ProSidebarTree: React.FC<ProSidebarTreeProps>;
+export default ProSidebarTree;

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

@@ -1,6 +1,10 @@
 var _excluded = ["dataSource", "selectedKeys", "checkedKeys", "defaultExpandedKeys", "defaultExpandAll", "expandedKeys", "onSelect", "onCheck", "isNodeBlock", "searchKey", "actionRef", "onBeforeRenderNodeEvent", "beforeRenderNode", "className", "expandAll", "onDataSourceChange", "expandLevel"];
 
-function _extends() { _extends = Object.assign || 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); }
 
@@ -306,7 +310,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,8 @@
-function _extends() { _extends = Object.assign || 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(); }
 
@@ -38,7 +42,7 @@ var ProHoverTooltip = function ProHoverTooltip(props) {
 
   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,5 +1,3 @@
-function _extends() { _extends = Object.assign || 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; }
@@ -87,14 +85,14 @@ var ProIconAction = function ProIconAction(props) {
 
   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, {

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.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

@@ -2,18 +2,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 _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 || 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."); }
@@ -60,7 +58,7 @@ 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))
@@ -68,13 +66,13 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(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));
@@ -112,13 +110,12 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(props) {
           }, 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,
@@ -191,7 +188,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()
@@ -209,9 +206,9 @@ export function renderTreeNode(data) {
         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
@@ -228,9 +225,9 @@ export function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, che
         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,6 +1,8 @@
 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 || 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,6 +32,7 @@ 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) {
@@ -172,7 +175,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);
@@ -185,7 +188,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,
@@ -201,4 +204,5 @@ var ProSidebar = function ProSidebar(props) {
   }, treeProps))));
 };
 
-export default ProSidebar;
+export default ProSidebar;
+export { ProIconSwitch };

package/es/sidebar/typing.d.ts

@@ -0,0 +1,141 @@
+/// <reference types="react" />
+import { MessageProps } from '@alifd/next/types/message';
+import { NodeProps, TreeProps } from '@alifd/next/types/tree';
+import { CommonRequestConfig } from '@teamix/utils';
+import { ProTagItem } from '../field';
+import { ProActionConfig, ProCardProps, ProFieldProps, ProFieldRenderProps, ProFieldType } from '..';
+/** ProSidebar 定义 */
+export declare type ProSidebarProps = {
+    /** 数据源 */
+    dataSource?: ProSidebarDataSource;
+    /** 点击的节点 */
+    selectedKeys?: TreeProps['selectedKeys'];
+    /** 选中的节点 */
+    checkedKeys?: TreeProps['checkedKeys'];
+    /** 节点点击回调 */
+    onSelect?: TreeProps['onSelect'];
+    /** 节点选中回调 */
+    onCheck?: TreeProps['onCheck'];
+    /** 树配置 */
+    treeProps?: TreeProps;
+    /** 卡片配置 */
+    cardProps?: ProCardProps;
+    /** 显示数量 */
+    showExtraNumber?: boolean;
+    /** actionRef */
+    actionRef?: React.MutableRefObject<ProSidebarActionType | undefined>;
+    /** 渲染树节点之前的回调 dataSource 变动时调用 */
+    beforeRenderNode?: (item: ProSidebarDataSourceItem, level: number, dataSource: ProSidebarDataSource) => ProSidebarDataSourceItem;
+    /** 监听渲染树节点之前的事件 当节点状态改变、dataSource 变动时调用 */
+    onBeforeRenderNodeEvent?: (item: ProSidebarDataSourceItem, checkedKeys: TreeProps['checkedKeys'], selectedKeys: TreeProps['selectedKeys'], dataSource: ProSidebarDataSource) => ProSidebarDataSourceItem;
+} & Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> & Omit<ProSidebarContainerProps, 'onSelect'> & ProSidebarRequestProps;
+/** 数据源定义 */
+export declare type ProSidebarDataSource = ProSidebarDataSourceItem[];
+export declare type ProSidebarDataSourceItem = {
+    /** 展示值 */
+    label?: string;
+    /** 绑定值 */
+    value?: any;
+    /** 标签 */
+    tag?: ProTagItem;
+    /** 右侧操作、状态区 */
+    extra?: ProSidebarExtraProps;
+    /** 子项 */
+    children?: ProSidebarDataSourceItem[];
+    /** label 类型 对应 ProFieldType */
+    valueType?: ProFieldType;
+    /** 渲染 label 的 render 对应 ProFieldRenderProps */
+    render?: ProFieldRenderProps;
+    /** ProField 的其他配置项 */
+    fieldProps?: ProFieldProps;
+    /** TreeNode 的其他配置项 */
+    treeNodeProps?: ProFieldProps;
+} & NodeProps;
+/** 单项 extra 配置项 */
+export declare type ProSidebarExtraProps = React.ReactNode | (ProSidebarExtraPropsItem | React.ReactNode)[];
+export declare type ProSidebarExtraPropsItem = {
+    /** 相应功能项 */
+    type: 'action' | 'iconSwitch' | 'iconAction' | 'custom';
+    /** action 相应配置 */
+    action: ProActionConfig;
+    /** 相应配置 */
+    props: any;
+    /** 是否 hover 显示 */
+    hover?: boolean;
+    /** 自定义渲染 仅在 custom 有效 */
+    trigger?: any;
+};
+/** sidebar 容器定义 */
+export declare type ProSidebarContainerProps = {
+    children?: React.ReactNode;
+    /** 搜索输入提示 */
+    searchPlaceholder?: string;
+    /** 搜索输入其他参数 ProField 参数 */
+    searchProps?: ProFieldProps;
+    /** 是否展示搜索框 */
+    showSearch?: boolean;
+    /** 自定义搜索 */
+    customSearch?: React.ReactNode;
+    /** 搜索框变化的回调函数 */
+    searchOnChange?: (value: any) => void;
+    /** 通知提示消息区域 */
+    message?: React.ReactNode;
+    /** 自定义消息通知区域 */
+    customMessage?: React.ReactNode;
+    /** 消息通知区域的其他参数 */
+    messageProps?: MessageProps;
+    /** 滚动区域 仅在使用 ProPageContainer 时有效 */
+    scrollArea?: 'all' | 'tree';
+    /** 是否显示展开全部 */
+    showExpandAll?: boolean;
+    /** 展开全部 状态 */
+    expandAllState?: boolean;
+    /** 是否显示展开层级 */
+    showExpandLevel?: boolean;
+    /** 展开全部变化回调 */
+    onExpandAllChange?: (state: boolean) => void;
+    /** 展开层级变化回调 */
+    onExpandLevelChange?: (state: number) => void;
+    /** 展开层级 层级 */
+    expandLevel?: number;
+    /** 展开层级 当前所展示层级 */
+    expandLevelState?: number;
+    /** 列表 or tree */
+    isTree?: boolean;
+} & ProCardProps;
+/** ProSidebarTree 内容定义 */
+export declare type ProSidebarTreeProps = {
+    dataSource?: ProSidebarDataSource;
+    /** 搜索过滤关键词 */
+    searchKey?: string;
+    /** 显示数量 */
+    showExtraNumber?: ProSidebarProps['showExtraNumber'];
+    /** actionRef */
+    actionRef: React.MutableRefObject<ProSidebarActionType | undefined>;
+    /** 渲染树节点之前的回调 */
+    onBeforeRenderNodeEvent?: ProSidebarProps['onBeforeRenderNodeEvent'];
+    /** 渲染树节点之前的回调 dataSource 变动时调用 */
+    beforeRenderNode?: ProSidebarProps['beforeRenderNode'];
+    /** 展开全部 */
+    expandAll?: boolean;
+    /** 展开节点层级 */
+    expandLevel?: number;
+    /** dataSource 变化的回调 */
+    onDataSourceChange?: (dataSource: ProSidebarDataSource) => void;
+} & TreeProps;
+/** ProSidebarTreeNode 内容定义 */
+export declare type ProSidebarTreeNodeProps = {
+    dataSource?: ProSidebarDataSource;
+};
+/** ProSidebar ActionRef 定义 */
+export declare type ProSidebarActionType = {
+    /** 设置树节点 */
+    setTreeNode?: (treeNode: ProSidebarDataSourceItem) => void;
+    /** 刷新 */
+    refresh?: () => void;
+};
+/** ProSidebar 请求相关定义 */
+export declare type ProSidebarRequestProps = {
+    /** 请求地址 */
+    url?: string;
+} & Omit<CommonRequestConfig, 'url'>;

package/es/sidebar/utils/action-ref.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ProSidebarActionType } from '../typing';
+export declare function useActionType<T>(ref: React.MutableRefObject<ProSidebarActionType | undefined>, action: ProSidebarActionType): void;