amis 1.10.1-beta.1 → 1.10.1

package/src/store/crud.ts

@@ -494,6 +494,16 @@ export const CRUDStore = ServiceStore.named('CRUDStore')
       self.unSelectedItems.replace(items);
     };
 
+    const updateSelectData = (selected: Array<any>, unSelected: Array<any>) => {
+      self.selectedItems.replace(selected);
+      self.unSelectedItems.replace(unSelected);
+      // 同步到data中，使filter等部分也能拿到
+      self.reInitData({
+        selectedItems: selected,
+        unSelectedItems: unSelected
+      });
+    };
+
     const setInnerModalOpened = (value: boolean) => {
       self.hasInnerModalOpen = value;
     };
@@ -515,7 +525,7 @@ export const CRUDStore = ServiceStore.named('CRUDStore')
         ...self.pristine,
         items: rowsData,
         count: 0,
-        total: 0
+        total: rowsData.length
       };
 
       self.items.replace(rowsData);
@@ -555,7 +565,19 @@ export const CRUDStore = ServiceStore.named('CRUDStore')
       });
     };
 
+    const getData = (superData: any): any => {
+      return createObject(superData, {
+        total: self.total,
+        page: self.page,
+        items: self.items.concat(),
+        selectedItems: self.selectedItems.concat(),
+        unSelectedItems: self.unSelectedItems.concat()
+      });
+    };
+
     return {
+      getData,
+      updateSelectData,
       setPristineQuery,
       updateQuery,
       fetchInitData,

package/src/store/form.ts

@@ -9,6 +9,7 @@ import {
   Instance
 } from 'mobx-state-tree';
 import debounce from 'lodash/debounce';
+import find from 'lodash/find';
 import {ServiceStore} from './service';
 import {FormItemStore, IFormItemStore, SFormItemStore} from './formItem';
 import {Api, ApiObject, fetchOptions, Payload} from '../types';
@@ -326,7 +327,6 @@ export const FormStore = ServiceStore.named('FormStore')
         }
 
         if (!json.ok) {
-
           if (json.status === 422 && json.errors) {
             setFormItemErrors(json.errors);
 
@@ -359,22 +359,23 @@ export const FormStore = ServiceStore.named('FormStore')
           );
           if (!ret?.dispatcher?.prevented) {
             self.msg &&
-            getEnv(self).notify(
-              'success',
-              self.msg,
-              json.msgTimeout !== undefined
-                ? {
-                    closeButton: true,
-                    timeout: json.msgTimeout
-                  }
-                : undefined
-            );
+              getEnv(self).notify(
+                'success',
+                self.msg,
+                json.msgTimeout !== undefined
+                  ? {
+                      closeButton: true,
+                      timeout: json.msgTimeout
+                    }
+                  : undefined
+              );
           }
           return json.data;
         }
       } catch (e) {
         self.markSaving(false);
-        let ret = options && options.onFailed && options.onFailed(e.response || {});
+        let ret =
+          options && options.onFailed && options.onFailed(e.response || {});
         if (ret?.then) {
           ret = yield ret;
         }
@@ -486,7 +487,7 @@ export const FormStore = ServiceStore.named('FormStore')
           if (dispatcher?.then) {
             dispatcher = yield dispatcher;
           }
-          if (!dispatcher?.prevented){
+          if (!dispatcher?.prevented) {
             msg && env.notify('error', msg);
           }
           throw new Error(msg);
@@ -548,20 +549,26 @@ export const FormStore = ServiceStore.named('FormStore')
       return self.valid;
     });
 
