@teamix/pro 1.4.24 → 1.4.27

package/dist/pro.min.js.LICENSE.txt

@@ -30,6 +30,17 @@ object-assign
 * (c) Sindre Sorhus; MIT License
 */
 
+/*! js-cookie v3.0.1 | MIT */
+
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
 /** @license React v16.13.1
  * react-is.production.min.js
  *

package/es/actions/dialog.d.ts

@@ -31,6 +31,8 @@ export interface DialogAction extends Omit<RequestAction, 'url'>, Omit<QuickShow
     onCancel?: any;
     /** 隐藏footer区域  */
     hideFooter?: boolean;
+    /** 支持通过传函数自定义底部按钮 */
+    footer?: any;
 }
 export declare function useDialogAction(action: DialogAction, actionContext?: any, hasForm?: boolean): {
     [x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;

package/es/actions/dialog.js

@@ -1,5 +1,5 @@
 var _excluded = ["trigger", "url", "customRequest", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "onOk", "onCancel", "hideFooter"],
-    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "popType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className"];
+    _excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "popType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "footer", "className"];
 
 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; }
 
@@ -121,6 +121,7 @@ export function useDialogAction(action, actionContext, hasForm) {
         message = _getTargetValue.message,
         footerDescription = _getTargetValue.footerDescription,
         footerAlign = _getTargetValue.footerAlign,
+        footer = _getTargetValue.footer,
         className = _getTargetValue.className,
         containerOtherProps = _objectWithoutProperties(_getTargetValue, _excluded2);
 
@@ -244,7 +245,7 @@ export function useDialogAction(action, actionContext, hasForm) {
       className: classnames('teamix-pro-dialog-footer-description', getFooterAlignClass(isDrawer, footerAlign))
     }, renderDialogFooterDescription(footerDescription)))), _defineProperty(_objectSpread2, "footerAlign", footerAlign), _defineProperty(_objectSpread2, "className", classnames('teamix-pro-action-dialog', {
       'has-footer-description': !!footerDescription
-    })), _objectSpread2), containerProps), containerOtherProps); // TODO Drawer 基础组件未支持此配置，日后支持，并修改onOk、onCancel写法
+    })), _defineProperty(_objectSpread2, "footer", addContextForReactNode(footer, dialogContext)), _objectSpread2), containerProps), containerOtherProps); // TODO Drawer 基础组件未支持此配置，日后支持，并修改onOk、onCancel写法
 
 
     if ((!dialogType || dialogType === 'dialog') && hideFooter) {

package/es/card/index.js

@@ -221,9 +221,9 @@ export var ProCard = function ProCard(props) {
       });
       var width = widthList.reduce(function (acc, cur) {
         return acc + cur;
-      }, 0) + widthList.length * 8; // 无法取出精准宽度，减去1作为阈值
+      }, 0) + widthList.length * 8; // 无法取出精准宽度，减去1作为阈值 10为右padding
 
-      setHeaderWithoutTitleWidth(width - 1);
+      setHeaderWithoutTitleWidth(width - 1 + 10);
     }
   };
 

package/es/form/Filter/AdvancedFilter.js

@@ -22,7 +22,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
-import React, { memo, useMemo } from 'react';
+import React, { memo, useEffect, useMemo } from 'react';
 import { usePrefixCls, getMessage, cls, isBool } from '@teamix/utils';
 import ProForm from '../ProForm';
 import { mergeArrayValue } from '../utils';
