@teamix/pro 1.3.4 → 1.3.5

package/es/sidebar/typing.d.ts

@@ -1,38 +1,66 @@
 /// <reference types="react" />
 import { MessageProps } from '@alifd/next/types/message';
 import { TreeProps } from '@alifd/next/types/tree';
-import { ProCardProps, ProFieldProps } from '..';
+import { CommonRequestConfig, ProTagItem } from '@teamix/utils';
+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;
-} & Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> & Omit<ProSidebarContainerProps, 'onSelect'>;
+    /** 显示数量 */
+    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?: React.ReactNode;
+    label?: string;
     /** 绑定值 */
     value?: any;
-    /** icon */
-    icon?: React.ReactNode;
     /** 标签 */
-    tag?: React.ReactNode;
+    tag?: ProTagItem;
     /** 右侧操作、状态区 */
-    extra?: React.ReactNode;
+    extra?: ProSidebarExtraProps;
     /** 子项 */
     children?: ProSidebarDataSourceItem[];
+    /** label 类型 对应 ProFieldType */
+    valueType?: ProFieldType;
+    /** 渲染 label 的 render 对应 ProFieldRenderProps */
+    render?: ProFieldRenderProps;
+    /** ProField 的其他配置项 */
+    fieldProps?: ProFieldProps;
 };
-/** tag 定义 */
-export declare type ProSidebarDataSourceTag = {
-    /** 显示值 */
-    value: string;
+/** 单项 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 = {
@@ -53,12 +81,54 @@ export declare type ProSidebarContainerProps = {
     customMessage?: React.ReactNode;
     /** 消息通知区域的其他参数 */
     messageProps?: MessageProps;
+    /** 滚动区域 仅在使用 ProPageContainer 时有效 */
+    scrollArea?: 'all' | 'tree';
+    /** 是否显示展开全部 */
+    showExpandAll?: boolean;
+    /** 是否显示展开层级 */
+    showExpandLevel?: boolean;
+    /** 展开全部变化回调 */
+    onExpandAllChange?: (state: boolean) => void;
+    /** 展开层级变化回调 */
+    onExpandLevelChange?: (state: number) => void;
+    /** 展开层级 层级 */
+    expandLevel?: number;
+    /** 列表 or tree */
+    isTree?: boolean;
 } & ProCardProps;
 /** ProSidebarTree 内容定义 */
 export declare type ProSidebarTreeProps = {
     dataSource?: ProSidebarDataSource;
     /** 搜索过滤关键词 */
     searchKey?: string;
-    /** 节点点击回调 */
-    onChange?: ProSidebarProps['onChange'];
+    /** 显示数量 */
+    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;

package/es/sidebar/utils/action-ref.js

@@ -0,0 +1,15 @@
+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; }
+
+export function useActionType(ref, action) {
+  var _ref$current;
+
+  var oldActions = (_ref$current = ref.current) !== null && _ref$current !== void 0 ? _ref$current : {}; // 合并自定义事件
+
+  var userAction = _objectSpread(_objectSpread({}, oldActions), action);
+
+  ref.current = userAction;
+}

package/es/sidebar/utils/index.d.ts

@@ -0,0 +1,71 @@
+/**
+ * 深度遍历节点
+ * @param data 数据
+ * @param func 处理方法
+ * @param aliasMap 标识
+ * @param level 深度
+ */
+export declare function loop<T>(data: T[], func: any, aliasMap?: {
+    children: string;
+}, level?: number): void;
+/**
+ * 深度遍历并查找节点（只保留二级路径）
+ * @param data 数据
+ * @param predicate 条件
+ * @param aliasMap 标识
+ * @returns
+ */
+export declare function findNodeWithoutPath<T>(data: any[], predicate: (node: T) => boolean, aliasMap?: {
+    children: string;
+}): any;
+/**
+ * 深度遍历并查找节点（保留全部路径）
+ * @param data 数据
+ * @param predicate 条件
+ * @param aliasMap 标识
+ * @returns
+ */
+export declare function findNodeWithPath<T>(data: T[], predicate: (node: T) => boolean, aliasMap?: {
+    children: string;
+}): T[];
+/**
+ * 获取树所有节点 key
+ * @param data 数据
+ * @param aliasMap 标识
+ * @returns
+ */
+export declare function getAllNodeKey<T>(data: T[], aliasMap?: {
+    key: string;
+    children: string;
+}): any[];
+/**
+ * 获取当前节点的层级
+ * @param data 数据
+ * @param value 需要获取层级的 key
+ * @param aliasMap 标识
+ * @returns
+ */
+export declare function getTreeNodeLevel(data: any[], value: any, aliasMap?: {
+    key: string;
+    children: string;
+}): number;
+/**
+ * 获取树的层级
+ * @param data 数据
+ * @param aliasMap 标识
+ * @returns
+ */
+export declare function getTreeLevel(data: any[], aliasMap?: {
+    children: string;
+}): number;
+/**
+ * 获取树层级对应的所有 key
+ * @param data
+ * @param level
+ * @param aliasMap
+ * @returns
+ */
+export declare function getTreeLevelKey(data: any[], level: number, aliasMap?: {
+    key: string;
+    children: string;
+}): any[];

