amis 1.9.1-beta.28 → 1.9.1-beta.29

package/src/components/Tag.tsx

@@ -18,6 +18,7 @@ export interface TagProps extends ThemeProps {
   disabled?: boolean;
   closeIcon?: string | React.ReactNode;
   onClose?: (e: React.MouseEvent) => void;
+  onClick?: (e: React.MouseEvent) => void;
 }
 
 export interface CheckableTagProps extends TagProps {
@@ -82,6 +83,12 @@ export class Tag extends React.Component<TagProps> {
     onClose?.(e);
   }
 
+  @autobind
+  handleClick(e: React.MouseEvent<HTMLElement>) {
+    const {onClick} = this.props;
+    onClick?.(e);
+  }
+
   render() {
     const {
       children,
@@ -92,7 +99,8 @@ export class Tag extends React.Component<TagProps> {
       color,
       icon,
       style,
-      label
+      label,
+      closable
     } = this.props;
 
     const isPresetColor =
@@ -131,9 +139,12 @@ export class Tag extends React.Component<TagProps> {
           [`Tag--disabled`]: disabled
         })}
         style={tagStyle}
+        onClick={this.handleClick}
       >
-        {prevIcon}
-        {label || children}
+        <span className={cx('Tag-text')}>
+          {prevIcon}
+          {label || children}
+        </span>
         {this.renderCloseIcon()}
       </span>
     );

package/src/locale/de-DE.ts

