amis 1.9.1-beta.17 → 1.9.1-beta.18

package/src/components/Select.tsx

@@ -60,8 +60,6 @@ export interface OptionProps {
   disabled?: boolean;
   creatable?: boolean;
   pathSeparator?: string;
-  itemHeight?: number; // 每个选项的高度，主要用于虚拟渲染
-  virtualThreshold?: number; // 数据量多大的时候开启虚拟渲染
   hasError?: boolean;
   block?: boolean;
   onAdd?: (
@@ -384,8 +382,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
     checkAll: false,
     checkAllLabel: 'Select.checkAll',
     defaultCheckAll: false,
-    overlayPlacement: 'auto',
-    virtualThreshold: 100
+    overlayPlacement: 'auto'
   };
 
   input: HTMLInputElement;
@@ -825,7 +822,6 @@ export class Select extends React.Component<SelectProps, SelectState> {
       hideSelected,
       renderMenu,
       mobileClassName,
-      virtualThreshold = 200,
       useMobileUI = false
     } = this.props;
     const {selection} = this.state;
@@ -854,8 +850,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
       );
     }
 
-    // 用于虚拟渲染的每项高度
-    const virtualItemHeight = this.props.itemHeight || this.state.itemHeight;
+    const itemHeight = this.state.itemHeight;
 
     // 渲染单个选项
     const renderItem = ({index, style}: {index: number; style?: object}) => {
@@ -982,7 +977,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
         ref={this.menu}
         className={cx('Select-menu', {
           'Select--longlist':
-            filtedOptions.length && filtedOptions.length > virtualThreshold,
+            filtedOptions.length && filtedOptions.length > 100,
           'is-mobile': mobileUI
         })}
       >
@@ -1044,15 +1039,15 @@ export class Select extends React.Component<SelectProps, SelectState> {
         ) : null}
 
         {filtedOptions.length ? (
-          filtedOptions.length > virtualThreshold ? ( // 较多数据时才启用 virtuallist，避免滚动条问题
+          filtedOptions.length > 100 ? ( // 超过 100 行数据才启用 virtuallist 避免滚动条问题
             <VirtualList
               height={
                 filtedOptions.length > 8
                   ? 266
-                  : filtedOptions.length * virtualItemHeight
+                  : filtedOptions.length * itemHeight
               }
               itemCount={filtedOptions.length}
-              itemSize={virtualItemHeight}
+              itemSize={itemHeight}
               renderItem={renderItem}
             />
           ) : (

package/src/locale/de-DE.ts

@@ -132,7 +132,7 @@ register('de-DE', {
   'File.retry': 'Wiederholen',
   'File.start': 'Hochladen beginnen',
   'File.upload': 'Hochladen',
-  'Image.upload': 'Hochladen',
+  'Image.upload':'Hochladen',
   'File.uploadFailed': 'Zurückgegebene Daten der Upload-API sind leer',
   'File.uploading': 'Wird hochgeladen...',
   'FormItem.autoUpdateloadFaild': 'Die Schnittstelle hat einen Fehler zurückgegeben, bitte sorgfältig prüfen',
@@ -333,5 +333,5 @@ register('de-DE', {
   'JSONSchema.description': 'Description',
   'JSONSchema.key': 'Key',
   'JSONSchema.array_items': 'Items',
-  'TimeNow': 'Jetzt'
+  'TimeNow': 'Jetzt',
 });

package/src/locale/en-US.ts

@@ -134,7 +134,7 @@ register('en-US', {
   'File.sizeLimit': 'The maximum file size is {{maxSize}} B',
   'File.start': 'Start upload',
   'File.upload': 'Upload',
-  'Image.upload': 'Upload image',
+  'Image.upload':'Upload image',
   'File.uploadFailed': 'return data of udpload api is empty',
   'File.uploading': 'Uploading',
   'FormItem.autoUpdateloadFaild': 'return data of autoUpdate api is error',
@@ -336,5 +336,5 @@ register('en-US', {
   'JSONSchema.description': 'Description',
   'JSONSchema.key': 'Key',
   'JSONSchema.array_items': 'Items',
-  'TimeNow': 'Now'
+  'TimeNow': 'Now',
 });

package/src/renderers/CRUD.tsx

@@ -670,7 +670,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
             throw e;
           }
         });
-    } else if (action.actionType === 'reload') {
+    } else if (action.actionType === 'reload' && !action.target) {
       this.reload();
     } else if (
       pickerMode &&

package/src/renderers/Form/InputImage.tsx

@@ -1569,7 +1569,7 @@ export default class ImageControl extends React.Component<
                                           />
                                         </a>
                                       ) : null}
-
+        
                                       {!disabled ? (
                                         <a
                                           data-tooltip={__('Select.clear')}
@@ -1636,9 +1636,7 @@ export default class ImageControl extends React.Component<
                         ) : (
                           <>
                             <Icon icon="plus-fine" className="icon" />
-                            <span className={cx('ImageControl-addBtn-text')}>
-                              {__('Image.upload')}
-                            </span>
+                            <span className={cx('ImageControl-addBtn-text')}>{__('Image.upload')}</span>
                           </>
                         )}
 

package/src/renderers/Form/Select.tsx

@@ -85,27 +85,14 @@ export interface SelectControlSchema extends FormOptionsControl {
    * 搜索 API
    */
   searchApi?: SchemaApi;
-
-  /**
-   * 单个选项的高度，主要用于虚拟渲染
-   */
-  itemHeight?: number;
-
-  /**
-   * 在选项数量达到多少时开启虚拟渲染
-   */
-  virtualThreshold?: number;
-
   /**
    * 可多选条件下，是否可全选
    */
   checkAll?: boolean;
-
   /**
    * 可多选条件下，是否默认全选中所有值
    */
   defaultCheckAll?: boolean;
-
   /**
    * 可多选条件下，全选项文案，默认 ”全选“
    */