amis 1.10.1-beta.0 → 1.10.2

package/lib/store/table.d.ts

@@ -459,7 +459,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -866,7 +868,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -1282,7 +1286,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -1689,7 +1695,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -2100,7 +2108,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -2507,7 +2517,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -2918,7 +2930,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -3325,7 +3339,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -3646,7 +3662,12 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
             trimValues: () => void;
             submit: (fn?: ((values: object) => Promise<any>) | undefined, hooks?: (() => Promise<any>)[] | undefined, failedMessage?: string | undefined, validateErrCb?: (() => void) | undefined) => Promise<any>;
             validate: (hooks?: (() => Promise<any>)[] | undefined, forceValidate?: boolean | undefined) => Promise<boolean>;
-            validateFields: (fields: string[]) => Promise<boolean>;
+            validateFields: (fields: (string | {
+                name: string;
+                rules: {
+                    [propName: string]: any;
+                };
+            })[]) => Promise<boolean>;
             clearErrors: () => void;
             saveRemote: (api: import("../types").Api, data?: object | undefined, options?: import("../types").fetchOptions | undefined) => Promise<any>;
             reset: (cb?: ((data: any) => void) | undefined, resetData?: boolean) => void;
@@ -3847,7 +3868,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -4254,7 +4277,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -4670,7 +4695,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -5077,7 +5104,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -5488,7 +5517,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -5895,7 +5926,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -6306,7 +6339,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -6713,7 +6748,9 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
                     validateOnChange?: boolean | undefined;
                     label?: string | undefined;
                 }) => void;