package/es/sidebar/utils/index.js

@@ -0,0 +1,228 @@
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+/**
+ * 深度遍历节点
+ * @param data 数据
+ * @param func 处理方法
+ * @param aliasMap 标识
+ * @param level 深度
+ */
+export function loop(data, func, aliasMap) {
+  var level = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+
+  var _ref = aliasMap !== null && aliasMap !== void 0 ? aliasMap : {},
+      _ref$children = _ref.children,
+      children = _ref$children === void 0 ? 'children' : _ref$children;
+
+  if (data && data.length > 0) {
+    data.forEach(function (item) {
+      func(item, level, data);
+
+      if (Array.isArray(item[children])) {
+        loop(item[children], func, {
+          children: children
+        }, level + 1);
+      }
+    });
+  }
+}
+/**
+ * 深度遍历并查找节点（只保留二级路径）
+ * @param data 数据
+ * @param predicate 条件
+ * @param aliasMap 标识
+ * @returns
+ */
+
+export function findNodeWithoutPath(data, predicate, aliasMap) {
+  var _ref2 = aliasMap !== null && aliasMap !== void 0 ? aliasMap : {},
+      _ref2$children = _ref2.children,
+      children = _ref2$children === void 0 ? 'children' : _ref2$children; // 如果已经没有节点了，结束递归
+
+
+  if (!(data && data.length)) {
+    return [];
+  }
+
+  var newChildren = [];
+
+  var _iterator = _createForOfIteratorHelper(data),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var node = _step.value;
+
+      if (predicate(node)) {
+        var _node$children;
+
+        // 如果节点符合条件，直接加入新的节点集
+        newChildren.push(node);
+        node.children = findNodeWithoutPath((_node$children = node[children]) !== null && _node$children !== void 0 ? _node$children : [], predicate);
+      } else {
+        var _node$children2;
+
+        // 如果当前节点不符合条件，递归过滤子节点，
+        // 把符合条件的子节点提升上来，并入新节点集
+        newChildren.push.apply(newChildren, _toConsumableArray(findNodeWithoutPath((_node$children2 = node[children]) !== null && _node$children2 !== void 0 ? _node$children2 : [], predicate)));
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return newChildren;
+}
+/**
+ * 深度遍历并查找节点（保留全部路径）
+ * @param data 数据
+ * @param predicate 条件
+ * @param aliasMap 标识
+ * @returns
+ */
+
+export function findNodeWithPath(data, predicate, aliasMap) {
+  var _ref3 = aliasMap !== null && aliasMap !== void 0 ? aliasMap : {},
+      _ref3$children = _ref3.children,
+      children = _ref3$children === void 0 ? 'children' : _ref3$children;
+
+  var getNodes = function getNodes(result, node) {
+    if (predicate(node)) {
+      result.push(node);
+      return result;
+    }
+
+    if (Array.isArray(node[children])) {
+      var nodes = node[children].reduce(getNodes, []);
+
+      if (nodes.length) {
+        result.push(_objectSpread(_objectSpread({}, node), {}, {
+          nodes: nodes
+        }));
+      }
+    }
+
+    return result;
+  };
+
+  return data.reduce(getNodes, []);
+}
+/**
+ * 获取树所有节点 key
+ * @param data 数据
+ * @param aliasMap 标识
+ * @returns
+ */
+
+export function getAllNodeKey(data, aliasMap) {
+  var _ref4 = aliasMap !== null && aliasMap !== void 0 ? aliasMap : {},
+      _ref4$key = _ref4.key,
+      key = _ref4$key === void 0 ? 'value' : _ref4$key,
+      _ref4$children = _ref4.children,
+      children = _ref4$children === void 0 ? 'children' : _ref4$children;
+
+  var keyList = [];
+  loop(data, function (node) {
+    keyList.push(node[key]);
+  }, {
+    children: children
+  });
+  return keyList;
+}
+/**
+ * 获取当前节点的层级
+ * @param data 数据
+ * @param value 需要获取层级的 key
+ * @param aliasMap 标识
+ * @returns
+ */
+
+export function getTreeNodeLevel(data, value, aliasMap) {
+  var _ref5 = aliasMap !== null && aliasMap !== void 0 ? aliasMap : {},
+      _ref5$key = _ref5.key,
+      key = _ref5$key === void 0 ? 'value' : _ref5$key,
+      _ref5$children = _ref5.children,
+      children = _ref5$children === void 0 ? 'children' : _ref5$children;
+
+  var result = 0;
+  loop(data, function (item, level) {
+    if (item[key] === value) {
+      result = level !== null && level !== void 0 ? level : 0;
+    }
+  }, {
+    children: children
+  });
+  return result;
+}
+/**
+ * 获取树的层级
+ * @param data 数据
+ * @param aliasMap 标识
+ * @returns
+ */
+
+export function getTreeLevel(data, aliasMap) {
+  var _ref6 = aliasMap !== null && aliasMap !== void 0 ? aliasMap : {},
+      _ref6$children = _ref6.children,
+      children = _ref6$children === void 0 ? 'children' : _ref6$children;
+
+  var result = 1;
+  loop(data, function (item, level) {
+    if (result < level) {
+      result = level;
+    }
+
+    if ('children' in item) {
+      result += 1;
+    }
+  }, {
+    children: children
+  });
+  return result;
+}
+/**
+ * 获取树层级对应的所有 key
+ * @param data
+ * @param level
+ * @param aliasMap
+ * @returns
+ */
+
+export function getTreeLevelKey(data, level, aliasMap) {
+  var _ref7 = aliasMap !== null && aliasMap !== void 0 ? aliasMap : {},
+      _ref7$key = _ref7.key,
+      key = _ref7$key === void 0 ? 'value' : _ref7$key,
+      _ref7$children = _ref7.children,
+      children = _ref7$children === void 0 ? 'children' : _ref7$children;
+
+  var result = []; // TODO 此处可做性能优化
+
+  loop(data, function (item, currentLevel) {
+    if (currentLevel + 1 <= level) {
+      result.push(item === null || item === void 0 ? void 0 : item[key]);
+    }
+  }, {
+    children: children
+  });
+  return result;
+}

package/lib/form/docs/ActionResponse.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './ActionResponse.less';
+declare type ActionResponseProps = {
+    response?: React.ReactNode;
+};
+export declare const ActionResponse: React.FC<ActionResponseProps>;
+export {};

package/lib/form/docs/ActionResponse.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionResponse = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./ActionResponse.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var ActionResponse = function ActionResponse(props) {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "as-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "as-actions"
+  }, props.children), props.response && /*#__PURE__*/_react.default.createElement("div", {
+    className: "as-response"
+  }, "Response\uFF1A", props.response));
+};
+
+exports.ActionResponse = ActionResponse;

