@teamix/pro 1.4.24 → 1.4.27

package/lib/form/ProForm/addCascadeEffect.js

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@formily/core");
+
+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 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) {
+          (0, _core.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) {
+          (0, _core.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);
+      }
+    });
+  }
+};
+
+var _default = function _default(form, schema, scope) {
+  form.addEffects('cascade', function () {
+    loopAddFieldEffect(schema, form, scope);
+  });
+};
+
+exports.default = _default;

package/lib/form/ProForm/index.js

@@ -21,6 +21,8 @@ var _components = require("@alicloudfe/components");
 
 var _ProField = _interopRequireDefault(require("../Components/ProField"));
 
+var _addCascadeEffect = _interopRequireDefault(require("./addCascadeEffect"));
+
 var _Editable = require("../Components/Editable");
 
 var _FormGroup = _interopRequireDefault(require("../Components/FormGroup"));
@@ -112,17 +114,19 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       globalComponents = _ref2.components,
       globalScope = _ref2.scope;
 
+  var mergedScope = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, context), globalScope), scope), {}, {
+    context: context
+  });
+
   var form = (0, _react.useMemo)(function () {
-    return outerForm || (0, _core.createForm)({
+    var nextForm = outerForm || (0, _core.createForm)({
       validateFirst: validateFirst
     });
+    (0, _addCascadeEffect.default)(nextForm, schema, mergedScope);
+    return nextForm;
   }, [outerForm]);
   var prefixCls = (0, _utils.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), _ProField.default);
 
   var onAutoSubmit = (0, _useAutoSubmit.default)(onSubmit, context);

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

@@ -313,9 +313,10 @@ 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; }
 
 // 设置图标源
+// @ts-ignore
 if (!((_window = window) === null || _window === void 0 ? void 0 : _window.TEAMIXPRO_WITHOUT_ICON)) {
   _icon.default.setConfig(_utils.default.getTeamixIconConfig());
 }
 
-var version = '1.4.24';
+var version = '1.4.27';
 exports.version = version;

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

@@ -91,7 +91,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;
@@ -249,10 +260,10 @@ var InfoValueItem = function InfoValueItem(props) {
   }; // 重写编辑逻辑替代field原有逻辑
 
 
-  if (isEdit) {
+  if (getInfoItemProps(isEdit)) {
     // 渲染表单
     var renderContent = function renderContent() {
-      return /*#__PURE__*/_react.default.createElement(_form.default, {
+      return /*#__PURE__*/_react.default.createElement(_form.default, _objectSpread({
         schema: [{
           name: dataIndex,
           component: 'Input',
@@ -260,7 +271,7 @@ var InfoValueItem = function InfoValueItem(props) {
           default: value
         }],
         form: dataFilterForm
-      });
+      }, getInfoItemProps(editProFormProps)));
     }; // 表单提交
 
 

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

@@ -21,7 +21,7 @@ require("./index.scss");
 
 var _icon = _interopRequireDefault(require("@teamix/icon"));
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -81,6 +81,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);
 
@@ -114,7 +118,19 @@ var ProSidebarContainer = function ProSidebarContainer(props) {
         setTreeHeight("calc(100% - ".concat(remainHeight, "px + 16px)"));
       }
     }
-  }, []); // 渲染搜索区域
+  }, []);
+  (0, _react.useEffect)(function () {
+    setExpandLevelState(expandLevelStateProp);
+    setTimeout(function () {
+      onExpandLevelChange === null || onExpandLevelChange === void 0 ? void 0 : onExpandLevelChange(expandLevelStateProp);
+    });
+  }, [expandLevelStateProp]);
+  (0, _react.useEffect)(function () {
+    setExpandAllState(expandAllStateProp);
+    setTimeout(function () {
+      onExpandAllChange === null || onExpandAllChange === void 0 ? void 0 : onExpandAllChange(expandAllStateProp);
+    });
+  }, [expandAllStateProp]); // 渲染搜索区域
 
   var renderSearch = function renderSearch() {
     if (customSearch || showSearch) {

package/lib/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;
     }
 

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

@@ -154,21 +154,39 @@ var ProSidebarTree = function ProSidebarTree(props) {
   }, [dataSourceProp]); // 监听展开全部事件
 
   (0, _hooks.useUpdateEffect)(function () {
+    onChangeExpandAll();
+  }, [expandAll]); // 监听展开层级事件
+
+  (0, _hooks.useUpdateEffect)(function () {
+    onChangeExpandLevel();
+  }, [expandLevel]); // 监听 DataSource 变化事件
+
+  (0, _react.useEffect)(function () {
+    onDataSourceChange === null || onDataSourceChange === void 0 ? void 0 : onDataSourceChange(dataSource); // 更新层级状态
+
+    if (expandAll) {
+      onChangeExpandAll();
+    }
+
+    if (expandLevel > 1) {
+      onChangeExpandLevel();
+    }
+  }, [dataSource]); // 展开全部事件
+
+  var onChangeExpandAll = function onChangeExpandAll() {
     if (expandAll) {
       setExpandedKeys((0, _utils2.getAllNodeKey)(dataSource));
     } else {
       setExpandedKeys([]);
     }
-  }, [expandAll]); // 监听展开层级事件
+  }; // 展开层级事件
 