@@ -47,7 +47,7 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
   var prefixCls = usePrefixCls('teamix-pro-form-query-filter-advanced');
   var gridSchema = useMemo(function () {
     return [{
-      name: 'FormGrid',
+      name: 'AdvancedFilterFormGrid',
       component: 'FormGrid',
       props: _objectSpread({
         breakpoints: [480, 720, 990, 1200, Infinity],
@@ -67,6 +67,7 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
             align: 'right'
           },
           children: [{
+            name: 'AdvancedFilterReset',
             component: 'Reset',
             props: {
               onResetValidateSuccess: onReset,
@@ -86,6 +87,11 @@ var AdvancedFilter = /*#__PURE__*/memo(function (props) {
       }])
     }];
   }, [schema, onReset]);
+  useEffect(function () {
+    var _otherProps$form;
+
+    otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$form = otherProps.form) === null || _otherProps$form === void 0 ? void 0 : _otherProps$form.clearFormGraph('AdvancedFilterReset');
+  }, [onReset]);
   var getTeamixLayout = useMemo(function () {
     return breakpoints === true ? {
       breakpoints: [990],

package/es/form/Filter/layout.scss

@@ -26,7 +26,7 @@ $query-filter-layout: #{$teamix-pro-form}-query-filter-layout;
     margin-bottom: 8px;
   }
   .#{$query-filter-layout}-addonAfter {
-    flex: 0 1 auto;
+    flex: 0 0 auto;
     margin-left: 8px;
   }
   .#{$query-filter-layout}-panel {

package/es/form/ProForm/addCascadeEffect.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (form: any, schema: any, scope: any) => void;
+export default _default;

package/es/form/ProForm/addCascadeEffect.js

@@ -0,0 +1,225 @@
+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; }
+
+import { onFieldReact, onFieldValueChange } from '@formily/core';
+var OP_MAPS = {
+  '*': function _() {
+    return true;
+  },
+  '=': function _(l, r) {
+    return l === r;
+  },
+  '==': function _(l, r) {
+    return l === r;
+  },
+  '!': function _(l, r) {
+    return l !== r;
+  },
+  '!=': function _(l, r) {
+    return l != r;
+  },
+  '>': function _(l, r) {
+    return l > r;
+  },
+  '<': function _(l, r) {
+    return l < r;
+  },
+  '>=': function _(l, r) {
+    return l >= r;
+  },
+  '<=': function _(l, r) {
+    return l <= r;
+  },
+  ied: function ied(l, r) {
+    if (Array.isArray(l) || typeof l === 'string' && r) {
+      return l.includes(r);
+    } else {
+      return false;
+    }
+  },
+  eed: function eed(l, r) {
+    if (Array.isArray(l) || typeof l === 'string' && r) {
+      return !l.includes(r);
+    } else {
+      return true;
+    }
+  },
+  i: function i(l, r) {
+    if (Array.isArray(r) || typeof r === 'string' && l) {
+      return r.includes(l);
+    } else {
+      return false;
+    }
+  },
+  e: function e(l, r) {
+    if (Array.isArray(r) || typeof r === 'string' && l) {
+      return !r.includes(l);
+    } else {
+      return true;
+    }
+  },
+  isEmpty: function isEmpty(l, r) {
+    return l === null || l === undefined || l === '' || Array.isArray(l) && l.length === 0;
+  },
+  notEmpty: function notEmpty(l, r) {
+    return l !== null && l !== undefined && l !== '' && (!Array.isArray(l) || l.length !== 0);
+  }
+};
+
+var getParsedValue = function getParsedValue(value, scope) {
+  if (typeof value === 'string' && value.startsWith('${') && value.endsWith('}')) {
+    return scope.$form.getValuesIn(value.slice(2, value.length - 1));
+  } else if (typeof value === 'string' && value.startsWith('{{') && value.endsWith('}}')) {
+    var code = value.slice(2, value.length - 2);
+
+    try {
+      return new Function("with(this){ return ".concat(code, " }")).call(scope);
+    } catch (e) {
+      return undefined;
+    }
+  } else {
+    return value;
+  }
+};
+
+var bingo = function bingo(bingoItem, scope) {
+  var _bingoItem$when = bingoItem.when,
+      when = _bingoItem$when === void 0 ? [] : _bingoItem$when,
+      _bingoItem$logic = bingoItem.logic,
+      logic = _bingoItem$logic === void 0 ? '&&' : _bingoItem$logic;
+  var result = logic === '&&';
+  when.forEach(function (_ref) {
+    var left = _ref.left,
+        op = _ref.op,
+        right = _ref.right;
+    var leftValue = scope.$form.getValuesIn(left);
+    var rightValue = getParsedValue(right, scope);
+    var itemResult = OP_MAPS[op](leftValue, rightValue);
+
+    if (logic === '&&') {
+      result = result && itemResult;
+    } else {
+      result = result || itemResult;
+    }
+  });
+  return result;
+};
+
+var loopAddFieldEffect = function loopAddFieldEffect(schema, form, scope) {
+  if (Array.isArray(schema)) {
+    schema === null || schema === void 0 ? void 0 : schema.forEach(function (item) {
+      if (item.name) {
+        var _item$cascade, _item$onChange;
+
+        (_item$cascade = item.cascade) === null || _item$cascade === void 0 ? void 0 : _item$cascade.forEach(function (cascade) {
+          onFieldReact(item.name, function (field) {
+            var contextScope = _objectSpread(_objectSpread({}, scope), {}, {
+              $form: form,
+              $self: field,
+              $values: form.values
+            });
+
+            var _cascade$state = cascade.state,
+                state = _cascade$state === void 0 ? {} : _cascade$state,
+                _cascade$props = cascade.props,
+                props = _cascade$props === void 0 ? {} : _cascade$props,
+                dataSourceFilter = cascade.dataSourceFilter,
+                dataSourceHide = cascade.dataSourceHide;
+
+            if (bingo(cascade, contextScope)) {
+              if (dataSourceFilter || dataSourceHide) {
+                var sourceDataSource = field.getState()._sourceDataSource;
+
+                if (!sourceDataSource) {
+                  var dataSource = field.getState().dataSource;
+                  field.setState({
+                    _sourceDataSource: dataSource
+                  });
+                  sourceDataSource = dataSource;
+                }
+
+                if (sourceDataSource) {
+                  var nextDataSource = sourceDataSource.filter(function (item) {
+                    if (Array.isArray(dataSourceFilter)) {
+                      return dataSourceFilter.includes(item.value);
+                    }
+
+                    if (Array.isArray(dataSourceHide)) {
+                      return !dataSourceFilter.includes(item.value);
+                    }
+                  });
+                  field.setDataSource(nextDataSource);
+                  var value = field.getState().value;
+
+                  if (!nextDataSource.some(function (item) {
+                    return item.value === value;
+                  })) {
+                    field.setValue(undefined);
+                  }
+                }
+              }
+
+              var nextState = {};
+              Object.keys(state).forEach(function (stateKey) {
+                nextState[stateKey] = getParsedValue(state[stateKey], contextScope);
+              });
+              field.setState(nextState);
+              var nextProps = {};
+              Object.keys(props).forEach(function (propsKey) {
+                nextProps[propsKey] = getParsedValue(props[propsKey], contextScope);
+              });
+              field.setComponentProps(nextProps);
+            } else {
+              var formState = form.getState();
+
+              if (dataSourceFilter || dataSourceHide) {
+                var _sourceDataSource = field.getState()._sourceDataSource;
+
+                _sourceDataSource && field.setDataSource(_sourceDataSource);
+              }
+
+              var _nextState = {};
+              Object.keys(state).forEach(function (stateKey) {
+                _nextState[stateKey] = stateKey in item ? item[stateKey] : formState[stateKey];
+              });
+              field.setState(_nextState);
+              var _nextProps = {};
+              Object.keys(props).forEach(function (propsKey) {
+                _nextProps[propsKey] = item.props ? item.props[propsKey] : undefined;
+              });
+              field.setComponentProps(_nextProps);
+            }
+          });
+        });
+        (_item$onChange = item.onChange) === null || _item$onChange === void 0 ? void 0 : _item$onChange.forEach(function (onChange) {
+          onFieldValueChange(item.name, function (field) {
+            var contextScope = _objectSpread(_objectSpread({}, scope), {}, {
+              $form: form,
+              $self: field,
+              $values: form.values
+            });
+
+            var values = onChange.values;
+
+            if (bingo(onChange, contextScope)) {
+              Object.keys(values).forEach(function (valuesKey) {
+                form.setValuesIn(valuesKey, getParsedValue(values[valuesKey], contextScope));
+              });
+            }
+          });
+        });
+      } else if (item.children) {
+        loopAddFieldEffect(item.children, form, scope);
+      }
+    });
+  }
+};
+
+export default (function (form, schema, scope) {
+  form.addEffects('cascade', function () {
+    loopAddFieldEffect(schema, form, scope);
+  });
+});

package/es/form/ProForm/index.js

@@ -17,6 +17,7 @@ import { toJS } from '@formily/reactive';
 import { Form, Upload, SelectTable, FormLayout, FormItem, ArrayCollapse, ArrayCards, ArrayItems, ArrayTable, Space, FormGrid, FormTab, FormCollapse, FormStep, Editable, FormDialog, FormDrawer, FormButtonGroup, Submit, Reset } from '@teamix/formily';
 import { Affix } from '@alicloudfe/components';
 import ProFieldComponents from '../Components/ProField';
+import addCascadeEffect from './addCascadeEffect';
 import { EditableDialog, EditableDrawer, EditablePopover } from '../Components/Editable';
 import FormGroup from '../Components/FormGroup';
 import LightFilter from '../Components/LightFilter';
@@ -80,17 +81,19 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
       globalComponents = _ref2.components,
       globalScope = _ref2.scope;
 
+  var mergedScope = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, context), globalScope), scope), {}, {
+    context: context
+  });
+
   var form = useMemo(function () {
-    return outerForm || createForm({
+    var nextForm = outerForm || createForm({
       validateFirst: validateFirst
     });
+    addCascadeEffect(nextForm, schema, mergedScope);
+    return nextForm;
   }, [outerForm]);
   var prefixCls = usePrefixCls('teamix-pro-form'); // 由于Actions需要，解构context供使用。原context键名的上下文继续保留。
 
-  var mergedScope = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, context), globalScope), scope), {}, {
-    context: context
-  });
-
   var mergedComponents = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, globalComponents), components), formilyComponents), ProFieldComponents);
 
   var onAutoSubmit = useAutoSubmit(onSubmit, context);