package/lib/form/docs/ActionResponse.less

@@ -0,0 +1,25 @@
+.as-wrapper {
+  .as-actions {
+    & button {
+      margin-right: 5px;
+      background-color: #fff;
+      border: 2px solid #d4bbbb;
+      border-radius: 6px;
+      outline: none;
+      padding: 8px 20px;
+      cursor: pointer;
+      transition: all 0.15s ease-in-out;
+      &:hover {
+        border: 2px solid #9db8f3;
+      }
+    }
+  }
+
+  .as-response {
+    border: 2px dashed #f0bdbd;
+    font-size: 14px;
+    border-radius: 6px;
+    padding: 8px 20px;
+    margin-top: 10px;
+  }
+}

package/lib/form/index.d.ts

@@ -91,7 +91,7 @@ declare const formilyReact: {
     }>>;
     connect<T_2 extends originalFormilyReact.JSXComponent>(target: T_2, ...args: originalFormilyReact.IComponentMapper<T_2>[]): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<Partial<import("react").ComponentProps<T_2>>> & import("react").RefAttributes<unknown>>;
     observer: typeof originalFormilyReact.observer;
-    Observer: import("react").MemoExoticComponent<import("react").FunctionComponent<import("_@formily_reactive-react@2.0.11@@formily/reactive-react").IObserverProps>>;
+    Observer: import("react").MemoExoticComponent<import("react").FunctionComponent<import("@formily/reactive-react").IObserverProps>>;
     useForm: <T_3 extends object = any>() => import("@formily/core").Form<T_3>;
     useField: <T_4 = import("@formily/core").GeneralField>() => T_4;
     useParentForm: () => import("@formily/core").Form<any> | import("@formily/core").ObjectField<any, any>;

package/lib/index.d.ts

@@ -9,6 +9,7 @@ import ProPageHeader from './page-header';
 import ProTable from './table';
 import ProSkeleton from './skeleton';
 import utils from './utils';
+import ProSidebar from './sidebar';
 import { ProTimeline } from './timeline';
 import * as nocode from './nocode';
 import * as templates from './templates';
@@ -22,7 +23,8 @@ export * from './page-container';
 export * from './page-header';
 export * from './skeleton';
 export * from './table';
+export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-declare const version = "1.3.4";
-export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProTimeline, hooks, nocode, templates, utils, };
+declare const version = "1.3.5";
+export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, hooks, nocode, templates, utils, };

