pref: 添加禁用样式

@@ -19,12 +19,9 @@
         height: 14px;
         font-size: 14px;
         line-height: 14px;
-        // color: @N7;
         margin-right: 4px;
-        display: inline-block;
         border-radius: 50%;
         overflow: hidden;
-        // border: 1px solid @N6;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -74,7 +71,7 @@
     }
 
     &__group {
-      padding: 0 0 0px 32px !important;
+      padding: 0 0 0 32px !important;
 
       &:hover {
         background-color: transparent;
@@ -111,6 +108,13 @@
     &.disabled {
       pointer-events: none;
       cursor: not-allowed;
+      color: @N5;
+      background-color: @N2;
+      box-shadow: none;
+
+      .qx-node-select-input__content {
+        color: @N6;
+      }
     }
 
     &:hover {

@@ -22,11 +22,11 @@ export default () => {
   return (
     <Form
       initialValues={{
-        field: ''
+        field: '${40e5975ebf6b4afb9a9fe162d7f7227f|1bb1b69f3e3249048c77509eb8dc2d53}'
       }}
     >
       <Form.Item name="field">
-        <QxFlowNodeFieldSelector limitTypes={['FORM']} node={node} nodes={nodes} subset={false}/>
+        <QxFlowNodeFieldSelector disabled limitTypes={['FORM']} node={node} nodes={nodes} subset={false}/>
       </Form.Item>
     </Form>
   );

@@ -40,6 +40,17 @@
     }
   }
 
+  .ant-select-disabled {
+    .ant-select-selector .ant-select-selection-item,
+    .ant-select-dropdown .ant-select-item-option-content {
+      color: @N5;
+
+      .anticon {
+        color: @N5;
+      }
+    }
+  }
+
 
   .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
     font-weight: 400;