package/es/form/ProForm/index.scss

@@ -376,3 +376,36 @@
     }
   }
 }
+
+// inset 内嵌模式描述文案和校验样式修改
+.#{$form-item-cls}-inset {
+  // 描述+校验
+  &.#{$form-item-cls}-feedback-has-text.#{$form-item-cls}-extra-wrap {
+    margin-bottom: 42px;
+    .#{$form-item-cls}-error-help {
+      position: absolute;
+      left: 0px;
+    }
+    .#{$form-item-cls}-extra {
+      position: absolute;
+      bottom: -40px;
+      left: 0px;
+    }
+  }
+  // 描述
+  &.#{$form-item-cls}-extra-wrap {
+    margin-bottom: 40px;
+    .#{$form-item-cls}-extra {
+      position: absolute;
+      left: 0px;
+    }
+  }
+  // 校验
+  &.#{$form-item-cls}-feedback-has-text {
+    margin-bottom: 40px;
+    .#{$form-item-cls}-error-help {
+      position: absolute;
+      left: 0px;
+    }
+  }
+}

package/es/form/index.d.ts

@@ -32,6 +32,8 @@ declare const formilyReact: {
     };
     RecursionField: originalFormilyReact.ReactFC<originalFormilyReact.IRecursionFieldProps>;
     ExpressionScope: originalFormilyReact.ReactFC<originalFormilyReact.IExpressionScopeProps>;
