pref: 添加禁用样式

@@ -53,6 +53,10 @@
       justify-content: center;
       color: @N7;
       border-radius: 0 4px 4px 0;
+
+      &.disabled {
+        background-color: @N2;
+      }
     }
 
     .qx-field-setter {

@@ -790,9 +790,11 @@ export const QxBaseConditionItem: React.FC<QxBaseConditionItemProps> = ({
       {showAssignment ? (
         <ControlOutlined
           onClick={() => {
+            if (optValTypeCheck.isEmptyType(value?.opt) || disabled) return;
             setOpen(!open);
           }}
-          className="qx-base-condition-item__content-suffix"
+          className={`qx-base-condition-item__content-suffix ${
+            optValTypeCheck.isEmptyType(value?.opt) || disabled ? ' disabled' : ' '}`}
         />
       ) : null}
     </>

 @import '~@qx/ui/src/style/variable.less';
 
-.qx-base-condition-list {
-  
-  &-item {
-    display: flex;
-    align-items: center;
+.qx-base-condition {
+  width: 100%;
 
+  &-list {
+    width: 100%;
 
-    &__idx {
-      color: @N9;
-      margin-right: 4px;
-      width: 24px;
-      display: inline-block;
+    &-item {
+      width: 100%;
+      display: flex;
+      align-items: center;
+
+
+      &__idx {
+        color: @N9;
+        margin-right: 4px;
+        width: 24px;
+        display: inline-block;
+      }
     }
   }
 }
+

@@ -51,7 +51,7 @@ export const QxBaseCondition: React.FC<QxBaseConditionProps> = (props) => {
 
   const handleItemChange = (val: any, key: number) => {
     props.onChange?.(
-      props.value?.map((item, idx) => {
+      (props.value || [])?.map((item, idx) => {
         if (idx === key) return val;
         return props.value?.[idx]
           ? props.value?.[idx]

@@ -181,6 +181,10 @@
   .qx-field-setter__fields-btn:hover {
     background-color: @N3;
   }
+
+  .qx-tags-input.ant-input {
+    border-radius: 4px;
+  }
 }
 
 .qx-field-setter--range {