-                validate: (data: Object, hook?: any) => Promise<boolean>;
+                validate: (data: Object, hook?: any, customRules?: {
+                    [propName: string]: any;
+                } | undefined) => Promise<boolean>;
                 setError: (msg: string | string[], tag?: string) => void;
                 addError: (msg: string | (string | {
                     msg: string;
@@ -7034,7 +7071,12 @@ export declare const TableStore: import("mobx-state-tree").IModelType<{
             trimValues: () => void;
             submit: (fn?: ((values: object) => Promise<any>) | undefined, hooks?: (() => Promise<any>)[] | undefined, failedMessage?: string | undefined, validateErrCb?: (() => void) | undefined) => Promise<any>;
             validate: (hooks?: (() => Promise<any>)[] | undefined, forceValidate?: boolean | undefined) => Promise<boolean>;
-            validateFields: (fields: string[]) => Promise<boolean>;
+            validateFields: (fields: (string | {
+                name: string;
+                rules: {
+                    [propName: string]: any;
+                };
+            })[]) => Promise<boolean>;
             clearErrors: () => void;
             saveRemote: (api: import("../types").Api, data?: object | undefined, options?: import("../types").fetchOptions | undefined) => Promise<any>;
             reset: (cb?: ((data: any) => void) | undefined, resetData?: boolean) => void;

package/lib/themes/ang-ie11.css

@@ -17281,6 +17281,16 @@ input[type=button].a-Button--block {
   user-select: none;
 }
 
+.a-CBPicker-trigger {
+  cursor: pointer;
+  transition: transform 0.2s ease-out;
+  display: flex;
+  color: #4b5563;
+}
+.a-CBPicker-trigger:hover {
+  color: #7266ba;
+}
+
 @keyframes contextMenuInSpecial {
   from {
     transform: scale3d(1, 1, 1);
@@ -17705,7 +17715,6 @@ input[type=button].a-Button--block {
   vertical-align: middle;
 }
 .a-Crud-toolbar-item {
-  margin-left: 0.25rem;
   margin-top: 0.25rem;
   line-height: 1.5;
   height: 1.875rem;
@@ -17713,6 +17722,9 @@ input[type=button].a-Button--block {
   display: inline-flex;
   align-items: center;
 }
+.a-Crud-toolbar-item:not(:first-child) {
+  margin-left: 0.25rem;
+}
 .a-Crud-toolbar-item--left {
   float: left;
 }
@@ -17745,7 +17757,6 @@ input[type=button].a-Button--block {
 
 @media (min-width: 576px) {
   .a-Crud-toolbar {
-    margin-left: calc(0.25rem * -1);
     margin-top: calc(0.25rem * -1);
     flex-basis: 0;
     flex-grow: 1;
@@ -17758,11 +17769,132 @@ input[type=button].a-Button--block {
     clear: both;
   }
   .a-Crud-toolbar-item {
+    line-height: 1.5;
+    height: 1.875rem;
+    vertical-align: middle;
+  }
+  .a-Crud-toolbar-item:not(:first-child) {
     margin-left: 0.25rem;
+  }
+  .a-Crud-toolbar-item--left {
+    float: left;
+  }
+  .a-Crud-toolbar-item--right {
+    float: right;
+  }
+  .a-Crud-actions > * + .a-Button,
+.a-Crud-actions > * + .a-Button--disabled-wrap {
+    margin-left: 0.25rem;
+  }
+}
+.a-Crud2 {
+  position: relative;
+}
+.a-Crud2-selection, .a-Crud2-toolbar, .a-Crud2-body {
+  margin-bottom: 0.75rem;
+}
+.a-Crud2-selectionLabel {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: 0.25rem;
+}
+.a-Crud2-value {
+  cursor: pointer;
+  vertical-align: middle;
+  user-select: none;
+  line-height: calc( 1.4285714286 * 0.875rem - 0.125rem );
+  display: inline-block;
+  font-size: 0.75rem;
+  color: #23b7e5;
+  background: #d9f3fb;
+  border: 0.0625rem solid #abe4f6;
+  border-radius: 2px;
+  margin-right: 0.25rem;
+  margin-top: 0.25rem;
+}
+.a-Crud2-value:hover {
+  background: #c2ecf9;
+}
+.a-Crud2-value.is-disabled {
+  pointer-events: none;
+  opacity: 0.65;
+}
+.a-Crud2-valueIcon {
+  cursor: pointer;
+  border-right: 0.0625rem solid #abe4f6;
+  padding: 1px 5px;
+}
+.a-Crud2-valueIcon:hover {
+  background: #c2ecf9;
+}
+.a-Crud2-valueLabel {
+  padding: 0 0.25rem;
+}
+.a-Crud2-selectionClear {
+  display: inline-block;
+  cursor: pointer;
+  user-select: none;
+  margin-left: 0.25rem;
+  margin-top: 0.25rem;
+  vertical-align: middle;
+}
+.a-Crud2-toolbar-item {
+  margin-top: 0.25rem;
+  line-height: 1.5;
+  height: 1.875rem;
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+}
+.a-Crud2-toolbar-item:not(:first-child) {
+  margin-left: 0.25rem;
+}
+.a-Crud2-toolbar-item--left {
+  float: left;
+}
+.a-Crud2-toolbar-item--right {
+  float: right;
+}
+.a-Crud2-actions > * + .a-Button,
+.a-Crud2-actions > * + .a-ButtonGroup,
+.a-Crud2-actions > * + .a-ButtonToolbar {
+  margin-left: 0.25rem;
+}
+.a-Crud2-statistics {
+  line-height: 1.875rem;
+  vertical-align: middle;
+}
+.a-Crud2-pageSwitch .a-Select {
+  margin-left: 0.25rem;
+}
+.a-Crud2-pager {
+  align-self: flex-start;
+}
+.a-Crud2-filter {
+  margin-bottom: 0.75rem;
+}
+
+@media (min-width: 576px) {
+  .a-Crud-toolbar {
+    margin-top: calc(0.25rem * -1);
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+  .a-Crud-toolbar::before, .a-Crud-toolbar::after {
+    display: table;
+    content: "";
+  }
+  .a-Crud-toolbar::after {
+    clear: both;
+  }
+  .a-Crud-toolbar-item {
     line-height: 1.5;
     height: 1.875rem;
     vertical-align: middle;
   }
+  .a-Crud-toolbar-item:not(:first-child) {
+    margin-left: 0.25rem;
+  }
   .a-Crud-toolbar-item--left {
     float: left;
   }
@@ -20125,7 +20257,7 @@ input[type=button].a-Button--block {
 }
 .a-Table-v2.a-Table-resizable .a-Table-table > thead > tr > th .a-Table-thead-resizable {
   position: absolute;
-  width: 1px;
+  width: 3px;
   right: 0;
   top: 0;
   bottom: 0;
@@ -20172,8 +20304,6 @@ input[type=button].a-Button--block {
 }
 .a-Table-v2 .a-TableCell-searchBtn {
   cursor: pointer;
-  position: static;
-  transform: translateY(-50%);
   color: #99a6ad;
   margin-left: 0.5rem;
 }
@@ -22332,7 +22462,7 @@ input[type=button].a-Button--block {
   justify-content: flex-start;
 }
 .a-InputBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -22660,7 +22790,7 @@ input[type=button].a-Button--block {
   font-size: 0.875rem;
   flex-wrap: wrap;
   justify-content: flex-start;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   padding: 0 0.3125rem;
   min-height: 1.875rem;
   align-items: center;
@@ -22668,7 +22798,7 @@ input[type=button].a-Button--block {
   position: relative;
 }
 .a-ResultBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -22692,9 +22822,6 @@ input[type=button].a-Button--block {
 .a-ResultBox--borderNone {
   border-color: transparent !important;
 }
-.a-ResultBox.is-clearable {
-  padding-right: 3.4375rem;
-}
 .a-ResultBox.is-error {
   border-color: #f05050;
   background: #fff;
@@ -22732,7 +22859,26 @@ input[type=button].a-Button--block {
 .a-ResultBox.a-NestedSelect {
   padding-left: 0.75rem;
 }
+.a-ResultBox-value-wrap {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.a-ResultBox-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.a-ResultBox-actions > *:first-child {
+  margin-left: 0.3125rem;
+}
+.a-ResultBox-actions > *:not(:last-child) {
+  margin-right: 0.3125rem;
+}
 .a-ResultBox-singleValue {
+  padding: 0 calc(0.5rem - 0.1875rem);
+  flex-grow: 1;
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
@@ -22766,10 +22912,7 @@ input[type=button].a-Button--block {
   margin-left: auto;
   text-decoration: none;
   height: 100%;
-  padding: 0.25rem;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   background-color: unset;
 }
 .a-ResultBox-clear svg {
@@ -22844,6 +22987,7 @@ input[type=button].a-Button--block {
 }
 .a-ResultBox-placeholder {
   color: #99a6ad;
+  flex-grow: 1;
   user-select: none;
 }
 .a-ResultBox > input {
@@ -24087,7 +24231,7 @@ fieldset.a-Collapse--lg:after {
   justify-content: flex-start;
 }
 .a-TextControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -24412,7 +24556,7 @@ input.a-TextControl-input-password {
   justify-content: flex-start;
 }
 .a-TextareaControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -25721,6 +25865,9 @@ input.a-TextControl-input-password {
 .a-Select:focus {
   box-shadow: none;
 }
+.a-Select .a-PopOver.a-Select-popover .a-Select-menu {
+  overflow-x: hidden;
+}
 .a-Select .a-PopOver.a-Select-popover .a-Select-menu .a-Select-option {
   height: 2rem;
   line-height: 1.375rem;
@@ -28557,7 +28704,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: flex-start;
 }
 .a-TreeSelect-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -29093,7 +29240,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: flex-start;
 }
 .a-Picker-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -29928,7 +30075,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: flex-start;
 }
 .a-IconPickerControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;