+    RecordsScope: originalFormilyReact.ReactFC<originalFormilyReact.IRecordsScopeProps>;
+    RecordScope: originalFormilyReact.ReactFC<originalFormilyReact.IRecordScopeProps>;
     createSchemaField<Components extends originalFormilyReact.SchemaReactComponents>(options?: originalFormilyReact.ISchemaFieldReactFactoryOptions<Components> | undefined): {
         <Decorator extends originalFormilyReact.JSXComponent, Component extends originalFormilyReact.JSXComponent>(props: originalFormilyReact.ISchemaFieldProps<Decorator, Component, import("@formily/core").ObjectField<Decorator, Component>>): JSX.Element;
         displayName: string;
@@ -98,6 +100,7 @@ declare const formilyReact: {
     useParentForm: () => import("@formily/core").Form<any> | import("@formily/core").ObjectField<any, any>;
     useFieldSchema: () => originalFormilyReact.Schema<any, any, any, any, any, any, any, any, any>;
     useFormEffects: (effects?: ((form: import("@formily/core").Form<any>) => void) | undefined) => void;
+    useExpressionScope: () => any;
 };
 import { customComponent } from './ProForm/customComponent';
 export { formilyReact, customComponent };

package/es/form/typing.d.ts

@@ -34,6 +34,24 @@ export interface ProFormRequestConfig extends Omit<ProFormCommonRequestConfig, '
     extraConfig?: AnyObject;
     onComplete?: (res?: any, field?: any, context?: any) => any;
 }