-    const validateFields: (fields: Array<string>) => Promise<boolean> = flow(
-      function* validateFields(fields: Array<string>) {
-        const items = self.items.concat();
-        let result: Array<boolean> = [];
-        for (let i = 0, len = items.length; i < len; i++) {
-          let item = items[i] as IFormItemStore;
+    const validateFields: (
+      fields: Array<string | {name: string; rules: {[propName: string]: any}}>
+    ) => Promise<boolean> = flow(function* validateFields(
+      fields: Array<string | {name: string; rules: {[propName: string]: any}}>
+    ) {
+      const items = self.items.concat();
+      const normalizedfields = fields.map(field =>
+        typeof field === 'string' ? {name: field, rules: {}} : field
+      );
+      let result: Array<boolean> = [];
+      for (let i = 0, len = items.length; i < len; i++) {
+        let item = items[i] as IFormItemStore;
+        const field = find(normalizedfields, field => field.name === item.name);
 
-          if (~fields.indexOf(item.name)) {
-            result.push(yield item.validate(self.data));
-          }
+        if (field) {
+          result.push(yield item.validate(self.data, undefined, field.rules));
         }
-        return result.every(item => item);
       }
-    );
+      return result.every(item => item);
+    });
 
     function clearErrors() {
       const items = self.items.concat();

package/src/store/formItem.ts

@@ -326,70 +326,83 @@ export const FormItemStore = StoreNode.named('FormItemStore')
     }
 
     let validateCancel: Function | null = null;
-    const validate: (data: Object, hook?: any) => Promise<boolean> = flow(
-      function* validate(data: Object, hook?: any) {
-        if (self.validating && !isEffectiveApi(self.validateApi, data)) {
-          return self.valid;
-        }
-
-        self.validating = true;
-        clearError();
-        if (hook) {
-          yield hook();
-        }
+    const validate: (
+      data: Object,
+      hook?: any,
+      /**
+       * customRules主要是为了支持action.require的验证方式
+       * 这样可以基于不同的action实现不同的校验规则
+       */
+      customRules?: {[propName: string]: any}
+    ) => Promise<boolean> = flow(function* validate(
+      data: Object,
+      hook?: any,
+      customRules?: {[propName: string]: any}
+    ) {
+      if (self.validating && !isEffectiveApi(self.validateApi, data)) {
+        return self.valid;
+      }
 
-        addError(
-          doValidate(self.tmpValue, data, self.rules, self.messages, self.__)
-        );
+      self.validating = true;
+      clearError();
+      if (hook) {
+        yield hook();
+      }
 
-        if (!self.errors.length && isEffectiveApi(self.validateApi, data)) {
-          if (validateCancel) {
-            validateCancel();
-            validateCancel = null;
-          }
+      addError(
+        doValidate(
+          self.tmpValue,
+          data,
+          customRules ? str2rules(customRules) : self.rules,
+          self.messages,
+          self.__
+        )
+      );
 
-          const json: Payload = yield getEnv(self).fetcher(
-            self.validateApi,
-            /** 如果配置validateApi，需要将用户最新输入同步到数据域内 */
-            createObject(data, {[self.name]: self.tmpValue}),
-            {
-              cancelExecutor: (executor: Function) =>
-                (validateCancel = executor)
-            }
-          );
+      if (!self.errors.length && isEffectiveApi(self.validateApi, data)) {
+        if (validateCancel) {
+          validateCancel();
           validateCancel = null;
+        }
 
-          if (!json.ok && json.status === 422 && json.errors) {
-            addError(
-              String(
-                json.errors || json.msg || `表单项「${self.name}」校验失败`
-              )
-            );
+        const json: Payload = yield getEnv(self).fetcher(
+          self.validateApi,
+          /** 如果配置validateApi，需要将用户最新输入同步到数据域内 */
+          createObject(data, {[self.name]: self.tmpValue}),
+          {
+            cancelExecutor: (executor: Function) => (validateCancel = executor)
           }
+        );
+        validateCancel = null;
+
+        if (!json.ok && json.status === 422 && json.errors) {
+          addError(
+            String(json.errors || json.msg || `表单项「${self.name}」校验失败`)
+          );
         }
+      }
 
-        self.validated = true;
+      self.validated = true;
 
-        if (self.unique && self.form?.parentStore?.storeType === 'ComboStore') {
-          const combo = self.form.parentStore as IComboStore;
-          const group = combo.uniques.get(self.name) as IUniqueGroup;
+      if (self.unique && self.form?.parentStore?.storeType === 'ComboStore') {
+        const combo = self.form.parentStore as IComboStore;
+        const group = combo.uniques.get(self.name) as IUniqueGroup;
 
-          if (
-            group.items.some(
-              item =>
-                item !== self &&
-                self.tmpValue !== undefined &&
-                item.value === self.tmpValue
-            )
-          ) {
-            addError(self.__('Form.unique'));
-          }
+        if (
+          group.items.some(
+            item =>
+              item !== self &&
+              self.tmpValue !== undefined &&
+              item.value === self.tmpValue
+          )
+        ) {
+          addError(self.__('Form.unique'));
         }
-
-        self.validating = false;
-        return self.valid;
       }
-    );
+
+      self.validating = false;
+      return self.valid;
+    });
 
     function setError(msg: string | Array<string>, tag: string = 'builtin') {
       clearError();

package/src/store/list.ts

@@ -233,6 +233,14 @@ export const ListStore = iRendererStore
       }
     }
 
+    function clearAll() {
+      self.selectedItems.clear();
+    }
+
+    function selectAll() {
+      self.selectedItems.replace(self.checkableItems);
+    }
+
     function toggle(item: IItem) {
       if (!item.checkable) {
         return;
@@ -289,6 +297,8 @@ export const ListStore = iRendererStore
       initItems,
       updateSelected,
       toggleAll,
+      clearAll,
+      selectAll,
       toggle,
       clear,
       setOrderByInfo,

package/src/types.ts

@@ -114,7 +114,8 @@ export interface Action extends Button {
     | 'step-submit'
     | 'selectAll'
     | 'changeTabKey'
-    | 'click';
+    | 'click'
+    | 'stopAutoRefresh';
   api?: Api;
   asyncApi?: Api;
   payload?: any;

package/src/utils/icon.tsx

@@ -3,6 +3,7 @@
  */
 
 import React from 'react';
+import {getIcon, Icon} from '../components/icons';
 import {ClassNamesFn} from '../theme';
 
 /**
@@ -17,10 +18,18 @@ export const generateIcon = (
   className?: string,
   classNameProp?: string
 ) => {
+  if (!icon) {
+    return null;
+  }
+
   if (React.isValidElement(icon)) {
     return icon;
   }
 
+  if (getIcon(icon)) {
+    return <Icon icon={icon} className={cx(className, icon, classNameProp)} />;
+  }
+
   const isURLIcon = icon?.indexOf('.') !== -1;
 
   return icon ? (