@teamix/pro 1.5.1-aplha.0 → 1.5.1

package/lib/nocode/pages/renderer.js

@@ -51,12 +51,16 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-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; }
 
 var cls = (0, _utils.usePrefixCls)('teamix-pro-nocode');
 
 var Loading = function Loading(props) {
-  return /*#__PURE__*/_react.default.createElement(_pageContainer.default, _extends({
+  return /*#__PURE__*/_react.default.createElement(_pageContainer.default, _objectSpread({
     header: /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
       loading: true,
       title: "",
@@ -135,7 +139,7 @@ var PageRenderer = function PageRenderer(props) {
   }
 
   if (!type) {
-    return /*#__PURE__*/_react.default.createElement(Loading, others);
+    return /*#__PURE__*/_react.default.createElement(Loading, _objectSpread({}, others));
   }
 
   var Page = _.PageMap[type] || (pageMap === null || pageMap === void 0 ? void 0 : pageMap[type]);
@@ -149,7 +153,7 @@ var PageRenderer = function PageRenderer(props) {
 
   return /*#__PURE__*/_react.default.createElement(ErrorBoundary, null, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
     title: title
-  }), /*#__PURE__*/_react.default.createElement(Page, _extends({
+  }), /*#__PURE__*/_react.default.createElement(Page, _objectSpread({
     loading: loading,
     pageProps: pageProps || {}
   }, others)));

package/lib/nocode/playground.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Configurator } from './configurators';
+export interface PlayGroundLayoutProps {
+    component: React.ReactNode;
+    configurator: React.ReactNode;
+    tools?: React.ReactNode;
+}
+export declare const PlayGroundLayout: (props: PlayGroundLayoutProps) => JSX.Element;
+export interface PlayGround<T = any> {
+    component: React.FC<T>;
+    configurator: Configurator;
+    initialValues: T;
+}
+export declare const PlayGround: <T extends {}>(props: PlayGround<T>) => JSX.Element;

package/lib/nocode/playground.js

@@ -19,7 +19,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 || 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(); }
 
@@ -74,7 +78,7 @@ var PlayGround = function PlayGround(props) {
       onValuesChange = _useDebounceFn.run;
 
   return /*#__PURE__*/_react.default.createElement(PlayGroundLayout, {
-    component: /*#__PURE__*/_react.default.createElement(Component, _extends({
+    component: /*#__PURE__*/_react.default.createElement(Component, _objectSpread({
       key: componentKey
     }, componentState)),
     configurator: /*#__PURE__*/_react.default.createElement(Configurator, {

package/lib/page-container/index.d.ts

@@ -0,0 +1,3 @@
+import ProPageContainer from '@teamix/pro-page-container';
+export * from '@teamix/pro-page-container';
+export default ProPageContainer;

package/lib/page-header/index.d.ts

@@ -0,0 +1,74 @@
+import React from 'react';
+import { ItemProps } from '@alicloudfe/components/types/breadcrumb';
+import { LinkPath } from '@teamix/utils';
+import { CapsuleTabType, ProTagItem } from '../field';
+import { ProActionGroupProps } from '../actions';
+import { ProInfoProps } from '../info';
+import './index.scss';
+export interface ProPageHeaderBreadcrumbItem extends ItemProps {
+    /**
+     * @deprecated 建议使用 children 代替
+     */
+    text?: string;
+}
+export declare type ProPageHeaderTagItem = ProTagItem;
+declare type Color = 'blue' | 'green' | 'orange' | 'red' | 'yellow' | string;
+export declare type ProPageHeaderDataItem = {
+    title: string;
+    num: number;
+    color?: Color;
+} & React.HTMLAttributes<HTMLElement>;
+export declare type ProPageHeaderProps = {
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 标题说明 */
+    titleTooltip?: React.ReactNode;
+    /** 描述 */
+    description?: React.ReactNode;
+    /** 图标 */
+    icon?: React.ReactNode;
+    /** 图标颜色 */
+    iconColor?: Color;
+    /** 图标背景类型 */
+    iconBackgroundType?: 'circle' | 'square';
+    /** 图标背景色 */
+    iconBackgroundColor?: Color;
+    /** 返回按钮配置 */
+    goback?: boolean | LinkPath | ((e: React.MouseEvent) => void);
+    /** 背景图 */
+    image?: string;
+    /** 加载中 */
+    loading?: boolean;
+    /** 面包屑配置 */
+    breadcrumb?: ProPageHeaderBreadcrumbItem[];
+    /** 额外信息区配置 */
+    extra?: ProActionGroupProps | React.ReactNode;
+    /** 操作区配置 */
+    operation?: ProActionGroupProps | React.ReactNode;
+    /** 标签组 */
+    tags?: ProPageHeaderTagItem[];
+    /** 数据概览项 */
+    data?: ProPageHeaderDataItem[];
+    /** 底部详情 */
+    info?: ProInfoProps | React.ReactNode;
+    /** 切换 tabs */
+    tabs?: CapsuleTabType;
+} & Omit<React.HTMLAttributes<HTMLElement>, 'title'>;
+declare const ProPageHeader: React.FC<ProPageHeaderProps>;
+export default ProPageHeader;
+/**
+ * @deprecated 建议使用 ProPageHeaderBreadcrumbItem 代替
+ */
+export declare type BreadcrumbItem = ProPageHeaderBreadcrumbItem;
+/**
+ * @deprecated 建议使用 ProPageHeaderTagItem 代替
+ */
+export declare type TagItem = ProPageHeaderTagItem;
+/**
+ * @deprecated 建议使用 ProPageHeaderDataItem 代替
+ */
+export declare type DataItem = ProPageHeaderDataItem;
+/**
+ * @deprecated 建议使用 ProPageHeaderProps 代替
+ */
+export declare type PageHeaderProps = ProPageHeaderProps;

package/lib/page-header/index.js

@@ -39,8 +39,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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 _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 _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; }
@@ -55,7 +53,7 @@ var renderNav = function renderNav(breadcrumbs) {
           children = b.children,
           others = _objectWithoutProperties(b, _excluded);
 
-      return /*#__PURE__*/_react.default.createElement(_components.Breadcrumb.Item, _extends({
+      return /*#__PURE__*/_react.default.createElement(_components.Breadcrumb.Item, _objectSpread({
         key: i
       }, others), text || children);
     }));
@@ -79,7 +77,7 @@ var renderActionGroup = function renderActionGroup(group, defaultProps) {
         type: buttonType
       }, item);
     });
-    return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _extends({}, defaultProps, actionGroup, {
+    return /*#__PURE__*/_react.default.createElement(_actions.ProActionGroup, _objectSpread(_objectSpread(_objectSpread({}, defaultProps), actionGroup), {}, {
       actions: actions
     }));
   }
@@ -125,7 +123,7 @@ var renderData = function renderData(data) {
         className = _getColorAndStyle.className,
         style = _getColorAndStyle.style;
 
-    return /*#__PURE__*/_react.default.createElement("div", _extends({
+    return /*#__PURE__*/_react.default.createElement("div", _objectSpread({
       key: i,
       className: (0, _classnames2.default)(cls('data-item'), customClassName)
     }, others), /*#__PURE__*/_react.default.createElement("div", {
@@ -139,7 +137,7 @@ var renderData = function renderData(data) {
 
 var renderInfo = function renderInfo(info) {
   if (info === null || info === void 0 ? void 0 : info.columns) {
-    return /*#__PURE__*/_react.default.createElement(_info.default, _extends({
+    return /*#__PURE__*/_react.default.createElement(_info.default, _objectSpread({
       type: "header"
     }, info));
   }
@@ -149,7 +147,7 @@ var renderInfo = function renderInfo(info) {
 
 var renderTabs = function renderTabs(tabs) {
   if (tabs) {
-    return /*#__PURE__*/_react.default.createElement(_field.CapsuleTab, tabs);
+    return /*#__PURE__*/_react.default.createElement(_field.CapsuleTab, _objectSpread({}, tabs));
   }
 
   return null;
@@ -238,7 +236,7 @@ var ProPageHeader = function ProPageHeader(props) {
     }, titleTooltip)), (0, _field.renderTags)(tags, 'large'), renderTabs(tabs !== null && tabs !== void 0 ? tabs : {}));
   };
 
-  return /*#__PURE__*/_react.default.createElement("header", _extends({
+  return /*#__PURE__*/_react.default.createElement("header", _objectSpread({
     className: (0, _classnames2.default)(cls(), className),
     style: _objectSpread({
       backgroundImage: loading ? undefined : backgroundImage
@@ -274,8 +272,4 @@ var ProPageHeader = function ProPageHeader(props) {
 };
 
 var _default = ProPageHeader;
-/**
- * @deprecated 建议使用 ProPageHeaderBreadcrumbItem 代替
- */
-
 exports.default = _default;

package/lib/sidebar/components/sidebar-container/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ProSidebarContainerProps } from '../../typing';
+import './index.scss';
+declare const ProSidebarContainer: React.FC<ProSidebarContainerProps>;
+export default ProSidebarContainer;

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

@@ -37,7 +37,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(); }
 
@@ -132,7 +136,7 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
     if (customSearch || showSearch) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: cls('search')
-      }, !!customSearch && customSearch, showSearch && /*#__PURE__*/_react.default.createElement(_proField.default, _extends({
+      }, !!customSearch && customSearch, showSearch && /*#__PURE__*/_react.default.createElement(_proField.default, _objectSpread({
         mode: "edit",
         type: "text",
         placeholder: searchPlaceholder,
@@ -149,10 +153,10 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
     if (message || customMessage) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: cls('notice')
-      }, message && /*#__PURE__*/_react.default.createElement(_components.Message, _extends({
+      }, message && /*#__PURE__*/_react.default.createElement(_components.Message, _objectSpread(_objectSpread({
         type: "notice",
         closeable: true
-      }, messageProps, {
+      }, messageProps), {}, {
         onClose: function onClose() {
           var _ref$current$offsetTo2, _ref$current2;
 
@@ -201,7 +205,7 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
       '': true,
       'not-is-tree': !isTree
     })
-  }, /*#__PURE__*/_react.default.createElement(_card.ProCard, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_card.ProCard, _objectSpread({
     bordered: false,
     compacted: true
   }, others), renderSearch(), renderNotice(), renderFold(), /*#__PURE__*/_react.default.createElement("div", {

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

@@ -33,7 +33,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 || 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); }
 
@@ -329,7 +333,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

@@ -19,7 +19,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 || 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(); }
 
@@ -55,7 +59,7 @@ var ProHoverTooltip = function ProHoverTooltip(props) {
 
   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

@@ -25,8 +25,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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; }
@@ -108,14 +106,14 @@ var ProIconAction = function ProIconAction(props) {
 
   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, {

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

@@ -35,18 +35,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 _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."); }
@@ -84,7 +82,7 @@ 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))
@@ -92,13 +90,13 @@ var ProSideBarTreeNode = function ProSideBarTreeNode(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));
@@ -137,13 +135,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.default.createElement("span", {
           key: index,
@@ -216,7 +213,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()
@@ -234,9 +231,9 @@ function renderTreeNode(data) {
         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
@@ -254,9 +251,9 @@ function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, checkedKey
         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 };

package/lib/sidebar/index.js

@@ -5,7 +5,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
+var _exportNames = {
+  ProIconSwitch: true
+};
+Object.defineProperty(exports, "ProIconSwitch", {
+  enumerable: true,
+  get: function get() {
+    return _IconSwitch.default;
+  }
+});
 exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
@@ -51,6 +59,9 @@ Object.keys(_utils2).forEach(function (key) {
     }
   });
 });
+
+var _IconSwitch = _interopRequireDefault(require("./components/tree-node/components/IconSwitch"));
+
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -59,7 +70,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 || 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; }
 
@@ -221,7 +234,7 @@ var ProSidebar = function ProSidebar(props) {
       'scroll-tree': scrollArea === 'tree'
     }, "deep-".concat(expandLevel), true)), " ").concat(className),
     style: style
-  }, /*#__PURE__*/_react.default.createElement(_sidebarContainer.default, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_sidebarContainer.default, _objectSpread(_objectSpread({
     searchOnChange: (0, _lodash.default)(function (value) {
       if (showSearch) {
         searchOnChange === null || searchOnChange === void 0 ? void 0 : searchOnChange(value);
@@ -234,7 +247,7 @@ var ProSidebar = function ProSidebar(props) {
     scrollArea: scrollArea,
     expandLevel: expandLevel,
     isTree: (0, _.getTreeLevel)(dataSource) > 1 ? true : false
-  }, others, cardProps), loading && /*#__PURE__*/_react.default.createElement(_.ProSkeletonRaw.SideBar, null), !loading && /*#__PURE__*/_react.default.createElement(_tree.default, _extends({
+  }, others), cardProps), loading && /*#__PURE__*/_react.default.createElement(_.ProSkeletonRaw.SideBar, null), !loading && /*#__PURE__*/_react.default.createElement(_tree.default, _objectSpread({
     dataSource: dataSource,
     searchKey: searchKey,
     onSelect: onSelect,