-  (0, _hooks.useUpdateEffect)(function () {
+
+  var onChangeExpandLevel = function onChangeExpandLevel() {
     var keys = (0, _utils2.getTreeLevelKey)(dataSource, expandLevel - 1);
     setExpandedKeys(keys);
-  }, [expandLevel]); // 监听 DataSource 变化事件
+  }; // 绑定actionRef
 
-  (0, _react.useEffect)(function () {
-    onDataSourceChange === null || onDataSourceChange === void 0 ? void 0 : onDataSourceChange(dataSource);
-  }, [dataSource]); // 绑定actionRef
 
   (0, _actionRef.useActionType)(actionRef, {
     setTreeNode: function setTreeNode(treeNode) {

package/lib/sidebar/components/tree-node/index.js

@@ -247,7 +247,7 @@ function renderTreeNodeDependenceValue(data, onBeforeRenderNodeEvent, checkedKey
       newProps = onBeforeRenderNodeEvent(item, checkedKeys, selectedKeys, allData !== null && allData !== void 0 ? allData : data);
     }
 
-    var _getTreeNodeProps2 = (0, _.getTreeNodeProps)(item),
+    var _getTreeNodeProps2 = (0, _.getTreeNodeProps)(newProps),
         nodeProps = _getTreeNodeProps2.nodeProps,
         labelProps = _getTreeNodeProps2.labelProps;
 

package/lib/sidebar/components/tree-node/index.scss

@@ -50,6 +50,12 @@
       font-weight: unset;
     }
   }
+  // 选中图标变色
+  .next-tree-node-inner.next-selected {
+    .teamix-icon.teamix-pro-filed-output-prefix-icon {
+      color: var(--color-brand1-6) !important;
+    }
+  }
 }
 .teamix-pro-sidebar-deep-1 {
   .teamix-pro-sidebar-tree {

package/lib/sidebar/typing.d.ts

@@ -88,6 +88,8 @@ export declare type ProSidebarContainerProps = {
     scrollArea?: 'all' | 'tree';
     /** 是否显示展开全部 */
     showExpandAll?: boolean;
+    /** 展开全部 状态 */
+    expandAllState?: boolean;
     /** 是否显示展开层级 */
     showExpandLevel?: boolean;
     /** 展开全部变化回调 */
@@ -96,6 +98,8 @@ export declare type ProSidebarContainerProps = {
     onExpandLevelChange?: (state: number) => void;
     /** 展开层级 层级 */
     expandLevel?: number;
+    /** 展开层级 当前所展示层级 */
+    expandLevelState?: number;
     /** 列表 or tree */
     isTree?: boolean;
 } & ProCardProps;

package/lib/table/components/Layout/index.scss

@@ -1,7 +1,7 @@
 $prefix: 'teamix-pro-table-layout';
 
 .theme-hybridcloud-dark {
-  --panel-filter-bg: #1f1f1f;
+  --panel-filter-bg: #141414;
 }
 
 .#{$prefix} {