km-card-layout-core 0.1.11 → 0.1.14

package/utils.ts

@@ -1,141 +1,44 @@
-import type { CardElement, CardLayoutSchema, TemplateItem } from './interface';
-import { TemplateBackground } from './interface/data/payload';
-
-
-export function backgroundChange(
-  bg: TemplateBackground,
-  layout: CardLayoutSchema
-): CardLayoutSchema {
-  const toNameArray = (name?: string | string[]) => {
-    if (Array.isArray(name)) return name.filter(Boolean);
-    if (!name) return [];
-    return `${name}`
-      .split(',')
-      .map(n => n.trim())
-      .filter(Boolean);
-  };
-
-  const applySpecialColor = (el: CardElement): CardElement => {
-    const extras = bg.fontColorExtra || [];
-    if (!extras.length) return el;
-
-    const keys: string[] = [];
-    if (el.binding) keys.push(String(el.binding));
-    if (el.id) keys.push(String(el.id));
-    if (el.type === 'icon') keys.push('icon');
-    if (el.type === 'custom') keys.push('decor');
-
-    const matched = extras.find(sc =>
-      toNameArray(sc.name).some(n => keys.some(k => k?.startsWith(n)))
-    );
-    if (!matched) return el;
-
-    const baseStyle = { ...(el.style || {}) };
-    if (el.type === 'custom') {
-      return { ...el, style: { ...baseStyle, backgroundColor: matched.color } };
-    }
-    return { ...el, style: { ...baseStyle, color: matched.color } };
-  };
-
-  const traverse = (children: CardElement[] = []): CardElement[] =>
-    children.map(el => {
-      if (!el) return el;
-      if (el.type === 'layout-panel') {
-        return {
-          ...el,
-          children: traverse(el.children || []),
-        };
-      }
-      return applySpecialColor(el);
-    });
-
-  return {
-    ...layout,
-    backgroundImage: bg.imgUrl,
-    fontColor: bg.fontColor || layout.fontColor,
-    children: traverse(layout.children || []),
-  };
-}
-
-export function stripLayoutBindings(
-  layouts: CardLayoutSchema[] = []
-): CardLayoutSchema[] {
-  const targetLayouts = Array.isArray(layouts) ? layouts : [];
-  const stripElement = (el: CardElement): CardElement => {
-    const { binding: _b, defaultValue: _d, ...rest } = el as any;
-    if (el.type === 'layout-panel') {
-      return {
-        ...rest,
-        children: (el.children || []).map(stripElement),
-      } as CardElement;
-    }
-    return rest as CardElement;
-  };
-
-  return targetLayouts.map(layout => ({
-    ...layout,
-    children: (layout.children || []).map(stripElement),
-  }));
-}
-
-/**
- * 应用元素数据绑定字段
- * @param layouts 布局
- * @param items 绑定元素数据
- * @returns
- */
-export function applyItemCollectBindings(
-  layouts: CardLayoutSchema[] = [],
-  items: TemplateItem[] = []
-): CardLayoutSchema[] {
-  const targetLayouts = Array.isArray(layouts) ? layouts : [];
-  const metaMap = new Map<string, TemplateItem>();
-  const metaList = Array.isArray(items) ? items : [];
-  metaList.forEach(item => {
-    if (item && item.id !== undefined && item.id !== null) {
-      metaMap.set(String(item.id), item);
-    }
-  });
-
-  const assignBinding = (el: CardElement): CardElement => {
-    const meta = metaMap.get(String(el.id));
-    const binding =
-      meta && meta.bind !== undefined && meta.bind !== null
-        ? meta.bind
-        : el.binding;
-    const defaultValue =
-      meta && meta.default !== undefined ? meta.default : el.defaultValue;
-    const key = meta && meta.key !== undefined ? meta.key : el.key;
-    const base: any = { ...el };
-    if (binding !== undefined) base.binding = binding;
-    else delete base.binding;
-    if (defaultValue !== undefined) base.defaultValue = defaultValue;
-    else delete base.defaultValue;
-    if (key !== undefined) base.key = key;
-    else delete base.key;
-
-    if (el.type === 'layout-panel') {
-      return {
-        ...base,
-        children: (el.children || []).map(assignBinding),
-      } as CardElement;
-    }
-    return base as CardElement;
-  };
-
-  return targetLayouts.map(layout => ({
-    ...layout,
-    children: (layout.children || []).map(assignBinding),
-  }));
-}
-
-export function getTemplateItems(ids: string, items: TemplateItem[]) {
-  const idArray = ids.split(',').map(id => id.trim());
-  return items.filter(item => idArray.includes(String(item.id)));
-}
-
-
-export function getTemplateBackgrounds(ids: string, items: TemplateBackground[]){
-  const idArray = ids.split(',').map(id => id.trim());
-  return items.filter(item => idArray.includes(String(item.id)));
-}
+import {
+  applyItemCollectBindings,
+  backgroundChange,
+  CardLayoutSchema,
+  TemplateBackground,
+  TemplateItem,
+} from 'km-card-layout-core';
+import { setElementVisible } from './ops/changeBackground';
+
+export * from './bindings';
+export {
+  backgroundChange,
+  applySpecialStyle,
+  applyBackground,
+  updateElementsStyle,
+  resolveSpecialStyle,
+  DEFAULT_DECOR_COLOR,
+} from './ops/changeBackground';
+
+export type Config = {
+  showAvatar: boolean;
+  showLogo: boolean;
+  /**
+   * 当前背景 (0 为正面背景 1 为背面背景)
+   */
+  currentBg: TemplateBackground[];
+};
+
+
+export const buildRenderData = (
+  layout: CardLayoutSchema[],
+  items: TemplateItem[],
+  dataInput: Record<string, any>,
+  config: Config
+): CardLayoutSchema[] => {
+  // 绑定数据
+  let renderLayout = applyItemCollectBindings(layout, items);
+  // 设置显示逻辑
+  renderLayout = setElementVisible(renderLayout, 'avatar', config.showAvatar);
+  renderLayout = setElementVisible(renderLayout, 'logo', config.showLogo);
+  // 设置背景
+  renderLayout = renderLayout.map((la,index) => backgroundChange(config.currentBg[index], la));
+  return renderLayout;
+};