km-card-layout-core 0.1.18 → 0.1.21
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/dist/index.js +8 -20
- package/dist/ops/changeBackground.js +1 -1
- package/dist/render/tool.js +15 -0
- package/index.ts +2 -19
- package/ops/changeBackground.ts +1 -1
- package/package.json +1 -1
- package/render/tool.ts +21 -0
package/dist/index.js
CHANGED
|
@@ -21,29 +21,17 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
21
21
|
};
|
|
22
22
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
23
23
|
exports.updateElementsStyle = exports.applyBackground = exports.applySpecialStyle = exports.resolveSpecialStyle = exports.DEFAULT_DECOR_COLOR = exports.backgroundChange = void 0;
|
|
24
|
-
exports.buildRenderData = buildRenderData;
|
|
25
|
-
const bindings_1 = require("./bindings");
|
|
26
|
-
const changeBackground_1 = require("./ops/changeBackground");
|
|
27
24
|
__exportStar(require("./interface/index"), exports);
|
|
28
25
|
__exportStar(require("./helpers"), exports);
|
|
29
26
|
__exportStar(require("./layout"), exports);
|
|
30
27
|
__exportStar(require("./data"), exports);
|
|
31
28
|
__exportStar(require("./bindings"), exports);
|
|
32
|
-
var
|
|
33
|
-
Object.defineProperty(exports, "backgroundChange", { enumerable: true, get: function () { return
|
|
34
|
-
Object.defineProperty(exports, "DEFAULT_DECOR_COLOR", { enumerable: true, get: function () { return
|
|
35
|
-
Object.defineProperty(exports, "resolveSpecialStyle", { enumerable: true, get: function () { return
|
|
36
|
-
Object.defineProperty(exports, "applySpecialStyle", { enumerable: true, get: function () { return
|
|
37
|
-
Object.defineProperty(exports, "applyBackground", { enumerable: true, get: function () { return
|
|
38
|
-
Object.defineProperty(exports, "updateElementsStyle", { enumerable: true, get: function () { return
|
|
29
|
+
var changeBackground_1 = require("./ops/changeBackground");
|
|
30
|
+
Object.defineProperty(exports, "backgroundChange", { enumerable: true, get: function () { return changeBackground_1.backgroundChange; } });
|
|
31
|
+
Object.defineProperty(exports, "DEFAULT_DECOR_COLOR", { enumerable: true, get: function () { return changeBackground_1.DEFAULT_DECOR_COLOR; } });
|
|
32
|
+
Object.defineProperty(exports, "resolveSpecialStyle", { enumerable: true, get: function () { return changeBackground_1.resolveSpecialStyle; } });
|
|
33
|
+
Object.defineProperty(exports, "applySpecialStyle", { enumerable: true, get: function () { return changeBackground_1.applySpecialStyle; } });
|
|
34
|
+
Object.defineProperty(exports, "applyBackground", { enumerable: true, get: function () { return changeBackground_1.applyBackground; } });
|
|
35
|
+
Object.defineProperty(exports, "updateElementsStyle", { enumerable: true, get: function () { return changeBackground_1.updateElementsStyle; } });
|
|
39
36
|
__exportStar(require("./render/builder"), exports);
|
|
40
|
-
|
|
41
|
-
// 绑定数据
|
|
42
|
-
let renderLayout = (0, bindings_1.applyItemCollectBindings)(layout, items);
|
|
43
|
-
// 设置显示逻辑
|
|
44
|
-
renderLayout = (0, changeBackground_1.setElementVisible)(renderLayout, 'avatar', config.showAvatar);
|
|
45
|
-
renderLayout = (0, changeBackground_1.setElementVisible)(renderLayout, 'logo', config.showLogo);
|
|
46
|
-
// 设置背景
|
|
47
|
-
renderLayout = renderLayout.map((la, index) => (0, changeBackground_1.backgroundChange)(config.currentBg[index], la));
|
|
48
|
-
return renderLayout;
|
|
49
|
-
}
|
|
37
|
+
__exportStar(require("./render/tool"), exports);
|
|
@@ -136,7 +136,7 @@ exports.updateElementsStyle = updateElementsStyle;
|
|
|
136
136
|
const setElementVisible = (layout, key, visible) => {
|
|
137
137
|
return layout.map(la => ({
|
|
138
138
|
...la,
|
|
139
|
-
children: la.children.map(el => (el.
|
|
139
|
+
children: la.children.map(el => (el.key === key ? { ...el, visible } : el)),
|
|
140
140
|
}));
|
|
141
141
|
};
|
|
142
142
|
exports.setElementVisible = setElementVisible;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.buildRenderData = buildRenderData;
|
|
4
|
+
const changeBackground_1 = require("../ops/changeBackground");
|
|
5
|
+
const utils_1 = require("../utils");
|
|
6
|
+
function buildRenderData(layout, items, config) {
|
|
7
|
+
// 绑定数据
|
|
8
|
+
let renderLayout = (0, utils_1.applyItemCollectBindings)(layout, items);
|
|
9
|
+
// 设置显示逻辑
|
|
10
|
+
renderLayout = (0, changeBackground_1.setElementVisible)(renderLayout, 'image', config.showAvatar);
|
|
11
|
+
renderLayout = (0, changeBackground_1.setElementVisible)(renderLayout, 'logo', config.showLogo);
|
|
12
|
+
// 设置背景
|
|
13
|
+
renderLayout = renderLayout.map((la, index) => (0, changeBackground_1.backgroundChange)(config.currentBg[index], la));
|
|
14
|
+
return renderLayout;
|
|
15
|
+
}
|
package/index.ts
CHANGED
|
@@ -6,9 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
import { backgroundChange, setElementVisible } from './ops/changeBackground';
|
|
11
|
-
import { CardLayoutSchema, Config, TemplateItem } from './types';
|
|
9
|
+
|
|
12
10
|
|
|
13
11
|
|
|
14
12
|
export * from './interface/index';
|
|
@@ -25,21 +23,6 @@ export {
|
|
|
25
23
|
updateElementsStyle,
|
|
26
24
|
} from './ops/changeBackground';
|
|
27
25
|
export * from './render/builder';
|
|
26
|
+
export * from './render/tool';
|
|
28
27
|
|
|
29
28
|
|
|
30
|
-
export function buildRenderData(
|
|
31
|
-
layout: CardLayoutSchema[],
|
|
32
|
-
items: TemplateItem[],
|
|
33
|
-
config: Config
|
|
34
|
-
): CardLayoutSchema[] {
|
|
35
|
-
// 绑定数据
|
|
36
|
-
let renderLayout = applyItemCollectBindings(layout, items);
|
|
37
|
-
// 设置显示逻辑
|
|
38
|
-
renderLayout = setElementVisible(renderLayout, 'avatar', config.showAvatar);
|
|
39
|
-
renderLayout = setElementVisible(renderLayout, 'logo', config.showLogo);
|
|
40
|
-
// 设置背景
|
|
41
|
-
renderLayout = renderLayout.map((la, index) =>
|
|
42
|
-
backgroundChange(config.currentBg[index], la)
|
|
43
|
-
);
|
|
44
|
-
return renderLayout;
|
|
45
|
-
}
|
package/ops/changeBackground.ts
CHANGED
|
@@ -174,6 +174,6 @@ export const setElementVisible = (
|
|
|
174
174
|
): CardLayoutSchema[] => {
|
|
175
175
|
return layout.map(la => ({
|
|
176
176
|
...la,
|
|
177
|
-
children: la.children.map(el => (el.
|
|
177
|
+
children: la.children.map(el => (el.key === key ? { ...el, visible } : el)),
|
|
178
178
|
}));
|
|
179
179
|
};
|
package/package.json
CHANGED
package/render/tool.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { CardLayoutSchema, TemplateItem } from "../interface";
|
|
2
|
+
import { backgroundChange, setElementVisible } from "../ops/changeBackground";
|
|
3
|
+
import { Config } from "../types";
|
|
4
|
+
import { applyItemCollectBindings } from "../utils";
|
|
5
|
+
|
|
6
|
+
export function buildRenderData(
|
|
7
|
+
layout: CardLayoutSchema[],
|
|
8
|
+
items: TemplateItem[],
|
|
9
|
+
config: Config
|
|
10
|
+
): CardLayoutSchema[] {
|
|
11
|
+
// 绑定数据
|
|
12
|
+
let renderLayout = applyItemCollectBindings(layout, items);
|
|
13
|
+
// 设置显示逻辑
|
|
14
|
+
renderLayout = setElementVisible(renderLayout, 'image', config.showAvatar);
|
|
15
|
+
renderLayout = setElementVisible(renderLayout, 'logo', config.showLogo);
|
|
16
|
+
// 设置背景
|
|
17
|
+
renderLayout = renderLayout.map((la, index) =>
|
|
18
|
+
backgroundChange(config.currentBg[index], la)
|
|
19
|
+
);
|
|
20
|
+
return renderLayout;
|
|
21
|
+
}
|