update edit select,search,assoSearch ui

components/apolloTable/component/base/edit/search/index.less

@@ -5,5 +5,10 @@
         width: 100%;
         min-height: 100%;
         border-radius: 0;
+        display: flex;
+        align-items: center;
+    }
+    :global(.ant-select-selection__rendered){
+        width: 100%;
     }
 }

components/apolloTable/component/base/edit/select/styles.less

@@ -12,4 +12,7 @@
         display: flex;
         align-items: center;
     }
+    :global(.ant-select-selection__rendered){
+        width: 100%;
+    }
 }

components/apolloTable/component/base/extra/associationSearch/index.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import { Spin, Select } from 'antd';
 import lodash from 'lodash';
 import { Consumer } from '../../../context';
-import s from './index.less';
 
 interface Props {
     initDataType?: undefined | 'onfocus'; // 初始化请求方式
@@ -20,6 +19,12 @@ interface Props {
     };
 }
 
+enum Loaded {
+    Init='init',
+    Has='has',
+    Empty='empty',
+}
+
 interface State {
     value: any;
     data: any[];
@@ -28,6 +33,7 @@ interface State {
     initData: any[];
     searchStr: string;
     canFocus: boolean;
+    loaded: Loaded;
 }
 
 class AssociationSearch extends React.Component<Props, State> {
@@ -42,6 +48,7 @@ class AssociationSearch extends React.Component<Props, State> {
             initData: [],
             searchStr: '',
             canFocus: true,
+            loaded: Loaded.Init,
         };
     }
 
@@ -89,7 +96,7 @@ class AssociationSearch extends React.Component<Props, State> {
         } else {
             data = Array.isArray(dataSource) ? dataSource : [];
         }
-        this.setState({ data, fetching: false });
+        this.setState({ data, loaded: data.length > 0 ? Loaded.Has : Loaded.Empty, fetching: false });
     };
 
     onSearch = (val: string) => {
@@ -207,23 +214,23 @@ class AssociationSearch extends React.Component<Props, State> {
         }
     };
 
-    notFoundContent = (locale) => {
-        const { data, fetching, value } = this.state;
+    notFoundContent = (locale:any) => {
+        const { fetching, loaded } = this.state;
         if (fetching) {
             return <Spin size="small" />;
         }
-        if (!data || data.length === 0) {
+        if (loaded === Loaded.Empty) {
             return <span style={{ fontSize: '12px' }}>{locale.notFoundContent}</span>;
         }
         return null;
     };
 
     render() {
-        const { data, fetching, value } = this.state;
+        const { data, value } = this.state;
         const { selfCom, autoFocus, onChange, ...rest } = this.props;
         return (
             <Consumer>
-                {({ locale }) => {
+                {({ locale }:any) => {
                     return (
                         <Select
                             filterOption={false}