km-card-layout-core 0.1.26 → 0.1.27

package/types.d.ts

@@ -10,17 +10,15 @@ import type {
   CardLayoutInput,
   CardLayoutSchema,
   TemplateItem,
-  TemplateBackground
+  TemplateBackground,
 } from './interface';
-
-export type Config = {
-  showAvatar: boolean;
-  showLogo: boolean;
-  /**
-   * 当前背景 (0 为正面背景 1 为背面背景)
-   */
-  currentBg: TemplateBackground[];
-};
+import type {
+  AbsoluteLayoutDefinition,
+  LayoutPanelElement,
+  TextElement,
+  ImageElement,
+  IconElement,
+} from './interface/elements';
 
 export function addUnit(
   value: string | number | undefined | null,
@@ -48,9 +46,7 @@ export function roundToInt(value: number): number;
 
 export function getAbsLayout(
   el: CardElement
-): import('./interface/elements').AbsoluteLayoutDefinition | null;
-
-export function collectBindings(elements?: CardElement[]): string[];
+): AbsoluteLayoutDefinition | null;
 
 export function normalizeId(
   id?: string | number | null
@@ -58,11 +54,6 @@ export function normalizeId(
 
 export function parseLayout(input: unknown): CardLayoutSchema | null;
 
-export function areChildrenEqual(
-  a?: CardLayoutSchema | null,
-  b?: CardLayoutSchema | null
-): boolean;
-
 export function resolveBindingValue(
   binding: string | undefined,
   rootData: Record<string, any>
@@ -74,76 +65,14 @@ export function stripLayoutBindings(
 
 export function applyItemCollectBindings(
   layouts: CardLayoutSchema[],
-  items?: import('./interface/data/payload').TemplateItem[]
+  items?: TemplateItem[]
 ): CardLayoutSchema[];
 
-export function getTemplateItems(
-  ids: string,
-  items: import('./interface/data/payload').TemplateItem[]
-): import('./interface/data/payload').TemplateItem[];
-
-export function getTemplateBackgrounds(
-  ids: string,
-  items: import('./interface/data/payload').TemplateBackground[]
-): import('./interface/data/payload').TemplateBackground[];
-
 export function backgroundChange(
-  bg: import('./interface/data/payload').TemplateBackground,
+  bg: TemplateBackground,
   layout: CardLayoutSchema
 ): CardLayoutSchema;
 
-export const DEFAULT_DECOR_COLOR: string;
-
-export function resolveSpecialStyle(
-  element: CardElement,
-  background?: {
-    id?: string | number;
-    name?: string;
-    imageUrl?: string;
-    mainColor?: string;
-    specialColors?: { name: string | string[]; color: string }[];
-  } | null
-): Record<string, any>;
-
-export function applySpecialStyle(
-  element: CardElement,
-  background?: {
-    id?: string | number;
-    name?: string;
-    imageUrl?: string;
-    mainColor?: string;
-    specialColors?: { name: string | string[]; color: string }[];
-  } | null,
-  options?: { overrideExisting?: boolean; defaultDecorColor?: string }
-): CardElement;
-
-export function applyBackground(
-  layout: CardLayoutSchema,
-  background: {
-    id?: string | number;
-    name?: string;
-    imageUrl?: string;
-    mainColor?: string;
-    specialColors?: { name: string | string[]; color: string }[];
-  },
-  options?: {
-    previousBackground?: {
-      id?: string | number;
-      name?: string;
-      imageUrl?: string;
-      mainColor?: string;
-      specialColors?: { name: string | string[]; color: string }[];
-    } | null;
-    defaultDecorColor?: string;
-  }
-): CardLayoutSchema;
-
-export function updateElementsStyle(
-  layout: CardLayoutSchema,
-  targetIds: string[],
-  updates: Record<string, any>
-): CardLayoutSchema;
-
 export function buildWrapperStyle(
   el: CardElement,
   unit?: 'px' | 'rpx'
@@ -164,35 +93,39 @@ export function buildBaseContentStyle(
 ): Record<string, any>;
 
 export function buildPanelContentStyle(
-  el: import('./interface/elements').LayoutPanelElement,
+  el: LayoutPanelElement,
   unit?: 'px' | 'rpx'
 ): Record<string, any>;
 
 export function buildTextContentStyle(
-  el: import('./interface/elements').TextElement,
+  el: TextElement,
+  unit?: 'px' | 'rpx'
+): Record<string, any>;
+
+export function buildTextValueStyle(
+  el: TextElement,
   unit?: 'px' | 'rpx'
 ): Record<string, any>;
 
 export function buildImageContentStyle(
-  el: import('./interface/elements').ImageElement
+  el: ImageElement,
+  unit?: 'px' | 'rpx'
 ): Record<string, any>;
 
 export function getTextValue(
-  el: import('./interface/elements').TextElement,
+  el: TextElement,
   data?: Record<string, any>
 ): string;
 
 export function getImageSrc(
-  el: import('./interface/elements').ImageElement,
+  el: ImageElement,
   data?: Record<string, any>
 ): string;
 
-export function getIconName(
-  el: import('./interface/elements').IconElement
-): string;
+export function getIconName(el: IconElement): string;
 
 export function buildTextIconMeta(
-  el: import('./interface/elements').TextElement,
+  el: TextElement,
   unit?: 'px' | 'rpx'
 ): {
   name: string;
@@ -203,8 +136,12 @@ export function buildTextIconMeta(
   wrapperStyle?: Record<string, any>;
 } | null;
 
-export function buildRenderData (
+export function handleSpecialFields(data: { user: Record<string, any> }): {
+  user: Record<string, any>;
+};
+
+
+export function processCardLayout(
   layout: CardLayoutSchema[],
-  items: TemplateItem[],
-  config: Config
-): CardLayoutSchema[];
+  data: Data
+): CardLayoutSchema[];

package/dist/interface/context.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/interface/render.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/render/builder.js

@@ -1,209 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildRenderResult = exports.buildRenderNodes = void 0;
-const helpers_1 = require("../helpers");
-const layout_1 = require("../layout");
-const data_1 = require("../data");
-const buildCardStyle = (layout, unit) => (0, helpers_1.styleObjectToString)({
-    width: (0, helpers_1.addUnit)(layout.width, unit),
-    height: (0, helpers_1.addUnit)(layout.height, unit),
-    color: layout.fontColor,
-    borderRadius: layout.borderRadius !== undefined
-        ? (0, helpers_1.addUnit)(layout.borderRadius, unit)
-        : undefined,
-    padding: layout.padding !== undefined ? (0, helpers_1.addUnit)(layout.padding, unit) : undefined,
-    position: 'relative',
-    overflow: 'hidden',
-    boxSizing: 'border-box',
-    backgroundColor: 'transparent',
-}, unit);
-const buildBackgroundStyle = (layout, unit) => (0, helpers_1.styleObjectToString)({
-    zIndex: layout.backgroundZIndex,
-    borderRadius: layout.borderRadius !== undefined
-        ? (0, helpers_1.addUnit)(layout.borderRadius, unit)
-        : undefined,
-    width: '100%',
-    height: '100%',
-    position: 'absolute',
-    left: 0,
-    top: 0,
-}, unit);
-const buildWrapperStyle = (el, unit) => {
-    const abs = (0, layout_1.getAbsLayout)(el);
-    if (!abs)
-        return '';
-    return (0, helpers_1.styleObjectToString)({
-        position: 'absolute',
-        left: (0, helpers_1.addUnit)(abs.x, unit),
-        top: (0, helpers_1.addUnit)(abs.y, unit),
-        width: (0, helpers_1.addUnit)(abs.width, unit),
-        height: (0, helpers_1.addUnit)(abs.height, unit),
-        zIndex: abs.zIndex,
-        boxSizing: 'border-box',
-    }, unit);
-};
-const buildPanelContentStyle = (el, unit) => (0, helpers_1.styleObjectToString)({
-    position: 'relative',
-    width: '100%',
-    height: '100%',
-    display: 'block',
-    boxSizing: 'border-box',
-    ...(el.style || {}),
-}, unit);
-const buildTextContentStyle = (el, unit) => {
-    var _a, _b, _c;
-    const textAlign = ((_a = el.style) === null || _a === void 0 ? void 0 : _a.textAlign) || el.align || undefined;
-    const style = {
-        ...(el.style || {}),
-        whiteSpace: 'pre-wrap',
-        wordBreak: 'break-word',
-        lineHeight: ((_b = el.style) === null || _b === void 0 ? void 0 : _b.lineHeight) !== undefined && ((_c = el.style) === null || _c === void 0 ? void 0 : _c.lineHeight) !== null
-            ? el.style.lineHeight
-            : '1',
-    };
-    if (textAlign)
-        style.textAlign = textAlign;
-    return (0, helpers_1.styleObjectToString)(style, unit);
-};
-const buildBaseContentStyle = (el, unit) => (0, helpers_1.styleObjectToString)({
-    ...(el.style || {}),
-    boxSizing: 'border-box',
-}, unit);
-const buildImageContentStyle = (el, unit) => {
-    const style = { ...(el.style || {}) };
-    const borderWidth = Number(style.borderWidth);
-    if (Number.isFinite(borderWidth) && borderWidth > 0) {
-        if (!style.borderStyle)
-            style.borderStyle = 'solid';
-        if (!style.borderColor)
-            style.borderColor = '#000000';
-    }
-    return (0, helpers_1.styleObjectToString)(style, unit);
-};
-const buildTextIcon = (el, unit) => {
-    var _a, _b, _c, _d, _e;
-    const icon = el.icon;
-    const enabled = (icon === null || icon === void 0 ? void 0 : icon.enable) === true;
-    if (!icon || !enabled)
-        return undefined;
-    const style = icon.style || 'fill';
-    const baseName = icon.name || el.key || el.binding || el.id;
-    let name;
-    if (style === 'dot')
-        name = 'round';
-    else if (style === 'line')
-        name = baseName ? `${baseName}-line` : undefined;
-    else
-        name = baseName || undefined;
-    if (!name)
-        return undefined;
-    const size = icon.size !== undefined && icon.size !== null
-        ? icon.size
-        : (_a = el.style) === null || _a === void 0 ? void 0 : _a.fontSize;
-    const gap = icon.gap !== undefined && icon.gap !== null ? icon.gap : 4;
-    const color = (_b = icon.color) !== null && _b !== void 0 ? _b : (typeof ((_c = el.style) === null || _c === void 0 ? void 0 : _c.color) === 'string' ? el.style.color : undefined);
-    return {
-        name: `${name}`,
-        text: `${name}`,
-        size: (0, helpers_1.addUnit)(size, unit),
-        gap: (0, helpers_1.addUnit)(gap, unit),
-        color: color,
-        align: icon.align || 'left',
-        wrapperStyle: (0, helpers_1.styleObjectToString)({
-            height: ((_d = el.style) === null || _d === void 0 ? void 0 : _d.lineHeight) || ((_e = el.style) === null || _e === void 0 ? void 0 : _e.fontSize),
-        }, unit),
-    };
-};
-const buildNode = (el, rootData, unit, context) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    if (!el || el.visible === false)
-        return null;
-    const wrapperStyle = buildWrapperStyle(el, unit);
-    if (el.type === 'layout-panel') {
-        return {
-            id: el.id,
-            type: el.type,
-            visible: el.visible,
-            wrapperStyle,
-            contentStyle: buildPanelContentStyle(el, unit),
-            children: (0, exports.buildRenderNodes)(el.children || [], rootData, unit, context),
-        };
-    }
-    const baseStyle = buildBaseContentStyle(el, unit);
-    if (el.type === 'text') {
-        const value = (_b = (_a = (0, data_1.resolveBindingValue)(el.binding, rootData, context)) !== null && _a !== void 0 ? _a : el.defaultValue) !== null && _b !== void 0 ? _b : '';
-        return {
-            id: el.id,
-            type: el.type,
-            wrapperStyle,
-            contentStyle: buildTextContentStyle(el, unit),
-            text: `${value}`,
-            visible: el.visible,
-            icon: buildTextIcon(el, unit),
-        };
-    }
-    if (el.type === 'image') {
-        const src = (_e = (_d = (_c = (0, data_1.resolveBindingValue)(el.binding, rootData, context)) !== null && _c !== void 0 ? _c : el.defaultUrl) !== null && _d !== void 0 ? _d : el.defaultValue) !== null && _e !== void 0 ? _e : '';
-        const mode = el.fit === 'contain' ? 'aspectFit' : 'aspectFill';
-        return {
-            id: el.id,
-            type: el.type,
-            wrapperStyle,
-            contentStyle: buildImageContentStyle(el, unit),
-            src,
-            mode,
-            visible: el.visible,
-        };
-    }
-    if (el.type === 'icon') {
-        const name = (_h = (_g = (_f = (0, data_1.resolveBindingValue)(el.binding, rootData, context)) !== null && _f !== void 0 ? _f : el.name) !== null && _g !== void 0 ? _g : el.defaultValue) !== null && _h !== void 0 ? _h : '';
-        return {
-            id: el.id,
-            type: el.type,
-            wrapperStyle,
-            contentStyle: baseStyle,
-            name: `${name}`,
-            text: `${name}`,
-            visible: el.visible,
-        };
-    }
-    if (el.type === 'custom') {
-        return {
-            id: el.id,
-            type: el.type,
-            wrapperStyle,
-            contentStyle: baseStyle,
-            visible: el.visible,
-        };
-    }
-    return null;
-};
-const buildRenderNodes = (children, rootData, unit = 'px', context = {}) => {
-    if (!Array.isArray(children))
-        return [];
-    const nodes = [];
-    children.forEach(el => {
-        if (!el || el.visible === false)
-            return;
-        const node = buildNode(el, rootData, unit, context);
-        if (node)
-            nodes.push(node);
-    });
-    return nodes;
-};
-exports.buildRenderNodes = buildRenderNodes;
-const buildRenderResult = (layoutInput, dataInput, unit = 'px') => {
-    const layouts = (0, layout_1.normalizeLayout)(layoutInput);
-    return layouts.map(layout => {
-        const cardStyle = buildCardStyle(layout, unit);
-        const bgStyle = buildBackgroundStyle(layout, unit);
-        const renderTree = (0, exports.buildRenderNodes)(layout.children || [], dataInput || {}, unit);
-        return {
-            renderTree,
-            cardStyle,
-            backgroundImage: layout.backgroundImage || '',
-            backgroundStyle: bgStyle,
-        };
-    });
-};
-exports.buildRenderResult = buildRenderResult;

package/dist/render/tool.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildRenderData = buildRenderData;
-const changeBackground_1 = require("../ops/changeBackground");
-const utils_1 = require("../utils");
-function buildRenderData(layout, items, config) {
-    // 绑定数据
-    let renderLayout = (0, utils_1.applyItemCollectBindings)(layout, items);
-    // 设置显示逻辑
-    renderLayout = (0, changeBackground_1.setElementVisible)(renderLayout, 'image', config.showAvatar);
-    renderLayout = (0, changeBackground_1.setElementVisible)(renderLayout, 'logo', config.showLogo);
-    // 设置背景
-    renderLayout = renderLayout.map((la, index) => config.currentBg[index] ? (0, changeBackground_1.backgroundChange)(config.currentBg[index], la) : la);
-    return renderLayout;
-}

package/dist/utils.js

@@ -1,25 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_DECOR_COLOR = exports.resolveSpecialStyle = exports.updateElementsStyle = exports.applyBackground = exports.applySpecialStyle = exports.backgroundChange = void 0;
-__exportStar(require("./bindings"), exports);
-var changeBackground_1 = require("./ops/changeBackground");
-Object.defineProperty(exports, "backgroundChange", { enumerable: true, get: function () { return changeBackground_1.backgroundChange; } });
-Object.defineProperty(exports, "applySpecialStyle", { enumerable: true, get: function () { return changeBackground_1.applySpecialStyle; } });
-Object.defineProperty(exports, "applyBackground", { enumerable: true, get: function () { return changeBackground_1.applyBackground; } });
-Object.defineProperty(exports, "updateElementsStyle", { enumerable: true, get: function () { return changeBackground_1.updateElementsStyle; } });
-Object.defineProperty(exports, "resolveSpecialStyle", { enumerable: true, get: function () { return changeBackground_1.resolveSpecialStyle; } });
-Object.defineProperty(exports, "DEFAULT_DECOR_COLOR", { enumerable: true, get: function () { return changeBackground_1.DEFAULT_DECOR_COLOR; } });

package/render/tool.ts

@@ -1,21 +0,0 @@
-import { CardLayoutSchema, TemplateItem } from '../interface';
-import { backgroundChange, setElementVisible } from '../ops/changeBackground';
-import { Config } from '../types';
-import { applyItemCollectBindings } from '../utils';
-
-export function buildRenderData(
-  layout: CardLayoutSchema[],
-  items: TemplateItem[],
-  config: Config
-): CardLayoutSchema[] {
-  // 绑定数据
-  let renderLayout = applyItemCollectBindings(layout, items);
-  // 设置显示逻辑
-  renderLayout = setElementVisible(renderLayout, 'image', config.showAvatar);
-  renderLayout = setElementVisible(renderLayout, 'logo', config.showLogo);
-  // 设置背景
-  renderLayout = renderLayout.map((la, index) =>
-    config.currentBg[index] ? backgroundChange(config.currentBg[index], la) : la
-  );
-  return renderLayout;
-}

package/utils.ts

@@ -1,13 +0,0 @@
-
-
-export * from './bindings';
-export {
-  backgroundChange,
-  applySpecialStyle,
-  applyBackground,
-  updateElementsStyle,
-  resolveSpecialStyle,
-  DEFAULT_DECOR_COLOR,
-} from './ops/changeBackground';
-
-