p85126437
/
amis
forked from p96170835/amis
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

还是能缓存

This commit is contained in:
liaoxuezhi 2019-11-26 19:04:47 +08:00
parent bbb431600d
commit bbbb027fce
2 changed files with 215 additions and 222 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
scss/components/form/_form.scss
View File

@ -7,7 +7,7 @@
}
&--inline {
>.#{$ns}PlainField {
> .#{$ns}PlainField {
display: inline-block;
padding-top: $Form-input-paddingY;
// padding-bottom: $Form-input-paddingY;
@ -22,7 +22,7 @@
max-width: 100%;
position: relative;
>span {
> span {
position: relative;
}
}
@ -60,11 +60,11 @@
.#{$ns}Form-item {
margin-bottom: $Form-item-gap;
.#{$ns}Grid-form>&:last-child {
.#{$ns}Grid-form > &:last-child {
margin-bottom: 0;
}
.#{$ns}Form--inline>&--inline {
.#{$ns}Form--inline > &--inline {
margin-bottom: $Form-item-gap/2;
margin-right: $Form-item-gap/2;
@ -80,19 +80,19 @@
}
&--horizontal {
>.#{$ns}Form-label {
> .#{$ns}Form-label {
text-align: $Form--horizontal-label-align;
white-space: $Form--horizontal-label-whiteSpace;
}
}
&--normal {
>.#{$ns}Form-label {
> .#{$ns}Form-label {
display: block;
}
}
&.is-error>.#{$ns}Form-label {
&.is-error > .#{$ns}Form-label {
color: $danger;
}
}
@ -137,16 +137,17 @@
margin-left: -$Form--horizontal-gutterWidth / 2;
margin-right: -$Form--horizontal-gutterWidth / 2;
>* {
> * {
padding-left: $Form--horizontal-gutterWidth / 2;
padding-right: $Form--horizontal-gutterWidth / 2;
}
>.#{$ns}Form-label,
>.#{$ns}Form-value {
> .#{$ns}Form-label,
> .#{$ns}Form-value {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
width: 0;
}
.#{$ns}Form-itemColumn--xs,
@ -158,7 +159,7 @@
flex-basis: unset;
}
>.#{$ns}Form-label {
> .#{$ns}Form-label {
padding-top: $Form-label-paddingTop;
margin-bottom: 0;
}
@ -196,7 +197,7 @@
display: inline-block;
vertical-align: top;
>.#{$ns}Form-label {
> .#{$ns}Form-label {
padding-top: $Form-label-paddingTop;
margin-bottom: 0;
margin-right: $Form-item-gap/2;
@ -206,19 +207,19 @@
}
}
>.#{$ns}Form-value {
> .#{$ns}Form-value {
display: inline;
>.#{$ns}Form-control {
> .#{$ns}Form-control {
vertical-align: top;
display: inline-block;
}
>.#{$ns}Form-control.#{$ns}InputGroup {
> .#{$ns}Form-control.#{$ns}InputGroup {
display: inline-flex;
}
>.#{$ns}TextControl--withAddOn {
> .#{$ns}TextControl--withAddOn {
display: inline-flex;
}
}
@ -233,7 +234,7 @@
margin-right: -$Form-row-gutterWidth / 2;
align-items: flex-start;
>* {
> * {
padding-left: $Form-row-gutterWidth / 2;
padding-right: $Form-row-gutterWidth / 2;
}
@ -249,14 +250,14 @@
display: flex;
flex-wrap: nowrap;
>.#{$ns}Form-label {
> .#{$ns}Form-label {
display: inline-block;
vertical-align: top;
padding-top: $Form-label-paddingTop;
padding-right: $Form-row-gutterWidth;
}
>.#{$ns}Form-control {
> .#{$ns}Form-control {
flex-basis: 0;
flex-grow: 1;
}

12
src/store/formItem.ts
View File

@ -85,9 +85,6 @@ export const FormItemStore = types
return self.errorData.map(item => item.msg);
}
let lastQueryValue: any;
let lastResult: any = [];
return {
get form(): any {
return getForm();
@ -117,13 +114,8 @@ export const FormItemStore = types
},
getSelectedOptions: (value: any = getValue()) => {
if (value === lastQueryValue) {
return lastResult;
}
lastQueryValue = value;
if (typeof value === 'undefined') {
return (lastResult = []);
return [];
}
const selected = Array.isArray(value)
@ -183,7 +175,7 @@ export const FormItemStore = types
unMatched && selectedOptions.push(unMatched);
});
return (lastResult = selectedOptions);
return selectedOptions;
}
};
})