package/lib/index.js

@@ -18,6 +18,7 @@ var _exportNames = {
   ProTable: true,
   ProSkeleton: true,
   utils: true,
+  ProSidebar: true,
   ProTimeline: true,
   nocode: true,
   templates: true
@@ -64,6 +65,12 @@ Object.defineProperty(exports, "ProPageHeader", {
     return _pageHeader.default;
   }
 });
+Object.defineProperty(exports, "ProSidebar", {
+  enumerable: true,
+  get: function get() {
+    return _sidebar.default;
+  }
+});
 Object.defineProperty(exports, "ProSkeleton", {
   enumerable: true,
   get: function get() {
@@ -239,6 +246,20 @@ Object.keys(_utils).forEach(function (key) {
   });
 });
 
+var _sidebar = _interopRequireWildcard(require("./sidebar"));
+
+Object.keys(_sidebar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _sidebar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _sidebar[key];
+    }
+  });
+});
+
 var _timeline = require("./timeline");
 
 Object.keys(_timeline).forEach(function (key) {
@@ -281,9 +302,8 @@ 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; }
 
 // import ProLayout from './layout';
-// import ProSidebar from './sidebar'
 // 设置图标源
 _icon.default.setConfig(_utils.default.getTeamixIconConfig());
 
-var version = '1.3.4';
+var version = '1.3.5';
 exports.version = version;

package/lib/info/components/ProInfoItem/index.js

@@ -28,13 +28,17 @@ var ProInfoItem = function ProInfoItem(prop) {
       headerInfoLayout = prop.headerInfoLayout,
       loading = prop.loading,
       tooltip = prop.tooltip,
-      tooltipIcon = prop.tooltipIcon;
+      tooltipIcon = prop.tooltipIcon,
+      _isLastRow = prop._isLastRow;
 
   if (baseInfoLayout) {
     var labelCol = baseInfoLayout.labelCol,
         wrapperCol = baseInfoLayout.wrapperCol;
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: cls()
+      className: cls({
+        '': true,
+        isLastRow: _isLastRow
+      })
     }, /*#__PURE__*/_react.default.createElement(Row, {
       gutter: 10,
       className: cls('base-row')

package/lib/info/components/ProInfoItem/index.scss

@@ -17,6 +17,9 @@ $item-padding-bottom: 8px;
 .teamix-pro-field-info-form-item {
   width: 100%;
   padding-bottom: $item-padding-bottom;
+  &-isLastRow{
+    padding-bottom: unset;
+  }
 
   &-header-row {
     display: flex;

package/lib/info/components/baseInfo/index.js

@@ -84,6 +84,7 @@ var ProBaseInfo = function ProBaseInfo(props) {
       }, /*#__PURE__*/_react.default.createElement(_ProInfoItem.default, {
         label: (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : '',
         loading: loading,
+        _isLastRow: !!(0, _utils2.isLastRow)(columns.length, layoutSpan, index),
         value: /*#__PURE__*/_react.default.createElement(_InfoValueItem.default, {
           type: (_item$valueType = item === null || item === void 0 ? void 0 : item.valueType) !== null && _item$valueType !== void 0 ? _item$valueType : 'text',
           value: (0, _utils2.getDataIndexValue)(item.dataIndex, (_ref = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref !== void 0 ? _ref : {}),

package/lib/info/components/baseInfo/index.scss

@@ -1,6 +1,3 @@
-$item-padding-bottom: -8px;
-// /** 消除 baseInfo 被其他组件包裹后没有居中的问题*/
 .teamix-pro-info {
   width: 100%;
-  margin-bottom: $item-padding-bottom;
 }

package/lib/info/typing.d.ts

@@ -113,6 +113,8 @@ export declare type IProProInfoItem = {
     headerInfoLayout?: ProHeaderInfoLayoutProps;
     /** loading 状态 */
     loading?: boolean;
+    /** isLastRow 是否是最后一行的元素 */
+    _isLastRow?: boolean;
 } & Pick<ProInfoColumnsProps, 'tooltip' | 'tooltipIcon'>;
 /** header info 定义 */
 export declare type IProHeaderInfo = {

package/lib/info/utils/index.d.ts

@@ -10,3 +10,11 @@ export declare const ProInfoGroupContext: React.Context<ProInfoGroupContextProps
  * @returns
  */
 export declare function getDataIndexValue(dataIndex: ProInfoColumnsProps['dataIndex'], dataSource: object): any;
+/**
+ * 是否是最后一样的元素
+ * @param columnsLength
+ * @param layoutSpan
+ * @params itemIndex
+ * @returns
+ */
+export declare const isLastRow: (columnsLength: number, layoutSpan: number, itemIndex: number) => boolean | undefined;