feat（选择表单）: 样式调整

@@ -3,5 +3,9 @@ export * from './qx-parameter-setting';
 export * from './qx-sort-condition';
 export * from './qx-base-icon';
 export * from './qx-tags-input';
+export * from './qx-user-selector';
+export * from './qx-form-select';
+export * from './qx-app-selector';
+
 // export * from './qx-btn';
 // export { default as FieldSetter } from './qx-field-setter';

@@ -23,6 +23,7 @@ import type { ModalProps } from 'antd';
 import {QxBaseIcon} from '@qx/common';
 
 import './styles.less';
+import '../style/reset.less'
 
 const { Title, Text } = Typography;
 /**
@@ -99,11 +100,11 @@ export const QxAppSelector: React.FC<QxAppSelectProps> = ({
         return;
       }
       if (props?.haveChildren) {
-        getFunList(request, targetItem.code, { hasChild: true }).then((re) => {
+        getFunList(request, targetItem.code, { hasChild: true }).then((re: any) => {
           setFormList(re);
         });
       } else {
-        getFunList(request, targetItem.code).then((re) => {
+        getFunList(request, targetItem.code).then((re: any) => {
           setFormList(re);
         });
       }
@@ -318,7 +319,7 @@ export const QxAppSelector: React.FC<QxAppSelectProps> = ({
             getPopupContainer={(triggerNode) => triggerNode}
           >
             <div
-              className={`ant-input qx-fr-input--fake select-source`}
+              className={`ant-input qx-fr-input--fake select-source css-dev-only-do-not-override-nnuwmp`}
               style={{
                 height: '36px',
               }}
@@ -332,6 +333,7 @@ export const QxAppSelector: React.FC<QxAppSelectProps> = ({
               </div>
               <DownOutlined />
             </div>
+            {/*<Input/>*/}
           </Popover>
         </div>
       </>
@@ -406,6 +408,13 @@ export const QxAppSelector: React.FC<QxAppSelectProps> = ({
       <Modal
         bodyStyle={{ padding: 0 }}
         className={'qx-query-designer'}
+        wrapClassName={'qx-common__modal qx-app-selector__modal'}
+        closeIcon={
+          <QxBaseIcon
+            className={'qx-common__modal--close'}
+            type={'icon-close'}
+          />
+        }
         keyboard={false}
         maskClosable={false}
         {...props.modalProps}

 @import '~@qx/ui/src/style/variable.less';
 
-.ant-input.select-source {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  min-height: 32px;
-  padding-top: 2px;
-  padding-bottom: 2px;
+.qx-app-selector__modal {
 
-  .ant-tag {
-    margin: 1px;
+  .ant-popover-inner-content {
+    max-height: 280px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 0;
   }
+  .qx-fg-select-overlay .ant-popover-arrow {
+    display: none;
+  }
+
+  .ant-input.select-source {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 32px;
+    position: unset;
+    transition: all .3s;
 
-  > .anticon {
-    padding: 0 6px;
-    color: @N5;
-    font-size: 12px;
+    .ant-tag {
+      margin: 1px;
+    }
+
+    > .anticon {
+      padding: 0 6px;
+      color: @N5;
+      font-size: 12px;
+    }
   }
 }
+

@@ -9,7 +9,7 @@ import { QxInputSelect } from '../qx-input-select';
 
 import './styles.less';
 
-const prefix = 'qx-datasource-select';
+const prefix = 'qx-form-select';
 
 /**
  * 选择数据源

 @import '~@qx/ui/src/style/variable.less';
 
-@prefix: ~'qx-datasource-select';
+@prefix: ~'qx-form-select';
 
 .@{prefix} {
   width: 100%;
@@ -12,4 +12,7 @@
     background-color: #fff !important;
     border-top: 1px solid @N4 !important;
   }
+  .qx-input-select-dropdown {
+    height: 200px;
+  }
 }