+export interface CascadeWhen {
+    left: string;
+    op: string;
+    right: any;
+}
+export interface Cascade {
+    when: CascadeWhen[];
+    logic?: '||' | '&&';
+    props?: any;
+    state?: any;
+    dataSourceFilter?: any[];
+    dataSourceHide?: any[];
+}
+export interface OnChange {
+    when: CascadeWhen[];
+    logic?: '||' | '&&';
+    values: any;
+}
 export interface ProFormSchemaItem {
     type?: string;
     name?: string;
@@ -61,6 +79,8 @@ export interface ProFormSchemaItem {
     default?: any;
     request?: ProFormRequestConfig | ProFormRequestConfig[];
     data?: AnyObject;
+    cascade?: Cascade[];
+    onChange?: OnChange[];
 }
 export declare type ProFormSchema = ProFormSchemaItem[];
 interface AutoLayout {

package/es/index.d.ts

@@ -28,5 +28,5 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-declare const version = "1.4.24";
+declare const version = "1.4.27";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };

package/es/index.js

@@ -18,6 +18,7 @@ import * as nocode from './nocode';
 import * as templates from './templates';
 import TeamixIcon from '@teamix/icon';
 import './global.scss'; // 设置图标源
+// @ts-ignore
 
 if (!((_window = window) === null || _window === void 0 ? void 0 : _window.TEAMIXPRO_WITHOUT_ICON)) {
   TeamixIcon.setConfig(utils.getTeamixIconConfig());
@@ -36,6 +37,6 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-var version = '1.4.24';
+var version = '1.4.27';
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
 ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils };

package/es/info/components/InfoValueItem/index.js

@@ -67,7 +67,18 @@ var InfoValueItem = function InfoValueItem(props) {
       successMessage = _infoItem$successMess === void 0 ? 'success' : _infoItem$successMess,
       actions = infoItem.actions,
       extra = infoItem.extra,
-      valueType = infoItem.valueType; // 获取处理过的 render
+      valueType = infoItem.valueType,
+      _infoItem$editProForm = infoItem.editProFormProps,
+      editProFormProps = _infoItem$editProForm === void 0 ? {} : _infoItem$editProForm; // 获取配置
+
+  var getInfoItemProps = function getInfoItemProps(prop) {
+    if (typeof prop === 'function') {
+      return prop === null || prop === void 0 ? void 0 : prop(value, record);
+    }
+
+    return prop;
+  }; // 获取处理过的 render
+
 
   var getRender = function getRender() {
     var _processRenderFunctio;
@@ -225,10 +236,10 @@ var InfoValueItem = function InfoValueItem(props) {
   }; // 重写编辑逻辑替代field原有逻辑
 
 
-  if (isEdit) {
+  if (getInfoItemProps(isEdit)) {
     // 渲染表单
     var renderContent = function renderContent() {
-      return /*#__PURE__*/React.createElement(ProForm, {
+      return /*#__PURE__*/React.createElement(ProForm, _objectSpread({
         schema: [{
           name: dataIndex,
           component: 'Input',
@@ -236,7 +247,7 @@ var InfoValueItem = function InfoValueItem(props) {
           default: value
         }],
         form: dataFilterForm
-      });
+      }, getInfoItemProps(editProFormProps)));
     }; // 表单提交
 
 

package/es/info/typing.d.ts

@@ -4,6 +4,7 @@ import { Method } from 'axios';
 import React from 'react';
 import { CommonRequestConfig } from '@teamix/utils';
 import { ProCardProps } from '../card';
+import { ProFormProps } from '../form';
 /** 列record函数 */
 declare type ProInfoCellFunProp = (value: any, record: any) => any;
 declare type FieldRenderProps = keyof ProFieldRenderProps;
@@ -77,7 +78,7 @@ export interface ProInfoColumnsProps {
     /** 合并行 */
     colSpan?: number;
     /** 是否可被编辑 */
-    isEdit?: boolean;
+    isEdit?: boolean | ProInfoCellFunProp;
     /** 点击确定的回调函数 */
     editOnOk?: (form: any, e: React.MouseEvent) => void | Promise<any>;
     /** 点击取消的回调函数 */
@@ -88,6 +89,8 @@ export interface ProInfoColumnsProps {
     editMethod?: Method;
     /** 如需自定义调用参数格式，则可以设定此值在请求前对 params 进行自定义，如果返回false则可以阻止请求 */
     editFormatParams?: (params: any, record: any) => typeof params;
+    /** edit ProForm 配置 */
+    editProFormProps?: ProFormProps | ProInfoCellFunProp;
     /** 编辑请求成功提示文案 */
     successMessage?: string;
     /** 列 actions 配置 */

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

@@ -1,4 +1,4 @@
-var _excluded = ["children", "searchPlaceholder", "showSearch", "searchProps", "customSearch", "searchOnChange", "message", "messageProps", "customMessage", "scrollArea", "showExpandAll", "showExpandLevel", "onExpandAllChange", "onExpandLevelChange", "expandLevel", "isTree"];
+var _excluded = ["children", "searchPlaceholder", "showSearch", "searchProps", "customSearch", "searchOnChange", "message", "messageProps", "customMessage", "scrollArea", "showExpandAll", "showExpandLevel", "onExpandAllChange", "onExpandLevelChange", "expandLevel", "expandLevelState", "expandAllState", "isTree"];
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -59,6 +59,10 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
       onExpandLevelChange = props.onExpandLevelChange,
       _props$expandLevel = props.expandLevel,
       expandLevel = _props$expandLevel === void 0 ? 1 : _props$expandLevel,
+      _props$expandLevelSta = props.expandLevelState,
+      expandLevelStateProp = _props$expandLevelSta === void 0 ? 1 : _props$expandLevelSta,
+      _props$expandAllState = props.expandAllState,
+      expandAllStateProp = _props$expandAllState === void 0 ? false : _props$expandAllState,
       isTree = props.isTree,
       others = _objectWithoutProperties(props, _excluded);
 
@@ -92,7 +96,19 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
         setTreeHeight("calc(100% - ".concat(remainHeight, "px + 16px)"));
       }
     }
-  }, []); // 渲染搜索区域
+  }, []);
+  useEffect(function () {
+    setExpandLevelState(expandLevelStateProp);
+    setTimeout(function () {
+      onExpandLevelChange === null || onExpandLevelChange === void 0 ? void 0 : onExpandLevelChange(expandLevelStateProp);
+    });
+  }, [expandLevelStateProp]);
+  useEffect(function () {
+    setExpandAllState(expandAllStateProp);
+    setTimeout(function () {
+      onExpandAllChange === null || onExpandAllChange === void 0 ? void 0 : onExpandAllChange(expandAllStateProp);
+    });
+  }, [expandAllStateProp]); // 渲染搜索区域
 
   var renderSearch = function renderSearch() {
     if (customSearch || showSearch) {

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

@@ -1,12 +1,13 @@
 .teamix-pro-sidebar-container {
   min-width: 180px;
-  .teamix-pro-card.compacted >.next-card-header{
+
+  .teamix-pro-card.compacted > .next-card-header {
     padding: 16px 0px;
     margin: 0;
-    
+
   }
 
-  .next-card .next-card-header-extra{
+  .next-card .next-card-header-extra {
     margin-top: 2px;
   }
 
@@ -27,38 +28,44 @@
   }
 
 
-  &.teamix-pro-sidebar-container &-context{
-    overflow-y: hidden;
-    
-    &:hover{
+  &.teamix-pro-sidebar-container &-context {
+    //overflow-y: hidden;
+
+    &:hover {
       overflow-y: auto;
     }
+
+    .next-tree-switcher.next-noop-line.next-noop-line-noroot {
+      flex-shrink: 0;
+    }
+
   }
 
 
-  &-not-is-tree{
+  &-not-is-tree {
 
-    .teamix-pro-card.compacted >.next-card-header{
+    .teamix-pro-card.compacted > .next-card-header {
       padding: 16px 8px;
       margin: 0;
     }
-    .teamix-pro-sidebar-container-context{
+
+    .teamix-pro-sidebar-container-context {
       padding: 0;
     }
 
-    .teamix-pro-sidebar-container-search{
+    .teamix-pro-sidebar-container-search {
       padding: 0 8px;
     }
 
-    .teamix-pro-sidebar-container-search-has-message{
+    .teamix-pro-sidebar-container-search-has-message {
       padding: 0 8px;
     }
 
-    .teamix-pro-sidebar-container-notice{
+    .teamix-pro-sidebar-container-notice {
       padding: 0 8px;
     }
 
-    .teamix-pro-sidebar-container-fold{
+    .teamix-pro-sidebar-container-fold {
       padding: 0 8px;
     }