amis 1.8.0-beta.1 → 1.8.0-beta.13

package/src/components/calendar/YearsView.tsx

@@ -75,10 +75,6 @@ export class CustomYearsView extends React.Component<CustomYearsViewProps> {
         .clone()
         .set({year: year, month: irrelevantMonth, date: irrelevantDate});
 
-      // Not sure what 'rdtOld' is for, commenting out for now as it's not working properly
-      // if ( i === -1 | i === 10 )
-      // classes += ' rdtOld';
-
       noOfDaysInYear = parseInt(currentYear.endOf('year').format('DDD'), 10);
       daysInYear = Array.from({length: noOfDaysInYear}, function (e, i) {
         return i + 1;
@@ -95,6 +91,9 @@ export class CustomYearsView extends React.Component<CustomYearsViewProps> {
 
       if (selectedDate && selectedDate.year() === year) classes += ' rdtActive';
 
+      // 第一个和最后一个置灰
+      if (i === -1 || i === 10) classes += ' text-muted';
+
       props = {
         'key': year,
         'data-value': year,

package/src/components/condition-builder/Expression.tsx

@@ -45,6 +45,7 @@ export interface ExpressionProps extends ThemeProps {
   searchable?: boolean;
   fieldClassName?: string;
   formula?: FormulaPickerProps;
+  popOverContainer?: any;
 }
 
 const fieldMap = {
@@ -135,7 +136,8 @@ export class Expression extends React.Component<ExpressionProps> {
       data,
       disabled,
       searchable,
-      formula
+      formula,
+      popOverContainer
     } = this.props;
     const inputType =
       ((value as any)?.type === 'field'
@@ -166,6 +168,7 @@ export class Expression extends React.Component<ExpressionProps> {
             data={data}
             disabled={disabled}
             formula={formula}
+            popOverContainer={popOverContainer}
           />
         ) : null}
 
@@ -176,6 +179,7 @@ export class Expression extends React.Component<ExpressionProps> {
             fieldClassName={fieldClassName}
             disabled={disabled}
             searchable={searchable}
+            popOverContainer={popOverContainer}
             options={
               valueField
                 ? filterTree(
@@ -214,6 +218,7 @@ export class Expression extends React.Component<ExpressionProps> {
           <InputSwitch
             disabled={disabled}
             value={inputType}
+            popOverContainer={popOverContainer}
             onChange={this.handleInputTypeChange}
             options={types.map(item => ({
               label: fieldMap[item],

package/src/components/condition-builder/Field.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import {findDOMNode} from 'react-dom';
 import PopOverContainer from '../PopOverContainer';
 import ListSelection from '../GroupedSelection';
 import ResultBox from '../ResultBox';
@@ -15,6 +16,7 @@ export interface ConditionFieldProps extends ThemeProps, LocaleProps {
   disabled?: boolean;
   fieldClassName?: string;
   searchable?: boolean;
+  popOverContainer?: any;
 }
 
 export interface ConditionFieldState {
@@ -86,11 +88,13 @@ export class ConditionField extends React.Component<
       fieldClassName,
       disabled,
       translate: __,
-      searchable
+      searchable,
+      popOverContainer
     } = this.props;
 
     return (
       <PopOverContainer
+        popOverContainer={popOverContainer || (() => findDOMNode(this))}
         popOverRender={({onClose}) => (
           <>
             {searchable ? (

package/src/components/condition-builder/Group.tsx

@@ -26,6 +26,7 @@ export interface ConditionGroupProps extends ThemeProps, LocaleProps {
   onDragStart?: (e: React.MouseEvent) => void;
   fieldClassName?: string;
   formula?: FormulaPickerProps;
+  popOverContainer?: any;
 }
 
 export class ConditionGroup extends React.Component<ConditionGroupProps> {
@@ -134,7 +135,8 @@ export class ConditionGroup extends React.Component<ConditionGroupProps> {
       disabled,
       searchable,
       translate: __,
-      formula
+      formula,
+      popOverContainer
     } = this.props;
     return (
       <div className={cx('CBGroup')} data-group-id={value?.id}>
@@ -222,6 +224,7 @@ export class ConditionGroup extends React.Component<ConditionGroupProps> {
                 searchable={searchable}
                 builderMode={builderMode}
                 formula={formula}
+                popOverContainer={popOverContainer}
               />
             ))
           ) : (

package/src/components/condition-builder/GroupOrItem.tsx

@@ -25,6 +25,7 @@ export interface CBGroupOrItemProps extends ThemeProps {
   onRemove?: (index: number) => void;
   fieldClassName?: string;
   formula?: FormulaPickerProps;
+  popOverContainer?: any;
 }
 
 export class CBGroupOrItem extends React.Component<CBGroupOrItemProps> {
@@ -52,7 +53,8 @@ export class CBGroupOrItem extends React.Component<CBGroupOrItemProps> {
       disabled,
       searchable,
       onDragStart,
-      formula
+      formula,
+      popOverContainer
     } = this.props;
 
     return (
@@ -101,6 +103,7 @@ export class CBGroupOrItem extends React.Component<CBGroupOrItemProps> {
                 funcs={funcs}
                 data={data}
                 formula={formula}
+                popOverContainer={popOverContainer}
               />
               <a className={cx('CBDelete')} onClick={this.handleItemRemove}>
                 <Icon icon="close" className="icon" />

package/src/components/condition-builder/InputSwitch.tsx

@@ -7,6 +7,7 @@ import {ClassNamesFn, themeable, ThemeProps} from '../../theme';
 export interface InputSwitchProps extends ThemeProps {
   options: Array<any>;
   disabled?: boolean;
+  popOverContainer?: any;
   value: any;
   onChange: (value: any) => void;
 }
@@ -18,10 +19,12 @@ export function InputSwitch({
   value,
   onChange,
   classnames: cx,
-  disabled
+  disabled,
+  popOverContainer
 }: InputSwitchProps) {
   return (
     <PopOverContainer
+      popOverContainer={popOverContainer}
       popOverRender={({onClose}) => (
         <GroupedSelection
           onClick={onClose}

package/src/components/condition-builder/Item.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import {findDOMNode} from 'react-dom';
 import {
   Fields,
   ConditionRule,
@@ -37,6 +38,7 @@ export interface ConditionItemProps extends ThemeProps, LocaleProps {
   onChange: (value: ConditionRule, index?: number) => void;
   fieldClassName?: string;
   formula?: FormulaPickerProps;
+  popOverContainer?: any;
 }
 
 export class ConditionItem extends React.Component<ConditionItemProps> {
@@ -102,8 +104,16 @@ export class ConditionItem extends React.Component<ConditionItemProps> {
   }
 
   renderLeft() {
-    const {value, fields, funcs, config, disabled, fieldClassName, searchable} =
-      this.props;
+    const {
+      value,
+      fields,
+      funcs,
+      config,
+      disabled,
+      fieldClassName,
+      searchable,
+      popOverContainer
+    } = this.props;
     return (
       <Expression
         config={config}
@@ -114,6 +124,7 @@ export class ConditionItem extends React.Component<ConditionItemProps> {
         fields={fields}
         disabled={disabled}
         searchable={searchable}
+        popOverContainer={popOverContainer}
         allowedTypes={
           ['field', 'func'].filter(
             type => type === 'field' || type === 'func'
@@ -124,7 +135,15 @@ export class ConditionItem extends React.Component<ConditionItemProps> {
   }
 
   renderOperator() {
-    const {funcs, config, fields, value, classnames: cx, disabled} = this.props;
+    const {
+      funcs,
+      config,
+      fields,
+      value,
+      classnames: cx,
+      disabled,
+      popOverContainer
+    } = this.props;
     const left = value?.left;
     let operators: Array<string> = [];
 
@@ -152,6 +171,7 @@ export class ConditionItem extends React.Component<ConditionItemProps> {
       const __ = this.props.translate;
       return (
         <PopOverContainer
+          popOverContainer={popOverContainer || (() => findDOMNode(this))}
           popOverRender={({onClose}) => (
             <GroupedSelection
               onClick={onClose}
@@ -242,7 +262,8 @@ export class ConditionItem extends React.Component<ConditionItemProps> {
       config,
       classnames: cx,
       disabled,
-      formula
+      formula,
+      popOverContainer
     } = this.props;
     let field = {
       ...config.types[type],
@@ -282,6 +303,7 @@ export class ConditionItem extends React.Component<ConditionItemProps> {
             }
             disabled={disabled}
             formula={formula}
+            popOverContainer={popOverContainer}
           />
 
           <span className={cx('CBSeprator')}>~</span>
@@ -300,6 +322,7 @@ export class ConditionItem extends React.Component<ConditionItemProps> {
             }
             disabled={disabled}
             formula={formula}
+            popOverContainer={popOverContainer}
           />
         </>
       );
@@ -321,6 +344,7 @@ export class ConditionItem extends React.Component<ConditionItemProps> {
         }
         disabled={disabled}
         formula={formula}
+        popOverContainer={popOverContainer}
       />
     );
   }

package/src/components/condition-builder/Value.tsx

@@ -17,6 +17,7 @@ export interface ValueProps extends ThemeProps, LocaleProps {
   op?: OperatorType;
   disabled?: boolean;
   formula?: FormulaPickerProps;
+  popOverContainer?: any;
 }
 
 export class Value extends React.Component<ValueProps> {
@@ -30,7 +31,8 @@ export class Value extends React.Component<ValueProps> {
       translate: __,
       data,
       disabled,
-      formula
+      formula,
+      popOverContainer
     } = this.props;
     let input: JSX.Element | undefined = undefined;
     if (formula) {
@@ -76,6 +78,7 @@ export class Value extends React.Component<ValueProps> {
           onChange={onChange}
           timeFormat=""
           disabled={disabled}
+          popOverContainer={popOverContainer}
         />
       );
     } else if (field.type === 'time') {
@@ -90,6 +93,7 @@ export class Value extends React.Component<ValueProps> {
           dateFormat=""
           timeFormat={field.format || 'HH:mm'}
           disabled={disabled}
+          popOverContainer={popOverContainer}
         />
       );
     } else if (field.type === 'datetime') {
@@ -102,6 +106,7 @@ export class Value extends React.Component<ValueProps> {
           onChange={onChange}
           timeFormat={field.timeFormat || 'HH:mm'}
           disabled={disabled}
+          popOverContainer={popOverContainer}
         />
       );
     } else if (field.type === 'select') {
@@ -119,6 +124,7 @@ export class Value extends React.Component<ValueProps> {
           onChange={onChange}
           multiple={op === 'select_any_in' || op === 'select_not_any_in'}
           disabled={disabled}
+          popOverContainer={popOverContainer}
         />
       );
     } else if (field.type === 'boolean') {

package/src/components/condition-builder/index.tsx

@@ -13,7 +13,6 @@ import {
   mapTree,
   guid
 } from '../../utils/helper';
-import {findDOMNode} from 'react-dom';
 import animtion from '../../utils/Animation';
 import {FormulaPickerProps} from '../formula/Picker';
 
@@ -31,6 +30,7 @@ export interface ConditionBuilderProps extends ThemeProps, LocaleProps {
   searchable?: boolean;
   fieldClassName?: string;
   formula?: FormulaPickerProps;
+  popOverContainer?: any;
 }
 
 export class QueryBuilder extends React.Component<ConditionBuilderProps> {
@@ -210,7 +210,8 @@ export class QueryBuilder extends React.Component<ConditionBuilderProps> {
       disabled,
       searchable,
       builderMode,
-      formula
+      formula,
+      popOverContainer
     } = this.props;
 
     const normalizedValue = Array.isArray(value?.children)
@@ -247,6 +248,7 @@ export class QueryBuilder extends React.Component<ConditionBuilderProps> {
         disabled={disabled}
         searchable={searchable}
         formula={formula}
+        popOverContainer={popOverContainer}
       />
     );
   }

package/src/components/formula/Editor.tsx

@@ -29,7 +29,9 @@ export interface FuncGroup {
 }
 
 export interface FuncItem {
-  name: string;
+  name: string; // 函数名
+  example?: string; // 示例
+  description?: string; // 描述
   [propName: string]: any;
 }
 
@@ -119,11 +121,7 @@ export class FormulaEditor extends React.Component<
     return funcs;
   }
 
-  static defaultProps: Pick<
-    FormulaEditorProps,
-    'functions' | 'variables' | 'evalMode'
-  > = {
-    functions: FormulaEditor.buildDefaultFunctions(doc),
+  static defaultProps: Pick<FormulaEditorProps, 'variables' | 'evalMode'> = {
     variables: [],
     evalMode: true
   };
@@ -145,11 +143,15 @@ export class FormulaEditor extends React.Component<
       variables,
       item => item.value && (varMap[item.value] = item.label)
     );
-    const vars = Object.keys(varMap).sort((a, b) => b.length - a.length);
-    let content = value || '';
+    const vars = Object.keys(varMap)
+      .filter(item => item)
+      .sort((a, b) => b.length - a.length);
+
+    const content = value || '';
+    let html = '';
 
     // 标记方法调用
-    content = content.replace(/([A-Z]+)\s*\(/g, (_, func, pos) => {
+    html = content.replace(/([A-Z]+)\s*\(/g, (_, func, pos) => {
       return _?.replace(func, `<span class="c-func">${func}</span>`);
     });
 
@@ -157,15 +159,12 @@ export class FormulaEditor extends React.Component<
       let from = 0;
       let idx = -1;
       while (~(idx = content.indexOf(v, from))) {
-        content = content.replace(
-          v,
-          `<span class="c-field">${varMap[v]}</span>`
-        );
+        html = content.replace(v, `<span class="c-field">${varMap[v]}</span>`);
         from = idx + v.length;
       }
     });
 
-    return {html: content};
+    return {html};
   }
 
   componentWillUnmount() {
@@ -254,6 +253,12 @@ export class FormulaEditor extends React.Component<
       classPrefix
     } = this.props;
     const {focused} = this.state;
+    const customFunctions = Array.isArray(functions) ? functions : [];
+    const functionList = [
+      ...FormulaEditor.buildDefaultFunctions(doc),
+      ...customFunctions
+    ];
+
     return (
       <div
         className={cx(`FormulaEditor`, {
@@ -299,7 +304,7 @@ export class FormulaEditor extends React.Component<
           <FuncList
             className={functionClassName}
             title={__('FormulaEditor.function')}
-            data={functions}
+            data={functionList}
             onSelect={this.handleFunctionSelect}
           />
         </section>

package/src/components/formula/Picker.tsx

@@ -210,11 +210,15 @@ export class FormulaPicker extends React.Component<FormulaPickerProps> {
                   allowInput={allowInput}
                   clearable={clearable}
                   value={value}
-                  result={FormulaEditor.highlightValue(
-                    value,
-                    variables,
-                    functions
-                  )}
+                  result={
+                    allowInput
+                      ? void 0
+                      : FormulaEditor.highlightValue(
+                          value,
+                          variables,
+                          functions
+                        )
+                  }
                   itemRender={this.renderFormulaValue}
                   onResultChange={noop}
                   onChange={this.handleConfirm}

package/src/factory.tsx

@@ -42,6 +42,7 @@ import {
   RendererEvent
 } from './utils/renderer-event';
 import {runActions} from './actions/Action';
+import {enableDebug} from './utils/debug';
 
 export interface TestFunc {
   (
@@ -102,6 +103,7 @@ export interface RenderSchemaFilter {
 
 export interface wsObject {
   url: string;
+  responseKey?: string;
   body?: any;
 }
 
@@ -152,6 +154,10 @@ export interface RenderOptions {
    * 过滤 html 标签，可用来添加 xss 保护逻辑
    */
   filterHtml?: (input: string) => string;
+  /**
+   * 是否开启 amis 调试
+   */
+  enableAMISDebug?: boolean;
   [propName: string]: any;
 }
 
@@ -271,6 +277,10 @@ const defaultOptions: RenderOptions = {
   affixOffsetBottom: 0,
   richTextToken: '',
   useMobileUI: true, // 是否启用移动端原生 UI
+  enableAMISDebug:
+    (window as any).enableAMISDebug ??
+    location.search.indexOf('amisDebug=1') !== -1 ??
+    false,
   loadRenderer,
   rendererEventListeners: [],
   fetcher() {
@@ -287,7 +297,18 @@ const defaultOptions: RenderOptions = {
       };
       socket.onmessage = event => {
         if (event.data) {
-          onMessage(JSON.parse(event.data));
+          let data;
+          try {
+            data = JSON.parse(event.data);
+          } catch (error) {}
+          if (typeof data !== 'object') {
+            let key = ws.responseKey || 'data';
+            data = {
+              [key]: event.data
+            };
+          }
+
+          onMessage(data);
         }
       };
       socket.onerror = onError;
@@ -492,6 +513,13 @@ export function render(
       translate
     } as any;
 
+    if (options.enableAMISDebug) {
+      // 因为里面还有 render
+      setTimeout(() => {
+        enableDebug();
+      }, 10);
+    }
+
     store = RendererStore.create({}, options);
     stores[options.session || 'global'] = store;
   }

package/src/locale/de-DE.ts

@@ -75,6 +75,19 @@ register('de-DE', {
   'Date.weekslater': '{{weeks}} Wochen später',
   'Date.yesterday': 'Gestern',
   'dateformat.year': 'YYYY',
+  'DateRange.daysago': 'letzten {{days}} Tage',
+  'DateRange.dayslater': 'innerhalb von {{days}} Tagen',
+  'DateRange.weeksago': 'letzten {{weeks}} Wochen',
+  'DateRange.weekslater': 'innerhalb von {{weeks}} Wochen',
+  'DateRange.monthsago': 'letzten {{months}} Monate',
+  'DateRange.monthslater': 'innerhalb von {{months}} Monaten',
+  'DateRange.quartersago': 'letzten {{quarters}} Quartale',
+  'DateRange.quarterslater': 'innerhalb von {{quarters}} Quartalen',
+  'DateRange.yearsago': 'letzten {{years}} Jahre',
+  'DateRange.yearslater': '{{years}} Jahren',
+  'DateRange.hoursago': 'letzten {{hours}} Stunden',
+  'DateRange.hourslater': 'innerhalb von {{hours}} Stunden',
+  'DateRange.1dayago': 'Vor 1 Tag',
   'DateRange.1daysago': 'Vor 1 Tag',
   'DateRange.7daysago': 'Vor 7 Tagen',
   'DateRange.30daysago': 'Vor 30 Tagen',
@@ -276,5 +289,9 @@ register('de-DE', {
   'FormulaEditor.btnLabel': 'Formel Bearbeiten',
   'FormulaEditor.title': 'Formel Editor',
   'FormulaEditor.variable': 'Variable',
-  'FormulaEditor.function': 'Funktion'
+  'FormulaEditor.function': 'Funktion',
+  'pullRefresh.pullingText': 'Zum Aktualisieren nach unten ziehen...',
+  'pullRefresh.loosingText': 'Zum Aktualisieren freigeben...',
+  'pullRefresh.loadingText': 'Laden...',
+  'pullRefresh.successText': 'Laden erfolgreich'
 });

package/src/locale/en-US.ts

@@ -72,6 +72,19 @@ register('en-US', {
   'Date.weekslater': '{{weeks}} week(s) later',
   'Date.yesterday': 'Yesterday',
   'dateformat.year': 'YYYY',
+  'DateRange.daysago': 'Last {{days}} day(s)',
+  'DateRange.dayslater': 'Within {{days}} day(s)',
+  'DateRange.weeksago': 'Last {{weeks}} week(s)',
+  'DateRange.weekslater': 'Within {{weeks}} week(s)',
+  'DateRange.monthsago': 'Last {{months}} month(s)',
+  'DateRange.monthslater': 'Within {{months}} month(s)',
+  'DateRange.quartersago': 'Last {{quarters}} quarter(s)',
+  'DateRange.quarterslater': 'Within {{quarters}} quarter(s)',
+  'DateRange.yearsago': 'Last {{years}} year(s)',
+  'DateRange.yearslater': 'Within {{years}} year(s)',
+  'DateRange.hoursago': 'Last {{hours}} hour(s)',
+  'DateRange.hourslater': 'Within {{hours}} hour(s)',
+  'DateRange.1dayago': '1 day ago',
   'DateRange.1daysago': '1 day ago',
   'DateRange.7daysago': '7 days ago',
   'DateRange.30daysago': '30 days ago',
@@ -278,5 +291,9 @@ register('en-US', {
   'FormulaEditor.btnLabel': 'Formula Edit',
   'FormulaEditor.title': 'Formula Editor',
   'FormulaEditor.variable': 'Variable',
-  'FormulaEditor.function': 'Function'
+  'FormulaEditor.function': 'Function',
+  'pullRefresh.pullingText': 'Pull down to refresh...',
+  'pullRefresh.loosingText': 'Release to refresh...',
+  'pullRefresh.loadingText': 'Loading...',
+  'pullRefresh.successText': 'Loading success'
 });

package/src/locale/zh-CN.ts

@@ -75,7 +75,20 @@ register('zh-CN', {
   'Date.weekslater': '{{weeks}}周后',
   'Date.yesterday': '昨天',
   'dateformat.year': 'YYYY年',
+  'DateRange.daysago': '最近{{days}}天',
+  'DateRange.dayslater': '{{days}}天以内',
+  'DateRange.weeksago': '最近{{weeks}}周',
+  'DateRange.weekslater': '{{weeks}}周以内',
+  'DateRange.monthsago': '最近{{months}}月',
+  'DateRange.monthslater': '{{months}}月以内',
+  'DateRange.quartersago': '最近{{quarters}}季度',
+  'DateRange.quarterslater': '{{quarters}}季度以内',
+  'DateRange.yearsago': '最近{{years}}年',
+  'DateRange.yearslater': '{{years}}年以内',
+  'DateRange.hoursago': '最近{{hours}}小时',
+  'DateRange.hourslater': '{{hours}}小时以内',
   'DateRange.1daysago': '最近1天',
+  'DateRange.1dayago': '最近1天',
   'DateRange.7daysago': '最近7天',
   'DateRange.30daysago': '最近30天',
   'DateRange.90daysago': '最近90天',
@@ -285,5 +298,9 @@ register('zh-CN', {
   'FormulaEditor.btnLabel': '公式编辑',
   'FormulaEditor.title': '公式编辑器',
   'FormulaEditor.variable': '变量',
-  'FormulaEditor.function': '函数'
+  'FormulaEditor.function': '函数',
+  'pullRefresh.pullingText': '下拉即可刷新...',
+  'pullRefresh.loosingText': '释放即可刷新...',
+  'pullRefresh.loadingText': '加载中...',
+  'pullRefresh.successText': '加载成功'
 });

package/src/renderers/Action.tsx

@@ -753,6 +753,8 @@ export class Action extends React.Component<ActionProps, ActionState> {
       loading,
       body,
       render,
+      onMouseEnter,
+      onMouseLeave,
       classnames: cx,
       classPrefix: ns
     } = this.props;
@@ -768,7 +770,12 @@ export class Action extends React.Component<ActionProps, ActionState> {
           trigger={tooltipTrigger}
           rootClose={tooltipRootClose}
         >
-          <div className={cx('Action', className)} onClick={this.handleAction}>
+          <div
+            className={cx('Action', className)}
+            onClick={this.handleAction}
+            onMouseEnter={onMouseEnter}
+            onMouseLeave={onMouseLeave}
+          >
             {render('body', body) as JSX.Element}
           </div>
         </TooltipWrapper>
@@ -814,6 +821,8 @@ export class Action extends React.Component<ActionProps, ActionState> {
         loadingClassName={loadingClassName}
         loading={loading}
         onClick={this.handleAction}
+        onMouseEnter={onMouseEnter}
+        onMouseLeave={onMouseLeave}
         type={type && ~allowedType.indexOf(type) ? type : 'button'}
         disabled={disabled}
         componentClass={isMenuItem ? 'a' : componentClass}
@@ -877,6 +886,16 @@ export class ActionRenderer extends React.Component<
     }
   }
 
+  @autobind
+  handleMouseEnter(e: React.MouseEvent<any>) {
+    this.props.dispatchEvent(e, this.props.data);
+  }
+
+  @autobind
+  handleMouseLeave(e: React.MouseEvent<any>) {
+    this.props.dispatchEvent(e, this.props.data);
+  }
+
   @autobind
   isCurrentAction(link: string) {
     const {env, data} = this.props;
@@ -892,6 +911,8 @@ export class ActionRenderer extends React.Component<
         env={env}
         disabled={disabled || btnDisabled}
         onAction={this.handleAction}
+        onMouseEnter={this.handleMouseEnter}
+        onMouseLeave={this.handleMouseLeave}
         loading={loading}
         isCurrentUrl={this.isCurrentAction}
         tooltipContainer={

package/src/renderers/App.tsx

@@ -417,4 +417,8 @@ export class AppRenderer extends App {
     scoped.unRegisterComponent(this);
     super.componentWillUnmount();
   }
+
+  setData(values: object) {
+    return this.props.store.updateData(values);
+  }
 }