@@ -184,6 +184,7 @@ register('de-DE', {
   'saveFailed': 'Fehler beim Speichern',
   'saveSuccess': 'Erfolgreich gespeichert',
   'search': 'Suchen',
+  'searchHistory': 'Suchverlauf',
   'searchResult': 'Suchergebnis',
   'Checkboxes.selectAll': 'Alle auswählen/abwählen',
   'Select.checkAll': 'Alle markieren',

package/src/locale/en-US.ts

@@ -186,6 +186,7 @@ register('en-US', {
   'saveFailed': 'Save failed',
   'saveSuccess': 'Saved successfully',
   'search': 'Search',
+  'searchHistory': 'Search History',
   'searchResult': 'Search result',
   'Checkboxes.selectAll': 'Select/Deselect All',
   'Select.checkAll': 'Check all',

package/src/locale/zh-CN.ts

@@ -193,6 +193,7 @@ register('zh-CN', {
   'saveFailed': '保存失败',
   'saveSuccess': '保存成功',
   'search': '搜索',
+  'searchHistory': '搜索历史',
   'searchResult': '搜索结果',
   'stop': '停止',
   'Checkboxes.selectAll': '全选/不选',

package/src/renderers/Card.tsx

@@ -1,4 +1,6 @@
 import React from 'react';
+import omit from 'lodash/omit';
+import merge from 'lodash/merge';
 import {Renderer, RendererProps} from '../factory';
 import {SchemaNode, Schema, Action, PlainObject} from '../types';
 import {filter, evalExpression} from '../utils/tpl';
@@ -9,7 +11,6 @@ import QuickEdit, {SchemaQuickEdit} from './QuickEdit';
 import PopOver, {SchemaPopOver} from './PopOver';
 import {TableCell} from './Table';
 import Copyable, {SchemaCopyable} from './Copyable';
-import omit = require('lodash/omit');
 import {
   BaseSchema,
   SchemaClassName,
@@ -207,6 +208,11 @@ export interface CardSchema extends BaseSchema {
    * 次要说明
    */
   secondary?: SchemaTpl;
+
+  /**
+   * 卡片内容区的表单项label是否使用Card内部的样式，默认为true
+   */
+  useCardLabel?: boolean;
 }
 export interface CardProps
   extends RendererProps,
@@ -249,7 +255,8 @@ export class CardRenderer extends React.Component<CardProps> {
     selectable: false,
     checkable: true,
     selected: false,
-    hideCheckToggler: false
+    hideCheckToggler: false,
+    useCardLabel: true
   };
 
   static propsList: Array<string> = [
@@ -490,10 +497,10 @@ export class CardRenderer extends React.Component<CardProps> {
     return this.renderFeild(`column/${index}`, field, index, props);
   }
 
-  renderFeild(region: string, field: any, key: any, props: any) {
-    const {render, classnames: cx, itemIndex} = props;
+  renderFeild(region: string, field: Schema, key: any, props: any) {
+    const {render, classnames: cx, itemIndex, useCardLabel} = props;
     const data = this.props.data;
-    if (!isVisible(field, data)) {
+    if (!field || !isVisible(field, data)) {
       return;
     }
 
@@ -501,7 +508,7 @@ export class CardRenderer extends React.Component<CardProps> {
 
     return (
       <div className={cx('Card-field')} key={key}>
-        {field && field.label ? (
+        {useCardLabel && field.label ? (
           <label className={cx('Card-fieldLabel', field.labelClassName)}>
             {field.label}
           </label>
@@ -510,12 +517,17 @@ export class CardRenderer extends React.Component<CardProps> {
         {
           render(
             region,
-            {
-              ...field,
-              field: field,
-              $$id,
-              type: 'card-item-field'
-            },
+            merge(
+              {
+                ...field,
+                field: field,
+                $$id,
+                type: 'card-item-field'
+              },
+              useCardLabel
+                ? {label: false, field: {...field, label: false}}
+                : {}
+            ),
             {
               className: cx('Card-fieldValue', field.className),
               rowIndex: itemIndex,

package/src/renderers/Form/InputExcel.tsx

@@ -66,6 +66,12 @@ export default class ExcelControl extends React.PureComponent<
 
   ExcelJS: any;
 
+  componentDidUpdate(prevProps: ExcelProps) {
+    if (prevProps.value !== this.props.value && !this.props.value) {
+      this.setState({filename: ''});
+    }
+  }
+
   @autobind
   handleDrop(files: File[]) {
     const {allSheets, onChange, dispatchEvent, data} = this.props;

package/src/renderers/Form/InputFile.tsx

@@ -222,12 +222,12 @@ export interface FileControlSchema extends FormBaseControl {
   /**
    * 说明文档内容配置
    */
-   documentation?: string;
+  documentation?: string;
 
-   /**
+  /**
    * 说明文档链接配置
    */
-    documentLink?: string;
+  documentLink?: string;
 
   /**
    * 是否为拖拽上传
@@ -580,14 +580,16 @@ export default class FileControl extends React.Component<FileProps, FileState> {
       file[urlField as keyof typeof file] ||
       file[valueField as keyof typeof file];
 
-    let api =
-      typeof downloadUrl === 'string' && !~downloadUrl.indexOf('$')
+    const api =
+      typeof downloadUrl === 'string' &&
+      !~downloadUrl.indexOf('$') &&
+      typeof fileUrl === 'string'
         ? `${downloadUrl}${fileUrl}`
         : downloadUrl
         ? downloadUrl
-        : `${fileUrl}`;
+        : undefined;
 
-    this.handleApi(api, file);
+    api && this.handleApi(api, file);
   }
 
   downloadTpl(e: React.MouseEvent) {
@@ -1283,7 +1285,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
       templateUrl,
       drag,
       documentation,
-      documentLink,
+      documentLink
     } = this.props;
     let {files, uploading, error} = this.state;
     const nameField = this.props.nameField || 'name';
@@ -1348,17 +1350,16 @@ export default class FileControl extends React.Component<FileProps, FileState> {
                   <Icon icon="cloud-upload" className="icon" />
                   <span>
                     {__('File.dragDrop')}
-                    <span 
-                      className={cx('FileControl-acceptTip-click')}
-                    >{__('File.clickUpload')}</span>
+                    <span className={cx('FileControl-acceptTip-click')}>
+                      {__('File.clickUpload')}
+                    </span>
                   </span>
-                  <div
-                    className={cx('FileControl-acceptTip-help', 'TplField')}>
-                    {documentLink ?
-                      <a
-                        href={documentLink}
-                        onClick={e => e.stopPropagation()}
-                      >{documentation ? documentation : __('File.helpText')}</a> : null}
+                  <div className={cx('FileControl-acceptTip-help', 'TplField')}>
+                    {documentLink ? (
+                      <a href={documentLink} onClick={e => e.stopPropagation()}>
+                        {documentation ? documentation : __('File.helpText')}
+                      </a>
+                    ) : null}
                   </div>
                   {maxSize ? (
                     <div className={cx('FileControl-sizeTip')}>

package/src/renderers/Form/InputText.tsx

@@ -96,6 +96,12 @@ export interface TextControlSchema extends FormOptionsControl {
     /** 用户输入的字符自动转大写 */
     upperCase?: boolean;
   };
+
+  /** control节点的CSS类名 */
+  inputControlClassName?: string;
+
+  /** 原生input标签的CSS类名 */
+  nativeInputClassName: string;
 }
 
 export type InputTextRendererEvent =
@@ -124,6 +130,10 @@ export interface TextProps extends OptionsControlProps {
     lowerCase?: boolean; // 用户输入的字符自动转小写
     upperCase?: boolean; // 用户输入的字符自动转大写
   };
+  /** control节点的CSS类名 */
+  inputControlClassName?: string;
+  /** 原生input标签的CSS类名 */
+  nativeInputClassName?: string;
 }
 
 export interface TextState {
@@ -580,6 +590,8 @@ export default class TextControl extends React.PureComponent<
   renderSugestMode() {
     const {
       className,
+      inputControlClassName,
+      nativeInputClassName,
       inputOnly,
       value,
       placeholder,
@@ -652,6 +664,7 @@ export default class TextControl extends React.PureComponent<
             <div
               className={cx(
                 `TextControl-input TextControl-input--withAC`,
+                inputControlClassName,
                 inputOnly ? className : '',
                 {
                   'is-opened': isOpen,
@@ -705,6 +718,7 @@ export default class TextControl extends React.PureComponent<
                   })}
                   autoComplete="off"
                   size={10}
+                  className={cx(nativeInputClassName)}
                 />
               </>
 
@@ -786,6 +800,8 @@ export default class TextControl extends React.PureComponent<
       classPrefix: ns,
       classnames: cx,
       className,
+      inputControlClassName,
+      nativeInputClassName,
       inputOnly,
       value,
       placeholder,
@@ -815,6 +831,7 @@ export default class TextControl extends React.PureComponent<
           {
             [`TextControl-input--border${ucFirst(borderMode)}`]: borderMode
           },
+          inputControlClassName,
           inputOnly ? className : ''
         )}
       >
@@ -839,11 +856,9 @@ export default class TextControl extends React.PureComponent<
           step={step}
           onChange={this.handleNormalInputChange}
           value={this.valueToString(value)}
-          className={cx(
-            type === 'password' &&
-              revealPassword &&
-              'TextControl-input-password'
-          )}
+          className={cx(nativeInputClassName, {
+            'TextControl-input-password': type === 'password' && revealPassword
+          })}
         />
         {clearable && !disabled && !readOnly && value ? (
           <a onClick={this.clearValue} className={`${ns}TextControl-clear`}>

package/src/renderers/Table/index.tsx

@@ -1992,7 +1992,7 @@ export default class Table extends React.Component<TableProps, object> {
             classPrefix={ns}
             type={multiple ? 'checkbox' : 'radio'}
             checked={item.checked}
-            disabled={item.checkdisable}
+            disabled={item.checkdisable || item.checkable}
             onChange={
               checkOnItemClick ? noop : this.handleCheck.bind(this, item)
             }

package/src/renderers/Tag.tsx

@@ -88,6 +88,7 @@ export class TagField extends React.Component<TagProps, object> {
       displayMode,
       color,
       className,
+      closable,
       data,
       style = {}
     } = this.props;
@@ -114,6 +115,7 @@ export class TagField extends React.Component<TagProps, object> {
         displayMode={displayMode}
         color={color}
         icon={icon}
+        closable={closable}
         style={style}
       >
         {label}

package/src/renderers/Wizard.tsx

@@ -745,6 +745,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
             };
           },
           onFailed: async (error: any) => {
+            store.markSaving(false);
             const dispatcher = await this.dispatchEvent(
               'submitFail',
               createObject(this.props.data, {error})
@@ -805,7 +806,7 @@ export default class Wizard extends React.Component<WizardProps, WizardState> {
 
   // 接管里面 form 的提交，不能直接让 form 提交，因为 wizard 自己需要知道进度。
   @autobind
-  async handleSubmit(values: object, action: Action) {
+  handleSubmit(values: object, action: Action) {
     const {store, steps, finishedField} = this.props;
 
     if (this.state.currentStep < steps.length) {

package/src/store/formItem.ts

@@ -457,7 +457,10 @@ export const FormItemStore = StoreNode.named('FormItemStore')
           if (childFirst !== undefined) {
             return childFirst;
           }
-        } else if (option[self.valueField || 'value'] && !option.disabled) {
+        } else if (
+          option[self.valueField || 'value'] != null &&
+          !option.disabled
+        ) {
           return option;
         }
       }