javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-16 20:11:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: reset css property value when ''" (empty string) is set (#5085)

Browse Source
This commit is contained in:
Stanimira Vlaeva
2017-11-27 09:12:26 -05:00
committed by GitHub
parent 255fedac83
commit db41bec6fe
1 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
tns-core-modules/ui/core/properties/properties.ts
View File

@ -465,17 +465,17 @@ export class CssProperty<T extends Style, U> implements definitions.CssProperty<
const property = this;
function setLocalValue(this: T, value: U): void {
const reset = value === unsetValue;
function setLocalValue(this: T, newValue: U | string): void {
const reset = newValue === unsetValue || newValue === "";
let value: U;
if (reset) {
value = defaultValue;
delete this[sourceKey];
}
else {
} else {
this[sourceKey] = ValueSource.Local;
if (valueConverter && typeof value === "string") {
value = valueConverter(value);
}
value = (valueConverter && typeof newValue === "string") ?
valueConverter(newValue) :
<U>newValue;
}
const oldValue: U = key in this ? this[key] : defaultValue;
@ -533,8 +533,7 @@ export class CssProperty<T extends Style, U> implements definitions.CssProperty<
}
}
function setCssValue(this: T, value: U): void {
const reset = value === unsetValue;
function setCssValue(this: T, newValue: U | string): void {
const currentValueSource: number = this[sourceKey] || ValueSource.Default;
// We have localValueSource - NOOP.
@ -542,13 +541,15 @@ export class CssProperty<T extends Style, U> implements definitions.CssProperty<
return;
}
const reset = newValue === unsetValue || newValue === "";
let value: U;
if (reset) {
value = defaultValue;
delete this[sourceKey];
} else {
if (valueConverter && typeof value === "string") {
value = valueConverter(value);
}
value = valueConverter && typeof newValue === "string" ?
valueConverter(newValue) :
<U>newValue;
this[sourceKey] = ValueSource.Css;
}
@ -716,13 +717,14 @@ export class CssAnimationProperty<T extends Style, U> implements definitions.Css
return {
enumerable, configurable,
get: getsComputed ? function (this: T) { return this[computedValue]; } : function (this: T) { return this[symbol]; },
set(this: T, boxedValue: U) {
set(this: T, boxedValue: U | string) {
const oldValue = this[computedValue];
const oldSource = this[computedSource];
const wasSet = oldSource !== ValueSource.Default;
if (boxedValue === unsetValue) {
const reset = boxedValue === unsetValue || boxedValue === "";
if (reset) {
this[symbol] = unsetValue;
if (this[computedSource] === propertySource) {
// Fallback to lower value source.
@ -856,7 +858,7 @@ export class InheritedCssProperty<T extends Style, U> extends CssProperty<T, U>
const property = this;
const setFunc = (valueSource: ValueSource) => function (this: T, boxedValue: any): void {
const reset = boxedValue === unsetValue;
const reset = boxedValue === unsetValue || boxedValue === "";
const currentValueSource: number = this[sourceKey] || ValueSource.Default;
if (reset) {
// If we want to reset cssValue and we have localValue - return;
@ -1309,4 +1311,4 @@ export function getComputedCssValues(view: ViewBase): [string, any][] {
result.push(["bottom", "auto"]);
result.push(["right", "auto"]);
return result;
}
}