zova-module-a-style 5.0.38 → 5.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/src/.metadata/index.ts +3 -0
- package/src/bean/bean.theme.ts +7 -1
- package/src/config/config.ts +2 -2
- package/src/index.ts +0 -1
- package/src/monkey.ts +16 -11
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "zova-module-a-style",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.41",
|
|
4
4
|
"title": "a-style",
|
|
5
5
|
"zovaModule": {
|
|
6
6
|
"capabilities": {
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"csx": "^10.0.2",
|
|
42
42
|
"typestyle": "^2.4.0"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "82b2bc7d0826a0e8619a318de31e078fcaf47825"
|
|
45
45
|
}
|
package/src/.metadata/index.ts
CHANGED
|
@@ -12,6 +12,9 @@ declare module 'zova' {
|
|
|
12
12
|
export * from '../config/config.js';
|
|
13
13
|
import { config } from '../config/config.js';
|
|
14
14
|
/** config: end */
|
|
15
|
+
/** monkey: begin */
|
|
16
|
+
export * from '../monkey.js';
|
|
17
|
+
/** monkey: end */
|
|
15
18
|
/** scope: begin */
|
|
16
19
|
import { BeanScopeBase, Scope, TypeModuleResource } from 'zova';
|
|
17
20
|
|
package/src/bean/bean.theme.ts
CHANGED
|
@@ -87,7 +87,7 @@ export class BeanTheme extends BeanModelBase<ScopeModule> {
|
|
|
87
87
|
async _applyTheme() {
|
|
88
88
|
const name = this.name;
|
|
89
89
|
const dark = this._dark;
|
|
90
|
-
const theme =
|
|
90
|
+
const theme = await this._loadThemeBean(name);
|
|
91
91
|
if (!theme) {
|
|
92
92
|
this.name = this.scope.config.defaultTheme;
|
|
93
93
|
await this._applyTheme();
|
|
@@ -102,6 +102,12 @@ export class BeanTheme extends BeanModelBase<ScopeModule> {
|
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
104
|
|
|
105
|
+
async _loadThemeBean(name: string): Promise<ThemeBase | undefined> {
|
|
106
|
+
const moduleName = name.split('.')[0];
|
|
107
|
+
if (!this.app.meta.module.exists(moduleName)) return;
|
|
108
|
+
return await this.bean._getBean(name as any, true);
|
|
109
|
+
}
|
|
110
|
+
|
|
105
111
|
toggleDark() {
|
|
106
112
|
this.darkMode = !this._dark;
|
|
107
113
|
this._updateDark(); // immediate
|
package/src/config/config.ts
CHANGED
|
@@ -2,8 +2,8 @@ import { IBeanRecord, ZovaApplication } from 'zova';
|
|
|
2
2
|
|
|
3
3
|
export const config = (_app: ZovaApplication) => {
|
|
4
4
|
return {
|
|
5
|
-
defaultStyle: 'home-
|
|
6
|
-
defaultTheme: 'home-
|
|
5
|
+
defaultStyle: 'home-base.style.default' as keyof IBeanRecord,
|
|
6
|
+
defaultTheme: 'home-base.theme.default' as keyof IBeanRecord,
|
|
7
7
|
defaultThemeHandler: '' as keyof IBeanRecord,
|
|
8
8
|
model: {
|
|
9
9
|
themename: {
|
package/src/index.ts
CHANGED
package/src/monkey.ts
CHANGED
|
@@ -1,14 +1,23 @@
|
|
|
1
1
|
import { style, createTypeStyle, TypeStyle } from 'typestyle';
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
BeanBase,
|
|
4
|
+
BeanContainer,
|
|
5
|
+
BeanSimple,
|
|
6
|
+
IMonkeyAppInitialize,
|
|
7
|
+
IMonkeyAppInitialized,
|
|
8
|
+
IMonkeyBeanInit,
|
|
9
|
+
SymbolModuleName,
|
|
10
|
+
useComputed,
|
|
11
|
+
} from 'zova';
|
|
3
12
|
import { ScopeModule, __ThisModule__ } from './.metadata/this.js';
|
|
4
13
|
import { BeanTheme } from './bean/bean.theme.js';
|
|
5
14
|
|
|
6
|
-
export class Monkey extends BeanSimple implements
|
|
15
|
+
export class Monkey extends BeanSimple implements IMonkeyAppInitialize, IMonkeyAppInitialized, IMonkeyBeanInit {
|
|
7
16
|
private _beanTheme: BeanTheme;
|
|
8
17
|
private _beanStyleDefault: any;
|
|
9
18
|
private _styleInstance: TypeStyle;
|
|
10
19
|
|
|
11
|
-
async appInitialize(
|
|
20
|
+
async appInitialize() {
|
|
12
21
|
if (process.env.SERVER) {
|
|
13
22
|
this._styleInstance = createTypeStyle();
|
|
14
23
|
this.ctx.meta.ssr.context.onRendered(() => {
|
|
@@ -23,14 +32,13 @@ export class Monkey extends BeanSimple implements IMonkeySystem {
|
|
|
23
32
|
});
|
|
24
33
|
}
|
|
25
34
|
}
|
|
26
|
-
async appInitialized(
|
|
35
|
+
async appInitialized() {
|
|
27
36
|
// theme
|
|
28
|
-
this._beanTheme = await bean._getBean(BeanTheme, true);
|
|
37
|
+
this._beanTheme = await this.bean._getBean(BeanTheme, true);
|
|
29
38
|
// style default
|
|
30
|
-
const scope: ScopeModule = await bean.getScope(__ThisModule__);
|
|
31
|
-
this._beanStyleDefault = await bean._getBean(scope.config.defaultStyle, true);
|
|
39
|
+
const scope: ScopeModule = await this.bean.getScope(__ThisModule__);
|
|
40
|
+
this._beanStyleDefault = await this.bean._getBean(scope.config.defaultStyle, true);
|
|
32
41
|
}
|
|
33
|
-
async appReady(_bean: BeanContainer) {}
|
|
34
42
|
async beanInit(bean: BeanContainer, beanInstance: BeanBase) {
|
|
35
43
|
const self = this;
|
|
36
44
|
bean.defineProperty(beanInstance, '$style', {
|
|
@@ -64,9 +72,6 @@ export class Monkey extends BeanSimple implements IMonkeySystem {
|
|
|
64
72
|
},
|
|
65
73
|
});
|
|
66
74
|
}
|
|
67
|
-
async beanInited(_bean: BeanContainer, _beanInstance: BeanBase) {}
|
|
68
|
-
beanDispose(_bean: BeanContainer, _beanInstance: BeanBase) {}
|
|
69
|
-
beanDisposed(_bean: BeanContainer, _beanInstance: BeanBase) {}
|
|
70
75
|
|
|
71
76
|
_patchStyle(beanInstance: BeanBase, props, ...args) {
|
|
72
77
|
if (process.env.DEV) {
|