为 ConditionBuilder 增加节点级的禁用（disabled）能力 (baidu#16489)

Author: bamzc

packages/amis-core/src/schema.ts

@@ -236,6 +236,7 @@ export interface AMISConditionRule {
   op?: AMISOperatorType;
   right?: AMISExpressionComplex | Array<AMISExpressionComplex>;
   if?: string;
+  disabled?: boolean;
 }
 
 export interface AMISConditionGroupValue {
@@ -244,6 +245,7 @@ export interface AMISConditionGroupValue {
   not?: boolean;
   children?: Array<AMISConditionRule | AMISConditionGroupValue>;
   if?: string;
+  disabled?: boolean;
 }
 
 export interface AMISConditionValue extends AMISConditionGroupValue {}

packages/amis-ui/src/components/condition-builder/Group.tsx

@@ -193,7 +193,6 @@ export class ConditionGroup extends React.Component<
       onDragStart,
       showNot,
       showANDOR = false,
-      disabled,
       searchable,
       translate: __,
       formula,
@@ -209,6 +208,7 @@ export class ConditionGroup extends React.Component<
       testIdBuilder
     } = this.props;
     const {isCollapsed} = this.state;
+    const disabled = value?.disabled ?? this.props.disabled;
 
     const body =
       Array.isArray(value?.children) && value!.children.length
@@ -294,7 +294,7 @@ export class ConditionGroup extends React.Component<
                   funcs={funcs}
                   onRemove={this.handleItemRemove}
                   data={data}
-                  disabled={disabled}
+                  disabled={item.disabled ?? disabled}
                   searchable={searchable}
                   builderMode={builderMode}
                   formula={formula}

packages/amis-ui/src/components/condition-builder/GroupOrItem.tsx

@@ -98,7 +98,6 @@ export class CBGroupOrItem extends React.Component<CBGroupOrItemProps> {
       funcs,
       draggable,
       data,
-      disabled,
       searchable,
       onDragStart,
       formula,
@@ -115,6 +114,8 @@ export class CBGroupOrItem extends React.Component<CBGroupOrItemProps> {
       mobileUI
     } = this.props;
 
+    const disabled = value?.disabled ?? this.props.disabled;
+
     return (
       <div
         className={cx(

packages/amis-ui/src/components/condition-builder/Value.tsx

@@ -34,7 +34,7 @@ export interface ValueProps extends ThemeProps, LocaleProps {
 export class Value extends React.Component<ValueProps> {
   @autobind
   renderCustomValue(props: any) {
-    const {renderEtrValue, data, classnames: cx} = this.props;
+    const {renderEtrValue, data, classnames: cx, disabled} = this.props;
     const field = props.inputSettings;
 
     return renderEtrValue
@@ -43,6 +43,7 @@ export class Value extends React.Component<ValueProps> {
 
           {
             data,
+            disabled,
             onChange: props.onChange,
             value: props.value,
             inputClassName: cx(field.className, props.className)

packages/amis-ui/src/components/condition-builder/index.tsx

@@ -265,7 +265,6 @@ export class QueryBuilder extends React.Component<
       showNot,
       showANDOR,
       data,
-      disabled,
       draggable = true,
       searchable,
       builderMode,
@@ -280,6 +279,8 @@ export class QueryBuilder extends React.Component<
       testIdBuilder
     } = this.props;
 
+    const disabled = value?.disabled ?? this.props.disabled;
+
     const normalizedValue = Array.isArray(value?.children)
       ? {
           ...value,
@@ -359,12 +360,13 @@ export class QueryBuilder extends React.Component<
       onChange: onFinalChange,
       value,
       title,
-      disabled,
       popOverContainer,
       testIdBuilder,
       mobileUI
     } = this.props;
 
+    const disabled = value?.disabled ?? this.props.disabled;
+
     if (embed) {
       return this.renderBody(onFinalChange, value, popOverContainer);
     }