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

feat(css): add attribute scoped css without global refresh (#7907)

Browse Source
This commit is contained in:
joshcomley
2019-10-08 13:35:39 +01:00
committed by Martin Yankov
parent 5c9a217bc5
commit f791a403cd
3 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
tns-core-modules/application/application.android.ts
View File

@ -195,13 +195,15 @@ export function run(entry?: NavigationEntry | string) {
_start(entry); _start(entry);
} }
export function addCss(cssText: string): void { export function addCss(cssText: string, attributeScoped?: boolean): void {
notify(<CssChangedEventData>{ eventName: "cssChanged", object: androidApp, cssText: cssText }); notify(<CssChangedEventData>{ eventName: "cssChanged", object: androidApp, cssText: cssText });
if (!attributeScoped) {
const rootView = getRootView(); const rootView = getRootView();
if (rootView) { if (rootView) {
rootView._onCssStateChange(); rootView._onCssStateChange();
} }
} }
}
const CALLBACKS = "_callbacks"; const CALLBACKS = "_callbacks";

3
tns-core-modules/application/application.d.ts vendored
View File

@ -181,8 +181,9 @@ export function loadAppCss();
/** /**
* Adds new values to the application styles. * Adds new values to the application styles.
* @param cssText - A valid styles which will be added to the current application styles. * @param cssText - A valid styles which will be added to the current application styles.
* @param attributeScoped - Whether the styles are attribute scoped. Adding attribute scoped styles will not perform a full application styling refresh.
*/ */
export function addCss(cssText: string): void; export function addCss(cssText: string, attributeScoped?: boolean): void;
/** /**
* This event is raised when application css is changed. * This event is raised when application css is changed.

4
tns-core-modules/application/application.ios.ts
View File

@ -419,13 +419,15 @@ export function run(entry?: string | NavigationEntry) {
_start(entry); _start(entry);
} }
export function addCss(cssText: string): void { export function addCss(cssText: string, attributeScoped?: boolean): void {
notify(<CssChangedEventData>{ eventName: "cssChanged", object: <any>iosApp, cssText: cssText }); notify(<CssChangedEventData>{ eventName: "cssChanged", object: <any>iosApp, cssText: cssText });
if (!attributeScoped) {
const rootView = getRootView(); const rootView = getRootView();
if (rootView) { if (rootView) {
rootView._onCssStateChange(); rootView._onCssStateChange();
} }
} }
}
export function _resetRootView(entry?: NavigationEntry | string) { export function _resetRootView(entry?: NavigationEntry | string) {
createRootFrame.value = false; createRootFrame.value = false;